
  

  
  

  
  
  
  
    


@layer base {
  
  body, :host {
    /* Color */
    --white: #ffffff;
--black: #000000;
--trans: #00000000;
--neutral-50: #fafafa;
--neutral-100: #f5f5f5;
--neutral-200: #e5e5e5;
--neutral-300: #d4d4d4;
--neutral-400: #a3a3a3;
--neutral-500: #737373;
--neutral-600: #525252;
--neutral-700: #404040;
--neutral-800: #262626;
--neutral-900: #171717;
--neutral-950: #0a0a0a;
    /* Fonts */
    --font-sans: 'Inter',sans-serif;

    /* Font size */
    
    /* Font weight */
    
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .rltzo {
    flex:1;
  }
      

      
        
      
      
  .cUgfcO {
    display:table-row;
  text-align:right;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cowtlB {
    display:flex;
  row-gap:8px;
  column-gap:8px;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .fCBZFq {
    display:table-cell;
  font-weight:600;
  white-space:nowrap;
  }
      

      
        
      
      
  .CAxJS {
    width:100%;
  font-size:;
  background:white;
  box-shadow:0px 2px 4px 0px #00000020;
  font-family:;
  padding-top:6cqi;
  aspect-ratio:1/1.41;
  padding-left:6cqi;
  padding-right:6cqi;
  padding-bottom:6cqi;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .chhaFa {
    color:#ffffff;
  cursor:pointer;
  font-size:14px;
  background:#0a0a0a;
  transition:all 300ms ease;
  font-weight:500;
  padding-top:8px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:8px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
  .chhaFa:hover {
    opacity:0.9;
  }
      

        
      
      
  .bBUHWn {
    width:auto;
  height:30px;
  }
      

      
        
      
      
  .dbnKjZ {
    display:table-cell;
  }
      

      
        
      
      
  .dDyDQR {
    width:100%;
  display:table-cell;
  }
      

      
        
      
      
  .bTEnPg {
    color:var(--neutral-500);
  font-size:1em;
  font-weight:600;
  }
      

      
        
      
      
  .ekPIWl {
    display:table-row;
  }
      

      
        
      
      
  .bjRDtD {
    display:table;
  table-layout:auto;
  border-spacing:0.5em;
  }
      

      
        
      
      
  .cZtZXa {
    color:#0a0a0a;
  cursor:pointer;
  font-size:14px;
  background:#e5e5e5;
  transition:all 300ms ease;
  font-weight:500;
  padding-top:8px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:8px;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
  .cZtZXa:hover {
    opacity:0.9;
  }
      

        
      
      
  .frQUin {
    border-bottom-color:var(--neutral-200);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .duGXRn {
    width:1em;
  height:1em;
  }
      

      
        
      
      
  .bMHfdH {
    width:100%;
  display:table-cell;
  text-align:left;
  }
      

      
        
      
      
  .dcinPo {
    flex:1;
  row-gap:1em;
  column-gap:1em;
  }
      

      
        
      
      
  .bfUqgH {
    top:0px;
  color:var(--neutral-900);
  height:50px;
  display:flex;
  z-index:1;
  position:sticky;
  background:white;
  align-items:center;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  justify-content:space-between;
  border-bottom-color:#e5e5e5;
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .fEiEEi {
    font-weight:600;
  }
      

      
        
      
      
  .DGHNZ {
    flex:1;
  row-gap:1em;
  column-gap:1em;
  flex-direction:row;
  }
      

      
        
      
      
  .dUrPyX {
    height:16px;
  border-left-color:var(--neutral-200);
  border-left-style:solid;
  border-left-width:1px;
  }
      

      
        
      
      
  .bLnVds {
    display:flex;
  row-gap:1em;
  font-size:;
  column-gap:1em;
  align-items:flex-start;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .fkfqaF {
    width:30%;
  display:table;
  background:var(--neutral-50);
  padding-top:0.5em;
  padding-left:0.5em;
  table-layout:auto;
  padding-right:0.5em;
  border-spacing:0.5em;
  padding-bottom:0.5em;
  border-top-left-radius:1em;
  border-top-right-radius:1em;
  border-bottom-left-radius:1em;
  border-bottom-right-radius:1em;
  }
      

      
        
      
      
  .dAEzZ {
    width:100%;
  display:table;
  border-spacing:1em;
  }
      

      
        
      
      
  .fPQFu {
    flex:1;
  width:100%;
  display:flex;
  font-size:;
  max-width:800px;
  align-items:center;
  font-family:;
  aspect-ratio:1/1.41;
  container-name:paper;
  container-type:inline-size;
  justify-content:flex-start;
  border-top-left-radius:;
  border-top-right-radius:;
  border-bottom-left-radius:;
  border-bottom-right-radius:;
  }
      

      
        
      
      
  .GZOgO {
    font-size:14px;
  font-weight:600;
  }
      

      
        
      
      
  .bdCJiz {
    display:flex;
  row-gap:0.5em;
  font-size:;
  column-gap:0.5em;
  align-items:center;
  justify-content:flex-start;
  }
      

      
        
      
      
  .fskptm {
    display:flex;
  row-gap:0.5em;
  font-size:;
  column-gap:0.5em;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  .xAnNm {
    display:flex;
  row-gap:8px;
  column-gap:8px;
  align-items:center;
  flex-direction:row;
  justify-content:flex-end;
  }
      

      
        
      
      
  .fifGXw {
    font-size:3em;
  font-weight:600;
  }
      

      
        
      
      
  .cQTeGz {
    row-gap:1em;
  font-size:1.6cqi;
  column-gap:1em;
  font-family:;
  padding-top:;
  padding-bottom:;
  }
      

      
        
      
      
  .UkDXO {
    display:flex;
  row-gap:1em;
  font-size:;
  column-gap:1em;
  align-items:flex-start;
  flex-direction:row;
  justify-content:flex-end;
  }
      

      
        
      
      
  .eZRgSL {
    flex:1;
  width:100%;
  display:flex;
  background:#f5f5f5;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .eMGJKb {
    row-gap:2em;
  column-gap:2em;
  flex-direction:row;
  }
      

      
        
      
      
  .cbTpli {
    top:0.1em;
  left:0px;
  right:0px;
  height:3em;
  position:absolute;
  background:var(--neutral-50);
  border-top-left-radius:0.5em;
  border-top-right-radius:0.5em;
  border-bottom-left-radius:0.5em;
  border-bottom-right-radius:0.5em;
  }
      

      
        
      
      
  .eCFgfw {
    color:var(--foreground);
  width:100%;
  height:100%;
  display:flex;
  background: var(--gray-100);
  overflow-y:auto;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:center;
  }
      

      
        
      
      
  .OPjhq {
    width:30%;
  display:flex;
  background:var(--neutral-50);
  align-items:flex-end;
  padding-top:1em;
  padding-left:1em;
  padding-right:1em;
  flex-direction:row;
  padding-bottom:1em;
  justify-content:space-between;
  border-top-left-radius:1em;
  border-top-right-radius:1em;
  border-bottom-left-radius:1em;
  border-bottom-right-radius:1em;
  }
      

      
        
      
      
  .bYESWD {
    flex:1;
  width:100%;
  container-name:content;
  container-type:inline-size;
  }
      

      
        
      
      
  .fkbrfh {
    display:table-row;
  z-index:1;
  font-weight:600;
  }
      

      
        
      
      
  .efxMVS {
    display:flex;
  row-gap:0.5em;
  column-gap:0.5em;
  align-items:flex-end;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .eUgGJy {
    font-size:1em;
  font-weight:600;
  }
      

      
        
      
      
  .dGzopa {
    font-size:2em;
  font-weight:500;
  }
      

      
        
      