
  

  
  

  
  
  
  
    


@layer base {
  
  body, :host {
    /* Color */
    --background: var(--neutral-950);
--foreground: var(--neutral-200);
--card: var(--neutral-900);
--card-foreground: var(--neutral-100);
--popover: var(--neutral-800);
--popover-foreground: var(--neutral-100);
--primary: var(--neutral-200);
--primary-foreground: var(--neutral-900);
--secondary: var(--neutral-800);
--secondary-foreground: var(--neutral-100);
--muted: var(--neutral-800);
--muted-foreground: var(--neutral-400);
--accent: var(--neutral-700);
--accent-foreground: var(--neutral-100);
--destructive: oklch(70.4% .191 22.216);
--border: oklch(100% 0 0/.1);
--input: oklch(100% 0 0/.15);
--ring: var(--neutral-500);
--sidebar: var(--neutral-900);
--light-background: #ffffff;
--light-foreground: var(--neutral-950);
--light-card: var(--neutral-100);
--light-card-foreground: var(--neutral-950);
--light-popover: var(--neutral-100);
--light-popover-foreground: var(--neutral-950);
--light-primary: var(--neutral-900);
--light-primary-foreground: var(--neutral-50);
--light-secondary: var(--neutral-100);
--light-secondary-foreground: var(--neutral-900);
--light-muted: var(--neutral-100);
--light-muted-foreground: var(--neutral-500);
--light-accent: var(--neutral-50);
--light-accent-foreground: var(--neutral-900);
--light-destructive: oklch(57.7% .245 27.325);
--light-border: var(--neutral-200);
--light-input: var(--neutral-200);
--light-ring: var(--neutral-400);
--light-sidebar: oklch(98.5% 0 0);
--neutral-50: oklch(0.99 0.00 0);
--neutral-100: oklch(0.97 0.00 0);
--neutral-200: oklch(0.92 0.00 0);
--neutral-300: oklch(0.87 0.00 0);
--neutral-400: oklch(0.72 0.00 0);
--neutral-500: oklch(0.56 0.00 0);
--neutral-600: oklch(0.44 0.00 0);
--neutral-700: oklch(0.37 0.00 0);
--neutral-800: oklch(0.27 0.00 0);
--neutral-900: oklch(0.20 0.00 0);
--neutral-950: oklch(0.14 0.00 0);
--blue: #1447e6;
    /* Fonts */
    --font-inter: 'Inter',sans-serif;

    /* Font size */
    --h4: clamp(1.125rem, 1.05rem + 0.375vw, 1.25rem);;
--t-20: 1.25rem;
--t-18: 1.125rem;
--t-16: 1rem;
--t-14: 0.875rem;
--t-12: 0.75rem;
    /* Font weight */
    --regular: 400;
--medium: 500;
--semibold: 600;
--bold: 700;
    /* 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 */
    --space-1: clamp(0.25rem, 0.25rem + 0vw, 0.25rem);;
--space-2: clamp(0.35rem, 0.344rem + 0.03vw, 0.37rem);;
--space-3: clamp(0.49rem, 0.47rem + 0.1vw, 0.56rem);;
--space-4: clamp(0.69rem, 0.65rem + 0.2vw, 0.83rem);;
--space-5: clamp(0.96rem, 0.882rem + 0.39vw, 1.23rem);;
--space-6: clamp(1.34rem, 1.198rem + 0.71vw, 1.84rem);;
--space-7: clamp(1.88rem, 1.634rem + 1.23vw, 2.74rem);;
--space-8: clamp(2.64rem, 2.228rem + 2.06vw, 4.08rem);;
--site-margin: clamp(1rem, 0.428rem + 2.86vw, 3rem);;
--font-family: Geist;
--radius: 0.5rem;
    /* 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;
    }
  }
}

      
  .dUSpVS {
    color:var(--foreground);
  width:100%;
  height:100%;
  display:flex;
  row-gap:var(--space-4);
  column-gap:var(--space-4);
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .dUfJOx {
    width:4rem;
  background:var(--light-muted);
  aspect-ratio:1/1;
  border-top-left-radius:99vw;
  border-top-right-radius:99vw;
  border-bottom-left-radius:99vw;
  border-bottom-right-radius:99vw;
  }
      

      
        
      
      
  .IGXxQ {
    width:100%;
  height:100%;
  object-fit:cover;
  aspect-ratio:1/1;
  border-top-left-radius:99vw;
  border-top-right-radius:99vw;
  border-bottom-left-radius:99vw;
  border-bottom-right-radius:99vw;
  }
      

      
        
      
      
  .Playground\:-limQgkVYTKnfPNfwWjQN {
    width:1.5rem;
  height:1.5rem;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dMSJkT {
    padding-left:4px;
  padding-right:4px;
  }
      

      
        
      
      
  .evlwbe {
    width:100%;
  height:32px;
  display:flex;
  padding:8px;
  row-gap:8px;
  font-size:14px;
  column-gap:8px;
  align-items:center;
  font-weight:400;
  line-height:16px;
  user-select:none;
  border-radius:6px;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
  .evlwbe:hover {
    background:color-mix(in oklab, var(--input) 50%, transparent);
  }
      


  .evlwbe.strech {
    display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      


  .evlwbe.tall {
    height:auto;
  }
      


  .evlwbe.destructive {
    color:var(--destructive);
  }
      


  .evlwbe.destructive:hover {
    color:var(--destructive);
  background:color-mix(in srgb, var(--destructive) 15%, transparent);
  }
      

        
      
      
  
      

      
        
      
      
  .ceTVlv {
    padding-top:var(--space-6);
  padding-left:var(--space-6);
  padding-right:var(--space-6);
  padding-bottom:var(--space-6);
  }
      

      
        
      
      
  
      

      
        
      
      
  .bOsNyg {
    row-gap:var(--space-2);
  column-gap:var(--space-2);
  padding-top:var(--space-5);
  border-color:var(--border);
  border-style:solid;
  border-width:1px;
  padding-left:var(--space-5);
  padding-right:var(--space-5);
  padding-bottom:var(--space-5);
  border-top-left-radius:var(--radius);
  border-top-right-radius:var(--radius);
  border-bottom-left-radius:var(--radius);
  border-bottom-right-radius:var(--radius);
  }
      

      
        
      
      
  
      

      
        
      
      
  .clDUJo {
    width:fit-content;
  row-gap:var(--space-3);
  column-gap:var(--space-3);
  max-height:100%;
  padding-top:4px;
  padding-left:4px;
  padding-right:4px;
  padding-bottom:4px;
  }
      

      
        
      
      
  .bwBFbt {
    width:100%;
  display:flex;
  min-width:7rem;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .buEbQY {
    width:fit-content;
  min-width:max-content;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dUbGgX {
    width:100%;
  display:flex;
  align-items:center;
  padding-top:4px;
  padding-bottom:4px;
  justify-content:center;
  }
      

      
        
      
      
  .AYiRk {
    width:100%;
  height:1px;
  background:var(--border);
  }
      

      
        
      
      
  
      

      
        
      
      
  .QbPbF {
    width:100%;
  display:flex;
  row-gap:var(--space-4);
  column-gap:var(--space-4);
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .fGIZdm {
    font-size:var(--t-16);
  font-weight:var(--medium);
  }
      

      
        
      
      
  .bURQAl {
    color:var(--primary-foreground);
  width:fit-content;
  cursor:default;
  display:flex;
  row-gap:4px;
  font-size:12px;
  background:var(--primary);
  column-gap:4px;
  align-items:center;
  font-weight:var(--medium);
  line-height:16px;
  padding-top:2px;
  border-color:var(--popover);
  border-style:solid;
  border-width:1px;
  padding-left:6px;
  padding-right:6px;
  flex-direction:row;
  padding-bottom:2px;
  justify-content:center;
  border-top-left-radius:99vw;
  border-top-right-radius:99vw;
  border-bottom-left-radius:99vw;
  border-bottom-right-radius:99vw;
  }
      

      
  .bURQAl.secondary {
    color:var(--foreground);
  background:var(--popover);
  border-color:var(--popover);
  border-style:solid;
  border-width:1px;
  }
      


  .bURQAl.outline {
    color:var(--foreground);
  background:#ffffff00;
  border-color:var(--border);
  border-style:solid;
  border-width:1px;
  }
      


  .bURQAl.error {
    color:var(--destructive);
  }
      


  .bURQAl.primary {
    color:var(--background);
  background:var(--foreground);
  border-color:var(--foreground);
  border-style:solid;
  border-width:1px;
  }
      

        
      
      
  .bHPPWu {
    color:var(--destructive);
  width:12px;
  height:12px;
  }
      

      
        
      
      
  .RgdEF {
    width:12px;
  height:12px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dYMfMj {
    color:var(--foreground);
  display:flex;
  }
      

      
        
      
      
  .dWHiGv {
    width:100%;
  height:100%;
  animation:none running animation-bqoSpJ cubic-bezier(0.42, 0.03, 0.66, 0.06) 2s normal infinite;
  background:var(--popover);
  }
      

      
        
                  @keyframes animation-bqoSpJ {
                    
                        0% {
                          opacity: 0.5;
                        }
                        

                        50% {
                          opacity: 0.9;
                        }
                        

                        100% {
                          opacity: 0.5;
                        }
                        
                  }
                  
      
      
  .client_activity_feed\:1nkXUWVvjglTD25e7K6TF {
    width:100%;
  height:4rem;
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem;
  border-bottom-left-radius:0.5rem;
  border-bottom-right-radius:0.5rem;
  }
      

      
        
      
      
  .bPQgxQ {
    flex:1;
  width:100%;
  }
      

      
        
      
      
  .ceXIUm {
    display:flex;
  align-items:flex-start;
  padding-top:1rem;
  padding-bottom:1rem;
  justify-content:center;
  }
      

      
        
      
      
  .bQjHtd {
    top:0px;
  left:0px;
  width:0px;
  height:0px;
  position:absolute;
  }
      

      
        
      
      
  
      

      
        
      
      
  .kVmap {
    top:0px;
  color:var(--card-foreground);
  width:100%;
  height:4rem;
  display:flex;
  row-gap:12px;
  background:var(--card);
  column-gap:12px;
  min-height:2rem;
  align-items:flex-start;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:flex-start;
  border-top-left-radius:var(--radius);
  border-top-right-radius:var(--radius);
  border-bottom-left-radius:var(--radius);
  border-bottom-right-radius:var(--radius);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bOiTcx {
    font-weight:var(--medium);
  }
      

      
        
      
      
  .deiYMa {
    width:4px;
  height:100%;
  background:var(--muted-foreground);
  border-top-left-radius:99vw;
  border-top-right-radius:99vw;
  border-bottom-left-radius:99vw;
  border-bottom-right-radius:99vw;
  }
      

      
        
      
      
  .dQKqeE {
    width:100%;
  display:flex;
  row-gap:var(--space-3);
  flex-wrap:wrap;
  column-gap:var(--space-3);
  flex-direction:row;
  }
      

      
        
      
      
  .rltzo {
    flex:1;
  }
      

      
        
      
      
  .evtRTb {
    display:flex;
  row-gap:var(--space-3);
  flex-wrap:wrap;
  column-gap:var(--space-3);
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fdcbmp {
    width:10rem;
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  flex-direction:column;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .ddNrSp {
    flex:1;
  width:100%;
  font-style:italic;
  }
      

      
        
      
      
  .boZoWz {
    display:flex;
  row-gap:0.25rem;
  column-gap:0.25rem;
  }
      

      
        
      
      
  .dwjdXG {
    width:4px;
  height:100%;
  background:var(--muted-foreground);
  min-height:1.25rem;
  border-top-left-radius:99vw;
  border-top-right-radius:99vw;
  border-bottom-left-radius:99vw;
  border-bottom-right-radius:99vw;
  }
      

      
        
      
      
  .cwsAKh {
    font-size:var(--t-20);
  font-weight:var(--semibold);
  }
      

      
        
      
      
  .bNCIXW {
    display:flex;
  row-gap:2rem;
  column-gap:2rem;
  align-items:flex-start;
  padding-top:1rem;
  flex-direction:row;
  padding-bottom:1rem;
  justify-content:flex-start;
  border-bottom-color:var(--border);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
          @media (max-width: 800px) {
            
  .bNCIXW {
    display:flex;
  row-gap:0.5rem;
  column-gap:0.5rem;
  align-items:flex-start;
  flex-direction:column;
  justify-content:flex-start;
  }
      

          }
          
        
      
      
  .client_activity_feed\:eYCDHwCZfozb8tS1vetDA {
    width:1.25rem;
  height:1.25rem;
  }
      

      
        
      
      
  .dwrWhf {
    color:var(--muted-foreground);
  font-size:var(--t-14);
  text-align:left;
  }
      

      
        
      
      
  .dgcBig {
    color:var(--muted-foreground);
  font-size:var(--t-14);
  font-style:italic;
  font-weight:var(--regular);
  padding-bottom:0.25rem;
  }
      

      
        
      
      
  .cCYXsI {
    width:100%;
  }
      

      
        
      
      
  .fwssIB {
    color:var(--destructive);
  }
      

      
        
      
      
  .HeGyI {
    color:var(--foreground);
  width:fit-content;
  font-size:14px;
  background:var(--secondary);
  line-height:20px;
  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;
  }
      

      
  .HeGyI.left {
    color:var(--background);
  background:var(--foreground);
  }
      

        
      
      
  .eEClbE {
    width:fit-content;
  display:flex;
  max-width:80%;
  align-items:center;
  flex-direction:row;
  justify-content:flex-end;
  }
      

      
  .eEClbE.left {
    display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

        
      
      
  .zkffb {
    display:flex;
  row-gap:3px;
  column-gap:3px;
  align-items:flex-end;
  justify-content:flex-start;
  }
      

      
  .zkffb.left {
    display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

        
      
      
  .bjvMlu {
    color:var(--muted-foreground);
  font-size:12px;
  font-weight:400;
  }
      

      
        
      
      
  .mMNEm {
    width:2rem;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dsqFbq {
    display:flex;
  row-gap:0.5rem;
  column-gap:0.5rem;
  padding-top:1rem;
  flex-direction:column;
  }
      

      
        
      
      
  .eSgIED {
    font-size:var(--t-14);
  }
      

      
        
      
      
  .bDtKBh {
    display:flex;
  row-gap:0.5rem;
  column-gap:0.5rem;
  align-items:center;
  padding-top:0.25rem;
  flex-direction:row;
  padding-bottom:0.25rem;
  justify-content:flex-start;
  }
      

      
        
      
      
  .fDRCTc {
    flex:1;
  width:100%;
  display:flex;
  row-gap:1rem;
  column-gap:1rem;
  align-items:flex-start;
  padding-top:0.5rem;
  padding-left:0.5rem;
  flex-direction:row;
  padding-bottom:0.5rem;
  justify-content:flex-start;
  }
      

      
        
      
      
  .fEycKP {
    width:16px;
  height:16px;
  }
      

      
        
      
      
  .fFARmk {
    color:var(--muted-foreground);
  }
      

      
        
      
      
  .dropdown_select\:Od0VhuiUVpNet8Wdpcg-h {
    width:100%;
  }
      

      
        
      
      
  .dropdown_select\:hRdeE--1IFDvGfnh22Ija {
    display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dTrccL {
    color:var(--foreground);
  width:16px;
  height:16px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .BLRYk {
    width:100%;
  display:flex;
  row-gap:var(--space-2);
  flex-wrap:wrap;
  column-gap:var(--space-2);
  align-items:flex-start;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .dzclh {
    color:var(--muted-foreground);
  width:7rem;
  height:28px;
  display:flex;
  row-gap:var(--space-1);
  font-size:var(--t-14);
  column-gap:var(--space-1);
  transition:all 200ms ease;
  align-items:center;
  padding-left:4px;
  padding-right:4px;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
  .dzclh:hover {
    color:var(--foreground);
  }
      

        
      
      
  .miBti {
    flex:1;
  width:100%;
  height:28px;
  font-size:14px;
  max-width:100%;
  background:#ffffff00;
  overflow-x:clip;
  overflow-y:clip;
  padding-top:0px;
  border-color:#00000000;
  border-style:solid;
  border-width:0px;
  padding-left:24px;
  padding-right:0px;
  padding-bottom:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  }
      

      
  .miBti:focus {
    box-shadow:0px 0px 0px 0px #00000000;
  border-color:#00000000;
  border-style:solid;
  border-width:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  }
      

        
      
      
  .ctbjLm {
    top:0px;
  left:0px;
  color:var(--muted-foreground);
  width:28px;
  height:28px;
  display:flex;
  z-index:3;
  position:absolute;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .lNUaA {
    width:1rem;
  height:1rem;
  overflow-x:clip;
  overflow-y:clip;
  }
      

      
        
      
      
  .feuXeL {
    color:currentcolor;
  width:100%;
  height:100%;
  animation:1s linear 0ms infinite normal none running animation-cYKjHD;
  }
      

      
        
                  @keyframes animation-cYKjHD {
                    
                        0% {
                          rotate: 0deg;
                        }
                        

                        100% {
                          rotate: 360deg;
                        }
                        
                  }
                  
      
      
  
      

      
        
      
      
  .dSnnoF {
    color:var(--foreground);
  width:fit-content;
  cursor:default;
  height:28px;
  display:flex;
  overflow-x:clip;
  overflow-y:clip;
  transition:all 200ms ease;
  align-items:center;
  padding-top:6px;
  user-select:none;
  border-color:var(--border);
  border-style:solid;
  border-width:1px;
  padding-left:10px;
  padding-right:10px;
  flex-direction:row;
  padding-bottom:6px;
  justify-content:center;
  border-top-left-radius:99vw;
  border-top-right-radius:99vw;
  border-bottom-left-radius:99vw;
  border-bottom-right-radius:99vw;
  }
      

      
  .dSnnoF.active {
    height:28px;
  background:color-mix(in oklab,var(--foreground)10%,transparent);
  border-color:var(--foreground);
  border-style:solid;
  border-width:1px;
  padding-left:28px;
  }
      

        
      
      
  .dUwjnL {
    width:11px;
  height:11px;
  }
      

      
        
      
      
  .dmTvJe {
    left:6px;
  color:var(--background);
  width:15px;
  height:15px;
  display:flex;
  opacity:0;
  position:absolute;
  translate:-32px 0 0;
  background:var(--foreground);
  transition:translate 200ms ease  , opacity 200ms ease;
  align-items:center;
  margin-right:8px;
  justify-content:center;
  border-top-left-radius:99vw;
  border-top-right-radius:99vw;
  border-bottom-left-radius:99vw;
  border-bottom-right-radius:99vw;
  }
      

      
  .dmTvJe.active {
    opacity:1;
  translate:0px 0 0;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .WGoxa {
    height:10rem;
  }
      

      
        
      
      
  .SYwdS {
    height:28px;
  display:flex;
  align-items:flex-start;
  padding-left:6px;
  padding-right:6px;
  justify-content:center;
  }
      

      
        
      
      
  .KeUFn {
    flex:1;
  width:100%;
  height:28px;
  font-size:14px;
  max-width:100%;
  background:var(--popover);
  overflow-x:clip;
  overflow-y:clip;
  padding-top:0px;
  border-color:#00000000;
  border-style:solid;
  border-width:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  }
      

      
  .KeUFn:focus {
    background:var(--popover);
  box-shadow:0px 0px 0px 0px #00000000;
  border-color:#00000000;
  border-style:solid;
  border-width:0px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  }
      

        
      
      
  .dSLWwD {
    width:100%t;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .zjvrw {
    color:var(--muted-foreground);
  height:100%;
  display:flex;
  align-items:center;
  aspect-ratio:1/1;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .bSFWAI {
    font-size:var(--t-18);
  font-weight:var(--medium);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bgouzu {
    color:var(--foreground);
  width:8rem;
  border:1px solid
    color-mix(in oklab, var(--primary) 15%, transparent);
  cursor:default;
  height:38px;
  display:flex;
  padding:6px 10px;
  font-size:15px;
  align-items:center;
  font-weight:400;
  line-height:20px;
  padding-left:var(--space-2);
  border-radius:8px;
  padding-right:var(--space-2);
  flex-direction:row;
  justify-content:space-between;
  background-color:color-mix(in oklab, var(--input) 30%, transparent);
  transition-duration:150ms;
  border-top-left-radius:var(--radius);
  border-top-right-radius:var(--radius);
  border-bottom-left-radius:var(--radius);
  border-bottom-right-radius:var(--radius);
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  }
      

      
        
      
      
  .bdqGkP {
    height:25rem;
  display:flex;
  align-items:flex-start;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .ddFXhQ {
    display:flex;
  flex-direction:row;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bsavoI {
    max-height:100%;
  overflow-y:scroll;
  padding-top:var(--space-6);
  padding-left:var(--space-6);
  padding-right:var(--space-6);
  padding-bottom:var(--space-6);
  }
      

      
        
      
      
  .birTng {
    display:flex;
  row-gap:var(--space-2);
  flex-wrap:wrap;
  column-gap:var(--space-2);
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .qJalh {
    row-gap:6px;
  column-gap:6px;
  padding-top:4px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:4px;
  }
      

      
        
      
      
  .fkQShY {
    width:fit-content;
  display:flex;
  align-items:flex-start;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
  .fkQShY.responsive {
    width:100%;
  }
      

        
      
      
  .eJYOAB {
    width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem;
  border-bottom-left-radius:0.5rem;
  border-bottom-right-radius:0.5rem;
  }
      

      
  .eJYOAB.today {
    background:#1c1c1c;
  }
      

        
      
      
  .IAmHU {
    display:flex;
  align-items:center;
  grid-column:span 2;
  justify-content:center;
  }
      

      
        
      
      
  .bCdLkZ {
    width:100%;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  grid-template-columns:repeat(7,1fr);
  }
      

      
        
      
      
  
      

      
        
      
      
  .dApaGJ {
    height:100%;
  }
      

      
        
      
      
  .dKWMdM {
    font-size:14px;
  }
      

      
        
      
      
  .caAttk {
    width:var(--size);
  cursor:pointer;
  height:var(--size);
  display:flex;
  font-size:var(--font-size);
  align-items:center;
  font-weight:400;
  justify-content:center;
  }
      

      
  .caAttk.muted {
    color:color-mix(in srgb, var(--foreground) 40%, transparent);;
  }
      


  .caAttk.inclickable {
    cursor:default;
  }
      


  .caAttk.responsive {
    flex:1;
  width:auto;
  max-height:3rem;
  aspect-ratio:1/1;
  }
      

        
      
      
  
      

      
        
      
      
  .dBBdSI {
    width:100%;
  height:100%;
  opacity:0;
  z-index:10;
  position:absolute;
  font-size:14px;
  }
      

      
        
      
      
  .ebtAlP {
    width:100%;
  height:100%;
  opacity:0;
  z-index:10;
  position:absolute;
  font-size:14px;
  padding-left:4px;
  padding-right:4px;
  }
      

      
        
      
      
  .dLoTax {
    display:flex;
  row-gap:2px;
  column-gap:2px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .wkdKA {
    flex:1;
  display:flex;
  row-gap:var(--space-1);
  column-gap:var(--space-1);
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .enwxOE {
    font-size:15px;
  text-align:center;
  font-weight:var(--medium);
  }
      

      
        
      
      
  
      

      
        
      
      
  .fwvVJF {
    width:100%;
  height:100%;
  display:flex;
  transition:background 150ms ease  , color 150ms ease;
  align-items:center;
  justify-content:center;
  border-top-left-radius:0.5rem;
  border-top-right-radius:0.5rem;
  border-bottom-left-radius:0.5rem;
  border-bottom-right-radius:0.5rem;
  }
      

      
  .fwvVJF.today {
    color:var(--popover-foreground);
  background:var(--popover);
  transition:background 0ms ease;
  }
      


  .fwvVJF.selected {
    color:var(--background);
  background:var(--foreground);
  }
      


  .fwvVJF:hover {
    color:var(--foreground);
  background:var(--card);
  }
      


  .fwvVJF.selected:hover {
    color:var(--background);
  background:var(--foreground);
  }
      


  .fwvVJF.today:hover {
    color:var(--popover-foreground);
  background:var(--card);
  }
      


  .fwvVJF.unavailable {
    color:var(--muted-foreground);
  text-decoration-line:line-through;
  }
      

        
      
      
  .eTyqrP {
    width:100%;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  }
      

      
        
      
      
  .bgWBFd {
    height:100%;
  display:flex;
  align-items:center;
  grid-column:span 2;
  justify-content:center;
  }
      

      
        
      
      
  .cXPNXe {
    color:var(--foreground);
  width:100%;
  height:fit-content;
  }
      

      
        
      
      
  .clTZat {
    flex:1;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eDhFcp {
    display:grid;
  grid-template-columns:repeat(7,1fr);
  }
      

      
        
      
      
  .ekMFFp {
    font-size:12px;
  letter-spacing:0.01em;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      