/* Reference styles, localized and expanded for editing. Original bytes and provenance are preserved in assets/landing-originals. */ /* vietnamese */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/61d97c40f3d01d686c8b.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/e9b5746ac73bfde3fc30.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/796d64d3111fa499ab64.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/landing-originals/95b9ea830580b57efca1.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/landing-originals/1e8edb2fc100b7f74bc3.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/landing-originals/6d0a674525fee3ddd769.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/landing-originals/dbc85b0dfbaaa3152a6b.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/landing-originals/4c2d4a14f23a8ed50857.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/landing-originals/a9d11b3ffe7aa5371e2b.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/landing-originals/e3237528af752eed937e.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/95b9ea830580b57efca1.woff2") format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/1e8edb2fc100b7f74bc3.woff2") format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/6d0a674525fee3ddd769.woff2") format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/dbc85b0dfbaaa3152a6b.woff2") format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } /* vietnamese */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/4c2d4a14f23a8ed50857.woff2") format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/a9d11b3ffe7aa5371e2b.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/e3237528af752eed937e.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } *,:after,:before,::backdrop{ --tw-border-spacing-x:0; --tw-border-spacing-y:0; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:#93c5fd80; --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: } *,:after,:before{ box-sizing:border-box; border:0 solid #e5e7eb} :after,:before{ --tw-content:""} :host,html{ -webkit-text-size-adjust:100%; line-height:1.5; font-family:var(--bfc-font-family),system-ui,sans-serif; font-feature-settings:normal; font-variation-settings:normal; tab-size:4; -webkit-tap-highlight-color:transparent} body{ line-height:inherit; margin:0} hr{ color:inherit; border-top-width:1px; height:0} abbr:where([title]){ -webkit-text-decoration:underline dotted; text-decoration:underline dotted} h1,h2,h3,h4,h5,h6{ font-size:inherit; font-weight:inherit} a{ color:inherit; -webkit-text-decoration:inherit; text-decoration:inherit} b,strong{ font-weight:bolder} code,kbd,pre,samp{ font-feature-settings:normal; font-variation-settings:normal; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; font-size:1em} small{ font-size:80%} sub,sup{ vertical-align:baseline; font-size:75%; line-height:0; position:relative} sub{ bottom:-.25em} sup{ top:-.5em} table{ border-collapse:collapse; border-color:inherit; text-indent:0} button,input,optgroup,select,textarea{ color:inherit; font-feature-settings:inherit; font-variation-settings:inherit; font-family:inherit; font-size:100%; font-weight:inherit; letter-spacing:inherit; line-height:inherit; margin:0; padding:0} button,select{ text-transform:none} button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){ -webkit-appearance:button; background-color:#0000; background-image:none} :-moz-focusring{ outline:auto} :-moz-ui-invalid{ box-shadow:none} progress{ vertical-align:baseline} ::-webkit-inner-spin-button{ height:auto} ::-webkit-outer-spin-button{ height:auto} [type=search]{ -webkit-appearance:textfield; outline-offset:-2px} ::-webkit-search-decoration{ -webkit-appearance:none} ::-webkit-file-upload-button{ -webkit-appearance:button; font:inherit} summary{ display:list-item} blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre,fieldset{ margin:0} fieldset,legend{ padding:0} menu,ol,ul{ margin:0; padding:0; list-style:none} dialog{ padding:0} textarea{ resize:vertical} input::-moz-placeholder{ color:#9ca3af; opacity:1} textarea::-moz-placeholder{ color:#9ca3af; opacity:1} input::placeholder,textarea::placeholder{ color:#9ca3af; opacity:1} [role=button],button{ cursor:pointer} :disabled{ cursor:default} audio,canvas,embed,iframe,img,object,svg,video{ vertical-align:middle; display:block} img,video{ max-width:100%; height:auto} [hidden]:where(:not([hidden=until-found])){ display:none} ul{ list-style-type:disc} ol{ list-style-type:decimal} *,:after,:before{ --tw-ring-color:color-mix(in srgb,var(--bfc-primary) 85%,transparent)} :focus-visible:not([contenteditable]){ --tw-ring-offset-width:0px; --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); outline-offset:2px; outline:2px solid #0000} [contenteditable]:focus,[contenteditable]:focus-visible{ box-shadow:none; caret-color:currentColor; outline:none} :root{ --bfc-v2-color-mono-100:#fafafa; --bfc-v2-color-mono-200:#f5f5f5; --bfc-v2-color-mono-300:#e5e5e5; --bfc-v2-color-mono-400:#d4d4d4; --bfc-v2-color-mono-500:#a3a3a3; --bfc-v2-color-mono-600:#737373; --bfc-v2-color-mono-700:#525252; --bfc-v2-color-mono-800:#404040; --bfc-v2-color-mono-900:#262626; --bfc-v2-color-mono-900-physical:#262626; --bfc-v2-color-mono-1000:#171717; --bfc-v2-color-red-100:#ffeceb; --bfc-v2-color-red-200:#ffd5d2; --bfc-v2-color-red-300:#fd9891; --bfc-v2-color-red-400:#f87168; --bfc-v2-color-red-500:#f15b50; --bfc-v2-color-red-600:#e2483d; --bfc-v2-color-red-700:#c9372c; --bfc-v2-color-red-800:#ae2e24; --bfc-v2-color-red-900:#5d1f1a; --bfc-v2-color-red-1000:#42221f; --bfc-v2-color-orange-100:#fff3eb; --bfc-v2-color-orange-200:#fedec8; --bfc-v2-color-orange-300:#fec195; --bfc-v2-color-orange-400:#fea362; --bfc-v2-color-orange-500:#f38a3f; --bfc-v2-color-orange-600:#e56910; --bfc-v2-color-orange-700:#c25100; --bfc-v2-color-orange-800:#a54800; --bfc-v2-color-orange-900:#702e00; --bfc-v2-color-orange-1000:#38291e; --bfc-v2-color-yellow-100:#fef7c8; --bfc-v2-color-yellow-200:#ffdf84; --bfc-v2-color-yellow-300:#fed153; --bfc-v2-color-yellow-400:#fbbf25; --bfc-v2-color-yellow-500:#e5ad1d; --bfc-v2-color-yellow-600:#c59109; --bfc-v2-color-yellow-700:#977007; --bfc-v2-color-yellow-800:#7f5f01; --bfc-v2-color-yellow-900:#533f04; --bfc-v2-color-yellow-1000:#332e1b; --bfc-v2-color-lime-100:#e9fec8; --bfc-v2-color-lime-200:#d6f589; --bfc-v2-color-lime-300:#b3ee2b; --bfc-v2-color-lime-400:#a3e635; --bfc-v2-color-lime-500:#91cf02; --bfc-v2-color-lime-600:#83b300; --bfc-v2-color-lime-700:#647f01; --bfc-v2-color-lime-800:#546c00; --bfc-v2-color-lime-900:#3f5304; --bfc-v2-color-lime-1000:#2b331b; --bfc-v2-color-green-100:#dcfff1; --bfc-v2-color-green-200:#baf3db; --bfc-v2-color-green-300:#7ee2b8; --bfc-v2-color-green-400:#4bce97; --bfc-v2-color-green-500:#2abb7f; --bfc-v2-color-green-600:#22a06b; --bfc-v2-color-green-700:#1f845a; --bfc-v2-color-green-800:#216e4e; --bfc-v2-color-green-900:#164b35; --bfc-v2-color-green-1000:#1c3329; --bfc-v2-color-blue-100:#e9f2fe; --bfc-v2-color-blue-200:#cfe1fd; --bfc-v2-color-blue-300:#8fb8f6; --bfc-v2-color-blue-400:#669df1; --bfc-v2-color-blue-500:#4688ec; --bfc-v2-color-blue-600:#357de8; --bfc-v2-color-blue-700:#1868db; --bfc-v2-color-blue-800:#1558bc; --bfc-v2-color-blue-900:#123263; --bfc-v2-color-blue-1000:#1c2b42; --bfc-v2-color-teal-100:#e7f9ff; --bfc-v2-color-teal-200:#c6edfb; --bfc-v2-color-teal-300:#9dd9ee; --bfc-v2-color-teal-400:#6cc3e0; --bfc-v2-color-teal-500:#42b2d7; --bfc-v2-color-teal-600:#2898bd; --bfc-v2-color-teal-700:#227d9b; --bfc-v2-color-teal-800:#206a83; --bfc-v2-color-teal-900:#164555; --bfc-v2-color-teal-1000:#1e3137; --bfc-v2-color-purple-100:#f8eefe; --bfc-v2-color-purple-200:#dfd8fd; --bfc-v2-color-purple-300:#b8acf6; --bfc-v2-color-purple-400:#9f8fef; --bfc-v2-color-purple-500:#8f7ee7; --bfc-v2-color-purple-600:#8270db; --bfc-v2-color-purple-700:#6e5dc6; --bfc-v2-color-purple-800:#5e4db2; --bfc-v2-color-purple-900:#352c63; --bfc-v2-color-purple-1000:#2b273f; --bfc-v2-color-magenta-100:#ffecf8; --bfc-v2-color-magenta-200:#fdd0ec; --bfc-v2-color-magenta-300:#f797d2; --bfc-v2-color-magenta-400:#e774bb; --bfc-v2-color-magenta-500:#da62ac; --bfc-v2-color-magenta-600:#cd519d; --bfc-v2-color-magenta-700:#ae4787; --bfc-v2-color-magenta-800:#943d73; --bfc-v2-color-magenta-900:#50253f; --bfc-v2-color-magenta-1000:#3d2232; --bfc-font-family:"Inter","Satoshi",sans-serif; --font-fraunces:"Fraunces",serif; --font-inter:"Inter",sans-serif; --bfc-v2-font-family:"Inter",sans-serif; --bfc-heading-xxl-font-family:"Fraunces",serif; --bfc-background:var(--bfc-v2-color-mono-100); --bfc-foreground:var(--bfc-v2-color-mono-1000); --bfc-link:var(--bfc-v2-color-green-700); --bfc-card:var(--bfc-surface); --bfc-card-foreground:var(--bfc-v2-color-mono-900); --bfc-popover:var(--bfc-v2-color-mono-100); --bfc-primary:#a3e635; --bfc-primary-foreground:#262626; --bfc-secondary:var(--bfc-v2-color-mono-200); --bfc-secondary-foreground:var(--bfc-v2-color-mono-900); --bfc-muted:var(--bfc-v2-color-mono-200); --bfc-muted-foreground:var(--bfc-v2-color-mono-600); --bfc-accent:var(--bfc-v2-color-mono-300); --bfc-accent-foreground:var(--bfc-v2-color-mono-900); --bfc-border:var(--bfc-v2-color-mono-1000); --bfc-border-subtle:rgb(from var(--bfc-v2-color-mono-1000) r g b/.15); --bfc-input:var(--bfc-v2-color-mono-300); --bfc-ring:var(--bfc-v2-color-mono-1000); --bfc-radius:.5rem; --bfc-feedback-positive:var(--bfc-v2-color-green-500); --bfc-feedback-negative:var(--bfc-v2-color-red-600); --bfc-surface:var(--bfc-white); --bfc-surface-border:var(--bfc-v2-color-mono-300); --bfc-white:#fff; --bcf-shimmer-outer:var(--bfc-v2-color-mono-200); --bcf-shimmer-inner:var(--bfc-v2-color-mono-300); --bfc-text-default:var(--bfc-v2-color-mono-900); --bfc-text-subtle:var(--bfc-v2-color-mono-700); --bfc-text-subtlest:var(--bfc-v2-color-mono-600); --bfc-success-bg:var(--bfc-v2-color-green-100); --bfc-success-text:var(--bfc-v2-color-green-700); --bfc-success-border:var(--bfc-v2-color-green-300); --bfc-destructive-bg:var(--bfc-v2-color-red-100); --bfc-destructive-text:var(--bfc-v2-color-red-800); --bfc-destructive-border:var(--bfc-v2-color-red-800); --bfc-warning-bg:var(--bfc-v2-color-yellow-100); --bfc-warning-text:var(--bfc-v2-color-yellow-800); --bfc-warning-border:var(--bfc-v2-color-yellow-300)} .dark{ --bfc-white:#000; --bfc-v2-color-mono-100:#171717; --bfc-v2-color-mono-200:#262626; --bfc-v2-color-mono-300:#404040; --bfc-v2-color-mono-400:#525252; --bfc-v2-color-mono-500:#737373; --bfc-v2-color-mono-600:#a3a3a3; --bfc-v2-color-mono-700:#d4d4d4; --bfc-v2-color-mono-800:#e5e5e5; --bfc-v2-color-mono-900:#f5f5f5; --bfc-v2-color-mono-1000:#fafafa; --bfc-v2-color-red-100:#42221f; --bfc-v2-color-red-200:#5d1f1a; --bfc-v2-color-red-300:#ae2e24; --bfc-v2-color-red-400:#c9372c; --bfc-v2-color-red-500:#e2483d; --bfc-v2-color-red-600:#f15b50; --bfc-v2-color-red-700:#f87168; --bfc-v2-color-red-800:#fd9891; --bfc-v2-color-red-900:#ffd5d2; --bfc-v2-color-red-1000:#ffeceb; --bfc-v2-color-orange-100:#38291e; --bfc-v2-color-orange-200:#702e00; --bfc-v2-color-orange-300:#a54800; --bfc-v2-color-orange-400:#c25100; --bfc-v2-color-orange-500:#e56910; --bfc-v2-color-orange-600:#f38a3f; --bfc-v2-color-orange-700:#fea362; --bfc-v2-color-orange-800:#fec195; --bfc-v2-color-orange-900:#fedec8; --bfc-v2-color-orange-1000:#fff3eb; --bfc-v2-color-yellow-100:#332e1b; --bfc-v2-color-yellow-200:#533f04; --bfc-v2-color-yellow-300:#7f5f01; --bfc-v2-color-yellow-400:#946f00; --bfc-v2-color-yellow-500:#b38600; --bfc-v2-color-yellow-600:#cf9f02; --bfc-v2-color-yellow-700:#ddb30e; --bfc-v2-color-yellow-800:#eed12b; --bfc-v2-color-yellow-900:#f5e989; --bfc-v2-color-yellow-1000:#fef7c8; --bfc-v2-color-lime-100:#2b331b; --bfc-v2-color-lime-200:#3f5304; --bfc-v2-color-lime-300:#546c00; --bfc-v2-color-lime-400:#647f01; --bfc-v2-color-lime-500:#83b300; --bfc-v2-color-lime-600:#91cf02; --bfc-v2-color-lime-700:#a3e635; --bfc-v2-color-lime-800:#b3ee2b; --bfc-v2-color-lime-900:#d6f589; --bfc-v2-color-lime-1000:#e9fec8; --bfc-v2-color-green-100:#1c3329; --bfc-v2-color-green-200:#164b35; --bfc-v2-color-green-300:#216e4e; --bfc-v2-color-green-400:#1f845a; --bfc-v2-color-green-500:#22a06b; --bfc-v2-color-green-600:#2abb7f; --bfc-v2-color-green-700:#4bce97; --bfc-v2-color-green-800:#7ee2b8; --bfc-v2-color-green-900:#baf3db; --bfc-v2-color-green-1000:#dcfff1; --bfc-v2-color-blue-100:#1c2b42; --bfc-v2-color-blue-200:#123263; --bfc-v2-color-blue-300:#1558bc; --bfc-v2-color-blue-400:#1868db; --bfc-v2-color-blue-500:#357de8; --bfc-v2-color-blue-600:#4688ec; --bfc-v2-color-blue-700:#669df1; --bfc-v2-color-blue-800:#8fb8f6; --bfc-v2-color-blue-900:#cfe1fd; --bfc-v2-color-blue-1000:#e9f2fe; --bfc-v2-color-teal-100:#1e3137; --bfc-v2-color-teal-200:#164555; --bfc-v2-color-teal-300:#206a83; --bfc-v2-color-teal-400:#227d9b; --bfc-v2-color-teal-500:#2898bd; --bfc-v2-color-teal-600:#42b2d7; --bfc-v2-color-teal-700:#6cc3e0; --bfc-v2-color-teal-800:#9dd9ee; --bfc-v2-color-teal-900:#c6edfb; --bfc-v2-color-teal-1000:#e7f9ff; --bfc-v2-color-purple-100:#2b273f; --bfc-v2-color-purple-200:#352c63; --bfc-v2-color-purple-300:#5e4db2; --bfc-v2-color-purple-400:#6e5dc6; --bfc-v2-color-purple-500:#8270db; --bfc-v2-color-purple-600:#8f7ee7; --bfc-v2-color-purple-700:#9f8fef; --bfc-v2-color-purple-800:#b8acf6; --bfc-v2-color-purple-900:#dfd8fd; --bfc-v2-color-purple-1000:#f8eefe; --bfc-v2-color-magenta-100:#3d2232; --bfc-v2-color-magenta-200:#50253f; --bfc-v2-color-magenta-300:#943d73; --bfc-v2-color-magenta-400:#ae4787; --bfc-v2-color-magenta-500:#cd519d; --bfc-v2-color-magenta-600:#da62ac; --bfc-v2-color-magenta-700:#e774bb; --bfc-v2-color-magenta-800:#f797d2; --bfc-v2-color-magenta-900:#fdd0ec; --bfc-v2-color-magenta-1000:#ffecf8} .\!container{ width:100%!important; margin-left:auto!important; margin-right:auto!important; padding-left:2rem!important; padding-right:2rem!important} .container{ width:100%; margin-left:auto; margin-right:auto; padding-left:2rem; padding-right:2rem} @media (min-width:1400px){ .\!container{ max-width:1400px!important} .container{ max-width:1400px} } .link{ color:var(--bfc-link); opacity:.9; -webkit-text-decoration-color:var(--bfc-link); text-decoration-color:var(--bfc-link); text-underline-offset:2px; text-decoration-line:underline; text-decoration-thickness:2px; transition-property:all; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .link:hover{ opacity:1; text-decoration-thickness:3px} .sr-only{ clip:rect(0,0,0,0); white-space:nowrap; border-width:0; width:1px; height:1px; margin:-1px; padding:0; position:absolute; overflow:hidden} .pointer-events-none{ pointer-events:none} .pointer-events-auto{ pointer-events:auto} .visible{ visibility:visible} .invisible{ visibility:hidden} .static{ position:static} .fixed{ position:fixed} .absolute{ position:absolute} .relative{ position:relative} .sticky{ position:sticky} .inset-0{ inset:0} .inset-1{ inset:.25rem} .inset-\[20\%\]{ inset:20%} .inset-x-0{ left:0; right:0} .inset-y-0{ top:0; bottom:0} .\!-bottom-\[10\%\]{ bottom:-10%!important} .\!left-auto{ left:auto!important} .\!right-0{ right:0!important} .\!top-auto{ top:auto!important} .-right-1{ right:-.25rem} .-top-1{ top:-.25rem} .-top-2{ top:-.5rem} .bottom-0{ bottom:0} .bottom-0\.5{ bottom:.125rem} .bottom-12{ bottom:3rem} .bottom-2{ bottom:.5rem} .bottom-3{ bottom:.75rem} .bottom-4{ bottom:1rem} .bottom-full{ bottom:100%} .left-0{ left:0} .left-1\/2{ left:50%} .left-2{ left:.5rem} .left-4{ left:1rem} .left-\[50\%\]{ left:50%} .left-\[calc\(-4px-var\(--line-offset\)\*\(var\(--item-line-level\)-1\)\)\]{ left:calc(-4px - var(--line-offset)*(var(--item-line-level) - 1))} .right-0{ right:0} .right-0\.5{ right:.125rem} .right-1{ right:.25rem} .right-1\.5{ right:.375rem} .right-2{ right:.5rem} .right-3{ right:.75rem} .right-4{ right:1rem} .top-0{ top:0} .top-0\.5{ top:.125rem} .top-1{ top:.25rem} .top-1\.5{ top:.375rem} .top-1\/2{ top:50%} .top-4{ top:1rem} .top-\[50\%\]{ top:50%} .top-\[var\(--header-nav-height\)\]{ top:var(--header-nav-height)} .isolate{ isolation:isolate} .z-10{ z-index:10} .z-20{ z-index:20} .z-30{ z-index:30} .z-40{ z-index:40} .z-50{ z-index:50} .z-\[1000\]{ z-index:1000} .z-\[1001\]{ z-index:1001} .z-\[1\]{ z-index:1} .z-\[9999\],.z-above-modal{ z-index:9999} .col-start-1{ grid-column-start:1} .row-start-1{ grid-row-start:1} .\!m-0{ margin:0!important} .m-0{ margin:0} .-mx-1{ margin-left:-.25rem; margin-right:-.25rem} .mx-1\.5{ margin-left:.375rem; margin-right:.375rem} .mx-4{ margin-left:1rem; margin-right:1rem} .mx-auto{ margin-left:auto; margin-right:auto} .my-0{ margin-top:0; margin-bottom:0} .my-0\.5{ margin-top:.125rem; margin-bottom:.125rem} .my-1{ margin-top:.25rem; margin-bottom:.25rem} .my-2{ margin-top:.5rem; margin-bottom:.5rem} .my-4{ margin-top:1rem; margin-bottom:1rem} .my-auto{ margin-top:auto; margin-bottom:auto} .\!mb-1{ margin-bottom:.25rem!important} .\!mt-0{ margin-top:0!important} .-mr-2{ margin-right:-.5rem} .-mt-1{ margin-top:-.25rem} .-mt-4{ margin-top:-1rem} .-mt-6{ margin-top:-1.5rem} .-mt-px{ margin-top:-1px} .mb-1{ margin-bottom:.25rem} .mb-2{ margin-bottom:.5rem} .mb-3{ margin-bottom:.75rem} .mb-4{ margin-bottom:1rem} .mb-6{ margin-bottom:1.5rem} .ml-0\.5{ margin-left:.125rem} .ml-1{ margin-left:.25rem} .ml-2{ margin-left:.5rem} .ml-4{ margin-left:1rem} .ml-7{ margin-left:1.75rem} .ml-\[calc\(\(var\(--tree-item-level\)-1\)\*var\(--line-offset\)\)\]{ margin-left:calc((var(--tree-item-level) - 1)*var(--line-offset))} .ml-\[calc\(var\(--tree-item-level\)\*0\.5rem\)\]{ margin-left:calc(var(--tree-item-level)*.5rem)} .ml-auto{ margin-left:auto} .mr-0\.5{ margin-right:.125rem} .mr-1{ margin-right:.25rem} .mr-2{ margin-right:.5rem} .mr-4{ margin-right:1rem} .mt-0{ margin-top:0} .mt-1{ margin-top:.25rem} .mt-16{ margin-top:4rem} .mt-2{ margin-top:.5rem} .mt-3{ margin-top:.75rem} .mt-4{ margin-top:1rem} .mt-40{ margin-top:10rem} .mt-6{ margin-top:1.5rem} .line-clamp-1{ -webkit-line-clamp:1} .line-clamp-1,.line-clamp-2{ -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden} .line-clamp-2{ -webkit-line-clamp:2} .\!block{ display:block!important} .block{ display:block} .inline-block{ display:inline-block} .\!inline{ display:inline!important} .inline{ display:inline} .flex{ display:flex} .inline-flex{ display:inline-flex} .table{ display:table} .\!grid{ display:grid!important} .grid{ display:grid} .hidden{ display:none} .aspect-\[2\/1\]{ aspect-ratio:2} .aspect-square{ aspect-ratio:1} .aspect-video{ aspect-ratio:16/9} .\!size-2{ width:.5rem!important; height:.5rem!important} .\!size-3{ width:.75rem!important; height:.75rem!important} .size-10{ width:2.5rem; height:2.5rem} .size-12{ width:3rem; height:3rem} .size-14{ width:3.5rem; height:3.5rem} .size-16{ width:4rem; height:4rem} .size-2{ width:.5rem; height:.5rem} .size-2\.5{ width:.625rem; height:.625rem} .size-20{ width:5rem; height:5rem} .size-3{ width:.75rem; height:.75rem} .size-3\.5{ width:.875rem; height:.875rem} .size-4{ width:1rem; height:1rem} .size-5{ width:1.25rem; height:1.25rem} .size-6{ width:1.5rem; height:1.5rem} .size-7{ width:1.75rem; height:1.75rem} .size-8{ width:2rem; height:2rem} .size-9{ width:2.25rem; height:2.25rem} .size-full{ width:100%; height:100%} .\!h-5{ height:1.25rem!important} .h-0{ height:0} .h-1{ height:.25rem} .h-10{ height:2.5rem} .h-11{ height:2.75rem} .h-12{ height:3rem} .h-14{ height:3.5rem} .h-16{ height:4rem} .h-2{ height:.5rem} .h-2\.5{ height:.625rem} .h-20{ height:5rem} .h-24{ height:6rem} .h-3{ height:.75rem} .h-3\.5{ height:.875rem} .h-4{ height:1rem} .h-44{ height:11rem} .h-48{ height:12rem} .h-5{ height:1.25rem} .h-52{ height:13rem} .h-6{ height:1.5rem} .h-7{ height:1.75rem} .h-8{ height:2rem} .h-9{ height:2.25rem} .h-\[18px\]{ height:18px} .h-\[1px\]{ height:1px} .h-\[26px\]{ height:26px} .h-\[50dvh\]{ height:50dvh} .h-\[calc\(100dvh-var\(--header-nav-height\)\)\]{ height:calc(100dvh - var(--header-nav-height))} .h-\[calc\(100dvh-var\(--header-nav-height\,0\)\)\]{ height:calc(100dvh - var(--header-nav-height,0))} .h-\[calc\(100vh-4rem\)\]{ height:calc(100vh - 4rem)} .h-\[calc\(100vh-8rem\)\]{ height:calc(100vh - 8rem)} .h-\[calc\(var\(--knowledge-review-scroll-height\)\)\]{ height:calc(var(--knowledge-review-scroll-height))} .h-\[calc\(var\(--knowledge-review-scroll-height\)-50px\)\]{ height:calc(var(--knowledge-review-scroll-height) - 50px)} .h-\[var\(--radix-select-trigger-height\)\]{ height:var(--radix-select-trigger-height)} .h-auto{ height:auto} .h-dvh{ height:100dvh} .h-full{ height:100%} .h-px{ height:1px} .max-h-\[300px\]{ max-height:300px} .max-h-\[7\.5rem\]{ max-height:7.5rem} .max-h-\[80vh\]{ max-height:80vh} .max-h-\[calc\(100dvh-var\(--header-nav-height\)-5rem\)\]{ max-height:calc(100dvh - var(--header-nav-height) - 5rem)} .max-h-\[calc\(100vh-4rem\)\]{ max-height:calc(100vh - 4rem)} .max-h-\[calc\(var\(--knowledge-review-scroll-height\)-250px\)\]{ max-height:calc(var(--knowledge-review-scroll-height) - 250px)} .max-h-\[min\(320px\,50vh\)\]{ max-height:min(320px,50vh)} .max-h-full{ max-height:100%} .min-h-0{ min-height:0} .min-h-11{ min-height:2.75rem} .min-h-20{ min-height:5rem} .min-h-4{ min-height:1rem} .min-h-9{ min-height:2.25rem} .min-h-96{ min-height:24rem} .min-h-\[100px\]{ min-height:100px} .min-h-\[44px\]{ min-height:44px} .min-h-\[60px\]{ min-height:60px} .min-h-full{ min-height:100%} .min-h-screen{ min-height:100vh} .\!w-5{ width:1.25rem!important} .w-0{ width:0} .w-1{ width:.25rem} .w-1\/2{ width:50%} .w-10{ width:2.5rem} .w-11{ width:2.75rem} .w-16{ width:4rem} .w-2{ width:.5rem} .w-2\.5{ width:.625rem} .w-3{ width:.75rem} .w-3\.5{ width:.875rem} .w-3\/4{ width:75%} .w-4{ width:1rem} .w-48{ width:12rem} .w-5{ width:1.25rem} .w-52{ width:13rem} .w-6{ width:1.5rem} .w-64{ width:16rem} .w-7{ width:1.75rem} .w-72{ width:18rem} .w-8{ width:2rem} .w-80{ width:20rem} .w-9{ width:2.25rem} .w-96{ width:24rem} .w-\[1px\]{ width:1px} .w-\[200px\]{ width:200px} .w-\[260px\]{ width:260px} .w-\[64px\]{ width:64px} .w-\[var\(--left-nav-width\)\]{ width:var(--left-nav-width)} .w-auto{ width:auto} .w-fit{ width:fit-content} .w-full{ width:100%} .w-px{ width:1px} .w-screen{ width:100vw} .min-w-0{ min-width:0} .min-w-5{ min-width:1.25rem} .min-w-52{ min-width:13rem} .min-w-60{ min-width:15rem} .min-w-80{ min-width:20rem} .min-w-\[200px\]{ min-width:200px} .min-w-\[20px\]{ min-width:20px} .min-w-\[8rem\]{ min-width:8rem} .min-w-\[var\(--radix-select-trigger-width\)\]{ min-width:var(--radix-select-trigger-width)} .max-w-32{ max-width:8rem} .max-w-44{ max-width:11rem} .max-w-52{ max-width:13rem} .max-w-56{ max-width:14rem} .max-w-\[100vw\]{ max-width:100vw} .max-w-\[200px\]{ max-width:200px} .max-w-\[300px\]{ max-width:300px} .max-w-\[400px\]{ max-width:400px} .max-w-\[85\%\]{ max-width:85%} .max-w-\[95vw\]{ max-width:95vw} .max-w-\[calc\(100vw-4rem\)\]{ max-width:calc(100vw - 4rem)} .max-w-\[var\(--left-nav-width\,inherit\)\]{ max-width:var(--left-nav-width,inherit)} .max-w-full{ max-width:100%} .max-w-lg{ max-width:32rem} .max-w-none{ max-width:none} .max-w-xs{ max-width:20rem} .flex-1{ flex:1} .flex-auto{ flex:auto} .flex-shrink-0{ flex-shrink:0} .shrink{ flex-shrink:1} .shrink-0{ flex-shrink:0} .flex-grow{ flex-grow:1} .basis-0{ flex-basis:0} .basis-full{ flex-basis:100%} .caption-bottom{ caption-side:bottom} .border-collapse{ border-collapse:collapse} .origin-\[--radix-tooltip-content-transform-origin\]{ transform-origin:var(--radix-tooltip-content-transform-origin)} .origin-center{ transform-origin:50%} .-translate-x-1{ --tw-translate-x:-.25rem} .-translate-x-1,.-translate-x-1\/2{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-x-1\/2{ --tw-translate-x:-50%} .-translate-y-1\/2{ --tw-translate-y:-50%} .-translate-y-1\/2,.translate-x-\[-50\%\]{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-x-\[-50\%\]{ --tw-translate-x:-50%} .translate-y-0\.5{ --tw-translate-y:.125rem} .translate-y-0\.5,.translate-y-\[-50\%\]{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .translate-y-\[-50\%\]{ --tw-translate-y:-50%} .-rotate-45{ --tw-rotate:-45deg} .-rotate-45,.rotate-180{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-180{ --tw-rotate:180deg} .scale-125{ --tw-scale-x:1.25; --tw-scale-y:1.25} .scale-125,.transform{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .animate-pulse{ animation:2s cubic-bezier(.4,0,.6,1) infinite pulse} .animate-spin{ animation:1s linear infinite spin} @keyframes sweep{ 0%{ background-position:100%} to{ background-position:-100%} } .animate-sweep{ animation:1.8s linear infinite sweep} .cursor-default{ cursor:default} .cursor-ew-resize{ cursor:ew-resize} .cursor-not-allowed{ cursor:not-allowed} .cursor-pointer{ cursor:pointer} .cursor-zoom-in{ cursor:zoom-in} .cursor-zoom-out{ cursor:zoom-out} .touch-none{ touch-action:none} .select-none{ -webkit-user-select:none; user-select:none} .resize-none{ resize:none} .resize{ resize:both} .list-outside{ list-style-position:outside} .list-decimal{ list-style-type:decimal} .list-disc{ list-style-type:disc} .list-none{ list-style-type:none} .appearance-none{ appearance:none} .grid-cols-\[1fr\]{ grid-template-columns:1fr} .grid-cols-\[1fr_2fr\]{ grid-template-columns:1fr 2fr} .grid-cols-\[auto_1fr\]{ grid-template-columns:auto 1fr} .grid-rows-2{ grid-template-rows:repeat(2,minmax(0,1fr))} .grid-rows-\[0fr\]{ grid-template-rows:0fr} .grid-rows-\[1fr\]{ grid-template-rows:1fr} .grid-rows-\[auto_1fr\]{ grid-template-rows:auto 1fr} .grid-rows-\[auto_minmax\(0\,1fr\)_auto\]{ grid-template-rows:auto minmax(0,1fr) auto} .flex-row-reverse{ flex-direction:row-reverse} .flex-col{ flex-direction:column} .flex-col-reverse{ flex-direction:column-reverse} .flex-wrap{ flex-wrap:wrap} .items-start{ align-items:flex-start} .items-end{ align-items:flex-end} .items-center{ align-items:center} .items-baseline{ align-items:baseline} .items-stretch{ align-items:stretch} .\!justify-start{ justify-content:flex-start!important} .justify-start{ justify-content:flex-start} .justify-end{ justify-content:flex-end} .justify-center{ justify-content:center} .justify-between{ justify-content:space-between} .justify-stretch{ justify-content:stretch} .justify-items-start{ justify-items:start} .gap-0{ gap:0} .gap-0\.5{ gap:.125rem} .gap-1{ gap:.25rem} .gap-1\.5{ gap:.375rem} .gap-2{ gap:.5rem} .gap-2\.5{ gap:.625rem} .gap-3{ gap:.75rem} .gap-4{ gap:1rem} .gap-5{ gap:1.25rem} .gap-6{ gap:1.5rem} .gap-\[2px\]{ gap:2px} .-space-x-2>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-left:calc(-.5rem*(1 - var(--tw-space-x-reverse))); margin-right:calc(-.5rem*var(--tw-space-x-reverse))} .space-x-4>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-left:calc(1rem*(1 - var(--tw-space-x-reverse))); margin-right:calc(1rem*var(--tw-space-x-reverse))} .space-y-0>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(0px*var(--tw-space-y-reverse)); margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))} .space-y-1>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.25rem*var(--tw-space-y-reverse)); margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))} .space-y-1\.5>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.375rem*var(--tw-space-y-reverse)); margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))} .space-y-2>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.5rem*var(--tw-space-y-reverse)); margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))} .space-y-3>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.75rem*var(--tw-space-y-reverse)); margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))} .space-y-4>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(1rem*var(--tw-space-y-reverse)); margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))} .space-y-6>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(1.5rem*var(--tw-space-y-reverse)); margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))} .divide-x-2>:not([hidden])~:not([hidden]){ --tw-divide-x-reverse:0; border-left-width:calc(2px*(1 - var(--tw-divide-x-reverse))); border-right-width:calc(2px*var(--tw-divide-x-reverse))} .divide-y>:not([hidden])~:not([hidden]){ --tw-divide-y-reverse:0; border-bottom-width:calc(1px*var(--tw-divide-y-reverse)); border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))} .divide-dark-300>:not([hidden])~:not([hidden]){ border-color:var(--bfc-v2-color-mono-300,#e5e5e5)} .divide-dark-500>:not([hidden])~:not([hidden]){ border-color:var(--bfc-v2-color-mono-500,#a3a3a3)} .self-start{ align-self:flex-start} .self-end{ align-self:flex-end} .self-center{ align-self:center} .self-stretch{ align-self:stretch} .overflow-auto{ overflow:auto} .overflow-hidden{ overflow:hidden} .overflow-visible{ overflow:visible} .overflow-x-auto{ overflow-x:auto} .overflow-y-auto{ overflow-y:auto} .overflow-x-hidden{ overflow-x:hidden} .truncate{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .whitespace-normal{ white-space:normal} .whitespace-nowrap{ white-space:nowrap} .whitespace-pre-wrap{ white-space:pre-wrap} .text-balance{ text-wrap:balance} .break-words{ overflow-wrap:break-word} .break-all{ word-break:break-all} .rounded{ border-radius:.25rem} .rounded-2xl{ border-radius:1rem} .rounded-\[2px\]{ border-radius:2px} .rounded-\[4px\]{ border-radius:4px} .rounded-\[inherit\]{ border-radius:inherit} .rounded-full{ border-radius:9999px} .rounded-lg{ border-radius:.5rem} .rounded-md{ border-radius:.375rem} .rounded-none{ border-radius:0} .rounded-sm{ border-radius:.125rem} .rounded-xl{ border-radius:.75rem} .rounded-b{ border-bottom-right-radius:.25rem; border-bottom-left-radius:.25rem} .rounded-b-lg{ border-bottom-right-radius:.5rem; border-bottom-left-radius:.5rem} .rounded-b-md{ border-bottom-right-radius:.375rem; border-bottom-left-radius:.375rem} .rounded-l-full{ border-top-left-radius:9999px; border-bottom-left-radius:9999px} .rounded-r-full{ border-top-right-radius:9999px; border-bottom-right-radius:9999px} .rounded-r-md{ border-top-right-radius:.375rem; border-bottom-right-radius:.375rem} .rounded-s{ border-start-start-radius:.25rem; border-end-start-radius:.25rem} .rounded-t-2xl{ border-top-left-radius:1rem; border-top-right-radius:1rem} .rounded-t-lg{ border-top-left-radius:.5rem; border-top-right-radius:.5rem} .rounded-t-md{ border-top-left-radius:.375rem; border-top-right-radius:.375rem} .border{ border-width:1px} .border-0{ border-width:0} .border-2{ border-width:2px} .border-\[1\.5px\]{ border-width:1.5px} .border-\[2\.5px\]{ border-width:2.5px} .border-b{ border-bottom-width:1px} .border-b-0{ border-bottom-width:0} .border-l{ border-left-width:1px} .border-l-4{ border-left-width:4px} .border-r{ border-right-width:1px} .border-r-0{ border-right-width:0} .border-t{ border-top-width:1px} .border-t-0{ border-top-width:0} .border-t-2{ border-top-width:2px} .border-solid{ border-style:solid} .border-dashed{ border-style:dashed} .border-none{ border-style:none} .border-\[--color-border\]{ border-color:var(--color-border)} .border-background{ border-color:var(--bfc-background)} .border-black{ --tw-border-opacity:1; border-color:rgb(0 0 0/var(--tw-border-opacity,1))} .border-black\/30{ border-color:#0000004d} .border-blue{ border-color:var(--bfc-v2-color-blue-700,#1868db)} .border-blue-600{ border-color:var(--bfc-v2-color-blue-600,#357de8)} .border-blue-700{ border-color:var(--bfc-v2-color-blue-700,#1868db)} .border-border{ border-color:var(--bfc-v2-color-mono-300)} .border-border-subtle{ border-color:var(--bfc-border-subtle)} .border-dark{ border-color:var(--bfc-v2-color-mono-900,#262626)} .border-dark-200{ border-color:var(--bfc-v2-color-mono-200,#f5f5f5)} .border-dark-300{ border-color:var(--bfc-v2-color-mono-300,#e5e5e5)} .border-dark-400{ border-color:var(--bfc-v2-color-mono-400,#d4d4d4)} .border-dark-600{ border-color:var(--bfc-v2-color-mono-600,#737373)} .border-destructive{ border-color:var(--bfc-destructive-border)} .border-foreground{ border-color:var(--bfc-foreground)} .border-green{ border-color:var(--bfc-v2-color-green-700,#1f845a)} .border-input{ border-color:var(--bfc-input)} .border-muted{ border-color:var(--bfc-muted)} .border-neutral-200{ --tw-border-opacity:1; border-color:rgb(229 229 229/var(--tw-border-opacity,1))} .border-primary{ border-color:var(--bfc-dark)} .border-red{ border-color:var(--bfc-v2-color-red-700,#c9372c)} .border-red-600{ border-color:var(--bfc-v2-color-red-600,#e2483d)} .border-red-700{ border-color:var(--bfc-v2-color-red-700,#c9372c)} .border-slate-300{ --tw-border-opacity:1; border-color:rgb(203 213 225/var(--tw-border-opacity,1))} .border-success{ border-color:var(--bfc-success-border)} .border-transparent{ border-color:#0000} .border-warning{ border-color:var(--bfc-warning-border)} .border-white{ --tw-border-opacity:1; border-color:rgb(255 255 255/var(--tw-border-opacity,1))} .border-yellow{ border-color:var(--bfc-v2-color-yellow-700,#946f00)} .\!border-t-foreground{ border-top-color:var(--bfc-foreground)!important} .border-b-dark-300{ border-bottom-color:var(--bfc-v2-color-mono-300,#e5e5e5)} .border-l-transparent{ border-left-color:#0000} .border-t-transparent{ border-top-color:#0000} .border-t-white{ --tw-border-opacity:1; border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))} .\!bg-transparent{ background-color:#0000!important} .bg-\[--color-bg\]{ background-color:var(--color-bg)} .bg-\[var\(--tooltip-bg\)\]{ background-color:var(--tooltip-bg)} .bg-background{ background-color:var(--bfc-background)} .bg-base-primary{ background-color:var(--bfc-primary,#a3e635)} .bg-black\/40{ background-color:#0006} .bg-black\/50{ background-color:#00000080} .bg-black\/80{ background-color:#000c} .bg-blue-100{ background-color:var(--bfc-v2-color-blue-100,#e9f2fe)} .bg-blue-200{ background-color:var(--bfc-v2-color-blue-200,#cfe1fd)} .bg-blue-300{ background-color:var(--bfc-v2-color-blue-300,#8fb8f6)} .bg-blue-600{ background-color:var(--bfc-v2-color-blue-600,#357de8)} .bg-border{ background-color:var(--bfc-v2-color-mono-300)} .bg-card{ background-color:var(--bfc-card)} .bg-dark{ background-color:var(--bfc-v2-color-mono-900,#262626)} .bg-dark-100{ background-color:var(--bfc-v2-color-mono-100,#fafafa)} .bg-dark-200{ background-color:var(--bfc-v2-color-mono-200,#f5f5f5)} .bg-dark-300{ background-color:var(--bfc-v2-color-mono-300,#e5e5e5)} .bg-dark-400{ background-color:var(--bfc-v2-color-mono-400,#d4d4d4)} .bg-dark-700{ background-color:var(--bfc-v2-color-mono-700,#525252)} .bg-destructive{ background-color:var(--bfc-destructive-bg)} .bg-emerald-400{ --tw-bg-opacity:1; background-color:rgb(52 211 153/var(--tw-bg-opacity,1))} .bg-foreground{ background-color:var(--bfc-foreground)} .bg-gray-100{ --tw-bg-opacity:1; background-color:rgb(243 244 246/var(--tw-bg-opacity,1))} .bg-gray-500{ --tw-bg-opacity:1; background-color:rgb(107 114 128/var(--tw-bg-opacity,1))} .bg-green-100{ background-color:var(--bfc-v2-color-green-100,#dcfff1)} .bg-green-400{ background-color:var(--bfc-v2-color-green-400,#4bce97)} .bg-green-600{ background-color:var(--bfc-v2-color-green-600,#22a06b)} .bg-input{ background-color:var(--bfc-input)} .bg-lime-100{ background-color:var(--bfc-v2-color-lime-100,#e9fec8)} .bg-muted{ background-color:var(--bfc-muted)} .bg-popover{ background-color:var(--bfc-popover)} .bg-primary{ background-color:var(--bfc-primary)} .bg-red-100{ background-color:var(--bfc-v2-color-red-100,#ffeceb)} .bg-red-400{ background-color:var(--bfc-v2-color-red-400,#f87168)} .bg-red-50{ --tw-bg-opacity:1; background-color:rgb(254 242 242/var(--tw-bg-opacity,1))} .bg-red-500{ background-color:var(--bfc-v2-color-red-500,#f15b50)} .bg-red-600{ background-color:var(--bfc-v2-color-red-600,#e2483d)} .bg-red-700{ background-color:var(--bfc-v2-color-red-700,#c9372c)} .bg-secondary{ background-color:var(--bfc-secondary)} .bg-slate-100{ --tw-bg-opacity:1; background-color:rgb(241 245 249/var(--tw-bg-opacity,1))} .bg-slate-200{ --tw-bg-opacity:1; background-color:rgb(226 232 240/var(--tw-bg-opacity,1))} .bg-stone-300{ --tw-bg-opacity:1; background-color:rgb(214 211 209/var(--tw-bg-opacity,1))} .bg-success{ background-color:var(--bfc-success-bg)} .bg-surface{ background-color:var(--bfc-white)} .bg-transparent{ background-color:#0000} .bg-warning{ background-color:var(--bfc-warning-bg)} .bg-white{ --tw-bg-opacity:1; background-color:rgb(255 255 255/var(--tw-bg-opacity,1))} .bg-white\/30{ background-color:#ffffff4d} .bg-yellow-100{ background-color:var(--bfc-v2-color-yellow-100,#fef7c8)} .bg-yellow-400{ background-color:var(--bfc-v2-color-yellow-400,#fbbf25)} .bg-yellow-500{ background-color:var(--bfc-v2-color-yellow-500,#e5ad1d)} .bg-zinc-800\/80{ background-color:#27272acc} .bg-gradient-to-t{ background-image:linear-gradient(to top,var(--tw-gradient-stops))} .bg-gradient-yellowfin{ background-image:linear-gradient(168deg,#1868db 7.35%,#357de8 23.69%,#7ee2b8 61.42%,#b3ee2b 82.59%)} .bg-sweep-dark{ background-image:linear-gradient(90deg,var(--bfc-v2-color-mono-600,#737373) 0,var(--bfc-v2-color-mono-600,#737373) 37%,var(--bfc-v2-color-mono-400,#d4d4d4) 42%,var(--bfc-v2-color-mono-400,#d4d4d4) 50%,var(--bfc-v2-color-mono-600,#737373) 54%,var(--bfc-v2-color-mono-600,#737373) 58%,var(--bfc-v2-color-mono-600,#737373) 63%,var(--bfc-v2-color-mono-600,#737373) 100%)} .bg-sweep-dark-subtle{ background-image:linear-gradient(90deg,var(--bfc-v2-color-mono-600,#737373) 0,var(--bfc-v2-color-mono-600,#737373) 44%,var(--bfc-v2-color-mono-500,#a3a3a3) 48%,var(--bfc-v2-color-mono-500,#a3a3a3) 52%,var(--bfc-v2-color-mono-600,#737373) 56%,var(--bfc-v2-color-mono-600,#737373) 100%)} .bg-sweep-yellowfin{ background-image:linear-gradient(90deg,var(--bfc-v2-color-blue-700) 0,var(--bfc-v2-color-blue-700) 37%,var(--bfc-v2-color-blue-600) 42%,var(--bfc-v2-color-green-300) 46%,var(--bfc-v2-color-lime-300) 50%,var(--bfc-v2-color-green-300) 54%,var(--bfc-v2-color-blue-600) 58%,var(--bfc-v2-color-blue-700) 63%,var(--bfc-v2-color-blue-700) 100%)} .from-surface{ --tw-gradient-from:var(--bfc-surface) var(--tw-gradient-from-position); --tw-gradient-to:#fff0 var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)} .to-transparent{ --tw-gradient-to:transparent var(--tw-gradient-to-position)} .bg-clip-text{ -webkit-background-clip:text; background-clip:text} .\!fill-dark-900{ fill:var(--bfc-v2-color-mono-900,#262626)!important} .fill-\[var\(--tooltip-bg\)\]{ fill:var(--tooltip-bg)} .fill-dark{ fill:var(--bfc-v2-color-mono-900,#262626)} .fill-dark-600{ fill:var(--bfc-v2-color-mono-600,#737373)} .fill-foreground{ fill:var(--bfc-foreground)} .fill-primary{ fill:var(--bfc-primary)} .stroke-card{ stroke:var(--bfc-card)} .stroke-dark-300{ stroke:var(--bfc-v2-color-mono-300,#e5e5e5)} .stroke-2{ stroke-width:2px} .object-contain{ -o-object-fit:contain; object-fit:contain} .object-cover{ -o-object-fit:cover; object-fit:cover} .p-0{ padding:0} .p-0\.5{ padding:.125rem} .p-1{ padding:.25rem} .p-1\.5{ padding:.375rem} .p-2{ padding:.5rem} .p-3{ padding:.75rem} .p-4{ padding:1rem} .p-6{ padding:1.5rem} .p-8{ padding:2rem} .p-\[1px\]{ padding:1px} .px-0{ padding-left:0; padding-right:0} .px-1{ padding-left:.25rem; padding-right:.25rem} .px-1\.5{ padding-left:.375rem; padding-right:.375rem} .px-2{ padding-left:.5rem; padding-right:.5rem} .px-2\.5{ padding-left:.625rem; padding-right:.625rem} .px-3{ padding-left:.75rem; padding-right:.75rem} .px-4{ padding-left:1rem; padding-right:1rem} .px-5{ padding-left:1.25rem; padding-right:1.25rem} .px-6{ padding-left:1.5rem; padding-right:1.5rem} .px-8{ padding-left:2rem; padding-right:2rem} .px-\[6px\]{ padding-left:6px; padding-right:6px} .py-0{ padding-top:0; padding-bottom:0} .py-0\.5{ padding-top:.125rem; padding-bottom:.125rem} .py-1{ padding-top:.25rem; padding-bottom:.25rem} .py-1\.5{ padding-top:.375rem; padding-bottom:.375rem} .py-2{ padding-top:.5rem; padding-bottom:.5rem} .py-2\.5{ padding-top:.625rem; padding-bottom:.625rem} .py-20{ padding-top:5rem; padding-bottom:5rem} .py-3{ padding-top:.75rem; padding-bottom:.75rem} .py-4{ padding-top:1rem; padding-bottom:1rem} .py-6{ padding-top:1.5rem; padding-bottom:1.5rem} .py-\[1px\]{ padding-top:1px; padding-bottom:1px} .pb-0{ padding-bottom:0} .pb-0\.5{ padding-bottom:.125rem} .pb-2{ padding-bottom:.5rem} .pb-3{ padding-bottom:.75rem} .pb-4{ padding-bottom:1rem} .pl-1{ padding-left:.25rem} .pl-12{ padding-left:3rem} .pl-2{ padding-left:.5rem} .pl-3{ padding-left:.75rem} .pl-4{ padding-left:1rem} .pl-8{ padding-left:2rem} .pr-1{ padding-right:.25rem} .pr-1\.5{ padding-right:.375rem} .pr-2{ padding-right:.5rem} .pr-2\.5{ padding-right:.625rem} .pr-4{ padding-right:1rem} .pr-8{ padding-right:2rem} .pt-0{ padding-top:0} .pt-2{ padding-top:.5rem} .pt-3{ padding-top:.75rem} .pt-4{ padding-top:1rem} .pt-6{ padding-top:1.5rem} .text-left{ text-align:left} .text-center{ text-align:center} .text-right{ text-align:right} .align-middle{ vertical-align:middle} .font-inter{ font-family:var(--font-inter),sans-serif} .font-mono{ font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace} .font-sans{ font-family:var(--bfc-font-family),system-ui,sans-serif} .text-2xl{ font-size:1.5rem; line-height:2rem} .text-3xl{ font-size:1.875rem; line-height:2.25rem} .text-\[0\.625rem\]{ font-size:.625rem} .text-\[10px\]{ font-size:10px} .text-\[15px\]{ font-size:15px} .text-\[2rem\]{ font-size:2rem} .text-\[64px\]{ font-size:64px} .text-base{ font-size:1rem; line-height:1.5rem} .text-lg{ font-size:1.125rem; line-height:1.75rem} .text-sm{ font-size:.875rem; line-height:1.25rem} .text-xl{ font-size:1.25rem; line-height:1.75rem} .text-xs{ font-size:.75rem; line-height:1rem} .font-bold{ font-weight:700} .font-medium{ font-weight:500} .font-normal{ font-weight:400} .font-semibold{ font-weight:600} .uppercase{ text-transform:uppercase} .lowercase{ text-transform:lowercase} .capitalize{ text-transform:capitalize} .italic{ font-style:italic} .tabular-nums{ --tw-numeric-spacing:tabular-nums; font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .leading-10{ line-height:2.5rem} .leading-4{ line-height:1rem} .leading-5{ line-height:1.25rem} .leading-6{ line-height:1.5rem} .leading-\[72px\]{ line-height:72px} .leading-none{ line-height:1} .leading-normal{ line-height:1.5} .leading-relaxed{ line-height:1.625} .leading-snug{ line-height:1.375} .leading-tight{ line-height:1.25} .tracking-normal{ letter-spacing:0} .tracking-tight{ letter-spacing:-.025em} .tracking-widest{ letter-spacing:.1em} .text-background{ color:var(--bfc-background)} .text-black{ --tw-text-opacity:1; color:rgb(0 0 0/var(--tw-text-opacity,1))} .text-blue{ color:var(--bfc-v2-color-blue-700,#1868db)} .text-blue-600{ color:var(--bfc-v2-color-blue-600,#357de8)} .text-blue-700{ color:var(--bfc-v2-color-blue-700,#1868db)} .text-card-foreground{ color:var(--bfc-card-foreground)} .text-current{ color:currentColor} .text-dark{ color:var(--bfc-v2-color-mono-900,#262626)} .text-dark-100{ color:var(--bfc-v2-color-mono-100,#fafafa)} .text-dark-500{ color:var(--bfc-v2-color-mono-500,#a3a3a3)} .text-dark-600{ color:var(--bfc-v2-color-mono-600,#737373)} .text-dark-700{ color:var(--bfc-v2-color-mono-700,#525252)} .text-dark-900{ color:var(--bfc-v2-color-mono-900,#262626)} .text-default{ color:var(--bfc-text-default)} .text-destructive{ color:var(--bfc-destructive-text)} .text-feedback-positive{ color:var(--bfc-feedback-positive)} .text-foreground{ color:var(--bfc-foreground)} .text-gray-500{ --tw-text-opacity:1; color:rgb(107 114 128/var(--tw-text-opacity,1))} .text-gray-600{ --tw-text-opacity:1; color:rgb(75 85 99/var(--tw-text-opacity,1))} .text-green-400{ color:var(--bfc-v2-color-green-400,#4bce97)} .text-green-500{ color:var(--bfc-v2-color-green-500,#2abb7f)} .text-green-600{ color:var(--bfc-v2-color-green-600,#22a06b)} .text-inherit{ color:inherit} .text-link{ color:var(--bfc-link)} .text-muted-foreground{ color:var(--bfc-muted-foreground)} .text-popover-foreground{ color:var(--bfc-foreground)} .text-primary,.text-primary-foreground{ color:var(--bfc-primary-foreground)} .text-red-400{ color:var(--bfc-v2-color-red-400,#f87168)} .text-red-500{ color:var(--bfc-v2-color-red-500,#f15b50)} .text-red-600{ color:var(--bfc-v2-color-red-600,#e2483d)} .text-rose-500{ --tw-text-opacity:1; color:rgb(244 63 94/var(--tw-text-opacity,1))} .text-secondary-foreground{ color:var(--bfc-secondary-foreground)} .text-subtle{ color:var(--bfc-text-subtle)} .text-subtlest{ color:var(--bfc-text-subtlest)} .text-success{ color:var(--bfc-success-text)} .text-transparent{ color:#0000} .text-warning{ color:var(--bfc-warning-text)} .text-white{ --tw-text-opacity:1; color:rgb(255 255 255/var(--tw-text-opacity,1))} .text-yellow-600{ color:var(--bfc-v2-color-yellow-600,#c59109)} .text-zinc-400{ --tw-text-opacity:1; color:rgb(161 161 170/var(--tw-text-opacity,1))} .text-zinc-800{ --tw-text-opacity:1; color:rgb(39 39 42/var(--tw-text-opacity,1))} .underline-offset-4{ text-underline-offset:4px} .\!opacity-100{ opacity:1!important} .opacity-0{ opacity:0} .opacity-100{ opacity:1} .opacity-40{ opacity:.4} .opacity-50{ opacity:.5} .opacity-60{ opacity:.6} .opacity-70{ opacity:.7} .opacity-90{ opacity:.9} .shadow{ --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a; --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_-20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\,0_-8px_10px_-6px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow:0 -20px 25px -5px #0000001a,0 -8px 10px -6px #0000001a; --tw-shadow-colored:0 -20px 25px -5px var(--tw-shadow-color),0 -8px 10px -6px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0px_1px_3px_0px_rgba\(95\,95\,95\,0\.26\)\]{ --tw-shadow:0px 1px 3px 0px #5f5f5f42; --tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color)} .shadow-\[0px_1px_3px_0px_rgba\(95\,95\,95\,0\.26\)\],.shadow-\[2px_2px_0_0_\#0A0A0D\]{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[2px_2px_0_0_\#0A0A0D\]{ --tw-shadow:2px 2px 0 0 #0a0a0d; --tw-shadow-colored:2px 2px 0 0 var(--tw-shadow-color)} .shadow-\[2px_4px_12px_0px_rgba\(0\,0\,0\,0\.14\)\]{ --tw-shadow:2px 4px 12px 0px #00000024; --tw-shadow-colored:2px 4px 12px 0px var(--tw-shadow-color)} .shadow-\[2px_4px_12px_0px_rgba\(0\,0\,0\,0\.14\)\],.shadow-\[4px_4px_0_0_\#171717\]{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[4px_4px_0_0_\#171717\]{ --tw-shadow:4px 4px 0 0 #171717; --tw-shadow-colored:4px 4px 0 0 var(--tw-shadow-color)} .shadow-brand{ --tw-shadow:2px 2px 0 0 #0a0a0d; --tw-shadow-colored:2px 2px 0 0 var(--tw-shadow-color)} .shadow-brand,.shadow-lg{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-lg{ --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a; --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)} .shadow-md{ --tw-shadow:2px 4px 12px 0 #00000024; --tw-shadow-colored:2px 4px 12px 0 var(--tw-shadow-color)} .shadow-md,.shadow-none{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-none{ --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000} .shadow-sm{ --tw-shadow:0 1px 2px 0 #0000000d; --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)} .shadow-sm,.shadow-top-soft{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-top-soft{ --tw-shadow:0px -2px 4px 0px #1212170d; --tw-shadow-colored:0px -2px 4px 0px var(--tw-shadow-color)} .shadow-xl{ --tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a; --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-dark-300{ --tw-shadow-color:var(--bfc-v2-color-mono-300,#e5e5e5); --tw-shadow:var(--tw-shadow-colored)} .\!outline-none{ outline-offset:2px!important; outline:2px solid #0000!important} .outline-none{ outline-offset:2px; outline:2px solid #0000} .outline{ outline-style:solid} .outline-1{ outline-width:1px} .outline-lime-200{ outline-color:var(--bfc-v2-color-lime-200,#d6f589)} .\!ring-0{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important; --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important; box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important} .ring-0{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)} .ring-0,.ring-1{ box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)} .ring-1{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)} .ring-2{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)} .ring-background{ --tw-ring-color:var(--bfc-background)} .ring-black\/10{ --tw-ring-color:#0000001a} .ring-primary{ --tw-ring-color:var(--bfc-primary)} .ring-white\/10{ --tw-ring-color:#ffffff1a} .ring-offset-background{ --tw-ring-offset-color:var(--bfc-background)} .blur{ --tw-blur:blur(8px)} .blur,.drop-shadow{ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .drop-shadow{ --tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)} .grayscale{ --tw-grayscale:grayscale(100%)} .filter,.grayscale{ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .backdrop-blur{ --tw-backdrop-blur:blur(8px); -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .\!transition-shadow{ transition-property:box-shadow!important; transition-duration:.15s!important; transition-timing-function:cubic-bezier(.4,0,.2,1)!important} .transition{ transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-\[grid-template-columns\]{ transition-property:grid-template-columns; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-\[grid-template-rows\]{ transition-property:grid-template-rows; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-\[opacity\,transform\]{ transition-property:opacity,transform; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-\[width\]{ transition-property:width; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-all{ transition-property:all; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-colors{ transition-property:color,background-color,border-color,text-decoration-color,fill,stroke; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-opacity{ transition-property:opacity; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-shadow{ transition-property:box-shadow; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-transform{ transition-property:transform; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .duration-100{ transition-duration:.1s} .duration-200{ transition-duration:.2s} .duration-300{ transition-duration:.3s} .ease-in-out{ transition-timing-function:cubic-bezier(.4,0,.2,1)} .ease-linear{ transition-timing-function:linear} .ease-out{ transition-timing-function:cubic-bezier(0,0,.2,1)} @keyframes enter{ 0%{ opacity:var(--tw-enter-opacity,1); transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))} } @keyframes exit{ to{ opacity:var(--tw-exit-opacity,1); transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))} } .animate-in{ --tw-enter-opacity:initial; --tw-enter-scale:initial; --tw-enter-rotate:initial; --tw-enter-translate-x:initial; --tw-enter-translate-y:initial; animation-name:enter; animation-duration:.15s} .fade-in-0{ --tw-enter-opacity:0} .zoom-in-95{ --tw-enter-scale:.95} .duration-100{ animation-duration:.1s} .duration-200{ animation-duration:.2s} .duration-300{ animation-duration:.3s} .ease-in-out{ animation-timing-function:cubic-bezier(.4,0,.2,1)} .ease-linear{ animation-timing-function:linear} .ease-out{ animation-timing-function:cubic-bezier(0,0,.2,1)} .\@container{ container-type:inline-size} .heading-lg{ font-family:var(--bfc-v2-font-family); font-size:1.5rem; font-style:normal; font-weight:700; line-height:1.75rem} .heading-sm{ font-size:1rem} .heading-sm,.heading-xs{ font-family:var(--bfc-v2-font-family); font-style:normal; font-weight:700; line-height:1.25rem} .heading-xs{ font-size:.875rem} .heading-xxxs{ font-family:var(--bfc-v2-font-family); font-size:.625rem; font-style:normal; font-weight:700; line-height:.875rem} .text-subtlest{ font-weight:400} .custom-dashed-border{ border:none; position:relative} .custom-dashed-border:before{ background-image:repeating-linear-gradient(0deg,var(--bfc-border),var(--bfc-border) 8px,transparent 8px,transparent 16px),repeating-linear-gradient(90deg,var(--bfc-border),var(--bfc-border) 8px,transparent 8px,transparent 16px),repeating-linear-gradient(180deg,var(--bfc-border),var(--bfc-border) 8px,transparent 8px,transparent 16px),repeating-linear-gradient(270deg,var(--bfc-border),var(--bfc-border) 8px,transparent 8px,transparent 16px); border-radius:inherit; content:""; pointer-events:none; z-index:0; background-position:0 0,0 0,100% 0,0 100%; background-repeat:no-repeat; background-size:1px 100%,100% 1px,1px 100%,100% 1px; position:absolute; inset:0} .custom-dashed-border-b{ border:none; position:relative} .custom-dashed-border-b:before{ background-image:repeating-linear-gradient(0deg,transparent,transparent 8px,transparent 8px,transparent 16px),repeating-linear-gradient(90deg,transparent,transparent 8px,transparent 8px,transparent 16px),repeating-linear-gradient(180deg,transparent,transparent 8px,transparent 8px,transparent 16px),repeating-linear-gradient(270deg,var(--bfc-border),var(--bfc-border) 8px,transparent 8px,transparent 16px); border-radius:inherit; content:""; pointer-events:none; z-index:0; background-position:0 0,0 0,100% 0,0 100%; background-repeat:no-repeat; background-size:1px 100%,100% 1px,1px 100%,100% 1px; position:absolute; inset:0} .custom-dashed-border-t-dark-300{ border:none; position:relative} .custom-dashed-border-t-dark-300:before{ background-image:repeating-linear-gradient(0deg,transparent,transparent 8px,transparent 8px,transparent 16px),repeating-linear-gradient(90deg,var(--bfc-v2-color-mono-300,#e5e5e5),var(--bfc-v2-color-mono-300,#e5e5e5) 8px,transparent 8px,transparent 16px),repeating-linear-gradient(180deg,transparent,transparent 8px,transparent 8px,transparent 16px),repeating-linear-gradient(270deg,transparent,transparent 8px,transparent 8px,transparent 16px); border-radius:inherit; content:""; pointer-events:none; z-index:0; background-position:0 0,0 0,100% 0,0 100%; background-repeat:no-repeat; background-size:1px 100%,100% 1px,1px 100%,100% 1px; position:absolute; inset:0} .shimmer{ background:linear-gradient(90deg,var(--bcf-shimmer-outer) 0,var(--bcf-shimmer-inner) 20%,var(--bcf-shimmer-outer) 40%); background-size:200% 100%; animation:3s linear infinite shimmer} .modern-spinner{ justify-content:center; align-items:center; width:1.75rem; height:1.75rem; display:flex; position:relative} .modern-spinner:after,.modern-spinner:before{ content:""; border-width:1.5px; border-radius:9999px; position:absolute; inset:0} .modern-spinner:after{ border-color:var(--bfc-dark); border-top-color:#0000; animation:1s linear infinite spin} .animate-spin{ transform-box:fill-box; transform-origin:50%; animation:2s linear infinite rotate; transform:none} .custom-dashed-border{ --dashed-border-bg:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23${dark[900].replace('#', '')}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")} .animate-original-pulse{ animation:2s cubic-bezier(.4,0,.6,1) infinite original-pulse} .\[animation-duration\:2\.4s\]{ animation-duration:2.4s} .\[background-size\:200\%_auto\]{ background-size:200%} .\[transform-box\:fill-box\]{ transform-box:fill-box} @keyframes shimmer{ 0%{ background-position:-200% 0} to{ background-position:200% 0} } @keyframes spin{ to{ transform:rotate(1turn)} } @keyframes pulse{ 50%{ transform:scale(1.1)} } @keyframes original-pulse{ 0%,to{ opacity:1} 50%{ opacity:.5} } @keyframes rotate{ 0%{ transform:rotate(0)} to{ transform:rotate(1turn)} } @keyframes scroll-fade-out{ to{ opacity:0} } .main-scroll-fade{ animation:linear scroll-fade-out; animation-timeline:scroll()} @keyframes moveInCircle{ 0%{ transform:rotate(0)} 50%{ transform:rotate(180deg)} to{ transform:rotate(1turn)} } @keyframes moveVertical{ 0%{ transform:translateY(-50%)} 50%{ transform:translateY(50%)} to{ transform:translateY(-50%)} } @keyframes moveHorizontal{ 0%{ transform:translate(-50%)translateY(-10%)} 50%{ transform:translate(50%)translateY(10%)} to{ transform:translate(-50%)translateY(-10%)} } .blurry-blob{ --circle-size:40%; --orbit-size:80px; --opacity:.35; --blending:hard-light; pointer-events:none; z-index:0; width:100vw; height:100vh; position:fixed; top:-10vh; left:0; overflow:visible} .blurry-blob .gradients-container{ filter:url(#goo)blur(40px); width:100%; height:100%} .blurry-blob .g1,.blurry-blob .g2,.blurry-blob .g3,.blurry-blob .g4{ height:var(--circle-size); mix-blend-mode:var(--blending); opacity:1; width:var(--circle-size); position:absolute; top:0; left:0} .blurry-blob .g1{ background:radial-gradient(circle at center,rgb(from var(--bfc-v2-color-lime-100) r g b/var(--opacity)) 0,rgb(from var(--bfc-v2-color-lime-100) r g b/0) 50%) no-repeat; transform-origin:50%; animation:10s infinite moveVertical} .blurry-blob .g2{ background:radial-gradient(circle at center,rgb(from var(--bfc-v2-color-lime-200) r g b/var(--opacity)) 0,rgb(from var(--bfc-v2-color-lime-200) r g b/0) 50%) no-repeat; transform-origin:calc(50% - var(--orbit-size)*2); animation:5s infinite reverse moveInCircle} .blurry-blob .g3{ background:radial-gradient(circle at center,rgb(from var(--bfc-v2-color-lime-300) r g b/var(--opacity)) 0,rgb(from var(--bfc-v2-color-lime-300) r g b/0) 50%) no-repeat; transform-origin:calc(50% + var(--orbit-size)*.5); animation:10s linear infinite moveInCircle; top:5%; left:-10%} .blurry-blob .g4{ background:radial-gradient(circle at center,rgb(from var(--bfc-v2-color-lime-400) r g b/var(--opacity)) 0,rgb(from var(--bfc-v2-color-lime-400) r g b/0) 50%) no-repeat; opacity:.7; transform-origin:calc(50% - var(--orbit-size)); animation:12s infinite moveHorizontal} .file\:border-0::file-selector-button{ border-width:0} .file\:bg-transparent::file-selector-button{ background-color:#0000} .file\:text-sm::file-selector-button{ font-size:.875rem; line-height:1.25rem} .file\:font-medium::file-selector-button{ font-weight:500} .file\:text-foreground::file-selector-button{ color:var(--bfc-foreground)} .placeholder\:text-gray-400::placeholder{ --tw-text-opacity:1; color:rgb(156 163 175/var(--tw-text-opacity,1))} .placeholder\:text-muted-foreground::placeholder{ color:var(--bfc-muted-foreground)} .after\:absolute:after{ content:var(--tw-content); position:absolute} .after\:inset-0:after{ content:var(--tw-content); inset:0} .after\:inset-y-0:after{ content:var(--tw-content); top:0; bottom:0} .after\:-bottom-\[10px\]:after{ content:var(--tw-content); bottom:-10px} .after\:-right-0\.5:after{ content:var(--tw-content); right:-.125rem} .after\:-right-4:after{ content:var(--tw-content); right:-1rem} .after\:bottom-0:after{ content:var(--tw-content); bottom:0} .after\:left-1\/2:after{ content:var(--tw-content); left:50%} .after\:left-\[35px\]:after{ content:var(--tw-content); left:35px} .after\:right-\[-2px\]:after{ content:var(--tw-content); right:-2px} .after\:top-0:after{ content:var(--tw-content); top:0} .after\:top-1\/2:after{ content:var(--tw-content); top:50%} .after\:top-\[38px\]:after{ content:var(--tw-content); top:38px} .after\:z-10:after{ content:var(--tw-content); z-index:10} .after\:block:after{ content:var(--tw-content); display:block} .after\:h-1\/2:after{ content:var(--tw-content); height:50%} .after\:h-14:after{ content:var(--tw-content); height:3.5rem} .after\:w-1:after{ content:var(--tw-content); width:.25rem} .after\:w-2:after{ content:var(--tw-content); width:.5rem} .after\:w-\[1px\]:after{ content:var(--tw-content); width:1px} .after\:-translate-x-1\/2:after{ --tw-translate-x:-50%} .after\:-translate-x-1\/2:after,.after\:-translate-y-1\/2:after{ content:var(--tw-content); transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .after\:-translate-y-1\/2:after{ --tw-translate-y:-50%} .after\:rounded-sm:after{ content:var(--tw-content); border-radius:.125rem} .after\:rounded-l-md:after{ content:var(--tw-content); border-top-left-radius:.375rem; border-bottom-left-radius:.375rem} .after\:bg-foreground:after{ background-color:var(--bfc-foreground); content:var(--tw-content)} .after\:bg-lime-400:after{ background-color:var(--bfc-v2-color-lime-400,#a3e635); content:var(--tw-content)} .after\:bg-primary:after{ background-color:var(--bfc-primary); content:var(--tw-content)} .after\:opacity-0:after{ content:var(--tw-content); opacity:0} .after\:opacity-100:after{ content:var(--tw-content); opacity:1} .after\:transition-opacity:after{ content:var(--tw-content); transition-property:opacity; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .after\:content-\[\"\"\]:after{--tw-content:"";content:var(--tw-content)}.first\:pl-0:first-child{padding-left:0}.first\:pl-4:first-child{padding-left:1rem}.last\:\!mb-8:last-child{margin-bottom:2rem!important}.last\:mb-0:last-child{margin-bottom:0}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pr-4:last-child{padding-right:1rem}.last-of-type\:after\:hidden:last-of-type:after{content:var(--tw-content);display:none}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-dark-300:hover{border-color:var(--bfc-v2-color-mono-300,#e5e5e5)}.hover\:bg-accent:hover{background-color:var(--bfc-accent)}.hover\:bg-black\/10:hover{background-color:#0000001a}.hover\:bg-black\/70:hover{background-color:#000000b3}.hover\:bg-blue-500:hover{background-color:var(--bfc-v2-color-blue-500,#4688ec)}.hover\:bg-dark-100:hover{background-color:var(--bfc-v2-color-mono-100,#fafafa)}.hover\:bg-dark-200:hover{background-color:var(--bfc-v2-color-mono-200,#f5f5f5)}.hover\:bg-dark-300:hover{background-color:var(--bfc-v2-color-mono-300,#e5e5e5)}.hover\:bg-dark-800:hover{background-color:var(--bfc-v2-color-mono-800,#404040)}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-green-200:hover{background-color:var(--bfc-v2-color-green-200,#baf3db)}.hover\:bg-muted:hover{background-color:var(--bfc-muted)}.hover\:bg-red-200:hover{background-color:var(--bfc-v2-color-red-200,#ffd5d2)}.hover\:bg-zinc-700\/50:hover{background-color:#3f3f4680}.hover\:bg-opacity-80:hover{--tw-bg-opacity:.8}.hover\:text-accent-foreground:hover{color:var(--bfc-accent-foreground)}.hover\:text-dark-800:hover{color:var(--bfc-v2-color-mono-800,#404040)}.hover\:text-foreground:hover{color:var(--bfc-foreground)}.hover\:text-primary-foreground:hover{color:var(--bfc-primary-foreground)}.hover\:text-zinc-100:hover{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:no-underline:hover{text-decoration-line:none}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:duration-300:hover{transition-duration:.3s}.hover\:ease-in-out:hover{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:duration-300:hover{animation-duration:.3s}.hover\:ease-in-out:hover{animation-timing-function:cubic-bezier(.4,0,.2,1)}.focus\:bg-accent:focus{background-color:var(--bfc-accent)}.focus\:bg-dark-200:focus{background-color:var(--bfc-v2-color-mono-200,#f5f5f5)}.focus\:text-accent-foreground:focus{color:var(--bfc-accent-foreground)}.focus\:text-primary-foreground:focus{color:var(--bfc-primary-foreground)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-1:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color:color-mix(in srgb,var(--bfc-primary) 85%,transparent)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:border-ring:focus-visible{border-color:color-mix(in srgb,var(--bfc-primary) 85%,transparent)}.focus-visible\:bg-dark-800:focus-visible{background-color:var(--bfc-v2-color-mono-800,#404040)}.focus-visible\:\!outline-none:focus-visible{outline-offset:2px!important;outline:2px solid #0000!important}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:color-mix(in srgb,var(--bfc-primary) 85%,transparent)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--bfc-background)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-dark-400:active{background-color:var(--bfc-v2-color-mono-400,#d4d4d4)}.active\:shadow-\[inset_2px_2px_0_0_\#262626\]:active,.active\:shadow-brand-active:active{--tw-shadow:inset 2px 2px 0 0 #262626;--tw-shadow-colored:inset 2px 2px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:invisible:disabled{visibility:hidden}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-subtlest:disabled{color:var(--bfc-text-subtlest)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:text-subtlest:disabled{font-weight:400}.group:focus-within .group-focus-within\:flex{display:flex}.group:focus-within .group-focus-within\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:flex{display:flex}.group:hover .group-hover\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .group-hover\:custom-dashed-border-hover:before{border:1px solid var(--bfc-border);background-image:none}.group:hover .group-hover\:custom-dashed-border-hover{box-shadow:4px 4px 0 0 var(--bfc-border)}.group:focus .group-focus\:custom-dashed-border-hover:before{border:1px solid var(--bfc-border);background-image:none}.group:focus .group-focus\:custom-dashed-border-hover{box-shadow:4px 4px 0 0 var(--bfc-border)}.group[data-state=open] .hover\:group-\[\&\[data-state\=open\]\]\:bg-dark-200:hover{background-color:var(--bfc-v2-color-mono-200,#f5f5f5)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){gap:.5rem}.group\/item:has([data-slot=item-description]) .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5{--tw-translate-y:.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/item:has([data-slot=item-description]) .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start{align-self:flex-start}.aria-\[orientation\=horizontal\]\:h-px[aria-orientation=horizontal]{height:1px}.aria-\[orientation\=horizontal\]\:w-full[aria-orientation=horizontal]{width:100%}.aria-\[orientation\=vertical\]\:flex-col[aria-orientation=vertical]{flex-direction:column}.aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation=horizontal]:after{content:var(--tw-content);left:0}.aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation=horizontal]:after{content:var(--tw-content);height:.25rem}.aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation=horizontal]:after{content:var(--tw-content);width:100%}.aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation=horizontal]:after{--tw-translate-y:-50%}.aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation=horizontal]:after,.aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation=horizontal]:after{content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation=horizontal]:after{--tw-translate-x:0px}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled],.data-\[state\=closed\]\:pointer-events-none[data-state=closed]{pointer-events:none}.data-\[size\=lg\]\:size-10[data-size=lg]{width:2.5rem;height:2.5rem}.data-\[size\=sm\]\:size-6[data-size=sm]{width:1.5rem;height:1.5rem}.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto}.data-\[state\=closed\]\:w-0[data-state=closed]{width:0}.data-\[state\=open\]\:w-full[data-state=open]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-.25rem}.data-\[state\=checked\]\:translate-x-\[1\.1rem\][data-state=checked]{--tw-translate-x:1.1rem}.data-\[state\=checked\]\:translate-x-\[1\.1rem\][data-state=checked],.data-\[state\=closed\]\:translate-x-full[data-state=closed]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=closed\]\:translate-x-full[data-state=closed]{--tw-translate-x:100%}.data-\[state\=open\]\:translate-x-0[data-state=open],.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:.2s ease-out accordion-up}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:.2s ease-out accordion-down}.data-\[orientation\=vertical\]\:flex-row[data-orientation=vertical]{flex-direction:row}.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--bfc-accent)}.data-\[state\=active\]\:bg-surface[data-state=active]{background-color:var(--bfc-white)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--bfc-primary)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--bfc-accent)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--bfc-muted)}.data-\[state\=unchecked\]\:bg-dark-500[data-state=unchecked]{background-color:var(--bfc-v2-color-mono-500,#a3a3a3)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--bfc-input)}.data-\[state\=active\]\:font-medium[data-state=active]{font-weight:500}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:var(--bfc-accent-foreground)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--bfc-foreground)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--bfc-muted-foreground)}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-md[data-state=active]{--tw-shadow:2px 4px 12px 0 #00000024;--tw-shadow-colored:2px 4px 12px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.\*\:data-\[slot\=avatar\]\:ring-2[data-slot=avatar]>*{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.\*\:data-\[slot\=avatar\]\:ring-background[data-slot=avatar]>*{--tw-ring-color:var(--bfc-background)}.data-\[state\=active\]\:after\:absolute[data-state=active]:after{content:var(--tw-content);position:absolute}.data-\[state\=active\]\:after\:rounded-sm[data-state=active]:after{content:var(--tw-content);border-radius:.125rem}.data-\[state\=active\]\:after\:bg-primary[data-state=active]:after{background-color:var(--bfc-primary);content:var(--tw-content)}.data-\[state\=active\]\:after\:content-\[\'\'\][data-state=active]:after{--tw-content:"";content:var(--tw-content)}.group\/tabs[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\/tabs\:mt-2{margin-top:.5rem}.group\/avatar[data-size=default] .group-data-\[size\=default\]\/avatar\:size-2\.5{width:.625rem;height:.625rem}.group\/avatar[data-size=lg] .group-data-\[size\=lg\]\/avatar\:size-3{width:.75rem;height:.75rem}.group\/avatar[data-size=sm] .group-data-\[size\=sm\]\/avatar\:size-2{width:.5rem;height:.5rem}.group\/tabs[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\/tabs\:h-10{height:2.5rem}.group\/tabs[data-orientation=vertical] .group-data-\[orientation\=vertical\]\/tabs\:h-fit{height:fit-content}.group\/tabs[data-orientation=vertical] .group-data-\[orientation\=vertical\]\/tabs\:w-full{width:100%}.group\/tabs[data-orientation=vertical] .group-data-\[orientation\=vertical\]\/tabs\:flex-col{flex-direction:column}.group\/tabs[data-orientation=vertical] .group-data-\[orientation\=vertical\]\/tabs\:justify-start{justify-content:flex-start}.group\/tabs[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\/tabs\:pb-1\.5{padding-bottom:.375rem}.group\/avatar[data-size=sm] .group-data-\[size\=sm\]\/avatar\:text-xs{font-size:.75rem;line-height:1rem}.group\/avatar[data-size=default] .group-data-\[size\=default\]\/avatar\:ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.group\/tabs[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\/tabs\:data-\[state\=active\]\:after\:-bottom-0\.5[data-state=active]:after{content:var(--tw-content);bottom:-.125rem}.group\/tabs[data-orientation=vertical] .group-data-\[orientation\=vertical\]\/tabs\:data-\[state\=active\]\:after\:-right-0\.5[data-state=active]:after{content:var(--tw-content);right:-.125rem}.group\/tabs[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\/tabs\:data-\[state\=active\]\:after\:h-1[data-state=active]:after{content:var(--tw-content);height:.25rem}.group\/tabs[data-orientation=vertical] .group-data-\[orientation\=vertical\]\/tabs\:data-\[state\=active\]\:after\:h-3\/4[data-state=active]:after{content:var(--tw-content);height:75%}.group\/tabs[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\/tabs\:data-\[state\=active\]\:after\:w-3\/4[data-state=active]:after{content:var(--tw-content);width:75%}.group\/tabs[data-orientation=vertical] .group-data-\[orientation\=vertical\]\/tabs\:data-\[state\=active\]\:after\:w-1[data-state=active]:after{content:var(--tw-content);width:.25rem}@container (min-width:48rem){.\@3xl\:mb-4{margin-bottom:1rem}.\@3xl\:hidden{display:none}.\@3xl\:h-auto{height:auto}.\@3xl\:justify-center{justify-content:center}.\@3xl\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.\@3xl\:bg-transparent{background-color:#0000}.\@3xl\:p-0{padding:0}.\@3xl\:px-0{padding-left:0;padding-right:0}.\@3xl\:text-5xl{font-size:3rem;line-height:1}.\@3xl\:leading-normal{line-height:1.5}.\@3xl\:text-foreground{color:var(--bfc-foreground)}}@media (pointer:coarse){.device-touch\:hidden{display:none}}@media (pointer:fine) or (pointer:none){.device-desktop\:inline-flex{display:inline-flex}}@media (pointer:fine) and (any-pointer:coarse){.device-desktop-touch\:inline-flex{display:inline-flex}}.dark\:border-none:is(.dark *){border-style:none}.dark\:border-white:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-primary:is(.dark *){background-color:var(--bfc-primary)}.dark\:text-primary:is(.dark *),.dark\:text-primary-foreground:is(.dark *){color:var(--bfc-primary-foreground)}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:shadow-\[2px_2px_0_0_\#FFF\]:is(.dark *){--tw-shadow:2px 2px 0 0 #fff;--tw-shadow-colored:2px 2px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[2px_4px_12px_0px_rgba\(255\,255\,255\,0\.14\)\]:is(.dark *){--tw-shadow:2px 4px 12px 0px #ffffff24;--tw-shadow-colored:2px 4px 12px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-\[4px_4px_0_0_\#fff\]:is(.dark *){--tw-shadow:4px 4px 0 0 #fff;--tw-shadow-colored:4px 4px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-brand-dark:is(.dark *){--tw-shadow:2px 2px 0 0 #fff;--tw-shadow-colored:2px 2px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-md:is(.dark *){--tw-shadow:2px 4px 12px 0 #00000024;--tw-shadow-colored:2px 4px 12px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-md-invert:is(.dark *){--tw-shadow:2px 4px 12px 0 #ffffff24;--tw-shadow-colored:2px 4px 12px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:ring-white\/10:is(.dark *){--tw-ring-color:#ffffff1a}.dark\:hover\:shadow-none:hover:is(.dark *){--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:active\:shadow-\[inset_2px_2px_0_0_\#FFF\]:active:is(.dark *),.dark\:active\:shadow-brand-dark-active:active:is(.dark *){--tw-shadow:inset 2px 2px 0 0 #fff;--tw-shadow-colored:inset 2px 2px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:size-5{width:1.25rem;height:1.25rem}.sm\:w-auto{width:auto}.sm\:max-w-\[400px\]{max-width:400px}.sm\:max-w-\[90vw\]{max-width:90vw}.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2\.5{gap:.625rem}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:rounded-lg{border-radius:.5rem}.sm\:rounded-md{border-radius:.375rem}.sm\:p-8{padding:2rem}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:static{position:static}.md\:relative{position:relative}.md\:top-0{top:0}.md\:mx-4{margin-left:1rem}.md\:mr-4,.md\:mx-4{margin-right:1rem}.md\:mt-4{margin-top:1rem}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-\[calc\(100dvh-var\(--header-nav-height\)-1rem\)\]{height:calc(100dvh - var(--header-nav-height) - 1rem)}.md\:h-auto{height:auto}.md\:h-dvh{height:100dvh}.md\:w-96{width:24rem}.md\:gap-4{gap:1rem}.md\:space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.md\:rounded-lg{border-radius:.5rem}.md\:rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.md\:bg-dark-100{background-color:var(--bfc-v2-color-mono-100,#fafafa)}.md\:bg-transparent{background-color:#0000}.md\:p-0{padding:0}.md\:p-4{padding:1rem}.md\:p-8{padding:2rem}.md\:px-0{padding-left:0;padding-right:0}.md\:text-left{text-align:left}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:shadow-\[2px_4px_12px_0_rgba\(0\,0\,0\,0\.14\)\]{--tw-shadow:2px 4px 12px 0 #00000024;--tw-shadow-colored:2px 4px 12px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.md\:data-\[state\=open\]\:w-\[var\(--left-nav-width\)\][data-state=open]{width:var(--left-nav-width)}.md\:dark\:shadow-\[2px_4px_12px_0_rgba\(255\,255\,255\,0\.14\)\]:is(.dark *){--tw-shadow:2px 4px 12px 0 #ffffff24;--tw-shadow-colored:2px 4px 12px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-\[1fr_4fr\]{grid-template-columns:1fr 4fr}.lg\:p-8{padding:2rem}}.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{flex:none}.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{display:none}.\[\&\:\:-webkit-search-decoration\]\:hidden::-webkit-search-decoration{display:none}.\[\&\:\:-webkit-search-results-button\]\:hidden::-webkit-search-results-button{display:none}.\[\&\:\:-webkit-search-results-decoration\]\:hidden::-webkit-search-results-decoration{display:none}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){border-left-width:0}.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){border-top-width:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.\[\&\>\*\]\:h-full>*{height:100%}.\[\&\>\*\]\:w-full>*{width:100%}.\[\&\>\*\]\:focus-visible\:relative:focus-visible>*{position:relative}.\[\&\>\*\]\:focus-visible\:z-10:focus-visible>*{z-index:10}.\[\&\>\[data-radix-scroll-area-viewport\]\>div\:first-child\]\:\!block>[data-radix-scroll-area-viewport]>div:first-child{display:block!important}.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md>[data-slot=select-trigger]:last-of-type:has(select[aria-hidden=true]:last-child){border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){width:fit-content}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\>a\:hover\]\:text-primary>a:hover{color:var(--bfc-primary-foreground)}.\[\&\>a\]\:underline>a{text-decoration-line:underline}.\[\&\>a\]\:underline-offset-4>a{text-underline-offset:4px}.\[\&\>div\]\:pointer-events-none>div{pointer-events:none}.\[\&\>h3\]\:my-0>h3{margin-top:0;margin-bottom:0}.\[\&\>input\]\:flex-1>input{flex:1}.\[\&\>svg\]\:\!size-3>svg{width:.75rem!important;height:.75rem!important}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:size-5>svg{width:1.25rem;height:1.25rem}.\[\&\>svg\]\:h-2\.5>svg{height:.625rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:h-3\.5>svg{height:.875rem}.\[\&\>svg\]\:w-2\.5>svg{width:.625rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:w-3\.5>svg{width:.875rem}.\[\&\>svg\]\:flex-shrink-0>svg,.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-blue>svg{color:var(--bfc-v2-color-blue-700,#1868db)}.\[\&\>svg\]\:text-green>svg{color:var(--bfc-v2-color-green-700,#1f845a)}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--bfc-muted-foreground)}.\[\&\>svg\]\:text-red>svg{color:var(--bfc-v2-color-red-700,#c9372c)}.\[\&\>svg\]\:text-yellow>svg{color:var(--bfc-v2-color-yellow-700,#946f00)}.group\/avatar[data-size=sm] .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden>svg{display:none}.group\/avatar[data-size=default] .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2>svg,.group\/avatar[data-size=lg] .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2>svg{width:.5rem;height:.5rem}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal]>div{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=\"open\"\]\]\:border-dark-100[data-state=open]{border-color:var(--bfc-v2-color-mono-100,#fafafa)}.\[\&\[data-state\=\"open\"\]\]\:bg-surface[data-state=open]{background-color:var(--bfc-white)}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&\[data-state\=open\]\]\:px-6[data-state=open]{padding-left:1.5rem;padding-right:1.5rem}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--bfc-muted-foreground)}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--bfc-v2-color-mono-300)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{outline-offset:2px;outline:2px solid #0000}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc]{stroke:var(--bfc-v2-color-mono-300)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--bfc-muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc]{stroke:var(--bfc-v2-color-mono-300)}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{outline-offset:2px;outline:2px solid #0000}.\[\&_\>div\]\:w-full>div{width:100%}.\[\&_\>div\]\:table-fixed>div{table-layout:fixed}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--bfc-muted-foreground)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_\[data-slot\=\'alert-description\'\]\>p\]\:my-0 [data-slot=alert-description]>p{margin-top:0;margin-bottom:0}.\[\&_\[data-slot\=\'alert-description\'\]\]\:space-y-4 [data-slot=alert-description]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.\[\&_a\:hover\]\:no-underline a:hover{text-decoration-line:none}.\[\&_a\]\:break-all a{word-break:break-all}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_blockquote\]\:my-0 blockquote{margin-top:0;margin-bottom:0}.\[\&_img\]\:size-full img{width:100%;height:100%}.\[\&_img\]\:object-cover img{-o-object-fit:cover;object-fit:cover}.\[\&_ol\]\:my-0 ol{margin-top:0;margin-bottom:0}.\[\&_ol\]\:list-decimal ol{list-style-type:decimal}.\[\&_ol\]\:\!pl-16 ol{padding-left:4rem!important}.\[\&_ol\]\:pl-5 ol{padding-left:1.25rem}.\[\&_p\]\:my-0 p{margin-top:0;margin-bottom:0}.\[\&_p\]\:leading-relaxed p{line-height:1.625}.\[\&_pre\]\:my-0 pre{margin-top:0;margin-bottom:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3\.5 svg{width:.875rem;height:.875rem}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:size-6 svg{width:1.5rem;height:1.5rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.\[\&_ul\]\:my-0 ul{margin-top:0;margin-bottom:0}.\[\&_ul\]\:list-disc ul{list-style-type:disc}.\[\&_ul\]\:\!pl-16 ul{padding-left:4rem!important}.\[\&_ul\]\:pl-5 ul{padding-left:1.25rem} /*# sourceMappingURL=0841a__vpucxs.css.map*/ .ProseMirror{ word-wrap:break-word; font-feature-settings:"liga" 0; font-variant-ligatures:none; white-space:pre-wrap; white-space:break-spaces; position:relative} .ProseMirror pre{ white-space:pre-wrap} .ProseMirror li{ position:relative} .ProseMirror-hideselection ::selection{ background:0 0} .ProseMirror-hideselection ::selection{ background:0 0} .ProseMirror-hideselection{ caret-color:#0000} .ProseMirror [draggable][contenteditable=false]{ -webkit-user-select:text; user-select:text} .ProseMirror-selectednode{ outline:2px solid #8cf} li.ProseMirror-selectednode{ outline:none} li.ProseMirror-selectednode:after{ content:""; pointer-events:none; border:2px solid #8cf; position:absolute; inset:-2px -2px -2px -32px} img.ProseMirror-separator{ border:none!important; margin:0!important; display:inline!important} .milkdown{ position:relative} .milkdown *{ box-sizing:border-box; margin:0; padding:0} .milkdown button,.milkdown input{ box-shadow:none; background:0 0; border:none} .milkdown button:focus,.milkdown input:focus,.milkdown :focus-visible{ outline:none} .milkdown{ background:var(--crepe-color-background); color:var(--crepe-color-on-background); font-family:var(--crepe-font-default)} .milkdown .milkdown-icon{ justify-content:center; align-items:center; display:inline-flex} .milkdown .ProseMirror-focused{ outline:none} .milkdown .ProseMirror{ padding:60px 120px} .milkdown .ProseMirror ::selection{ background:var(--crepe-color-selected)} .milkdown .ProseMirror li.ProseMirror-selectednode{ background:var(--crepe-color-selected); outline:none} .milkdown .ProseMirror li.ProseMirror-selectednode ::selection{ background:0 0} .milkdown .ProseMirror li.ProseMirror-selectednode::selection{ background:0 0} .milkdown .ProseMirror li.ProseMirror-selectednode:after{ all:unset} .milkdown .ProseMirror .ProseMirror-selectednode{ background:var(--crepe-color-selected); background:color-mix(in srgb,var(--crepe-color-selected),transparent 60%); outline:none} .milkdown .ProseMirror .ProseMirror-selectednode ::selection{ background:0 0} .milkdown .ProseMirror .ProseMirror-selectednode::selection{ background:0 0} .milkdown .ProseMirror[data-dragging=true] ::-moz-selection{ background:0 0} .milkdown .ProseMirror[data-dragging=true]::-moz-selection{ background:0 0} .milkdown .ProseMirror[data-dragging=true] .ProseMirror-selectednode,.milkdown .ProseMirror[data-dragging=true] ::selection,.milkdown .ProseMirror[data-dragging=true]::selection{ background:0 0} .milkdown .ProseMirror[data-dragging=true] input::selection{ background:var(--crepe-color-selected)} .milkdown .ProseMirror img{ vertical-align:bottom; max-width:100%} .milkdown .ProseMirror img.ProseMirror-selectednode{ outline:2px solid var(--crepe-color-primary); background:0 0} .milkdown .ProseMirror h1,.milkdown .ProseMirror h2,.milkdown .ProseMirror h3,.milkdown .ProseMirror h4,.milkdown .ProseMirror h5,.milkdown .ProseMirror h6{ font-family:var(--crepe-font-title); padding:2px 0; font-weight:400} .milkdown .ProseMirror h1{ margin-top:32px; font-size:42px; line-height:50px} .milkdown .ProseMirror h2{ margin-top:28px; font-size:36px; line-height:44px} .milkdown .ProseMirror h3{ margin-top:24px; font-size:32px; line-height:40px} .milkdown .ProseMirror h4{ margin-top:20px; font-size:28px; line-height:36px} .milkdown .ProseMirror h5{ margin-top:16px; font-size:24px; line-height:32px} .milkdown .ProseMirror h6{ margin-top:16px; font-size:18px; font-weight:700; line-height:28px} .milkdown .ProseMirror p{ padding:4px 0; font-size:16px; line-height:24px} .milkdown .ProseMirror code{ background:color-mix(in srgb,var(--crepe-color-inline-area),transparent 40%); color:var(--crepe-color-inline-code); font-family:var(--crepe-font-code); border-radius:4px; padding:0 2px; font-size:87.5%; line-height:1.4286; display:inline-block} .milkdown .ProseMirror a{ color:var(--crepe-color-primary); text-decoration:underline} .milkdown .ProseMirror pre{ background:color-mix(in srgb,var(--crepe-color-inline-area),transparent 40%); border-radius:4px; padding:10px} .milkdown .ProseMirror pre code{ background:0 0; padding:0} .milkdown .ProseMirror blockquote{ box-sizing:content-box; margin:4px 0; padding-top:0; padding-bottom:0; padding-left:40px; position:relative} .milkdown .ProseMirror blockquote:before{ background:var(--crepe-color-selected); content:""; border-radius:100px; width:4px; position:absolute; top:4px; bottom:4px; left:0} .milkdown .ProseMirror blockquote hr{ margin-bottom:16px} .milkdown .ProseMirror hr{ background-clip:content-box; background-color:color-mix(in srgb,var(--crepe-color-outline),transparent 80%); border:none; height:13px; padding:6px 0; position:relative} .milkdown .ProseMirror hr.ProseMirror-selectednode{ background-clip:content-box; background-color:color-mix(in srgb,var(--crepe-color-outline),transparent 20%); outline:none} .milkdown .ProseMirror hr.ProseMirror-selectednode:before{ background-color:color-mix(in srgb,var(--crepe-color-outline),transparent 80%); content:""; pointer-events:none; position:absolute; inset:0} .milkdown .ProseMirror ol,.milkdown .ProseMirror ul{ padding:0} .milkdown .milkdown-block-handle[data-show=false]{ opacity:0; pointer-events:none} .milkdown .milkdown-block-handle{ cursor:pointer; justify-content:center; align-items:center; gap:2px; transition:all .2s; display:flex; position:absolute} .milkdown .milkdown-block-handle .operation-item{ border-radius:4px; width:32px; height:32px; padding:4px} .milkdown .milkdown-block-handle .operation-item svg{ fill:var(--crepe-color-outline); width:24px; height:24px} .milkdown .milkdown-block-handle .operation-item:hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-block-handle .operation-item.active{ background:var(--crepe-color-selected)} .milkdown .milkdown-slash-menu[data-show=false]{ display:none} .milkdown .milkdown-slash-menu{ background:var(--crepe-color-surface); box-shadow:var(--crepe-shadow-1); color:var(--crepe-color-on-surface); font-family:var(--crepe-font-default); z-index:10; border-radius:12px; display:block; position:absolute} .milkdown .milkdown-slash-menu ul{ list-style-type:none} .milkdown .milkdown-slash-menu ul li{ cursor:pointer; border-radius:8px} .milkdown .milkdown-slash-menu .tab-group{ border-bottom:1px solid color-mix(in srgb,var(--crepe-color-outline),transparent 80%); padding:12px 12px 0} .milkdown .milkdown-slash-menu .tab-group ul{ flex-wrap:nowrap; gap:10px; padding:8px 10px; display:flex} .milkdown .milkdown-slash-menu .tab-group ul li{ padding:6px 10px; font-size:14px; font-style:normal; font-weight:600; line-height:20px} .milkdown .milkdown-slash-menu .tab-group ul li:hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-slash-menu .tab-group ul li.selected{ background:var(--crepe-color-selected)} .milkdown .milkdown-slash-menu .menu-groups{ overscroll-behavior:contain; scroll-behavior:smooth; max-height:420px; padding:0 12px 12px; overflow:auto} .milkdown .milkdown-slash-menu .menu-groups .menu-group h6{ color:color-mix(in srgb,var(--crepe-color-on-surface),transparent 40%); text-transform:uppercase; padding:14px 10px; font-size:14px; font-style:normal; font-weight:600; line-height:20px} .milkdown .milkdown-slash-menu .menu-groups .menu-group li{ justify-content:flex-start; align-items:center; gap:16px; min-width:220px; padding:14px 10px; display:flex} .milkdown .milkdown-slash-menu .menu-groups .menu-group li.hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-slash-menu .menu-groups .menu-group li.active{ background:var(--crepe-color-selected)} .milkdown .milkdown-slash-menu .menu-groups .menu-group li svg{ color:var(--crepe-color-outline); fill:var(--crepe-color-outline); width:24px; height:24px} .milkdown .milkdown-slash-menu .menu-groups .menu-group li>span{ font-size:14px; font-style:normal; font-weight:600; line-height:20px} .milkdown .milkdown-slash-menu .menu-groups .menu-group+.menu-group:before{ background:color-mix(in srgb,var(--crepe-color-outline),transparent 80%); content:""; height:1px; margin:0 10px; display:block} .milkdown .milkdown-code-block{ background:var(--crepe-color-surface); margin:4px 0; padding:8px 20px 20px; display:block; position:relative} .milkdown .milkdown-code-block .language-picker{ z-index:999; width:max-content; padding-top:10px; position:absolute} .milkdown .milkdown-code-block .hidden{ display:none!important} .milkdown .milkdown-code-block.selected{ outline:1px solid var(--crepe-color-primary)} .milkdown .milkdown-code-block .milkdown-code-block-placeholder{ font-family:var(--crepe-font-code,monospace); white-space:pre-wrap; word-break:break-all; margin:0; padding:4px 0; font-size:14px; line-height:1.5} .milkdown .milkdown-code-block .milkdown-code-block-placeholder code{ font-family:inherit} .milkdown .milkdown-code-block .cm-editor{ background:var(--crepe-color-surface); outline:none!important} .milkdown .milkdown-code-block .cm-gutters{ background:var(--crepe-color-surface); border-right:none} .milkdown .milkdown-code-block .cm-panel{ background:var(--crepe-color-surface); color:var(--crepe-color-on-surface); font-family:var(--crepe-font-default)} .milkdown .milkdown-code-block .cm-panel input{ background:var(--crepe-color-surface-low); caret-color:var(--crepe-color-outline); border-radius:4px} .milkdown .milkdown-code-block .cm-panel>button{ background:var(--crepe-color-surface-low); border:1px solid var(--crepe-color-outline); color:var(--crepe-color-on-surface-variant); cursor:pointer; text-transform:capitalize; border-radius:4px; font-weight:600} .milkdown .milkdown-code-block .cm-panel>button:hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-code-block .cm-panel>label{ text-transform:capitalize; align-items:center; display:inline-flex} .milkdown .milkdown-code-block .cm-panel>label input[type=checkbox]{ appearance:none; background:var(--crepe-color-surface-low); border:1px solid var(--crepe-color-outline); cursor:pointer; border-radius:4px; place-content:center; width:1.15em; height:1.15em; display:grid} .milkdown .milkdown-code-block .cm-panel>label input[type=checkbox]:before{ box-shadow:inset 1em 1em var(--crepe-color-outline); clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%); content:""; transform-origin:0 100%; width:.65em; height:.65em; transition:transform .12s ease-in-out; transform:scale(0)} .milkdown .milkdown-code-block .cm-panel>label input[type=checkbox]:checked:before{ transform:scale(1)} .milkdown .milkdown-code-block .tools{ justify-content:space-between; align-items:center; display:flex} .milkdown .milkdown-code-block .tools input{ caret-color:var(--crepe-color-outline)} .milkdown .milkdown-code-block .tools .tools-button-group{ gap:2px; display:flex} .milkdown .milkdown-code-block .tools .tools-button-group button{ background:var(--crepe-color-secondary); color:var(--crepe-color-on-surface-variant); cursor:pointer; font-family:var(--crepe-font-default); opacity:0; border-radius:4px; justify-content:center; align-items:center; gap:4px; padding:4px 10px; font-size:12px; font-weight:600; line-height:16px; transition:opacity .2s ease-in-out; display:flex} .milkdown .milkdown-code-block .tools .tools-button-group button svg{ fill:var(--crepe-color-on-surface-variant); width:14px; height:14px} .milkdown .milkdown-code-block .tools .tools-button-group button:first-child{ border-top-left-radius:100px; border-bottom-left-radius:100px} .milkdown .milkdown-code-block .tools .tools-button-group button:last-child{ border-top-right-radius:100px; border-bottom-right-radius:100px} .milkdown .milkdown-code-block .tools .language-button{ background:var(--crepe-color-surface-low); color:var(--crepe-color-on-surface-variant); cursor:pointer; font-family:var(--crepe-font-default); opacity:0; border-radius:4px; align-items:center; gap:6px; margin-bottom:8px; padding:2px 4px 2px 8px; font-size:12px; font-weight:600; line-height:16px; transition:opacity .2s ease-in-out; display:flex} .milkdown .milkdown-code-block .tools .language-button:hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-code-block .tools .language-button .expand-icon{ justify-content:center; align-items:center; width:18px; height:18px; transition:transform .2s ease-in-out; display:flex} .milkdown .milkdown-code-block .tools .language-button .expand-icon svg{ color:var(--crepe-color-outline); width:14px; height:14px} .milkdown .milkdown-code-block .tools .language-button[data-expanded=true] .expand-icon{ transform:rotate(180deg)} .milkdown .milkdown-code-block .tools .language-button .expand-icon svg:focus,.milkdown .milkdown-code-block .tools .language-button .expand-icon:focus-visible{ outline:none} .milkdown .milkdown-code-block:hover .language-button,.milkdown .milkdown-code-block:hover .tools-button-group>button{ opacity:1} .milkdown .milkdown-code-block .list-wrapper{ background:var(--crepe-color-surface-low); box-shadow:var(--crepe-shadow-1); border-radius:12px; width:240px; padding-top:12px} .milkdown .milkdown-code-block .language-list{ overscroll-behavior:contain; height:410px; margin:0; padding:0; overflow-y:auto} .milkdown .milkdown-code-block .language-list-item{ cursor:pointer; align-items:center; gap:8px; margin:0; padding:4px 22px; font-size:14px; font-weight:600; line-height:20px; display:flex} .milkdown .milkdown-code-block .language-list-item:hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-code-block .language-list-item:focus-visible{ background:var(--crepe-color-hover); outline:none} .milkdown .milkdown-code-block .language-list-item .leading,.milkdown .milkdown-code-block .language-list-item .leading svg{ width:24px; height:24px} .milkdown .milkdown-code-block .language-list-item.no-result{ cursor:default; opacity:.6} .milkdown .milkdown-code-block .language-list-item.no-result:hover{ background:0 0} .milkdown .milkdown-code-block .search-box{ outline:1px solid var(--crepe-color-primary); background:0 0; border-radius:4px; align-items:center; gap:8px; margin:0 12px 8px; padding:6px 10px; display:flex} .milkdown .milkdown-code-block .search-box:has(input:focus){ outline:2px solid var(--crepe-color-primary)} .milkdown .milkdown-code-block .search-box .search-input{ color:var(--crepe-color-on-surface); width:100%} .milkdown .milkdown-code-block .search-box .search-icon{ display:none} .milkdown .milkdown-code-block .search-box .clear-icon{ cursor:pointer; width:20px; height:20px} .milkdown .milkdown-code-block .search-box .clear-icon svg{ color:var(--crepe-color-primary); fill:var(--crepe-color-primary); width:20px; height:20px} .milkdown .milkdown-code-block .search-box .clear-icon:hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-code-block .search-box input{ font-family:var(--crepe-font-default); background:0 0; font-size:14px; line-height:20px} .milkdown .milkdown-code-block .search-box input:focus{ outline:none} .milkdown .milkdown-code-block .preview-panel .preview-divider{ background:var(--crepe-color-outline); opacity:.2; height:1px; margin:6px 0} .milkdown .milkdown-code-block .preview-panel .preview-label{ color:color-mix(in srgb,var(--crepe-color-on-surface),transparent 40%); font-family:var(--crepe-font-default); text-transform:uppercase; margin:6px 0; font-size:12px; font-weight:600} .milkdown .milkdown-code-block .preview-panel .preview{ text-align:center; overflow-x:auto} .ProseMirror-gapcursor{ pointer-events:none; display:none; position:absolute} .ProseMirror-gapcursor:after{ content:""; border-top:1px solid #000; width:20px; animation:1.1s steps(2,start) infinite ProseMirror-cursor-blink; display:block; position:absolute; top:-2px} @keyframes ProseMirror-cursor-blink{ to{ visibility:hidden} } .ProseMirror-focused .ProseMirror-gapcursor{ display:block} .ProseMirror.virtual-cursor-enabled{ caret-color:#0000} .ProseMirror-focused{ --prosemirror-virtual-cursor-color:red} .ProseMirror .prosemirror-virtual-cursor{ border-left:2px solid var(--prosemirror-virtual-cursor-color); cursor:text; pointer-events:none; -webkit-user-select:none; user-select:none; position:absolute; transform:translate(-1px)} .ProseMirror .prosemirror-virtual-cursor-left{ border-bottom:2px solid var(--prosemirror-virtual-cursor-color); border-left:none; border-right:2px solid var(--prosemirror-virtual-cursor-color); width:1ch; transform:translate(calc(-1ch - 1px))} .ProseMirror .prosemirror-virtual-cursor-right{ border-bottom:2px solid var(--prosemirror-virtual-cursor-color); border-left:2px solid var(--prosemirror-virtual-cursor-color); border-right:none; width:1ch} .ProseMirror-focused .prosemirror-virtual-cursor-animation{ animation:1s linear .5s infinite prosemirror-virtual-cursor-blink} @keyframes prosemirror-virtual-cursor-blink{ 0%{ opacity:1} 50%{ opacity:0} to{ opacity:1} } .milkdown .crepe-drop-cursor{ background-color:color-mix(in srgb,var(--crepe-color-outline),transparent 50%); opacity:.5; pointer-events:none; transition:all .2s} .milkdown .ProseMirror-gapcursor:after{ border-top:1px solid var(--crepe-color-on-background); box-sizing:border-box} .milkdown .ProseMirror-focused{ --prosemirror-virtual-cursor-color:var(--crepe-color-outline)} .milkdown .milkdown-image-inline{ vertical-align:text-bottom; outline:none; display:inline-flex} .milkdown .milkdown-image-inline input{ caret-color:var(--crepe-color-outline); background:0 0; border:0; outline:none} .milkdown .milkdown-image-inline>.empty-image-inline{ display:inline-flex} .milkdown .milkdown-image-inline>.empty-image-inline .confirm{ cursor:pointer} .milkdown .milkdown-image-inline>.empty-image-inline .link-importer{ flex:1; position:relative} .milkdown .milkdown-image-inline>.empty-image-inline .link-importer>.link-input-area{ color:var(--crepe-color-on-background); width:208px; display:flex} .milkdown .milkdown-image-inline>.empty-image-inline .link-importer .placeholder{ cursor:text; align-items:center; display:flex; position:absolute; top:0; bottom:0; left:0} .milkdown .milkdown-image-inline>.empty-image-inline .link-importer .placeholder .uploader{ cursor:pointer; display:flex} .milkdown .milkdown-image-inline .hidden{ display:none!important} .milkdown .milkdown-image-inline.empty.selected{ background:0 0; outline:none} .milkdown .milkdown-image-inline.empty.selected .empty-image-inline{ box-shadow:var(--crepe-shadow-1)} .milkdown .milkdown-image-inline.selected{ outline:1px solid var(--crepe-color-primary); background:0 0} .milkdown .milkdown-image-inline.selected :not(input)::-moz-selection{ background:0 0} .milkdown .milkdown-image-inline.selected :not(input)::selection{ background:0 0} .milkdown .milkdown-image-inline .empty-image-inline{ background:var(--crepe-color-surface); font-family:var(--crepe-font-default); border-radius:8px; align-items:center; gap:10px; padding:4px 10px; font-size:16px} .milkdown .milkdown-image-inline .empty-image-inline .image-icon svg{ fill:var(--crepe-color-outline); width:18px; height:18px} .milkdown .milkdown-image-inline .empty-image-inline .image-icon{ width:24px; height:24px; padding:3px} .milkdown .milkdown-image-inline .empty-image-inline .link-importer{ height:24px} .milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder{ color:color-mix(in srgb,var(--crepe-color-on-background),transparent 60%)} .milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder :not(input)::-moz-selection{ background:0 0} .milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder :not(input)::selection{ background:0 0} .milkdown .milkdown-image-inline .empty-image-inline .link-importer .link-input-area{ line-height:24px} .milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .uploader{ color:var(--crepe-color-primary); font-family:var(--crepe-font-default); justify-content:center; gap:8px; transition:color .2s} .milkdown .milkdown-image-inline .empty-image-inline .link-importer.focus .placeholder .uploader{ color:unset} .milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .uploader:hover{ color:var(--crepe-color-primary)} .milkdown .milkdown-image-inline .empty-image-inline .link-importer .placeholder .text{ margin-left:8px} .milkdown .milkdown-image-inline .empty-image-inline .confirm svg{ width:18px; height:18px} .milkdown .milkdown-image-inline .empty-image-inline .confirm{ color:var(--crepe-color-primary); border-radius:8px; width:24px; height:24px; padding:3px; display:flex} .milkdown .milkdown-image-inline .empty-image-inline .confirm:hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-image-block{ outline:none; margin:4px 0; display:block} .milkdown .milkdown-image-block>.image-wrapper{ width:fit-content; min-width:100px; margin:0 auto; position:relative} .milkdown .milkdown-image-block>.image-wrapper .operation{ display:flex; position:absolute} .milkdown .milkdown-image-block>.image-wrapper .operation>.operation-item{ cursor:pointer} .milkdown .milkdown-image-block>.image-wrapper img{ -o-object-fit:cover; object-fit:cover; max-width:100%; min-height:100px; display:block} .milkdown .milkdown-image-block>.image-wrapper>.image-resize-handle{ position:absolute; left:50%; transform:translate(-50%)} .milkdown .milkdown-image-block>.image-wrapper>.image-resize-handle:hover{ cursor:row-resize} .milkdown .milkdown-image-block input{ caret-color:var(--crepe-color-outline); background:0 0; border:0; outline:none} .milkdown .milkdown-image-block>.caption-input{ color:var(--crepe-color-on-background); text-align:center; width:100%; display:block} .milkdown .milkdown-image-block>.image-edit{ display:flex} .milkdown .milkdown-image-block>.image-edit .confirm{ cursor:pointer} .milkdown .milkdown-image-block>.image-edit .link-importer{ flex:1; position:relative} .milkdown .milkdown-image-block>.image-edit .link-importer>.link-input-area{ width:100%} .milkdown .milkdown-image-block>.image-edit .link-importer .placeholder{ cursor:text; align-items:center; display:flex; position:absolute; top:0; bottom:0; left:0} .milkdown .milkdown-image-block>.image-edit .link-importer .placeholder .uploader{ cursor:pointer; display:flex} .milkdown .milkdown-image-block .hidden{ display:none!important} .milkdown .milkdown-image-block.selected>.image-edit:not(:has(input:focus)){ position:relative} .milkdown .milkdown-image-block.selected>.image-edit:not(:has(input:focus)):before{ background:color-mix(in srgb,var(--crepe-color-selected),transparent 60%); content:""; pointer-events:none; position:absolute; inset:0} .milkdown .milkdown-image-block.selected>.image-wrapper{ position:relative} .milkdown .milkdown-image-block.selected>.image-wrapper:before{ background:color-mix(in srgb,var(--crepe-color-selected),transparent 60%); content:""; position:absolute; inset:0} .milkdown .milkdown-image-block.selected :not(input)::-moz-selection{ background:0 0} .milkdown .milkdown-image-block.selected :not(input)::selection{ background:0 0} .milkdown .milkdown-image-block .image-wrapper{ justify-content:center; align-items:center; display:flex} .milkdown .milkdown-image-block .image-wrapper .operation{ opacity:0; gap:12px; transition:all .2s; top:12px; right:12px} .milkdown .milkdown-image-block:hover>.image-wrapper .operation{ opacity:1} .milkdown .milkdown-image-block .image-wrapper .operation>.operation-item{ background:var(--crepe-color-inverse); color:var(--crepe-color-on-inverse); opacity:.6; border-radius:50%; width:32px; height:32px; padding:4px} .milkdown .milkdown-image-block .image-wrapper .operation>.operation-item svg{ width:24px; height:24px} .milkdown .milkdown-image-block .image-wrapper .image-resize-handle{ background:var(--crepe-color-outline); opacity:0; border-radius:4px; width:100%; max-width:160px; height:4px; transition:all .2s; bottom:-2px} .milkdown .milkdown-image-block:hover>.image-wrapper .image-resize-handle{ opacity:1} .milkdown .milkdown-image-block .caption-input{ font-family:var(--crepe-font-default); margin:4px auto} .milkdown .milkdown-image-block .image-edit{ background:var(--crepe-color-surface); align-items:center; gap:16px; height:56px; padding:16px 24px} .milkdown .milkdown-image-block .image-edit .image-icon{ color:var(--crepe-color-outline)} .milkdown .milkdown-image-block .image-edit .image-icon svg{ fill:var(--crepe-color-outline); justify-content:center; align-items:center; width:24px; height:24px; display:flex} .milkdown .milkdown-image-block .image-edit .link-importer .placeholder{ color:color-mix(in srgb,var(--crepe-color-on-background),transparent 60%)} .milkdown .milkdown-image-block .image-edit .link-importer .placeholder :not(input)::-moz-selection{ background:0 0} .milkdown .milkdown-image-block .image-edit .link-importer .placeholder :not(input)::selection{ background:0 0} .milkdown .milkdown-image-block .image-edit .link-importer .link-input-area{ color:var(--crepe-color-on-background); line-height:24px} .milkdown .milkdown-image-block .image-edit .link-importer .placeholder .uploader{ color:var(--crepe-color-primary); justify-content:center; gap:8px; font-weight:600; transition:color .2s} .milkdown .milkdown-image-block .image-edit .link-importer.focus .placeholder .uploader{ color:unset} .milkdown .milkdown-image-block .image-edit .link-importer .placeholder .uploader:hover{ color:var(--crepe-color-primary)} .milkdown .milkdown-image-block .image-edit .link-importer .placeholder .text{ margin-left:8px} .milkdown .milkdown-image-block .image-edit .confirm{ background:var(--crepe-color-secondary); color:var(--crepe-color-on-secondary); border-radius:100px; padding:0 24px; font-size:14px; font-weight:600; line-height:40px} .milkdown .milkdown-image-block .image-edit .confirm:hover{ background:linear-gradient(0deg,#1d192b14 0 100%),var(--crepe-color-secondary)} .milkdown .milkdown-link-preview{ z-index:10; position:absolute} .milkdown .milkdown-link-preview[data-show=false]{ display:none} .milkdown .milkdown-link-preview>.link-preview{ background:var(--crepe-color-surface); box-shadow:var(--crepe-shadow-1); cursor:pointer; border-radius:8px; justify-content:center; gap:10px; height:32px; padding:4px 10px; display:flex} .milkdown .milkdown-link-preview>.link-preview>.link-display{ color:unset; text-decoration:none} .milkdown .milkdown-link-preview>.link-preview>.link-display:hover:before{ display:block} .milkdown .milkdown-link-preview>.link-preview>.link-icon>svg{ color:var(--crepe-color-outline); fill:var(--crepe-color-outline); width:18px; height:18px} .milkdown .milkdown-link-preview>.link-preview>.link-icon{ border-radius:8px; padding:3px; line-height:24px} .milkdown .milkdown-link-preview>.link-preview>.link-icon:hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-link-preview>.link-preview>.link-display{ text-overflow:ellipsis; white-space:nowrap; width:240px; font-size:14px; line-height:24px; overflow:hidden} .milkdown .milkdown-link-preview>.link-preview>.link-display:hover{ text-decoration:underline} .milkdown .milkdown-link-preview>.link-preview>.button>svg{ color:var(--crepe-color-outline); fill:var(--crepe-color-outline); width:18px; height:18px} .milkdown .milkdown-link-preview>.link-preview>.button{ border-radius:8px; padding:3px; line-height:24px} .milkdown .milkdown-link-preview>.link-preview>.button:hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-link-edit{ z-index:10; position:absolute} .milkdown .milkdown-link-edit[data-show=false]{ display:none} .milkdown .milkdown-link-edit>.link-edit{ background:var(--crepe-color-surface); box-shadow:var(--crepe-shadow-1); border-radius:8px; justify-content:center; gap:8px; height:32px; padding:4px 10px 4px 20px; display:flex} .milkdown .milkdown-link-edit>.link-edit>.input-area{ color:var(--crepe-color-on-background); background:0 0; outline:none; width:200px; font-size:14px} .milkdown .milkdown-link-edit>.link-edit>.button>svg{ color:var(--crepe-color-outline); fill:var(--crepe-color-outline); width:18px; height:18px} .milkdown .milkdown-link-edit>.link-edit>.button{ cursor:pointer; border-radius:8px; padding:3px; font-size:12px; line-height:24px} .milkdown .milkdown-link-edit>.link-edit>.button:hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-link-edit>.link-edit>.button.hidden{ visibility:hidden} .milkdown .milkdown-list-item-block{ padding:0; display:block} .milkdown .milkdown-list-item-block>.list-item{ align-items:flex-start; display:flex} .milkdown .milkdown-list-item-block>.list-item>.children{ flex:1; min-width:0} .milkdown .milkdown-list-item-block li{ gap:10px} .milkdown .milkdown-list-item-block li .label-wrapper{ color:var(--crepe-color-outline)} .milkdown .milkdown-list-item-block li .label-wrapper svg{ fill:var(--crepe-color-outline)} .milkdown .milkdown-list-item-block li .label-wrapper{ justify-content:center; align-items:center; width:24px; height:32px; display:flex} .milkdown .milkdown-list-item-block li .label-wrapper .label{ text-align:right; width:24px; height:32px; padding:4px 0} .milkdown .milkdown-list-item-block li .label-wrapper .checked,.milkdown .milkdown-list-item-block li .label-wrapper .unchecked{ cursor:pointer} .milkdown .milkdown-list-item-block li .label-wrapper .readonly{ cursor:not-allowed} .milkdown .crepe-placeholder:before{ color:color-mix(in srgb,var(--crepe-color-on-background),transparent 60%); content:attr(data-placeholder); pointer-events:none; height:0; position:absolute} :is(.milkdown:has(.milkdown-link-edit[data-show=true]) .milkdown-toolbar,.milkdown:has(.milkdown-link-preview[data-show=true]) .milkdown-toolbar),.milkdown .milkdown-toolbar[data-show=false]{ display:none} .milkdown .milkdown-toolbar{ background:var(--crepe-color-surface); box-shadow:var(--crepe-shadow-1); z-index:10; border-radius:8px; display:flex; position:absolute; overflow:hidden} .milkdown .milkdown-toolbar .divider{ background:color-mix(in srgb,var(--crepe-color-outline),transparent 80%); width:1px; height:24px; margin:10px} .milkdown .milkdown-toolbar .toolbar-item{ cursor:pointer; border-radius:4px; width:32px; height:32px; margin:6px; padding:4px} .milkdown .milkdown-toolbar .toolbar-item:hover{ background:var(--crepe-color-hover)} .milkdown .milkdown-toolbar .toolbar-item:active{ background:var(--crepe-color-selected)} .milkdown .milkdown-toolbar .toolbar-item svg{ color:var(--crepe-color-outline); fill:var(--crepe-color-outline); width:24px; height:24px} .milkdown .milkdown-toolbar .toolbar-item.active svg{ color:var(--crepe-color-primary); fill:var(--crepe-color-primary)} .ProseMirror .tableWrapper{ overflow-x:auto} .ProseMirror table{ border-collapse:collapse; table-layout:fixed; width:100%; overflow:hidden} .ProseMirror td,.ProseMirror th{ box-sizing:border-box; vertical-align:top; position:relative} .ProseMirror td:not([data-colwidth]):not(.column-resize-dragging),.ProseMirror th:not([data-colwidth]):not(.column-resize-dragging){ min-width:var(--default-cell-min-width)} .ProseMirror .column-resize-handle{ pointer-events:none; z-index:20; background-color:#adf; width:4px; position:absolute; top:0; bottom:0; right:-2px} .ProseMirror.resize-cursor{ cursor:ew-resize; cursor:col-resize} .ProseMirror .selectedCell:after{ content:""; pointer-events:none; z-index:2; background:#c8c8ff66; position:absolute; inset:0} .milkdown .milkdown-table-block{ margin:4px 0; display:block} .milkdown .milkdown-table-block td,.milkdown .milkdown-table-block th{ border:1px solid color-mix(in srgb,var(--crepe-color-outline),transparent 80%); padding:4px 16px} .milkdown .milkdown-table-block td .ProseMirror-selectednode,.milkdown .milkdown-table-block th .ProseMirror-selectednode{ background-color:#0000!important} :is(.milkdown .milkdown-table-block td:has(.ProseMirror-selectednode),.milkdown .milkdown-table-block th:has(.ProseMirror-selectednode)){ outline:1px solid var(--crepe-color-primary); outline-offset:-1px} .milkdown .milkdown-table-block .selectedCell:after{ background-color:var(--crepe-color-selected); opacity:.4} .milkdown .milkdown-table-block .selectedCell ::selection{ background:0 0} .milkdown .milkdown-table-block .drag-preview{ background-color:var(--crepe-color-surface); opacity:.4; outline:1px solid var(--crepe-color-primary); outline-offset:-1px; z-index:100; flex-direction:column; display:flex; position:absolute} .milkdown .milkdown-table-block .drag-preview[data-show=false]{ display:none} :is(.milkdown .milkdown-table-block .drag-preview td:has(.ProseMirror-selectednode),.milkdown .milkdown-table-block .drag-preview th:has(.ProseMirror-selectednode)){ outline:none} .milkdown .milkdown-table-block .handle{ font-size:14px; transition:opacity .2s ease-in-out; position:absolute} .milkdown .milkdown-table-block .handle[data-show=false]{ opacity:0} .milkdown .milkdown-table-block svg{ fill:var(--crepe-color-outline)} .milkdown .milkdown-table-block .cell-handle{ background-color:var(--crepe-color-surface); box-shadow:var(--crepe-shadow-1); color:var(--crepe-color-outline); cursor:grab; z-index:50; border-radius:100px; transition:background-color .2s ease-in-out; top:-999px; left:-999px} .milkdown .milkdown-table-block .cell-handle:hover{ background-color:var(--crepe-color-hover)} .milkdown .milkdown-table-block .cell-handle:has(.button-group:hover){ background-color:var(--crepe-color-surface)} .milkdown .milkdown-table-block .cell-handle[data-role=col-drag-handle]{ width:28px; height:16px; padding:0 6px; transform:translateY(50%)} .milkdown .milkdown-table-block .cell-handle[data-role=row-drag-handle]{ width:16px; height:28px; padding:6px 0; transform:translate(50%)} .milkdown .milkdown-table-block .cell-handle .button-group{ background-color:var(--crepe-color-surface); box-shadow:var(--crepe-shadow-1); border-radius:8px; display:flex; position:absolute; top:-52px; left:50%; transform:translate(-50%)} .milkdown .milkdown-table-block .cell-handle .button-group:after{ content:""; background-color:#0000; width:100%; height:8px; position:absolute; bottom:-8px} .milkdown .milkdown-table-block .cell-handle .button-group[data-show=false]{ display:none} .milkdown .milkdown-table-block .cell-handle .button-group button{ cursor:pointer; border-radius:4px; justify-content:center; align-items:center; margin:6px; padding:4px; display:flex} .milkdown .milkdown-table-block .cell-handle .button-group button svg{ width:24px; height:24px} .milkdown .milkdown-table-block .cell-handle .button-group button:hover{ background-color:var(--crepe-color-hover); border-radius:8px} .milkdown .milkdown-table-block .cell-handle .button-group button:active{ background:var(--crepe-color-selected)} .milkdown .milkdown-table-block .cell-handle:hover{ opacity:1} .milkdown .milkdown-table-block .line-handle{ background-color:var(--crepe-color-primary); z-index:20} .milkdown .milkdown-table-block .line-handle:hover{ opacity:1} .milkdown .milkdown-table-block .line-handle .add-button{ background-color:var(--crepe-color-surface); box-shadow:var(--crepe-shadow-1); color:var(--crepe-color-outline); cursor:pointer; border-radius:100px; transition:background-color .2s ease-in-out} .milkdown .milkdown-table-block .line-handle .add-button svg{ width:16px; height:16px} .milkdown .milkdown-table-block .line-handle .add-button:hover{ background-color:var(--crepe-color-hover)} .milkdown .milkdown-table-block .line-handle .add-button:active{ background:var(--crepe-color-selected)} .milkdown .milkdown-table-block .line-handle[data-role=x-line-drag-handle]{ z-index:2; height:1px} .milkdown .milkdown-table-block .line-handle[data-role=x-line-drag-handle] .add-button{ width:16px; height:28px; padding:6px 0; position:absolute; transform:translate(-50%)translateY(-50%)} .milkdown .milkdown-table-block .line-handle[data-role=y-line-drag-handle]{ z-index:1; width:1px} .milkdown .milkdown-table-block .line-handle[data-role=y-line-drag-handle] .add-button{ width:28px; height:16px; padding:0 6px; position:absolute; transform:translateY(-50%)translate(-50%)} .milkdown .milkdown-table-block .line-handle[data-display-type=indicator] .add-button,.milkdown .milkdown-table-block.readonly .handle{ display:none} *,:after,:before,::backdrop{ --tw-border-spacing-x:0; --tw-border-spacing-y:0; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:#93c5fd80; --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: } *,:after,:before{ box-sizing:border-box; border:0 solid #e5e7eb} :after,:before{ --tw-content:""} :host,html{ -webkit-text-size-adjust:100%; line-height:1.5; font-family:var(--bfc-font-family),system-ui,sans-serif; font-feature-settings:normal; font-variation-settings:normal; tab-size:4; -webkit-tap-highlight-color:transparent} body{ line-height:inherit; margin:0} hr{ color:inherit; border-top-width:1px; height:0} abbr:where([title]){ -webkit-text-decoration:underline dotted; text-decoration:underline dotted} h1,h2,h3,h4,h5,h6{ font-size:inherit; font-weight:inherit} a{ color:inherit; -webkit-text-decoration:inherit; text-decoration:inherit} b,strong{ font-weight:bolder} code,kbd,pre,samp{ font-feature-settings:normal; font-variation-settings:normal; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; font-size:1em} small{ font-size:80%} sub,sup{ vertical-align:baseline; font-size:75%; line-height:0; position:relative} sub{ bottom:-.25em} sup{ top:-.5em} table{ border-collapse:collapse; border-color:inherit; text-indent:0} button,input,optgroup,select,textarea{ color:inherit; font-feature-settings:inherit; font-variation-settings:inherit; font-family:inherit; font-size:100%; font-weight:inherit; letter-spacing:inherit; line-height:inherit; margin:0; padding:0} button,select{ text-transform:none} button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){ -webkit-appearance:button; background-color:#0000; background-image:none} :-moz-focusring{ outline:auto} :-moz-ui-invalid{ box-shadow:none} progress{ vertical-align:baseline} ::-webkit-inner-spin-button{ height:auto} ::-webkit-outer-spin-button{ height:auto} [type=search]{ -webkit-appearance:textfield; outline-offset:-2px} ::-webkit-search-decoration{ -webkit-appearance:none} ::-webkit-file-upload-button{ -webkit-appearance:button; font:inherit} summary{ display:list-item} blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre,fieldset{ margin:0} fieldset,legend{ padding:0} menu,ol,ul{ margin:0; padding:0; list-style:none} dialog{ padding:0} textarea{ resize:vertical} input::-moz-placeholder{ color:#9ca3af; opacity:1} textarea::-moz-placeholder{ color:#9ca3af; opacity:1} input::placeholder,textarea::placeholder{ color:#9ca3af; opacity:1} [role=button],button{ cursor:pointer} :disabled{ cursor:default} audio,canvas,embed,iframe,img,object,svg,video{ vertical-align:middle; display:block} img,video{ max-width:100%; height:auto} [hidden]:where(:not([hidden=until-found])){ display:none} ul{ list-style-type:disc} ol{ list-style-type:decimal} .\!container{ width:100%!important; margin-left:auto!important; margin-right:auto!important; padding-left:2rem!important; padding-right:2rem!important} .container{ width:100%; margin-left:auto; margin-right:auto; padding-left:2rem; padding-right:2rem} @media (min-width:1400px){ .\!container{ max-width:1400px!important} .container{ max-width:1400px} } .sr-only{ clip:rect(0,0,0,0); white-space:nowrap; border-width:0; width:1px; height:1px; margin:-1px; padding:0; position:absolute; overflow:hidden} .pointer-events-none{ pointer-events:none} .visible{ visibility:visible} .invisible{ visibility:hidden} .collapse{ visibility:collapse} .fixed{ position:fixed} .absolute{ position:absolute} .relative{ position:relative} .sticky{ position:sticky} .inset-0{ inset:0} .inset-y-0{ top:0; bottom:0} .-bottom-5{ bottom:-1.25rem} .bottom-0{ bottom:0} .left-0{ left:0} .left-2{ left:.5rem} .right-0{ right:0} .right-2{ right:.5rem} .top-0{ top:0} .top-2{ top:.5rem} .top-20{ top:5rem} .z-10{ z-index:10} .z-50{ z-index:50} .\!mx-auto{ margin-left:auto!important; margin-right:auto!important} .-mx-3{ margin-left:-.75rem; margin-right:-.75rem} .mx-1{ margin-left:.25rem; margin-right:.25rem} .mx-auto{ margin-left:auto; margin-right:auto} .my-2{ margin-top:.5rem; margin-bottom:.5rem} .my-3{ margin-top:.75rem; margin-bottom:.75rem} .my-4{ margin-top:1rem; margin-bottom:1rem} .my-auto{ margin-top:auto; margin-bottom:auto} .\!mt-0{ margin-top:0!important} .\!mt-1\.5{ margin-top:.375rem!important} .-mb-3{ margin-bottom:-.75rem} .mb-2{ margin-bottom:.5rem} .mb-3{ margin-bottom:.75rem} .mb-4{ margin-bottom:1rem} .ml-auto{ margin-left:auto} .mt-1{ margin-top:.25rem} .mt-2{ margin-top:.5rem} .mt-4{ margin-top:1rem} .\!block{ display:block!important} .block{ display:block} .inline{ display:inline} .flex{ display:flex} .inline-flex{ display:inline-flex} .table{ display:table} .table-cell{ display:table-cell} .grid{ display:grid} .hidden{ display:none} .size-4{ width:1rem; height:1rem} .size-5{ width:1.25rem; height:1.25rem} .size-7{ width:1.75rem; height:1.75rem} .h-1\.5{ height:.375rem} .h-12{ height:3rem} .h-2{ height:.5rem} .h-4{ height:1rem} .h-5{ height:1.25rem} .h-6{ height:1.5rem} .h-8{ height:2rem} .h-\[300px\]{ height:300px} .h-auto{ height:auto} .h-full{ height:100%} .max-h-40{ max-height:10rem} .max-h-\[500px\]{ max-height:500px} .max-h-\[calc\(100vh-1rem\)\]{ max-height:calc(100vh - 1rem)} .min-h-0{ min-height:0} .min-h-24{ min-height:6rem} .\!w-auto{ width:auto!important} .w-0\.5{ width:.125rem} .w-12{ width:3rem} .w-2{ width:.5rem} .w-4{ width:1rem} .w-6{ width:1.5rem} .w-8{ width:2rem} .w-80{ width:20rem} .w-\[768px\]{ width:768px} .w-auto{ width:auto} .w-fit{ width:fit-content} .w-full{ width:100%} .min-w-0{ min-width:0} .min-w-\[320px\]{ min-width:320px} .max-w-2xl{ max-width:42rem} .max-w-3xl{ max-width:48rem} .max-w-4xl{ max-width:56rem} .max-w-6xl{ max-width:72rem} .max-w-\[400px\]{ max-width:400px} .max-w-full{ max-width:100%} .flex-1{ flex:1} .shrink-0{ flex-shrink:0} .-translate-x-1\/2{ --tw-translate-x:-50%} .-translate-x-1\/2,.transform{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @keyframes pulse{ 50%{ opacity:.5} } .animate-pulse{ animation:2s cubic-bezier(.4,0,.6,1) infinite pulse} .cursor-ew-resize{ cursor:ew-resize} .cursor-ns-resize{ cursor:ns-resize} .cursor-pointer{ cursor:pointer} .cursor-text{ cursor:text} .select-none{ -webkit-user-select:none; user-select:none} .select-text{ -webkit-user-select:text; user-select:text} .resize-none{ resize:none} .resize{ resize:both} .list-inside{ list-style-position:inside} .list-decimal{ list-style-type:decimal} .grid-cols-2{ grid-template-columns:repeat(2,minmax(0,1fr))} .flex-col{ flex-direction:column} .items-start{ align-items:flex-start} .items-center{ align-items:center} .justify-center{ justify-content:center} .justify-between{ justify-content:space-between} .gap-0{ gap:0} .gap-1{ gap:.25rem} .gap-1\.5{ gap:.375rem} .gap-2{ gap:.5rem} .gap-3{ gap:.75rem} .gap-4{ gap:1rem} .space-y-1>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.25rem*var(--tw-space-y-reverse)); margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))} .space-y-2>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.5rem*var(--tw-space-y-reverse)); margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))} .space-y-3>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.75rem*var(--tw-space-y-reverse)); margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))} .space-y-4>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(1rem*var(--tw-space-y-reverse)); margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))} .self-start{ align-self:flex-start} .overflow-auto{ overflow:auto} .overflow-hidden{ overflow:hidden} .overflow-visible{ overflow:visible} .overflow-y-auto{ overflow-y:auto} .overflow-x-hidden{ overflow-x:hidden} .truncate{ white-space:nowrap; overflow:hidden} .text-ellipsis,.truncate{ text-overflow:ellipsis} .whitespace-nowrap{ white-space:nowrap} .whitespace-pre-wrap{ white-space:pre-wrap} .rounded{ border-radius:.25rem} .rounded-full{ border-radius:9999px} .rounded-lg{ border-radius:.5rem} .rounded-md{ border-radius:.375rem} .\!border{ border-width:1px!important} .border{ border-width:1px} .border-0{ border-width:0} .\!border-solid{ border-style:solid!important} .border-none{ border-style:none} .\!border-dark-400{ border-color:var(--bfc-v2-color-mono-400,#d4d4d4)!important} .border-border{ border-color:var(--bfc-v2-color-mono-300)} .border-dark-300{ border-color:var(--bfc-v2-color-mono-300,#e5e5e5)} .border-dark-900{ border-color:var(--bfc-v2-color-mono-900,#262626)} .border-gray-300{ --tw-border-opacity:1; border-color:rgb(209 213 219/var(--tw-border-opacity,1))} .border-magenta-200{ border-color:var(--bfc-v2-color-magenta-200,#fdd0ec)} .border-magenta-400{ border-color:var(--bfc-v2-color-magenta-400,#e774bb)} .\!bg-dark-400{ background-color:var(--bfc-v2-color-mono-400,#d4d4d4)!important} .bg-amber-400{ --tw-bg-opacity:1; background-color:rgb(251 191 36/var(--tw-bg-opacity,1))} .bg-blue{ background-color:var(--bfc-v2-color-blue-700,#1868db)} .bg-dark-100{ background-color:var(--bfc-v2-color-mono-100,#fafafa)} .bg-dark-200{ background-color:var(--bfc-v2-color-mono-200,#f5f5f5)} .bg-dark-600{ background-color:var(--bfc-v2-color-mono-600,#737373)} .bg-emerald-400{ --tw-bg-opacity:1; background-color:rgb(52 211 153/var(--tw-bg-opacity,1))} .bg-emerald-400\/50{ background-color:#34d39980} .bg-green{ background-color:var(--bfc-v2-color-green-700,#1f845a)} .bg-green-600{ background-color:var(--bfc-v2-color-green-600,#22a06b)} .bg-magenta-100{ background-color:var(--bfc-v2-color-magenta-100,#ffecf8)} .bg-primary{ background-color:var(--bfc-primary)} .bg-red{ background-color:var(--bfc-v2-color-red-700,#c9372c)} .bg-surface{ background-color:var(--bfc-white)} .bg-transparent{ background-color:#0000} .bg-warning{ background-color:var(--bfc-warning-bg)} .bg-white{ --tw-bg-opacity:1; background-color:rgb(255 255 255/var(--tw-bg-opacity,1))} .bg-white\/40{ background-color:#fff6} .bg-yellow-300{ background-color:var(--bfc-v2-color-yellow-300,#fed153)} .fill-current{ fill:currentColor} .p-0{ padding:0} .p-2{ padding:.5rem} .p-3{ padding:.75rem} .p-4{ padding:1rem} .\!px-1\.5{ padding-left:.375rem!important; padding-right:.375rem!important} .px-1{ padding-left:.25rem; padding-right:.25rem} .px-2{ padding-left:.5rem; padding-right:.5rem} .px-3{ padding-left:.75rem; padding-right:.75rem} .py-0\.5{ padding-top:.125rem; padding-bottom:.125rem} .py-1\.5{ padding-top:.375rem; padding-bottom:.375rem} .py-2{ padding-top:.5rem; padding-bottom:.5rem} .pb-1{ padding-bottom:.25rem} .pr-20{ padding-right:5rem} .pr-4{ padding-right:1rem} .text-center{ text-align:center} .font-mono{ font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace} .text-\[10px\]{ font-size:10px} .text-\[9px\]{ font-size:9px} .text-lg{ font-size:1.125rem; line-height:1.75rem} .text-sm{ font-size:.875rem; line-height:1.25rem} .text-xs{ font-size:.75rem; line-height:1rem} .font-bold{ font-weight:700} .font-medium{ font-weight:500} .font-semibold{ font-weight:600} .uppercase{ text-transform:uppercase} .italic{ font-style:italic} .tabular-nums{ --tw-numeric-spacing:tabular-nums; font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .leading-none{ line-height:1} .tracking-wide{ letter-spacing:.025em} .\!text-dark-900{ color:var(--bfc-v2-color-mono-900,#262626)!important} .text-amber-300{ --tw-text-opacity:1; color:rgb(252 211 77/var(--tw-text-opacity,1))} .text-dark{ color:var(--bfc-v2-color-mono-900,#262626)} .text-dark-500{ color:var(--bfc-v2-color-mono-500,#a3a3a3)} .text-dark-900{ color:var(--bfc-v2-color-mono-900,#262626)} .text-default{ color:var(--bfc-text-default)} .text-destructive{ color:var(--bfc-destructive-text)} .text-gray-500{ --tw-text-opacity:1; color:rgb(107 114 128/var(--tw-text-opacity,1))} .text-green-500{ color:var(--bfc-v2-color-green-500,#2abb7f)} .text-magenta-900{ color:var(--bfc-v2-color-magenta-900,#50253f)} .text-muted-foreground{ color:var(--bfc-muted-foreground)} .text-neutral-500{ --tw-text-opacity:1; color:rgb(115 115 115/var(--tw-text-opacity,1))} .text-primary-foreground{ color:var(--bfc-primary-foreground)} .text-purple-500{ color:var(--bfc-v2-color-purple-500,#8f7ee7)} .text-red-500{ color:var(--bfc-v2-color-red-500,#f15b50)} .text-success{ color:var(--bfc-success-text)} .text-warning{ color:var(--bfc-warning-text)} .text-white{ --tw-text-opacity:1; color:rgb(255 255 255/var(--tw-text-opacity,1))} .line-through{ text-decoration-line:line-through} .no-underline{ text-decoration-line:none} .caret-dark-700{ caret-color:var(--bfc-v2-color-mono-700,#525252)} .opacity-0{ opacity:0} .opacity-50{ opacity:.5} .opacity-60{ opacity:.6} .opacity-80{ opacity:.8} .shadow-lg{ --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a; --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)} .shadow-lg,.shadow-none{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-none{ --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000} .shadow-sm{ --tw-shadow:0 1px 2px 0 #0000000d; --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-amber-400\/50{ --tw-shadow-color:#fbbf2480; --tw-shadow:var(--tw-shadow-colored)} .shadow-black\/30{ --tw-shadow-color:#0000004d; --tw-shadow:var(--tw-shadow-colored)} .outline-none{ outline-offset:2px; outline:2px solid #0000} .ring{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)} .ring,.ring-2{ box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)} .ring-2{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)} .ring-blue-500{ --tw-ring-color:var(--bfc-v2-color-blue-500,#4688ec)} .ring-emerald-300\/50{ --tw-ring-color:#6ee7b780} .ring-white\/30{ --tw-ring-color:#ffffff4d} .blur{ --tw-blur:blur(8px)} .blur,.invert{ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .invert{ --tw-invert:invert(100%)} .filter{ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .transition{ transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-\[left\]{ transition-property:left; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-\[width\,height\]{ transition-property:width,height; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-\[width\]{ transition-property:width; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-colors{ transition-property:color,background-color,border-color,text-decoration-color,fill,stroke; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-none{ transition-property:none} .transition-opacity{ transition-property:opacity; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .duration-100{ transition-duration:.1s} .duration-150{ transition-duration:.15s} .duration-200{ transition-duration:.2s} .ease-in-out{ transition-timing-function:cubic-bezier(.4,0,.2,1)} @keyframes enter{ 0%{ opacity:var(--tw-enter-opacity,1); transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))} } @keyframes exit{ to{ opacity:var(--tw-exit-opacity,1); transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))} } .duration-100{ animation-duration:.1s} .duration-150{ animation-duration:.15s} .duration-200{ animation-duration:.2s} .ease-in-out{ animation-timing-function:cubic-bezier(.4,0,.2,1)} .running{ animation-play-state:running} .milkdown .ProseMirror{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000); padding:0} .milkdown .ProseMirror-yjs-cursor{ overflow-wrap:normal; pointer-events:none; word-break:normal; --tw-border-opacity:1; border-width:1px; border-left-color:rgb(0 0 0/var(--tw-border-opacity,1)); border-right-color:rgb(0 0 0/var(--tw-border-opacity,1)); margin-left:-1px; margin-right:-1px; position:relative} .milkdown .ProseMirror-yjs-cursor>div{ background-color:var(--bfc-primary); color:var(--bfc-primary-foreground); -webkit-user-select:none; user-select:none; white-space:nowrap; border-top-left-radius:.125rem; border-top-right-radius:.125rem; border-bottom-right-radius:.125rem; padding:.25rem .5rem; font-size:.75rem; line-height:1rem; position:absolute; top:-2.1em; left:-1px} .milkdown [data-name=notice-tooltip] button{ background:revert-layer; color:revert-layer} .milkdown[data-link-tooltip-visible] .milkdown-toolbar:not([data-name]){ display:none!important} @keyframes grammar-check-pulse{ 0%,to{ opacity:.4} 50%{ opacity:.15} } .grammar-check-highlight{ animation:.5s ease-in-out infinite grammar-check-pulse} @keyframes bf-media-upload-pulse{ 0%,to{ background-color:#0000001f} 50%{ background-color:#00000047} } .milkdown .bf-media-upload-placeholder{ vertical-align:bottom; max-width:100%; margin:.25rem 0 1.75rem; display:inline-block; position:relative} .milkdown .bf-media-upload-placeholder__overlay{ pointer-events:none; z-index:1; background:#00000059; border-radius:.5rem; animation:2s ease-in-out infinite bf-media-upload-pulse; position:absolute; inset:0} .milkdown .bf-media-upload-placeholder__media{ border-radius:.5rem; max-width:100%; height:auto; display:block} .milkdown .bf-circular-progress{ background:conic-gradient(currentColor 0deg,color-mix(in srgb,currentColor 18%,transparent) 0); pointer-events:none; z-index:2; border-radius:50%; justify-content:center; align-items:center; width:50px; height:50px; margin:-25px 0 0 -25px; display:flex; position:absolute; top:50%; left:50%} .milkdown .bf-circular-progress__inner{ background:var(--bfc-v2-color-mono-100,#f4f4f5); border-radius:50%; width:40px; height:40px; position:absolute} .milkdown .bf-circular-progress__percentage{ color:var(--bfc-v2-color-mono-900,#18181b); z-index:1; margin:0; font-size:12px; font-weight:600; line-height:1; position:relative} .milkdown .milkdown-table-block{ overflow-x:auto} .milkdown .milkdown-table-block table{ width:auto} .milkdown .milkdown-table-block table tr>th{ white-space:nowrap} .milkdown .milkdown-image-block .image-wrapper .image-resize-handle{ background:var(--bfc-v2-color-mono-200); border:1px solid var(--bfc-v2-color-mono-900); opacity:.75; border-radius:3px; height:8px} .milkdown .milkdown-image-block .image-wrapper .image-resize-handle:hover{ cursor:ns-resize; transform:translate(-50%)scaleY(1.3)} .milkdown .milkdown-image-block .image-wrapper:hover{ cursor:default} .milkdown .milkdown-image-block:hover>.image-wrapper .image-resize-handle{ opacity:1} .milkdown .ProseMirror[contenteditable=false] .milkdown-image-block .image-resize-handle,.milkdown .ProseMirror[contenteditable=false] .milkdown-image-block>.image-wrapper .operation{ display:none} .milkdown .ProseMirror[contenteditable=false] .milkdown-image-block:hover>.image-wrapper{ cursor:default} .milkdown .video-viewer.has-custom-timeline video::-webkit-media-controls-timeline{ opacity:0} .milkdown .video-viewer.has-custom-timeline video:-webkit-full-screen::-webkit-media-controls-timeline{ opacity:1} .milkdown .video-viewer.has-custom-timeline video:fullscreen::-webkit-media-controls-timeline{ opacity:1} .milkdown .milkdown-code-block .cm-content{ white-space:break-spaces; max-width:95%; flex-basis:auto!important} .milkdown .review-suggestion.target-replace-hidden{ display:none} .milkdown .review-suggestion.target-delete{ background:var(--bfc-destructive-bg); border:solid var(--bfc-v2-color-red-300); color:var(--bfc-text-subtle); cursor:pointer; text-decoration:line-through; -webkit-text-decoration-color:var(--bfc-destructive-text); text-decoration-color:var(--bfc-destructive-text); border-width:1px 1px 3px; border-radius:8px; padding:1px 4px; text-decoration-thickness:2px} .milkdown .review-suggestion.target-delete[data-fragment-position=first]{ border-right:0; border-top-right-radius:0; border-bottom-right-radius:0; padding-right:0} .milkdown .review-suggestion.target-delete[data-fragment-position=middle]{ border-left:0; border-right:0; border-radius:0; padding-left:0; padding-right:0} .milkdown .review-suggestion.target-delete[data-fragment-position=last]{ border-left:0; border-top-left-radius:0; border-bottom-left-radius:0; padding-left:0} .milkdown .review-suggestion.target-delete.selected{ background:var(--bfc-v2-color-red-200); border-color:var(--bfc-destructive-border)} .milkdown .review-suggestion.inline-add{ background:var(--bfc-v2-color-blue-100); border:solid var(--bfc-v2-color-blue-300); color:inherit; cursor:pointer; white-space:normal; border-width:1px 1px 3px; border-radius:8px; padding:0 4px; display:inline} .milkdown .review-suggestion.inline-add.selected{ background:var(--bfc-v2-color-blue-200); border-color:var(--bfc-v2-color-blue-600)} .milkdown .review-suggestion.block-add{ background:var(--bfc-v2-color-blue-100); border:solid var(--bfc-v2-color-blue-300); color:inherit; cursor:pointer; white-space:normal; border-width:1px 1px 3px; border-radius:8px; margin:8px 0; padding:8px 12px; display:block} .milkdown .review-suggestion.block-add>:first-child{ margin-top:0} .milkdown .review-suggestion.block-add>:last-child{ margin-bottom:0} .milkdown .review-suggestion.block-add .embed-block,.milkdown .review-suggestion.block-add .video-block{ margin:0} .milkdown .review-suggestion.block-add .list-preview-line+.list-preview-line{ margin-top:4px} .milkdown .review-suggestion.block-add.selected{ background:var(--bfc-v2-color-blue-200); border-color:var(--bfc-v2-color-blue-600)} :is(.milkdown .review-suggestion.block-add,.milkdown .review-suggestion.inline-add) a,:is(.milkdown .review-suggestion.block-add,.milkdown .review-suggestion.inline-add) iframe,:is(.milkdown .review-suggestion.block-add,.milkdown .review-suggestion.inline-add) video{ pointer-events:none} .milkdown .review-suggestion.media-preview{ color:var(--bfc-text-subtle); word-break:break-word; border-radius:6px; min-height:24px; font-size:.875em; font-weight:500; line-height:1.4} .hover\:text-destructive:hover{ color:var(--bfc-destructive-text)} .focus-visible\:ring-0:focus-visible{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)} .group:hover .group-hover\:opacity-100{ opacity:1} .dark\:text-dark-200:is(.dark *){ color:var(--bfc-v2-color-mono-200,#f5f5f5)} .dark\:text-neutral-400:is(.dark *){ --tw-text-opacity:1; color:rgb(163 163 163/var(--tw-text-opacity,1))} .\[\&\>\*\:first-child\]\:mt-0>:first-child{ margin-top:0} .\[\&\>\*\:last-child\]\:mb-0>:last-child{ margin-bottom:0} .\[\&\>div\]\:flex-1>div{ flex:1} .\[\&\>div\]\:space-y-1>div>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.25rem*var(--tw-space-y-reverse)); margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))} *,:after,:before,::backdrop{ --tw-border-spacing-x:0; --tw-border-spacing-y:0; --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:#3b82f680; --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: } *,:after,:before{ box-sizing:border-box; border:0 solid #e5e7eb} :after,:before{ --tw-content:""} :host,html{ -webkit-text-size-adjust:100%; font-feature-settings:normal; font-variation-settings:normal; tab-size:4; -webkit-tap-highlight-color:transparent; font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; line-height:1.5} body{ line-height:inherit; margin:0} hr{ color:inherit; border-top-width:1px; height:0} abbr:where([title]){ -webkit-text-decoration:underline dotted; text-decoration:underline dotted} h1,h2,h3,h4,h5,h6{ font-size:inherit; font-weight:inherit} a{ color:inherit; -webkit-text-decoration:inherit; text-decoration:inherit} b,strong{ font-weight:bolder} code,kbd,pre,samp{ font-feature-settings:normal; font-variation-settings:normal; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; font-size:1em} small{ font-size:80%} sub,sup{ vertical-align:baseline; font-size:75%; line-height:0; position:relative} sub{ bottom:-.25em} sup{ top:-.5em} table{ border-collapse:collapse; border-color:inherit; text-indent:0} button,input,optgroup,select,textarea{ color:inherit; font-feature-settings:inherit; font-variation-settings:inherit; font-family:inherit; font-size:100%; font-weight:inherit; letter-spacing:inherit; line-height:inherit; margin:0; padding:0} button,select{ text-transform:none} button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){ -webkit-appearance:button; background-color:#0000; background-image:none} :-moz-focusring{ outline:auto} :-moz-ui-invalid{ box-shadow:none} progress{ vertical-align:baseline} ::-webkit-inner-spin-button{ height:auto} ::-webkit-outer-spin-button{ height:auto} [type=search]{ -webkit-appearance:textfield; outline-offset:-2px} ::-webkit-search-decoration{ -webkit-appearance:none} ::-webkit-file-upload-button{ -webkit-appearance:button; font:inherit} summary{ display:list-item} blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre,fieldset{ margin:0} fieldset,legend{ padding:0} menu,ol,ul{ margin:0; padding:0; list-style:none} dialog{ padding:0} textarea{ resize:vertical} input::-moz-placeholder{ color:#9ca3af; opacity:1} textarea::-moz-placeholder{ color:#9ca3af; opacity:1} input::placeholder,textarea::placeholder{ color:#9ca3af; opacity:1} [role=button],button{ cursor:pointer} :disabled{ cursor:default} audio,canvas,embed,iframe,img,object,svg,video{ vertical-align:middle; display:block} img,video{ max-width:100%; height:auto} [hidden]:where(:not([hidden=until-found])){ display:none} :root,[data-theme]{ background-color:hsla(var(--b1)/var(--tw-bg-opacity,1)); color:hsla(var(--bc)/var(--tw-text-opacity,1))} html{ -webkit-tap-highlight-color:transparent} :root{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:258.89 94.378% 40.941%; --sf:314 100% 37.647%; --af:174 60% 40.784%; --nf:219 14.085% 22.275%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:258.89 94.378% 51.176%; --pc:0 0% 100%; --s:314 100% 47.059%; --sc:0 0% 100%; --a:174 60% 50.98%; --ac:174.71 43.59% 15.294%; --n:219 14.085% 27.843%; --nc:0 0% 100%; --b1:0 0% 100%; --b2:0 0% 94.902%; --b3:180 1.9608% 90%; --bc:215 27.907% 16.863%} @media (prefers-color-scheme:dark){ :root{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:262.35 80.315% 40.157%; --sf:315.75 70.196% 40%; --af:174.69 70.335% 32.784%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:262.35 80.315% 50.196%; --pc:0 0% 100%; --s:315.75 70.196% 50%; --sc:0 0% 100%; --a:174.69 70.335% 40.98%; --ac:0 0% 100%; --n:218.18 18.033% 11.961%; --nf:222.86 17.073% 8.0392%; --nc:220 13.376% 69.216%; --b1:220 17.647% 20%; --b2:220 17.241% 17.059%; --b3:218.57 17.949% 15.294%; --bc:220 13.376% 69.216%} } [data-theme=light]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:258.89 94.378% 40.941%; --sf:314 100% 37.647%; --af:174 60% 40.784%; --nf:219 14.085% 22.275%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:258.89 94.378% 51.176%; --pc:0 0% 100%; --s:314 100% 47.059%; --sc:0 0% 100%; --a:174 60% 50.98%; --ac:174.71 43.59% 15.294%; --n:219 14.085% 27.843%; --nc:0 0% 100%; --b1:0 0% 100%; --b2:0 0% 94.902%; --b3:180 1.9608% 90%; --bc:215 27.907% 16.863%} [data-theme=dark]{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:262.35 80.315% 40.157%; --sf:315.75 70.196% 40%; --af:174.69 70.335% 32.784%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:262.35 80.315% 50.196%; --pc:0 0% 100%; --s:315.75 70.196% 50%; --sc:0 0% 100%; --a:174.69 70.335% 40.98%; --ac:0 0% 100%; --n:218.18 18.033% 11.961%; --nf:222.86 17.073% 8.0392%; --nc:220 13.376% 69.216%; --b1:220 17.647% 20%; --b2:220 17.241% 17.059%; --b3:218.57 17.949% 15.294%; --bc:220 13.376% 69.216%} [data-theme=cupcake]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:183.03 47.368% 47.216%; --sf:338.25 71.429% 62.431%; --af:39 84.112% 46.431%; --nf:280 46.479% 11.137%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --pc:183.03 100% 11.804%; --sc:338.25 100% 15.608%; --ac:39 100% 11.608%; --nc:280 82.688% 82.784%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --rounded-box:1rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --p:183.03 47.368% 59.02%; --s:338.25 71.429% 78.039%; --a:39 84.112% 58.039%; --n:280 46.479% 13.922%; --b1:24 33.333% 97.059%; --b2:26.667 21.951% 91.961%; --b3:22.5 14.286% 89.02%; --bc:280 46.479% 13.922%; --rounded-btn:1.9rem; --tab-border:2px; --tab-radius:.5rem} [data-theme=bumblebee]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:41.124 74.167% 42.353%; --sf:49.901 94.393% 46.431%; --af:240 33.333% 11.294%; --nf:240 33.333% 11.294%; --b2:0 0% 90%; --b3:0 0% 81%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --bc:0 0% 20%; --ac:240 60.274% 82.824%; --nc:240 60.274% 82.824%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:41.124 74.167% 52.941%; --pc:240 33.333% 14.118%; --s:49.901 94.393% 58.039%; --sc:240 33.333% 14.118%; --a:240 33.333% 14.118%; --n:240 33.333% 14.118%; --b1:0 0% 100%} [data-theme=emerald]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:141.18 50% 48%; --sf:218.88 96.078% 48%; --af:9.8901 81.25% 44.863%; --nf:219.23 20.312% 20.078%; --b2:0 0% 90%; --b3:0 0% 81%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --btn-text-case:uppercase; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:141.18 50% 60%; --pc:151.11 28.421% 18.627%; --s:218.88 96.078% 60%; --sc:210 20% 98.039%; --a:9.8901 81.25% 56.078%; --ac:210 20% 98.039%; --n:219.23 20.312% 25.098%; --nc:210 20% 98.039%; --b1:0 0% 100%; --bc:219.23 20.312% 25.098%; --animation-btn:0; --animation-input:0; --btn-focus-scale:1} [data-theme=corporate]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:229.09 95.652% 51.137%; --sf:214.91 26.316% 47.216%; --af:154.2 49.02% 48%; --nf:233.33 27.273% 10.353%; --b2:0 0% 90%; --b3:0 0% 81%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --pc:229.09 100% 92.784%; --sc:214.91 100% 11.804%; --ac:154.2 100% 12%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --btn-text-case:uppercase; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:229.09 95.652% 63.922%; --s:214.91 26.316% 59.02%; --a:154.2 49.02% 60%; --n:233.33 27.273% 12.941%; --nc:210 38.462% 94.902%; --b1:0 0% 100%; --bc:233.33 27.273% 12.941%; --rounded-box:.25rem; --rounded-btn:.125rem; --rounded-badge:.125rem; --animation-btn:0; --animation-input:0; --btn-focus-scale:1} [data-theme=synthwave]{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:320.73 69.62% 55.216%; --sf:197.03 86.592% 51.922%; --af:48 89.041% 45.647%; --nf:253.22 60.825% 15.216%; --b2:253.85 59.091% 23.294%; --b3:253.85 59.091% 20.965%; --pc:320.73 100% 13.804%; --sc:197.03 100% 12.98%; --ac:48 100% 11.412%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:320.73 69.62% 69.02%; --s:197.03 86.592% 64.902%; --a:48 89.041% 57.059%; --n:253.22 60.825% 19.02%; --nc:260 60% 98.039%; --b1:253.85 59.091% 25.882%; --bc:260 60% 98.039%; --in:199.13 86.957% 63.922%; --inc:257.45 63.218% 17.059%; --su:168.1 74.233% 68.039%; --suc:257.45 63.218% 17.059%; --wa:48 89.041% 57.059%; --wac:257.45 63.218% 17.059%; --er:351.85 73.636% 56.863%; --erc:260 60% 98.039%} [data-theme=retro]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:2.6667 73.77% 60.863%; --sf:144.62 27.273% 57.569%; --af:49.024 67.213% 60.863%; --nf:41.667 16.822% 33.569%; --inc:221.21 100% 90.667%; --suc:142.13 100% 87.255%; --wac:32.133 100% 8.7451%; --erc:0 100% 90.118%; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:2.6667 73.77% 76.078%; --pc:345 5.2632% 14.902%; --s:144.62 27.273% 71.961%; --sc:345 5.2632% 14.902%; --a:49.024 67.213% 76.078%; --ac:345 5.2632% 14.902%; --n:41.667 16.822% 41.961%; --nc:45 47.059% 80%; --b1:45 47.059% 80%; --b2:45.283 37.063% 71.961%; --b3:42.188 35.955% 65.098%; --bc:345 5.2632% 14.902%; --in:221.21 83.193% 53.333%; --su:142.13 76.216% 36.275%; --wa:32.133 94.619% 43.725%; --er:0 72.222% 50.588%; --rounded-box:.4rem; --rounded-btn:.4rem; --rounded-badge:.4rem} [data-theme=cyberpunk]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:344.78 100% 58.353%; --sf:195.12 80.392% 56%; --af:276 74.324% 56.784%; --nf:57.273 100% 10.353%; --b2:56 100% 45%; --b3:56 100% 40.5%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --bc:56 100% 10%; --pc:344.78 100% 14.588%; --sc:195.12 100% 14%; --ac:276 100% 14.196%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --p:344.78 100% 72.941%; --s:195.12 80.392% 70%; --a:276 74.324% 70.98%; --n:57.273 100% 12.941%; --nc:56 100% 50%; --b1:56 100% 50%; --rounded-box:0; --rounded-btn:0; --rounded-badge:0; --tab-radius:0; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace} [data-theme=valentine]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:353.23 73.81% 53.647%; --sf:254.12 86.441% 61.49%; --af:181.41 55.556% 56%; --nf:336 42.857% 38.431%; --b2:318.46 46.429% 80.118%; --b3:318.46 46.429% 72.106%; --pc:353.23 100% 13.412%; --sc:254.12 100% 15.373%; --ac:181.41 100% 14%; --inc:221.21 100% 90.667%; --suc:142.13 100% 87.255%; --wac:32.133 100% 8.7451%; --erc:0 100% 90.118%; --rounded-box:1rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:353.23 73.81% 67.059%; --s:254.12 86.441% 76.863%; --a:181.41 55.556% 70%; --n:336 42.857% 48.039%; --nc:318.46 46.429% 89.02%; --b1:318.46 46.429% 89.02%; --bc:343.64 38.462% 28.039%; --in:221.21 83.193% 53.333%; --su:142.13 76.216% 36.275%; --wa:32.133 94.619% 43.725%; --er:0 72.222% 50.588%; --rounded-btn:1.9rem} [data-theme=halloween]{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:31.927 89.344% 41.725%; --sf:271.22 45.794% 33.569%; --af:91.071 100% 26.353%; --nf:180 3.5714% 8.7843%; --b2:0 0% 11.647%; --b3:0 0% 10.482%; --bc:0 0% 82.588%; --sc:271.22 100% 88.392%; --ac:91.071 100% 6.5882%; --nc:180 4.8458% 82.196%; --inc:221.21 100% 90.667%; --suc:142.13 100% 87.255%; --wac:32.133 100% 8.7451%; --erc:0 100% 90.118%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:31.927 89.344% 52.157%; --pc:180 7.3171% 8.0392%; --s:271.22 45.794% 41.961%; --a:91.071 100% 32.941%; --n:180 3.5714% 10.98%; --b1:0 0% 12.941%; --in:221.21 83.193% 53.333%; --su:142.13 76.216% 36.275%; --wa:32.133 94.619% 43.725%; --er:0 72.222% 50.588%} [data-theme=garden]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:138.86 15.982% 34.353%; --sf:96.923 37.143% 74.51%; --af:0 67.742% 75.137%; --nf:0 3.9106% 28.078%; --b2:0 4.3478% 81.882%; --b3:0 4.3478% 73.694%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --pc:138.86 100% 88.588%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:138.86 15.982% 42.941%; --s:96.923 37.143% 93.137%; --sc:96 32.468% 15.098%; --a:0 67.742% 93.922%; --ac:0 21.951% 16.078%; --n:0 3.9106% 35.098%; --nc:0 4.3478% 90.98%; --b1:0 4.3478% 90.98%; --bc:0 3.2258% 6.0784%} [data-theme=forest]{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:141.04 71.963% 33.569%; --sf:140.98 74.694% 38.431%; --af:35.148 68.98% 41.569%; --nf:0 9.6774% 4.8627%; --b2:0 12.195% 7.2353%; --b3:0 12.195% 6.5118%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --bc:0 11.727% 81.608%; --sc:140.98 100% 9.6078%; --ac:35.148 100% 10.392%; --nc:0 6.8894% 81.216%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --rounded-box:1rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:141.04 71.963% 41.961%; --pc:140.66 100% 88.039%; --s:140.98 74.694% 48.039%; --a:35.148 68.98% 51.961%; --n:0 9.6774% 6.0784%; --b1:0 12.195% 8.0392%; --rounded-btn:1.9rem} [data-theme=aqua]{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:181.79 92.857% 39.529%; --sf:274.41 30.909% 45.49%; --af:47.059 100% 64%; --nf:205.4 53.725% 40%; --b2:218.61 52.511% 38.647%; --b3:218.61 52.511% 34.782%; --bc:218.61 100% 88.588%; --sc:274.41 100% 91.373%; --ac:47.059 100% 16%; --nc:205.4 100% 90%; --inc:221.21 100% 90.667%; --suc:142.13 100% 87.255%; --wac:32.133 100% 8.7451%; --erc:0 100% 90.118%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:181.79 92.857% 49.412%; --pc:181.41 100% 16.667%; --s:274.41 30.909% 56.863%; --a:47.059 100% 80%; --n:205.4 53.725% 50%; --b1:218.61 52.511% 42.941%; --in:221.21 83.193% 53.333%; --su:142.13 76.216% 36.275%; --wa:32.133 94.619% 43.725%; --er:0 72.222% 50.588%} [data-theme=lofi]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:0 0% 4.0784%; --sf:0 1.9608% 8%; --af:0 0% 11.922%; --nf:0 0% 0%; --btn-text-case:uppercase; --border-btn:1px; --tab-border:1px; --p:0 0% 5.098%; --pc:0 0% 100%; --s:0 1.9608% 10%; --sc:0 0% 100%; --a:0 0% 14.902%; --ac:0 0% 100%; --n:0 0% 0%; --nc:0 0% 100%; --b1:0 0% 100%; --b2:0 0% 94.902%; --b3:0 1.9608% 90%; --bc:0 0% 0%; --in:212.35 100% 47.647%; --inc:0 0% 100%; --su:136.84 72.152% 46.471%; --suc:0 0% 100%; --wa:4.5614 100% 66.471%; --wac:0 0% 100%; --er:325.05 77.6% 49.02%; --erc:0 0% 100%; --rounded-box:.25rem; --rounded-btn:.125rem; --rounded-badge:.125rem; --animation-btn:0; --animation-input:0; --btn-focus-scale:1; --tab-radius:0} [data-theme=pastel]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:283.64 21.569% 64%; --sf:351.63 70.492% 70.431%; --af:158.49 54.639% 64.784%; --nf:198.62 43.719% 48.784%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --bc:0 0% 20%; --pc:283.64 59.314% 16%; --sc:351.63 100% 17.608%; --ac:158.49 100% 16.196%; --nc:198.62 100% 12.196%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --rounded-box:1rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:283.64 21.569% 80%; --s:351.63 70.492% 88.039%; --a:158.49 54.639% 80.98%; --n:198.62 43.719% 60.98%; --b1:0 0% 100%; --b2:210 20% 98.039%; --b3:216 12.195% 83.922%; --rounded-btn:1.9rem} [data-theme=fantasy]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:296.04 82.813% 20.078%; --sf:200 100% 29.647%; --af:30.894 94.378% 40.941%; --nf:215 27.907% 13.49%; --b2:0 0% 90%; --b3:0 0% 81%; --in:198 93% 60%; --su:158 64% 52%; --wa:43 96% 56%; --er:0 91% 71%; --pc:296.04 100% 85.02%; --sc:200 100% 87.412%; --ac:30.894 100% 10.235%; --nc:215 62.264% 83.373%; --inc:198 100% 12%; --suc:158 100% 10%; --wac:43 100% 11%; --erc:0 100% 14%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:296.04 82.813% 25.098%; --s:200 100% 37.059%; --a:30.894 94.378% 51.176%; --n:215 27.907% 16.863%; --b1:0 0% 100%; --bc:215 27.907% 16.863%} [data-theme=wireframe]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:0 0% 57.725%; --sf:0 0% 57.725%; --af:0 0% 57.725%; --nf:0 0% 73.725%; --bc:0 0% 20%; --pc:0 0% 14.431%; --sc:0 0% 14.431%; --ac:0 0% 14.431%; --nc:0 0% 18.431%; --inc:240 100% 90%; --suc:120 100% 85.02%; --wac:60 100% 10%; --erc:0 100% 90%; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --p:0 0% 72.157%; --s:0 0% 72.157%; --a:0 0% 72.157%; --n:0 0% 92.157%; --b1:0 0% 100%; --b2:0 0% 93.333%; --b3:0 0% 86.667%; --in:240 100% 50%; --su:120 100% 25.098%; --wa:60 30.196% 50%; --er:0 100% 50%; --rounded-box:.2rem; --rounded-btn:.2rem; --rounded-badge:.2rem; --tab-radius:.2rem; font-family:Chalkboard,comic sans ms,sanssecondaryerif} [data-theme=black]{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:0 1.9608% 16%; --sf:0 1.9608% 16%; --af:0 1.9608% 16%; --bc:0 0% 80%; --pc:0 5.3922% 84%; --sc:0 5.3922% 84%; --ac:0 5.3922% 84%; --nc:0 2.5404% 83.02%; --inc:240 100% 90%; --suc:120 100% 85.02%; --wac:60 100% 10%; --erc:0 100% 90%; --border-btn:1px; --tab-border:1px; --p:0 1.9608% 20%; --s:0 1.9608% 20%; --a:0 1.9608% 20%; --b1:0 0% 0%; --b2:0 0% 5.098%; --b3:0 1.9608% 10%; --n:0 1.2987% 15.098%; --nf:0 1.9608% 20%; --in:240 100% 50%; --su:120 100% 25.098%; --wa:60 100% 50%; --er:0 100% 50%; --rounded-box:0; --rounded-btn:0; --rounded-badge:0; --animation-btn:0; --animation-input:0; --btn-text-case:lowercase; --btn-focus-scale:1; --tab-radius:0} [data-theme=luxury]{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:0 0% 80%; --sf:218.4 54.348% 14.431%; --af:318.62 21.805% 20.863%; --nf:270 4.3478% 7.2157%; --pc:0 0% 20%; --sc:218.4 100% 83.608%; --ac:318.62 84.615% 85.216%; --inc:202.35 100% 14%; --suc:89.007 100% 10.392%; --wac:53.906 100% 12.706%; --erc:0 100% 14.353%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:0 0% 100%; --s:218.4 54.348% 18.039%; --a:318.62 21.805% 26.078%; --n:270 4.3478% 9.0196%; --nc:37.083 67.29% 58.039%; --b1:240 10% 3.9216%; --b2:270 4.3478% 9.0196%; --b3:270 2.1739% 18.039%; --bc:37.083 67.29% 58.039%; --in:202.35 100% 70%; --su:89.007 61.633% 51.961%; --wa:53.906 68.817% 63.529%; --er:0 100% 71.765%} [data-theme=dracula]{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:325.52 100% 58.98%; --sf:264.71 89.474% 62.118%; --af:31.02 100% 56.941%; --nf:229.57 15.033% 24%; --b2:231.43 14.894% 16.588%; --b3:231.43 14.894% 14.929%; --pc:325.52 100% 14.745%; --sc:264.71 100% 15.529%; --ac:31.02 100% 14.235%; --nc:229.57 70.868% 86%; --inc:190.53 100% 15.373%; --suc:135.18 100% 12.941%; --wac:64.909 100% 15.294%; --erc:0 100% 93.333%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:325.52 100% 73.725%; --s:264.71 89.474% 77.647%; --a:31.02 100% 71.176%; --n:229.57 15.033% 30%; --b1:231.43 14.894% 18.431%; --bc:60 30% 96.078%; --in:190.53 96.61% 76.863%; --su:135.18 94.444% 64.706%; --wa:64.909 91.667% 76.471%; --er:0 100% 66.667%} [data-theme=cmyk]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:202.72 83.251% 48.157%; --sf:335.25 77.67% 47.686%; --af:56.195 100% 47.843%; --nf:0 0% 8.1569%; --b2:0 0% 90%; --b3:0 0% 81%; --bc:0 0% 20%; --pc:202.72 100% 12.039%; --sc:335.25 100% 91.922%; --ac:56.195 100% 11.961%; --nc:0 0% 82.039%; --inc:192.2 100% 10.431%; --suc:291.06 100% 87.608%; --wac:25.027 100% 11.333%; --erc:3.956 100% 91.137%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:202.72 83.251% 60.196%; --s:335.25 77.67% 59.608%; --a:56.195 100% 59.804%; --n:0 0% 10.196%; --b1:0 0% 100%; --in:192.2 48.361% 52.157%; --su:291.06 48.454% 38.039%; --wa:25.027 84.615% 56.667%; --er:3.956 80.531% 55.686%} [data-theme=autumn]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:344.23 95.804% 22.431%; --sf:.44444 63.38% 46.588%; --af:27.477 56.021% 50.039%; --nf:22.105 17.117% 34.824%; --b2:0 0% 85.059%; --b3:0 0% 76.553%; --bc:0 0% 18.902%; --pc:344.23 100% 85.608%; --sc:.44444 100% 91.647%; --ac:27.477 100% 12.51%; --nc:22.105 100% 88.706%; --inc:186.94 100% 9.9216%; --suc:164.59 100% 8.6275%; --wac:30.141 100% 9.9216%; --erc:353.6 100% 89.765%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:344.23 95.804% 28.039%; --s:.44444 63.38% 58.235%; --a:27.477 56.021% 62.549%; --n:22.105 17.117% 43.529%; --b1:0 0% 94.51%; --in:186.94 47.826% 49.608%; --su:164.59 33.636% 43.137%; --wa:30.141 84.19% 49.608%; --er:353.6 79.116% 48.824%} [data-theme=business]{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:210 64.103% 24.471%; --sf:200 12.931% 43.608%; --af:12.515 79.512% 47.843%; --nf:212.73 13.58% 12.706%; --b2:0 0% 11.294%; --b3:0 0% 10.165%; --bc:0 0% 82.51%; --pc:210 100% 86.118%; --sc:200 100% 10.902%; --ac:12.515 100% 11.961%; --nc:212.73 28.205% 83.176%; --inc:199.15 100% 88.353%; --suc:144 100% 11.137%; --wac:39.231 100% 12.078%; --erc:6.3415 100% 88.667%; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:210 64.103% 30.588%; --s:200 12.931% 54.51%; --a:12.515 79.512% 59.804%; --n:212.73 13.58% 15.882%; --b1:0 0% 12.549%; --in:199.15 100% 41.765%; --su:144 30.973% 55.686%; --wa:39.231 64.356% 60.392%; --er:6.3415 55.656% 43.333%; --rounded-box:.25rem; --rounded-btn:.125rem; --rounded-badge:.125rem} [data-theme=acid]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:302.59 100% 40%; --sf:27.294 100% 40%; --af:72 98.425% 40.157%; --nf:238.42 43.182% 13.804%; --b2:0 0% 88.235%; --b3:0 0% 79.412%; --bc:0 0% 19.608%; --pc:302.59 100% 90%; --sc:27.294 100% 10%; --ac:72 100% 10.039%; --nc:238.42 99.052% 83.451%; --inc:209.85 100% 11.569%; --suc:148.87 100% 11.608%; --wac:52.574 100% 11.451%; --erc:.78261 100% 89.02%; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:302.59 100% 50%; --s:27.294 100% 50%; --a:72 98.425% 50.196%; --n:238.42 43.182% 17.255%; --b1:0 0% 98.039%; --in:209.85 91.628% 57.843%; --su:148.87 49.533% 58.039%; --wa:52.574 92.661% 57.255%; --er:.78261 100% 45.098%; --rounded-box:1.25rem; --rounded-btn:1rem; --rounded-badge:1rem} [data-theme=lemonade]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:88.8 96.154% 24.471%; --sf:60 80.952% 43.765%; --af:62.553 79.661% 70.745%; --nf:238.42 43.182% 13.804%; --b2:0 0% 90%; --b3:0 0% 81%; --bc:0 0% 20%; --pc:88.8 100% 86.118%; --sc:60 100% 10.941%; --ac:62.553 100% 17.686%; --nc:238.42 99.052% 83.451%; --inc:191.61 79.118% 16.902%; --suc:74.458 100% 15.725%; --wac:50.182 100% 15.059%; --erc:.98361 100% 16.588%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:88.8 96.154% 30.588%; --s:60 80.952% 54.706%; --a:62.553 79.661% 88.431%; --n:238.42 43.182% 17.255%; --b1:0 0% 100%; --in:191.61 39.241% 84.51%; --su:74.458 76.147% 78.627%; --wa:50.182 87.302% 75.294%; --er:.98361 70.115% 82.941%} [data-theme=night]{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:198.44 93.204% 47.686%; --sf:234.45 89.474% 59.137%; --af:328.85 85.621% 56%; --b2:222.22 47.368% 10.059%; --b3:222.22 47.368% 9.0529%; --bc:222.22 65.563% 82.235%; --pc:198.44 100% 11.922%; --sc:234.45 100% 14.784%; --ac:328.85 100% 14%; --nc:217.24 75.772% 83.49%; --inc:198.46 100% 9.6078%; --suc:172.46 100% 10.078%; --wac:40.61 100% 12.706%; --erc:350.94 100% 14.235%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:198.44 93.204% 59.608%; --s:234.45 89.474% 73.922%; --a:328.85 85.621% 70%; --n:217.24 32.584% 17.451%; --nf:217.06 30.357% 21.961%; --b1:222.22 47.368% 11.176%; --in:198.46 90.204% 48.039%; --su:172.46 66.008% 50.392%; --wa:40.61 88.172% 63.529%; --er:350.94 94.558% 71.176%} [data-theme=coffee]{ --lightningcss-light: ; --lightningcss-dark:initial; color-scheme:dark; --pf:29.583 66.667% 46.118%; --sf:182.4 24.752% 15.843%; --af:194.19 74.4% 19.608%; --nf:300 20% 4.7059%; --b2:306 18.519% 9.5294%; --b3:306 18.519% 8.5765%; --pc:29.583 100% 11.529%; --sc:182.4 67.237% 83.961%; --ac:194.19 100% 84.902%; --nc:300 13.75% 81.176%; --inc:171.15 100% 13.451%; --suc:92.5 100% 12.471%; --wac:43.125 100% 13.725%; --erc:9.7561 100% 14.941%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:29.583 66.667% 57.647%; --s:182.4 24.752% 19.804%; --a:194.19 74.4% 24.51%; --n:300 20% 5.8824%; --b1:306 18.519% 10.588%; --bc:36.667 8.3333% 42.353%; --in:171.15 36.527% 67.255%; --su:92.5 25% 62.353%; --wa:43.125 100% 68.627%; --er:9.7561 95.349% 74.706%} [data-theme=winter]{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light; --pf:211.79 100% 40.627%; --sf:246.92 47.273% 34.51%; --af:310.41 49.388% 41.569%; --nf:217.02 92.157% 8%; --pc:211.79 100% 90.157%; --sc:246.92 100% 88.627%; --ac:310.41 100% 90.392%; --nc:217.02 100% 82%; --inc:191.54 100% 15.608%; --suc:181.5 100% 13.255%; --wac:32.308 100% 16.706%; --erc:0 100% 14.431%; --rounded-box:1rem; --rounded-btn:.5rem; --rounded-badge:1.9rem; --animation-btn:.25s; --animation-input:.2s; --btn-text-case:uppercase; --btn-focus-scale:.95; --border-btn:1px; --tab-border:1px; --tab-radius:.5rem; --p:211.79 100% 50.784%; --s:246.92 47.273% 43.137%; --a:310.41 49.388% 51.961%; --n:217.02 92.157% 10%; --b1:0 0% 100%; --b2:216.92 100% 97.451%; --b3:218.82 43.59% 92.353%; --bc:214.29 30.061% 31.961%; --in:191.54 92.857% 78.039%; --su:181.5 46.512% 66.275%; --wa:32.308 61.905% 83.529%; --er:0 63.38% 72.157%} :root,[data-theme]{ --b2:0 0% 98.5%} ol,ul{ list-style:revert} .bf-sidebar ol,.bf-sidebar ul,[data-sidebar=menu-sub],[data-sidebar=menu]{ margin:0; padding:0; list-style:none} .bf-sidebar{ --sidebar-item-radius:8px} .bf-sidebar [data-active=true]{ font-weight:600; background-color:hsl(var(--sidebar-primary)/.12)!important; color:hsl(var(--sidebar-primary))!important} .bf-sidebar [data-active=true]:hover{ background-color:hsl(var(--sidebar-primary)/.18)!important} .bf-article__content{ overflow-x:hidden} .bf-article__body *{ box-sizing:border-box; max-width:100%} .bf-content--sidebar .bf-article{ max-width:100%; padding:1.5rem 2rem; container:article/inline-size} .bf-content--sidebar .bf-article__main{ flex:1; min-width:0; width:auto!important; max-width:100%!important} .bf-content--sidebar .bf-article__content{ margin-bottom:0!important} .bf-content--sidebar .bf-article__sidebar{ flex-shrink:1; min-width:200px; max-width:250px} .bf-content--sidebar .bf-article__breadcrumb-wrapper{ padding-left:0; padding-right:0} @media (min-width:1024px){ .bf-content--sidebar .bf-article{ padding:2rem 3rem} } @container article (max-width:800px){ .bf-article__sidebar{ display:none!important} } .bf-assistant-sidebar{ --assistant-width:380px; --dot-color:#00000012; background-image:radial-gradient(circle,var(--dot-color) 1px,transparent 1px); background-size:18px 18px} .bf-assistant-sidebar .dark{ --dot-color:#ffffff0f} .bf-layout__page{ transition:width .3s ease-in-out} .bf-main-content{ width:0; min-width:0!important} .bf-main-content *{ max-width:100%} .bf-content--sidebar{ min-width:0} .bf-assistant-sidebar__chat,.bf-assistant-sidebar__chat>div{ flex-direction:column; height:100%; display:flex} .bf-assistant-sidebar__chat [data-radix-scroll-area-viewport]{ flex:1} .bf-assistant-sidebar__chat [data-name=ChatSearch]{ flex-direction:column; height:100%; display:flex} .bf-assistant-sidebar__chat footer{ padding:0 .75rem env(safe-area-inset-bottom,0); margin-top:auto; margin-bottom:.75rem} .bf-assistant-sidebar__chat [data-name=Header]{ display:none!important} .bf-assistant-sidebar__chat button[aria-label=Back],.bf-assistant-sidebar__chat>div>button[class*=absolute],.bf-assistant-sidebar__chat>div>div>button:first-child:not([data-name]){ display:none} .bf-assistant-sidebar__chat [data-name=PrimarySearch]{ padding:0} .bf-assistant-toggle{ animation:.3s ease-out slideInUp} @keyframes slideInUp{ 0%{ opacity:0; transform:translateY(20px)} to{ opacity:1; transform:translateY(0)} } @media (max-width:1023px){ .bf-assistant-sidebar{ z-index:50; width:100%; max-width:400px; position:fixed; top:0; bottom:0; right:0; box-shadow:-4px 0 20px #0000001a} .bf-layout__page{ width:100%!important} } .shadcn-scope{ --background:0 0% 100%; --foreground:0 0% 3.9%; --card:0 0% 100%; --card-foreground:0 0% 3.9%; --popover:0 0% 100%; --popover-foreground:0 0% 3.9%; --primary:0 0% 9%; --primary-foreground:0 0% 98%; --secondary:0 0% 96.1%; --secondary-foreground:0 0% 9%; --muted:0 0% 96.1%; --muted-foreground:0 0% 45.1%; --accent:0 0% 96.1%; --accent-foreground:0 0% 9%; --destructive:0 84.2% 60.2%; --destructive-foreground:0 0% 98%; --border:0 0% 89.8%; --input:0 0% 89.8%; --ring:0 0% 3.9%; --chart-1:12 76% 61%; --chart-2:173 58% 39%; --chart-3:197 37% 24%; --chart-4:43 74% 66%; --chart-5:27 87% 67%; --radius:.5rem; --sidebar-primary:var(--p); --sidebar-primary-foreground:var(--pc)} .shadcn-scope.dark{ --background:0 0% 3.9%; --foreground:0 0% 98%; --card:0 0% 3.9%; --card-foreground:0 0% 98%; --popover:0 0% 3.9%; --popover-foreground:0 0% 98%; --primary:0 0% 98%; --primary-foreground:0 0% 9%; --secondary:0 0% 14.9%; --secondary-foreground:0 0% 98%; --muted:0 0% 14.9%; --muted-foreground:0 0% 63.9%; --accent:0 0% 14.9%; --accent-foreground:0 0% 98%; --destructive:0 62.8% 30.6%; --destructive-foreground:0 0% 98%; --border:0 0% 14.9%; --input:0 0% 14.9%; --ring:0 0% 83.1%; --chart-1:220 70% 50%; --chart-2:160 60% 45%; --chart-3:30 80% 55%; --chart-4:280 65% 60%; --chart-5:340 75% 55%} :root,[data-theme]{ --background:var(--b1); --foreground:var(--bc); --card:var(--b1); --card-foreground:var(--bc); --popover:var(--b1); --popover-foreground:var(--bc); --muted:var(--b2); --muted-foreground:215 16% 47%; --accent:var(--b2); --accent-foreground:var(--bc); --border:var(--b3); --input:var(--b2); --ring:var(--p); --radius:.5rem; --bfc-border:hsl(var(--b3)); --bfc-border-subtle:hsl(var(--b3)/.5); --bfc-muted:hsl(var(--b2)); --bfc-muted-foreground:#65758b; --bfc-background:hsl(var(--b1)); --bfc-foreground:hsl(var(--bc)); --sidebar-background:var(--b2); --sidebar-foreground:var(--bc); --sidebar-primary:var(--p); --sidebar-primary-foreground:var(--pc); --sidebar-accent:var(--b3); --sidebar-accent-foreground:var(--bc); --sidebar-border:var(--b3); --sidebar-ring:var(--p)} *{ border-color:hsl(var(--border))} body{ background-color:hsl(var(--background)); color:hsl(var(--foreground))} .pl-bf-hero-3-body:has(.dirty){ padding-top:.75rem!important} [data-name=collections-dropdown]{ display:none!important} .bf-subheader__section-link--active{ color:hsl(var(--p))!important} .bf-subheader__section-link--active:after{ background-color:hsl(var(--p)); content:""; height:2px; position:absolute; bottom:0; left:0; right:0} body,html{ scroll-behavior:smooth; height:100%} body.fullscreen{ overflow:hidden} .wlan-search{ --color:hsl(var(--p)); border-radius:50%; padding:12px; position:relative} .wlan-search div{ animation:2.5s linear infinite div; position:relative} .wlan-search div svg{ animation:var(--name,top) 2.5s linear infinite; fill:none; height:40px; stroke:var(--color); stroke-linecap:round; stroke-width:var(--sw,3.5); width:40px; display:block} .wlan-search div svg:not(:first-child){ position:absolute; top:0; left:0} .wlan-search div svg.middle{ --sw:3; --name:middle; transform-origin:50% 67%} .wlan-search div svg.bottom{ --sw:3; --name:bottom} .wlan-search div:after{ background:var(--color); content:""; border-radius:50%; width:8px; height:8px; animation:2.5s linear infinite dot; position:absolute; top:26px; left:16px; transform:scale(.9)} @keyframes div{ 53%,9%{ transform:translateY(-5px)} 60%,to{ transform:none} } @keyframes top{ 14%,9%{ transform:translateY(9px)} 20%,51%,53%{ transform:translateY(8px)} 27%,29%{ transform:translate(-7px,7px)} 35%,37%{ transform:translateY(7px)} 43%,45%{ transform:translate(7px,7px)} 60%,to{ transform:none} } @keyframes middle{ 14%,9%{ transform:translateY(-4px)rotate(180deg)} 20%,51%,53%{ transform:translateY(-2px)rotate(180deg)} 27%,29%{ transform:translate(-6px,-3px)rotate(180deg)} 35%,37%{ transform:translateY(-5px)rotate(180deg)} 43%,45%{ transform:translate(6px,-3px)rotate(180deg)} 60%,to{ transform:none} } @keyframes bottom{ 14%,51%,53%,9%{ transform:translateY(1px)} 27%,29%{ transform:translate(-8px)} 35%,37%{ transform:translateY(-1px)} 43%,45%{ transform:translate(8px)} 20%,60%,to{ transform:none} } @keyframes dot{ 14%,9%{ transform:scale(.9)translateY(-1px)} 20%,51%,53%{ transform:scale(.9)translateY(-2px)} 27%,29%{ transform:scale(.9)translate(-12px,-2px)} 35%,37%{ transform:scale(.9)translateY(-4px)} 43%,45%{ transform:scale(.9)translate(12px,-2px)} 60%,to{ transform:scale(.9)} } @keyframes heartbeat{ 0%{ transform:scale(.75)} 20%{ transform:scale(1)} 40%{ transform:scale(.75)} 60%{ transform:scale(1)} 80%{ transform:scale(.75)} to{ transform:scale(.75)} } .brainfish-editor div{ color:hsl(var(--bc))!important} .brainfish-editor .ProseMirror table td a{ margin:0 4px} #fc_frame,#fc_widget{ --lightningcss-light:initial; --lightningcss-dark: ; color-scheme:light only} .animate-spin{ transform-box:fill-box; transform-origin:50%; animation:2s linear infinite rotate} @keyframes rotate{ to{ transform:rotate(1turn)} } @media only screen and (max-width:600px){ .tooltip:after,.tooltip:before{ display:none} } @keyframes highlight{ to{ background-position:0 0} } .highlight{ color:#040c28; background:linear-gradient(90deg,#fef08a 50%,#0000 0) 75% 0/200% 100% no-repeat; font-weight:500; animation:.75s cubic-bezier(.05,.7,.1,1) .25s forwards highlight} .searchbar-info a{ text-decoration:underline} .bf-sidebar{ border-right:1px solid hsl(var(--b3))} .bf-sidebar,.bf-sidebar [data-sidebar=content],.bf-sidebar [data-sidebar=menu-sub],.bf-sidebar [data-sidebar=menu]{ overflow-x:hidden!important} .shadcn-scope{ --bfc-primary:hsl(var(--p)); --bfc-primary-foreground:hsl(var(--bc)); --bfc-foreground:hsl(var(--bc)); --bfc-accent-foreground:hsl(var(--bc))} .shadcn-scope [data-name=ChatSearch]{ background-color:#0000; height:auto; padding:0} @media (min-width:768px){ .shadcn-scope [data-name=ChatSearch]{ padding-left:0; padding-right:0} } .shadcn-scope [data-name=ChatSearch] .bg-card,.shadcn-scope [data-name=ChatSearch] .bg-primary:not(button),.shadcn-scope [data-name=ChatSearch] .bg-secondary{ background-color:#0000} .shadcn-scope [data-name=ChatSearch] .border-t-2{ border-top-width:2px} .shadcn-scope [data-name=ChatSearch] .suggestions-dropdown{ position:relative} .shadcn-scope [data-name=ChatSearch] [data-name=Header]{ display:none!important} .shadcn-scope [data-name=ChatSearch].bf-assistant-sidebar__chat [data-name=PrimarySearch]{ background:#00000012!important; border:1px solid #00000024!important; border-radius:16px 16px 8px 8px!important; padding:6px!important} .shadcn-scope [data-name=ChatSearch].bf-assistant-sidebar__chat [data-name=PrimarySearch]>div{ overflow:hidden; background:hsl(var(--b1))!important; border:none!important; border-radius:8px 8px 4px 4px!important; box-shadow:2px 4px 12px #00000024!important} .shadcn-scope [data-name=ChatSearch].bf-assistant-sidebar__chat [data-name=PrimarySearch] .border-t{ background:hsl(var(--b1)); padding:10px!important} .shadcn-scope [data-name=ChatSearch] footer>div{ max-width:none; padding:0} .shadcn-scope [data-name=ChatSearch] [data-radix-scroll-area-viewport] div:not(.prose div[class*=\ px-]):not([role=option]){ padding-left:0; padding-right:0} .shadcn-scope [data-name=ChatSearch] [data-radix-scroll-area-viewport] [role=option]{ padding-left:.75rem; padding-right:.75rem} .shadcn-scope [data-name=ChatSearch] [data-radix-scroll-area-viewport] nav{ display:none} .shadcn-scope [data-name=ChatSearch] [data-radix-scroll-area-viewport] div.space-y-4:not(.w-full):not(:last-child){ border-bottom-width:1px; padding-bottom:1rem} .shadcn-scope [data-name=ChatSearch] [data-radix-scroll-area-viewport]>div{ display:block!important} .shadcn-scope [data-name=ChatSearch] [data-name=PrimarySearch]>div [data-name=search-input]{ padding-left:.75rem!important; padding-right:.75rem!important} .shadcn-scope [data-name=ChatSearch] [data-name=PrimarySearch]>div [data-name=search-button]{ color:var(--p-foreground)} .shadcn-scope [data-name=ChatSearch] [data-name=disclaimer]{ position:static} @media (min-width:768px){ .shadcn-scope [data-name=ChatSearch] [data-name=disclaimer]{ text-align:left} } .shadcn-scope [data-name=ChatSearch] [data-name=disclaimer]>svg{ flex-shrink:0} .shadcn-scope [data-name=ChatSearch] [data-name=Feedback]+div [data-slot=card]{ padding:.75rem!important} .shadcn-scope [data-name=ChatSearch] .hover\:bg-accent:hover{ --tw-bg-opacity:1; background-color:rgb(var(--bfc-accent,0 0 0)/var(--tw-bg-opacity,1))} .shadcn-scope [data-name=ChatSearch] .bg-secondary:is(button){ background-color:rgb(var(--bfc-background,0 0 0)/1); border-top-left-radius:0; border-top-right-radius:0} .shadcn-scope [data-name=ChatSearch] .hover\:bg-secondary\/80:hover{ background-color:rgb(var(--bfc-secondary,0 0 0)/.8)} .shadcn-scope [data-name=ChatSearch] button.bg-primary.text-primary-foreground{ color:var(--p-foreground)} .shadcn-scope [data-name=ChatSearch] [data-name=SearchResults]{ border:none} .shadcn-scope [data-name=ChatSearch] [data-name=SearchResults] figure{ flex-direction:column; display:flex} .shadcn-scope [data-name=ChatSearch] [data-name=SearchResults] figure figcaption+.absolute{ display:none} .shadcn-scope [data-name=ChatSearch] [data-name=SearchResults] hr{ margin-top:1rem; margin-bottom:1rem} .command-palette input{ box-shadow:none!important; --tw-ring-shadow:none!important; outline:none!important} .command-palette input:focus,.command-palette input:focus-visible{ box-shadow:none!important; outline:none!important} [data-notice-block-type=info]{ background-color:hsl(var(--p)/var(--tw-text-opacity,.1))!important} [data-notice-block-type=info] svg{ fill:var(--bfc-foreground)!important} .milkdown .ProseMirror h1,.milkdown .ProseMirror h2,.milkdown .ProseMirror h3,.milkdown .ProseMirror h4,.milkdown .ProseMirror h5,.milkdown .ProseMirror h6{ scroll-margin:1rem} :root{ --bf-api-method-get-bg:#22c55e; --bf-api-method-get-text:#fff; --bf-api-method-post-bg:#3b82f6; --bf-api-method-post-text:#fff; --bf-api-method-put-bg:#f59e0b; --bf-api-method-put-text:#fff; --bf-api-method-patch-bg:#8b5cf6; --bf-api-method-patch-text:#fff; --bf-api-method-delete-bg:#ef4444; --bf-api-method-delete-text:#fff; --bf-api-method-head-bg:#64748b; --bf-api-method-head-text:#fff; --bf-api-method-options-bg:#64748b; --bf-api-method-options-text:#fff; --bf-api-method-get-code:#34d399; --bf-api-method-post-code:#38bdf8; --bf-api-method-put-code:#fbbf24; --bf-api-method-patch-code:#a78bfa; --bf-api-method-delete-code:#fb7185; --bf-api-method-head-code:#94a3b8; --bf-api-method-options-code:#94a3b8} .bf-api-method-badge--get{ background-color:var(--bf-api-method-get-bg); color:var(--bf-api-method-get-text)} .bf-api-method-badge--post{ background-color:var(--bf-api-method-post-bg); color:var(--bf-api-method-post-text)} .bf-api-method-badge--put{ background-color:var(--bf-api-method-put-bg); color:var(--bf-api-method-put-text)} .bf-api-method-badge--patch{ background-color:var(--bf-api-method-patch-bg); color:var(--bf-api-method-patch-text)} .bf-api-method-badge--delete{ background-color:var(--bf-api-method-delete-bg); color:var(--bf-api-method-delete-text)} .bf-api-method-badge--head{ background-color:var(--bf-api-method-head-bg); color:var(--bf-api-method-head-text)} .bf-api-method-badge--options{ background-color:var(--bf-api-method-options-bg); color:var(--bf-api-method-options-text)} .bf-api-method-badge--query{ background-color:var(--bf-api-method-post-bg); color:var(--bf-api-method-post-text)} .bf-api-method-badge--mutation{ background-color:var(--bf-api-method-put-bg); color:var(--bf-api-method-put-text)} .bf-api-method-badge--subscription{ background-color:var(--bf-api-method-patch-bg); color:var(--bf-api-method-patch-text)} .bf-api-method-badge--graphql{ background-color:var(--bf-api-method-post-bg); color:var(--bf-api-method-post-text)} .bf-api-method-badge--unknown{ background-color:var(--bf-api-method-head-bg); color:var(--bf-api-method-head-text)} .bf-api-playground__method--get{ color:var(--bf-api-method-get-bg)} .bf-api-playground__method--post{ color:var(--bf-api-method-post-bg)} .bf-api-playground__method--put{ color:var(--bf-api-method-put-bg)} .bf-api-playground__method--patch{ color:var(--bf-api-method-patch-bg)} .bf-api-playground__method--delete{ color:var(--bf-api-method-delete-bg)} .bf-api-playground__method--head{ color:var(--bf-api-method-head-bg)} .bf-api-playground__method--options{ color:var(--bf-api-method-options-bg)} .bf-api-code-snippet__method--get{ color:var(--bf-api-method-get-code)} .bf-api-code-snippet__method--post{ color:var(--bf-api-method-post-code)} .bf-api-code-snippet__method--put{ color:var(--bf-api-method-put-code)} .bf-api-code-snippet__method--patch{ color:var(--bf-api-method-patch-code)} .bf-api-code-snippet__method--delete{ color:var(--bf-api-method-delete-code)} .bf-api-code-snippet__method--head{ color:var(--bf-api-method-head-code)} .bf-api-code-snippet__method--options{ color:var(--bf-api-method-options-code)} .bf-api-playground__tab--active{ border-bottom-color:var(--brand-primary,var(--bfc-primary))!important} .bf-sidebar-item--active{ background-color:color-mix(in srgb,var(--brand-primary,var(--bfc-primary)) 10%,transparent)!important; color:var(--brand-primary,var(--bfc-primary))!important} .bf-api-reference-markdown{ line-height:1.6} .bf-api-reference-markdown strong{ font-weight:600} .bf-api-reference-markdown code{ font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace} .bf-api-reference-markdown__table{ table-layout:fixed} .bf-api-reference-markdown__table td:first-child,.bf-api-reference-markdown__table th:first-child{ word-break:break-word; width:18%; min-width:4.5rem} .bf-api-reference-markdown__table td:nth-child(2),.bf-api-reference-markdown__table th:nth-child(2){ word-break:break-word; width:38%} .bf-api-reference-markdown__table td:nth-child(3),.bf-api-reference-markdown__table th:nth-child(3){ word-break:break-word; width:44%} .bf-api-reference-markdown__table td:first-child:nth-last-child(2),.bf-api-reference-markdown__table th:first-child:nth-last-child(2){ width:35%} .bf-api-reference-markdown__table td:nth-child(2):last-child,.bf-api-reference-markdown__table th:nth-child(2):last-child{ width:65%} .bf-api-reference-markdown ol+h2,.bf-api-reference-markdown ol+h3,.bf-api-reference-markdown ol+h4,.bf-api-reference-markdown p+h3,.bf-api-reference-markdown p+h4,.bf-api-reference-markdown ul+h2,.bf-api-reference-markdown ul+h3,.bf-api-reference-markdown ul+h4{ margin-top:1.5rem} .bf-api-reference-markdown h3+.bf-api-reference-markdown__table-wrap,.bf-api-reference-markdown h4+.bf-api-reference-markdown__table-wrap,.bf-api-reference-markdown p+.bf-api-reference-markdown__table-wrap{ margin-top:.75rem} .bf-api-reference-markdown--compact strong{ font-weight:600} .bf-api-reference-markdown--compact>:first-child{ margin-top:0} .bf-api-example-tabs{ background:color-mix(in srgb,hsl(var(--muted)) 70%,transparent); border:0; border-radius:.75rem; flex-wrap:wrap; gap:.25rem; max-width:100%; padding:.25rem; display:inline-flex} .bf-api-example-tab{ color:hsl(var(--muted-foreground)); cursor:pointer; border:1px solid #0000; border-radius:.55rem; justify-content:center; align-items:center; gap:.5rem; min-width:0; min-height:2rem; padding:.375rem .75rem; font-size:.75rem; font-weight:600; line-height:1.25; transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s; display:inline-flex} .bf-api-example-tab:hover{ background:hsl(var(--background)); color:hsl(var(--foreground))} .bf-api-example-tab:focus-within{ outline:none} .bf-api-example-tab:has(input:focus-visible){ outline:2px solid var(--brand-primary,hsl(var(--ring))); outline-offset:2px} .bf-api-example-tab--selected{ background:hsl(var(--background)); border-color:color-mix(in srgb,var(--brand-primary,hsl(var(--foreground))) 35%,hsl(var(--border))); box-shadow:0 1px 2px #0f172a14,inset 0 0 0 1px color-mix(in srgb,var(--brand-primary,hsl(var(--foreground))) 12%,transparent); color:var(--brand-primary,hsl(var(--foreground)))} .bf-api-example-tab__indicator{ opacity:.55; background:0 0; border-radius:9999px; flex-shrink:0; width:.375rem; height:.375rem; box-shadow:inset 0 0 0 1px} .bf-api-example-tab--selected .bf-api-example-tab__indicator{ box-shadow:none; opacity:1; background:currentColor} .bf-api-reference-markdown--compact .bf-api-reference-markdown__table td:first-child,.bf-api-reference-markdown--compact .bf-api-reference-markdown__table th:first-child{ width:22%} /*# sourceMappingURL=0h0q2nfo7b3cq.css.map*/ .container{ width:100%} @media (min-width:640px){ .container{ max-width:640px} } @media (min-width:768px){ .container{ max-width:768px} } @media (min-width:1280px){ .container{ max-width:1280px} } @media (min-width:1440px){ .container{ max-width:1440px} } @media (min-width:1536px){ .container{ max-width:1536px} } .alert{ --tw-bg-opacity:1; background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity)); border-radius:var(--rounded-box,1rem); flex-direction:column; justify-content:space-between; align-items:center; gap:1rem; width:100%; padding:1rem; display:flex} .alert>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.5rem*var(--tw-space-y-reverse)); margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))} @media (min-width:768px){ .alert{ flex-direction:row} .alert>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(0px*var(--tw-space-y-reverse)); margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))} } .alert>:where(*){ align-items:center; gap:.5rem; display:flex} .avatar{ display:inline-flex; position:relative} .avatar>div{ aspect-ratio:1; display:block; overflow:hidden} .avatar img{ -o-object-fit:cover; object-fit:cover; width:100%; height:100%} .avatar.placeholder>div{ display:flex} .avatar.placeholder>div,.badge{ justify-content:center; align-items:center} .badge{ --tw-border-opacity:1; border-width:1px; border-color:hsl(var(--n)/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--n)/var(--tw-bg-opacity)); --tw-text-opacity:1; border-radius:var(--rounded-badge,1.9rem); width:fit-content; height:1.25rem; color:hsl(var(--nc)/var(--tw-text-opacity)); padding-left:.563rem; padding-right:.563rem; font-size:.875rem; line-height:1.25rem; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter; transition-duration:.2s; transition-timing-function:cubic-bezier(.4,0,.2,1); display:inline-flex} .breadcrumbs{ max-width:100%; padding-top:.5rem; padding-bottom:.5rem; overflow-x:auto} .breadcrumbs>ol,.breadcrumbs>ul{ white-space:nowrap; min-height:min-content} .breadcrumbs>ol,.breadcrumbs>ol>li,.breadcrumbs>ol>li>a,.breadcrumbs>ul,.breadcrumbs>ul>li,.breadcrumbs>ul>li>a{ align-items:center; display:flex} .breadcrumbs>ol>li>a,.breadcrumbs>ul>li>a{ cursor:pointer} .breadcrumbs>ol>li>a:hover,.breadcrumbs>ul>li>a:hover{ text-decoration-line:underline} .btn{ animation:button-pop var(--animation-btn,.25s) ease-out; border-color:#0000; border-color:hsl(var(--n)/var(--tw-border-opacity)); border-radius:var(--rounded-btn,.5rem); border-width:var(--border-btn,1px); cursor:pointer; text-align:center; text-transform:uppercase; height:3rem; min-height:3rem; text-transform:var(--btn-text-case,uppercase); -webkit-user-select:none; user-select:none; --tw-border-opacity:1; --tw-bg-opacity:1; background-color:hsl(var(--n)/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--nc)/var(--tw-text-opacity)); flex-wrap:wrap; flex-shrink:0; justify-content:center; align-items:center; padding-left:1rem; padding-right:1rem; font-size:.875rem; font-weight:600; line-height:1em; text-decoration-line:none; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter; transition-duration:.2s; transition-timing-function:cubic-bezier(.4,0,.2,1); display:inline-flex} .btn-disabled,.btn[disabled]{ pointer-events:none} .btn-circle{ border-radius:9999px; width:3rem; height:3rem; padding:0} .btn.loading,.btn.loading:hover{ pointer-events:none} .btn.\!loading,.btn.\!loading:hover{ pointer-events:none!important} .btn.loading:before{ content:""; border-width:2px; border-color:#0000 currentColor currentColor #0000; border-radius:9999px; width:1rem; height:1rem; margin-right:.5rem; animation:2s linear infinite spin} .btn.\!loading:before{ content:""!important; border-width:2px!important; border-color:#0000 currentColor currentColor #0000!important; border-radius:9999px!important; width:1rem!important; height:1rem!important; margin-right:.5rem!important; animation:2s linear infinite spin!important} @media (prefers-reduced-motion:reduce){ .btn.loading:before{ animation:10s linear infinite spin} .btn.\!loading:before{ animation:10s linear infinite spin!important} } .btn-group>input[type=radio].btn{ appearance:none} .btn-group>input[type=radio].btn:before{ content:attr(data-title)} .card{ border-radius:var(--rounded-box,1rem); flex-direction:column; display:flex; position:relative} .card:focus{ outline-offset:2px; outline:2px solid #0000} .card-body{ padding:var(--padding-card,2rem); flex-direction:column; flex:auto; gap:.5rem; display:flex} .card-body :where(p){ flex-grow:1} .card figure{ justify-content:center; align-items:center; display:flex} .card.image-full{ display:grid} .card.image-full:before{ content:""; z-index:10; --tw-bg-opacity:1; background-color:hsl(var(--n)/var(--tw-bg-opacity)); border-radius:var(--rounded-box,1rem); opacity:.75; position:relative} .card.image-full:before,.card.image-full>*{ grid-row-start:1; grid-column-start:1} .card.image-full>figure img{ -o-object-fit:cover; object-fit:cover; height:100%} .card.image-full>.card-body{ z-index:20; --tw-text-opacity:1; color:hsl(var(--nc)/var(--tw-text-opacity)); position:relative} .chat{ -moz-column-gap:.75rem; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:.75rem; padding-top:.25rem; padding-bottom:.25rem; display:grid} .chat-image{ grid-row:span 2/span 2; align-self:flex-end} .chat-bubble{ border-radius:var(--rounded-box,1rem); --tw-bg-opacity:1; background-color:hsl(var(--n)/var(--tw-bg-opacity)); --tw-text-opacity:1; width:fit-content; min-width:2.75rem; max-width:90%; min-height:2.75rem; color:hsl(var(--nc)/var(--tw-text-opacity)); padding:.5rem 1rem; display:block; position:relative} .chat-bubble:before{ background-color:inherit; content:""; width:.75rem; height:.75rem; position:absolute; bottom:0; -webkit-mask-position:50%; mask-position:50%; -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat} .chat-start{ grid-template-columns:auto 1fr; place-items:start} .chat-start .chat-footer,.chat-start .chat-header{ grid-column-start:2} .chat-start .chat-image{ grid-column-start:1} .chat-start .chat-bubble{ border-bottom-left-radius:0; grid-column-start:2} .chat-start .chat-bubble:before{ left:-.75rem; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3V0c0 1-2 3-3 3'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3V0c0 1-2 3-3 3'/%3E%3C/svg%3E")} [dir=rtl] .chat-start .chat-bubble:before{ -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3C2 3 0 1 0 0'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3C2 3 0 1 0 0'/%3E%3C/svg%3E")} .chat-end .chat-image{ grid-column-start:2} .chat-end .chat-bubble{ border-bottom-right-radius:0; grid-column-start:1} .chat-end .chat-bubble:before{ left:100%; -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3C2 3 0 1 0 0'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3C2 3 0 1 0 0'/%3E%3C/svg%3E")} [dir=rtl] .chat-end .chat-bubble:before{ -webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3V0c0 1-2 3-3 3'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Cpath d='M0 3h3V0c0 1-2 3-3 3'/%3E%3C/svg%3E")} .collapse.collapse{ visibility:visible} .collapse{ grid-template-rows:1fr auto; display:grid; position:relative; overflow:hidden} .collapse-content,.collapse-title,.collapse>input[type=checkbox]{ grid-row-start:1; grid-column-start:1} .collapse>input[type=checkbox]{ appearance:none; opacity:0} .collapse-open .collapse-content,.collapse:focus:not(.collapse-close) .collapse-content,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{ max-height:none} :root .countdown{ line-height:1em} .countdown{ display:inline-flex} .countdown>*{ height:1em; display:inline-block; overflow-y:hidden} .countdown>:before{ content:"00\a 01\a 02\a 03\a 04\a 05\a 06\a 07\a 08\a 09\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a "; text-align:center; top:calc(var(--value)*-1em); white-space:pre; transition:all 1s cubic-bezier(1,0,0,1); position:relative} .divider{ white-space:nowrap; flex-direction:row; align-self:stretch; align-items:center; height:1rem; margin-top:1rem; margin-bottom:1rem; display:flex} .divider:after,.divider:before{ content:""; flex-grow:1; width:100%; height:.125rem} .drawer{ width:100%; height:100dvh; display:grid; overflow:hidden} .drawer.drawer-end{ direction:rtl} .drawer.drawer-end>*{ direction:ltr} .drawer.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+*{ --tw-translate-x:100%; justify-self:end} .drawer.drawer-end>.drawer-toggle:checked~.drawer-side>.drawer-overlay+*,.drawer.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+*{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .drawer.drawer-end>.drawer-toggle:checked~.drawer-side>.drawer-overlay+*{ --tw-translate-x:0px} [dir=rtl] .drawer.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+*{ --tw-translate-x:-100%} [dir=rtl] .drawer.drawer-end>.drawer-toggle:checked~.drawer-side>.drawer-overlay+*{ --tw-translate-x:0px} [dir=rtl] .drawer.drawer-end>.drawer-toggle:checked~.drawer-content{ --tw-translate-x:.5rem} .dropdown{ display:inline-block; position:relative} .dropdown>:focus{ outline-offset:2px; outline:2px solid #0000} .dropdown .dropdown-content{ opacity:0; transform-origin:top; visibility:hidden; z-index:50; --tw-scale-x:.95; --tw-scale-y:.95; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter; transition-duration:.2s; transition-timing-function:cubic-bezier(.4,0,.2,1); position:absolute} .dropdown-end .dropdown-content{ right:0} .dropdown-left .dropdown-content{ transform-origin:100%; top:0; bottom:auto; right:100%} .dropdown-right .dropdown-content{ transform-origin:0; top:0; bottom:auto; left:100%} .dropdown-bottom .dropdown-content{ transform-origin:top; top:100%; bottom:auto} .dropdown-top .dropdown-content{ transform-origin:bottom; top:auto; bottom:100%} .dropdown-end.dropdown-left .dropdown-content,.dropdown-end.dropdown-right .dropdown-content{ top:auto; bottom:0} .dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content,.dropdown:not(.dropdown-hover):focus-within .dropdown-content{ opacity:1; visibility:visible} .footer{ -moz-column-gap:1rem; grid-auto-flow:row; gap:2.5rem 1rem; width:100%; font-size:.875rem; line-height:1.25rem} .footer,.footer>*{ place-items:start; display:grid} .footer>*{ gap:.5rem} .footer-center{ text-align:center} .footer-center,.footer-center>*{ place-items:center} @media (min-width:48rem){ .footer{ grid-auto-flow:column} .footer-center{ grid-auto-flow:dense} } .form-control{ flex-direction:column} .form-control,.label{ display:flex} .label{ -webkit-user-select:none; user-select:none; justify-content:space-between; align-items:center; padding:.5rem .25rem} .hero{ background-position:50%; background-size:cover; place-items:center; width:100%; display:grid} .hero>*{ grid-row-start:1; grid-column-start:1} .hero-content{ z-index:0; justify-content:center; align-items:center; gap:1rem; max-width:80rem; padding:1rem; display:flex} .indicator{ width:max-content; display:inline-flex; position:relative} .indicator :where(.indicator-item){ white-space:nowrap; z-index:1; position:absolute} .input{ border-color:hsl(var(--bc)/var(--tw-border-opacity)); --tw-border-opacity:0; --tw-bg-opacity:1; background-color:hsl(var(--b1)/var(--tw-bg-opacity)); border-radius:var(--rounded-btn,.5rem); border-width:1px; flex-shrink:1; height:3rem; padding-left:1rem; padding-right:1rem; font-size:1rem; line-height:1.5rem} .input-group>.input{ isolation:isolate} .input-group>*,.input-group>.input,.input-group>.select,.input-group>.textarea{ border-radius:0} .kbd{ border-color:hsl(var(--bc)/var(--tw-border-opacity)); --tw-border-opacity:.2; --tw-bg-opacity:1; background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity)); border-radius:var(--rounded-btn,.5rem); border-width:1px 1px 2px; justify-content:center; align-items:center; min-width:2.2em; min-height:2.2em; padding-left:.5rem; padding-right:.5rem; display:inline-flex} .link{ cursor:pointer; text-decoration-line:underline} .menu{ flex-flow:column wrap; display:flex} .menu.horizontal{ flex-direction:row; display:inline-flex} .menu.horizontal :where(li){ flex-direction:row} :where(.menu li){ flex-flow:column wrap; flex-shrink:0; align-items:stretch; display:flex; position:relative} .menu :where(li:not(.menu-title))>:where(:not(ul)){ display:flex} .menu :where(li:not(.disabled):not(.menu-title))>:where(:not(ul)){ cursor:pointer; outline-offset:2px; -webkit-user-select:none; user-select:none; outline:2px solid #0000; align-items:center} .menu>:where(li>:not(ul):focus){ outline-offset:2px; outline:2px solid #0000} .menu>:where(li.disabled>:not(ul):focus){ cursor:auto} .menu>:where(li.\!disabled>:not(ul):focus){ cursor:auto!important} .menu>:where(li) :where(ul){ flex-direction:column; align-items:stretch; display:flex} .menu>:where(li)>:where(ul){ border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; border-top-left-radius:inherit; border-top-right-radius:inherit; display:none; position:absolute; top:auto; left:100%} .menu>:where(li:hover)>:where(ul),.menu>:where(li:focus)>:where(ul){ display:flex} .modal{ background-color:hsl(var(--nf,var(--n))/var(--tw-bg-opacity)); opacity:0; pointer-events:none; visibility:hidden; z-index:999; --tw-bg-opacity:.4; overscroll-behavior:contain; justify-content:center; transition-property:transform,opacity,visibility; transition-duration:.2s; transition-timing-function:cubic-bezier(.4,0,.2,1); display:flex; position:fixed; inset:0; overflow-y:hidden} :where(.modal){ align-items:center} .modal-open,.modal-toggle:checked+.modal,.modal:target{ opacity:1; pointer-events:auto; visibility:visible} .navbar{ min-height:4rem; padding:var(--navbar-padding,.5rem); align-items:center; width:100%; display:flex} :where(.navbar>*){ align-items:center; display:inline-flex} .radio{ --chkbg:var(--bc); -webkit-appearance:none; border-color:hsl(var(--bc)/var(--tw-border-opacity)); --tw-border-opacity:.2; border-width:1px; border-radius:9999px; flex-shrink:0; width:1.5rem} .radio,.range{ appearance:none; cursor:pointer; height:1.5rem} .range{ -webkit-appearance:none; --range-shdw:var(--bc); border-radius:var(--rounded-box,1rem); background-color:#0000; width:100%; overflow:hidden} .range:focus{ outline:none} .select{ appearance:none; border-color:hsl(var(--bc)/var(--tw-border-opacity)); cursor:pointer; -webkit-user-select:none; user-select:none; --tw-border-opacity:0; --tw-bg-opacity:1; background-color:hsl(var(--b1)/var(--tw-bg-opacity)); border-radius:var(--rounded-btn,.5rem); background-image:linear-gradient(45deg,#0000 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,#0000 0); background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%); background-repeat:no-repeat; background-size:4px 4px,4px 4px; border-width:1px; flex-shrink:0; height:3rem; min-height:3rem; padding-left:1rem; padding-right:2.5rem; font-size:.875rem; font-weight:600; line-height:2; display:inline-flex} .select[multiple]{ height:auto} .stack{ place-items:flex-end center; display:inline-grid} .stack>*{ opacity:.6; z-index:1; grid-row-start:1; grid-column-start:1; width:100%; transform:translateY(10%)scale(.9)} .stack>:nth-child(2){ opacity:.8; z-index:2; transform:translateY(5%)scale(.95)} .stack>:first-child{ opacity:1; z-index:3; transform:translateY(0)scale(1)} .stats{ --tw-bg-opacity:1; background-color:hsl(var(--b1)/var(--tw-bg-opacity)); --tw-text-opacity:1; border-radius:var(--rounded-box,1rem); color:hsl(var(--bc)/var(--tw-text-opacity)); display:inline-grid} :where(.stats){ grid-auto-flow:column; overflow-x:auto} .stat{ border-color:hsl(var(--bc)/var(--tw-border-opacity)); -moz-column-gap:1rem; --tw-border-opacity:.1; grid-template-columns:repeat(1,1fr); column-gap:1rem; width:100%; padding:1rem 1.5rem} .stat,.steps{ display:inline-grid} .steps{ counter-reset:step; grid-auto-columns:1fr; grid-auto-flow:column; overflow:auto hidden} .steps .step{ text-align:center; grid-template-rows:40px 1fr; grid-template-columns:auto; place-items:center; min-width:4rem; display:grid} .swap{ cursor:pointer; -webkit-user-select:none; user-select:none; place-content:center; display:inline-grid; position:relative} .swap>*{ grid-row-start:1; grid-column-start:1; transition-property:transform,opacity; transition-duration:.3s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .swap input{ appearance:none} .swap .swap-indeterminate,.swap .swap-on,.swap input:indeterminate~.swap-on,.swap input:checked~.swap-off,.swap input:indeterminate~.swap-off,.swap.swap-active .swap-off{ opacity:0} .swap input:checked~.swap-on,.swap input:indeterminate~.swap-indeterminate,.swap-active .swap-on{ opacity:1} .tabs{ align-items:flex-end; display:flex} .tab,.tabs{ flex-wrap:wrap} .tab{ cursor:pointer; text-align:center; -webkit-user-select:none; user-select:none; --tab-padding:1rem; --tw-text-opacity:.5; --tab-color:hsla(var(--bc)/var(--tw-text-opacity,1)); --tab-bg:hsla(var(--b1)/var(--tw-bg-opacity,1)); --tab-border-color:hsla(var(--b3)/var(--tw-bg-opacity,1)); height:2rem; color:var(--tab-color); padding-left:var(--tab-padding,1rem); padding-right:var(--tab-padding,1rem); justify-content:center; align-items:center; font-size:.875rem; line-height:2; display:inline-flex} .tab,.table{ position:relative} .table{ text-align:left} .table th:first-child{ z-index:11; position:sticky; left:0} .textarea{ border-color:hsl(var(--bc)/var(--tw-border-opacity)); --tw-border-opacity:0; --tw-bg-opacity:1; background-color:hsl(var(--b1)/var(--tw-bg-opacity)); border-radius:var(--rounded-btn,.5rem); border-width:1px; flex-shrink:1; min-height:3rem; padding:.5rem 1rem; font-size:.875rem; line-height:2} .toast{ flex-direction:column; gap:.5rem; min-width:fit-content; padding:1rem; display:flex; position:fixed} .toggle{ --tglbg:hsl(var(--b1)); --handleoffset:1.5rem; --handleoffsetcalculator:calc(var(--handleoffset)*-1); --togglehandleborder:0 0; appearance:none; border-color:hsl(var(--bc)/var(--tw-border-opacity)); cursor:pointer; --tw-border-opacity:.2; background-color:hsl(var(--bc)/var(--tw-bg-opacity)); --tw-bg-opacity:.5; border-radius:var(--rounded-badge,1.9rem); width:3rem; height:1.5rem; box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder); transition-duration:.3s; transition-timing-function:cubic-bezier(.4,0,.2,1); transition:background,box-shadow var(--animation-input,.2s) ease-in-out; border-width:1px; flex-shrink:0} .\!tooltip{ --tooltip-offset:calc(100% + 1px + var(--tooltip-tail,0px))!important; text-align:center!important; --tooltip-tail:3px!important; --tooltip-color:hsl(var(--n))!important; --tooltip-text-color:hsl(var(--nc))!important; --tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail))!important; display:inline-block!important; position:relative!important} .tooltip{ --tooltip-offset:calc(100% + 1px + var(--tooltip-tail,0px)); text-align:center; --tooltip-tail:3px; --tooltip-color:hsl(var(--n)); --tooltip-text-color:hsl(var(--nc)); --tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail)); display:inline-block; position:relative} .\!tooltip:before{ content:var(--tw-content)!important; pointer-events:none!important; z-index:999!important; --tw-content:attr(data-tip)!important; background-color:var(--tooltip-color)!important; color:var(--tooltip-text-color)!important; border-radius:.25rem!important; width:max-content!important; max-width:20rem!important; padding:.25rem .5rem!important; font-size:.875rem!important; line-height:1.25rem!important; position:absolute!important} .tooltip:before{ content:var(--tw-content); pointer-events:none; z-index:999; --tw-content:attr(data-tip); background-color:var(--tooltip-color); color:var(--tooltip-text-color); border-radius:.25rem; width:max-content; max-width:20rem; padding:.25rem .5rem; font-size:.875rem; line-height:1.25rem; position:absolute} .\!tooltip:before{ bottom:var(--tooltip-offset)!important; top:auto!important; left:50%!important; right:auto!important; transform:translate(-50%)!important} .tooltip-top:before,.tooltip:before{ bottom:var(--tooltip-offset); top:auto} .tooltip-bottom:before,.tooltip-top:before,.tooltip:before{ left:50%; right:auto; transform:translate(-50%)} .tooltip-bottom:before{ bottom:auto; top:var(--tooltip-offset)} .avatar-group :where(.avatar){ --tw-border-opacity:1; border-width:4px; border-color:hsl(var(--b1)/var(--tw-border-opacity)); border-radius:9999px; overflow:hidden} .badge-primary{ background-color:hsl(var(--p)/var(--tw-bg-opacity)); border-color:hsl(var(--p)/var(--tw-border-opacity)); color:hsl(var(--pc)/var(--tw-text-opacity))} .badge-ghost,.badge-primary{ --tw-border-opacity:1; --tw-bg-opacity:1; --tw-text-opacity:1} .badge-ghost{ background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity)); border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity)); color:hsl(var(--bc)/var(--tw-text-opacity))} .badge-outline{ --tw-border-opacity:.5; color:currentColor; background-color:#0000; border-color:currentColor} .badge-outline.badge-primary{ --tw-text-opacity:1; color:hsl(var(--p)/var(--tw-text-opacity))} .badge-outline.badge-secondary{ --tw-text-opacity:1; color:hsl(var(--s)/var(--tw-text-opacity))} .badge-outline.badge-accent{ --tw-text-opacity:1; color:hsl(var(--a)/var(--tw-text-opacity))} .badge-outline.badge-info{ --tw-text-opacity:1; color:hsl(var(--in)/var(--tw-text-opacity))} .badge-outline.badge-success{ --tw-text-opacity:1; color:hsl(var(--su)/var(--tw-text-opacity))} .badge-outline.badge-warning{ --tw-text-opacity:1; color:hsl(var(--wa)/var(--tw-text-opacity))} .badge-outline.badge-error{ --tw-text-opacity:1; color:hsl(var(--er)/var(--tw-text-opacity))} .btn-outline .badge{ --tw-border-opacity:1; border-color:hsl(var(--nf,var(--n))/var(--tw-border-opacity)); --tw-text-opacity:1; color:hsl(var(--nc)/var(--tw-text-opacity))} .btn-outline.btn-primary .badge{ background-color:hsl(var(--p)/var(--tw-bg-opacity)); border-color:hsl(var(--p)/var(--tw-border-opacity)); color:hsl(var(--pc)/var(--tw-text-opacity))} .btn-outline.btn-primary .badge,.btn-outline.btn-secondary .badge{ --tw-border-opacity:1; --tw-bg-opacity:1; --tw-text-opacity:1} .btn-outline.btn-secondary .badge{ background-color:hsl(var(--s)/var(--tw-bg-opacity)); border-color:hsl(var(--s)/var(--tw-border-opacity)); color:hsl(var(--sc)/var(--tw-text-opacity))} .btn-outline.btn-accent .badge{ --tw-border-opacity:1; border-color:hsl(var(--a)/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--a)/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--ac)/var(--tw-text-opacity))} .btn-outline .badge.outline{ --tw-border-opacity:1; border-color:hsl(var(--nf,var(--n))/var(--tw-border-opacity)); background-color:#0000} .btn-outline.btn-primary .badge-outline{ border-color:hsl(var(--p)/var(--tw-border-opacity)); color:hsl(var(--p)/var(--tw-text-opacity))} .btn-outline.btn-primary .badge-outline,.btn-outline.btn-secondary .badge-outline{ --tw-border-opacity:1; --tw-text-opacity:1; background-color:#0000} .btn-outline.btn-secondary .badge-outline{ border-color:hsl(var(--s)/var(--tw-border-opacity)); color:hsl(var(--s)/var(--tw-text-opacity))} .btn-outline.btn-accent .badge-outline{ border-color:hsl(var(--a)/var(--tw-border-opacity)); color:hsl(var(--a)/var(--tw-text-opacity))} .btn-outline.btn-accent .badge-outline,.btn-outline.btn-info .badge-outline{ --tw-border-opacity:1; --tw-text-opacity:1; background-color:#0000} .btn-outline.btn-info .badge-outline{ border-color:hsl(var(--in)/var(--tw-border-opacity)); color:hsl(var(--in)/var(--tw-text-opacity))} .btn-outline.btn-success .badge-outline{ border-color:hsl(var(--su)/var(--tw-border-opacity)); color:hsl(var(--su)/var(--tw-text-opacity))} .btn-outline.btn-success .badge-outline,.btn-outline.btn-warning .badge-outline{ --tw-border-opacity:1; --tw-text-opacity:1; background-color:#0000} .btn-outline.btn-warning .badge-outline{ border-color:hsl(var(--wa)/var(--tw-border-opacity)); color:hsl(var(--wa)/var(--tw-text-opacity))} .btn-outline.btn-error .badge-outline{ --tw-border-opacity:1; border-color:hsl(var(--er)/var(--tw-border-opacity)); --tw-text-opacity:1; color:hsl(var(--er)/var(--tw-text-opacity)); background-color:#0000} .btn-outline:hover .badge{ --tw-border-opacity:1; --tw-bg-opacity:1; background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--bc)/var(--tw-text-opacity))} .btn-outline:hover .badge,.btn-outline:hover .badge.outline{ border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity))} .btn-outline:hover .badge.outline{ --tw-border-opacity:1; --tw-text-opacity:1; color:hsl(var(--nc)/var(--tw-text-opacity))} .btn-outline.btn-primary:hover .badge{ background-color:hsl(var(--pc)/var(--tw-bg-opacity)); color:hsl(var(--p)/var(--tw-text-opacity))} .btn-outline.btn-primary:hover .badge,.btn-outline.btn-primary:hover .badge.outline{ --tw-border-opacity:1; border-color:hsl(var(--pc)/var(--tw-border-opacity)); --tw-bg-opacity:1; --tw-text-opacity:1} .btn-outline.btn-primary:hover .badge.outline{ background-color:hsl(var(--pf,var(--p))/var(--tw-bg-opacity)); color:hsl(var(--pc)/var(--tw-text-opacity))} .btn-outline.btn-secondary:hover .badge{ background-color:hsl(var(--sc)/var(--tw-bg-opacity)); color:hsl(var(--s)/var(--tw-text-opacity))} .btn-outline.btn-secondary:hover .badge,.btn-outline.btn-secondary:hover .badge.outline{ --tw-border-opacity:1; border-color:hsl(var(--sc)/var(--tw-border-opacity)); --tw-bg-opacity:1; --tw-text-opacity:1} .btn-outline.btn-secondary:hover .badge.outline{ background-color:hsl(var(--sf,var(--s))/var(--tw-bg-opacity)); color:hsl(var(--sc)/var(--tw-text-opacity))} .btn-outline.btn-accent:hover .badge{ background-color:hsl(var(--ac)/var(--tw-bg-opacity)); color:hsl(var(--a)/var(--tw-text-opacity))} .btn-outline.btn-accent:hover .badge,.btn-outline.btn-accent:hover .badge.outline{ --tw-border-opacity:1; border-color:hsl(var(--ac)/var(--tw-border-opacity)); --tw-bg-opacity:1; --tw-text-opacity:1} .btn-outline.btn-accent:hover .badge.outline{ background-color:hsl(var(--af,var(--a))/var(--tw-bg-opacity)); color:hsl(var(--ac)/var(--tw-text-opacity))} .btm-nav>:where(.active){ --tw-bg-opacity:1; background-color:hsl(var(--b1)/var(--tw-bg-opacity)); border-top-width:2px} .btm-nav>.disabled,.btm-nav>.disabled:hover,.btm-nav>[disabled],.btm-nav>[disabled]:hover{ pointer-events:none; --tw-border-opacity:0; background-color:hsl(var(--n)/var(--tw-bg-opacity)); --tw-bg-opacity:.1; color:hsl(var(--bc)/var(--tw-text-opacity)); --tw-text-opacity:.2} .btm-nav>.\!disabled,.btm-nav>.\!disabled:hover{ pointer-events:none!important; --tw-border-opacity:0!important; background-color:hsl(var(--n)/var(--tw-bg-opacity))!important; --tw-bg-opacity:.1!important; color:hsl(var(--bc)/var(--tw-text-opacity))!important; --tw-text-opacity:.2!important} .btm-nav>* .label{ font-size:1rem; line-height:1.5rem} .breadcrumbs>ol>li>a:focus,.breadcrumbs>ul>li>a:focus{ outline-offset:2px; outline:2px solid #0000} .breadcrumbs>ol>li>a:focus-visible,.breadcrumbs>ul>li>a:focus-visible{ outline-offset:2px; outline:2px solid} .breadcrumbs>ol>li+:before,.breadcrumbs>ul>li+:before{ content:""; --tw-rotate:45deg; opacity:.4; width:.375rem; height:.375rem; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); background-color:#0000; border-top:1px solid; border-right:1px solid; margin-left:.5rem; margin-right:.75rem; display:block} [dir=rtl] .breadcrumbs>ol>li+:before,[dir=rtl] .breadcrumbs>ul>li+:before{ --tw-rotate:-135deg} .btn:active:focus,.btn:active:hover{ animation:none} .btn:not(.no-animation):active:focus,.btn:not(.no-animation):active:hover{ transform:scale(var(--btn-focus-scale,.95))} .btn-active,.btn:hover{ --tw-border-opacity:1; border-color:hsl(var(--nf,var(--n))/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--nf,var(--n))/var(--tw-bg-opacity))} .btn:focus-visible{ outline:2px solid hsl(var(--nf)); outline-offset:2px} .btn-success{ --tw-border-opacity:1; --tw-bg-opacity:1; --tw-text-opacity:1; color:hsl(var(--suc,var(--nc))/var(--tw-text-opacity))} .btn-success,.btn-success.btn-active,.btn-success:hover{ background-color:hsl(var(--su)/var(--tw-bg-opacity)); border-color:hsl(var(--su)/var(--tw-border-opacity))} .btn-success.btn-active,.btn-success:hover{ --tw-border-opacity:1; --tw-bg-opacity:1} .btn-success:focus-visible{ outline:2px solid hsl(var(--su))} .btn-error{ --tw-border-opacity:1; --tw-bg-opacity:1; --tw-text-opacity:1; color:hsl(var(--erc,var(--nc))/var(--tw-text-opacity))} .btn-error,.btn-error.btn-active,.btn-error:hover{ background-color:hsl(var(--er)/var(--tw-bg-opacity)); border-color:hsl(var(--er)/var(--tw-border-opacity))} .btn-error.btn-active,.btn-error:hover{ --tw-border-opacity:1; --tw-bg-opacity:1} .btn-error:focus-visible{ outline:2px solid hsl(var(--er))} .btn.glass.btn-active,.btn.glass:hover{ --glass-opacity:25%; --glass-border-opacity:15%} .btn.glass:focus-visible{ outline:2px solid} .btn-ghost{ color:currentColor; background-color:#0000; border-width:1px; border-color:#0000} .btn-ghost.btn-active,.btn-ghost:hover{ --tw-border-opacity:0; background-color:hsl(var(--bc)/var(--tw-bg-opacity)); --tw-bg-opacity:.2} .btn-ghost:focus-visible{ outline:2px solid} .btn-outline.btn-success{ --tw-text-opacity:1; color:hsl(var(--su)/var(--tw-text-opacity))} .btn-outline.btn-success.btn-active,.btn-outline.btn-success:hover{ --tw-border-opacity:1; border-color:hsl(var(--su)/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--su)/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--suc,var(--nc))/var(--tw-text-opacity))} .btn-outline.btn-error{ --tw-text-opacity:1; color:hsl(var(--er)/var(--tw-text-opacity))} .btn-outline.btn-error.btn-active,.btn-outline.btn-error:hover{ --tw-border-opacity:1; border-color:hsl(var(--er)/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--er)/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--erc,var(--nc))/var(--tw-text-opacity))} .btn-disabled,.btn-disabled:hover,.btn[disabled],.btn[disabled]:hover{ --tw-border-opacity:0; background-color:hsl(var(--n)/var(--tw-bg-opacity)); --tw-bg-opacity:.2; color:hsl(var(--bc)/var(--tw-text-opacity)); --tw-text-opacity:.2} .btn.loading.btn-circle:before,.btn.loading.btn-square:before{ margin-right:0} .btn.\!loading.btn-circle:before,.btn.\!loading.btn-square:before{ margin-right:0!important} .btn.loading.btn-lg:before,.btn.loading.btn-xl:before{ width:1.25rem; height:1.25rem} .btn.\!loading.btn-lg:before,.btn.\!loading.btn-xl:before{ width:1.25rem!important; height:1.25rem!important} .btn.loading.btn-sm:before,.btn.loading.btn-xs:before{ width:.75rem; height:.75rem} .btn.\!loading.btn-sm:before,.btn.\!loading.btn-xs:before{ width:.75rem!important; height:.75rem!important} .btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{ --tw-border-opacity:1; border-color:hsl(var(--p)/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--p)/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--pc)/var(--tw-text-opacity))} .btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible{ outline:2px solid hsl(var(--p))} @keyframes button-pop{ 0%{ transform:scale(var(--btn-focus-scale,.95))} 40%{ transform:scale(1.02)} to{ transform:scale(1)} } .card :where(figure:first-child){ border-start-start-radius:inherit; border-start-end-radius:inherit; border-end-end-radius:unset; border-end-start-radius:unset; overflow:hidden} .card :where(figure:last-child){ border-start-start-radius:unset; border-start-end-radius:unset; border-end-end-radius:inherit; border-end-start-radius:inherit; overflow:hidden} .card:focus-visible{ outline-offset:2px; outline:2px solid} .card.bordered{ --tw-border-opacity:1; border-width:1px; border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity))} .card.compact .card-body{ padding:1rem; font-size:.875rem; line-height:1.25rem} .card-title{ align-items:center; gap:.5rem; font-size:1.25rem; font-weight:600; line-height:1.75rem; display:flex} .card.image-full :where(figure){ border-radius:inherit; overflow:hidden} @keyframes checkmark{ 0%{ background-position-y:5px} 50%{ background-position-y:-2px} to{ background-position-y:0} } .collapse:focus-visible{ outline:2px solid hsl(var(--nf)); outline-offset:2px} .collapse:not(.collapse-open):not(.collapse-close) .collapse-title,.collapse:not(.collapse-open):not(.collapse-close) input[type=checkbox]{ cursor:pointer} .collapse:focus:not(.collapse-open):not(.collapse-close) .collapse-title{ cursor:unset} :where(.collapse>input[type=checkbox]){ z-index:1} .collapse-title,:where(.collapse>input[type=checkbox]){ width:100%; min-height:3.75rem; padding:1rem 3rem 1rem 1rem; transition:background-color .2s ease-in-out} .collapse-open :where(.collapse-content),.collapse:focus:not(.collapse-close) :where(.collapse-content),.collapse:not(.collapse-close) :where(input[type=checkbox]:checked~.collapse-content){ padding-bottom:1rem; transition:padding .2s ease-in-out,background-color .2s ease-in-out} .divider:after,.divider:before{ background-color:hsl(var(--bc)/var(--tw-bg-opacity)); --tw-bg-opacity:.1} .divider:not(:empty){ gap:1rem} .drawer.drawer-end>.drawer-toggle:checked~.drawer-content{ --tw-translate-x:-.5rem; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-success{ outline:2px solid hsl(var(--su))} .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-error{ outline:2px solid hsl(var(--er))} .drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-ghost{ outline:2px solid} .dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{ --tw-scale-x:1; --tw-scale-y:1; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .label a:hover{ --tw-text-opacity:1; color:hsl(var(--bc)/var(--tw-text-opacity))} .input[list]::-webkit-calendar-picker-indicator{ line-height:1em} .input-bordered{ --tw-border-opacity:.2} .input:focus{ outline:2px solid hsla(var(--bc)/.2); outline-offset:2px} .input-disabled,.input[disabled]{ cursor:not-allowed; --tw-border-opacity:1; border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity)); --tw-text-opacity:.2} .input-disabled::-moz-placeholder{ color:hsl(var(--bc)/var(--tw-placeholder-opacity)); --tw-placeholder-opacity:.2} .input[disabled]::-moz-placeholder{ color:hsl(var(--bc)/var(--tw-placeholder-opacity)); --tw-placeholder-opacity:.2} .input-disabled::placeholder,.input[disabled]::placeholder{ color:hsl(var(--bc)/var(--tw-placeholder-opacity)); --tw-placeholder-opacity:.2} .link:focus{ outline-offset:2px; outline:2px solid #0000} .link:focus-visible{ outline-offset:2px; outline:2px solid} .menu.horizontal>li.bordered>a,.menu.horizontal>li.bordered>button,.menu.horizontal>li.bordered>span{ --tw-border-opacity:1; border-bottom-width:4px; border-left-width:0; border-color:hsl(var(--p)/var(--tw-border-opacity))} .menu[class*=\ p-]:not(.menu[class*=\ p-0]) li>*,.menu[class*=\ px-]:not(.menu[class*=\ px-0]) li>*,.menu[class^=p-]:not(.menu[class^=p-0]) li>*,.menu[class^=px-]:not(.menu[class^=px-0]) li>*{ border-radius:var(--rounded-btn,.5rem)} .menu :where(li.bordered>*){ --tw-border-opacity:1; border-left-width:4px; border-color:hsl(var(--p)/var(--tw-border-opacity))} .menu :where(li)>:where(:not(ul)){ color:currentColor; gap:.75rem; padding:.75rem 1rem} .menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):focus),.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):hover){ background-color:hsl(var(--bc)/var(--tw-bg-opacity)); --tw-bg-opacity:.1} .menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul).active),.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):active){ --tw-bg-opacity:1; background-color:hsl(var(--p)/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--pc)/var(--tw-text-opacity))} .menu :where(li:empty){ background-color:hsl(var(--bc)/var(--tw-bg-opacity)); --tw-bg-opacity:.1; height:1px; margin:.5rem 1rem} .menu li.disabled>*{ color:hsl(var(--bc)/var(--tw-text-opacity)); -webkit-user-select:none; user-select:none; --tw-text-opacity:.2} .menu li.\!disabled>*{ color:hsl(var(--bc)/var(--tw-text-opacity))!important; -webkit-user-select:none!important; user-select:none!important; --tw-text-opacity:.2!important} .menu li.disabled>:hover{ background-color:#0000} .menu li.\!disabled>:hover{ background-color:#0000!important} .menu li.hover-bordered a{ border-color:#0000; border-left-width:4px} .menu li.hover-bordered a:hover{ --tw-border-opacity:1; border-color:hsl(var(--p)/var(--tw-border-opacity))} .menu.compact li>a,.menu.compact li>span{ padding-top:.5rem; padding-bottom:.5rem; font-size:.875rem; line-height:1.25rem} .menu .menu-title{ opacity:.4; font-size:.75rem; font-weight:700; line-height:1rem} .menu .menu-title>*{ padding-top:.25rem; padding-bottom:.25rem} .menu :where(li:not(.disabled))>:where(:not(ul)){ outline-offset:2px; outline:2px solid #0000; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter; transition-duration:.2s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .menu>:where(li:first-child),.menu>:where(li:first-child)>:where(:not(ul)){ border-bottom-left-radius:unset; border-bottom-right-radius:unset; border-top-left-radius:inherit; border-top-right-radius:inherit} .menu>:where(li:last-child),.menu>:where(li:last-child)>:where(:not(ul)){ border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; border-top-left-radius:unset; border-top-right-radius:unset} .menu>:where(li:first-child:last-child),.menu>:where(li:first-child:last-child)>:where(:not(ul)){ border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; border-top-left-radius:inherit; border-top-right-radius:inherit} .menu>:where(li)>:where(ul) :where(li){ white-space:nowrap; width:100%} .menu>:where(li)>:where(ul) :where(li) :where(ul){ padding-left:1rem} .menu>:where(li)>:where(ul) :where(li)>:where(:not(ul)){ white-space:nowrap; width:100%} .menu>:where(li)>:where(ul)>:where(li:first-child),.menu>:where(li)>:where(ul)>:where(li:first-child)>:where(:not(ul)){ border-bottom-left-radius:unset; border-bottom-right-radius:unset; border-top-left-radius:inherit; border-top-right-radius:inherit} .menu>:where(li)>:where(ul)>:where(li:last-child),.menu>:where(li)>:where(ul)>:where(li:last-child)>:where(:not(ul)){ border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; border-top-left-radius:unset; border-top-right-radius:unset} .menu>:where(li)>:where(ul)>:where(li:first-child:last-child),.menu>:where(li)>:where(ul)>:where(li:first-child:last-child)>:where(:not(ul)){ border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; border-top-left-radius:inherit; border-top-right-radius:inherit} .mockup-phone .display{ border-radius:40px; margin-top:-25px; overflow:hidden} .modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box{ --tw-translate-y:0px; --tw-scale-x:1; --tw-scale-y:1; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @keyframes progress-loading{ 50%{ left:107%} } .radio:focus-visible{ outline:2px solid hsl(var(--bc)); outline-offset:2px} .radio:checked,.radio[aria-checked=true]{ --tw-bg-opacity:1; animation:radiomark var(--animation-input,.2s) ease-in-out; background-color:hsl(var(--bc)/var(--tw-bg-opacity)); box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset} .radio:disabled{ cursor:not-allowed; opacity:.2} @keyframes radiomark{ 0%{ box-shadow:0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset} 50%{ box-shadow:0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset} to{ box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset} } .range:focus-visible::-webkit-slider-thumb{ --focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset} .range:focus-visible::-moz-range-thumb{ --focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset} .range::-webkit-slider-runnable-track{ background-color:hsla(var(--bc)/.1); border-radius:var(--rounded-box,1rem); width:100%; height:.5rem} .range::-moz-range-track{ background-color:hsla(var(--bc)/.1); border-radius:var(--rounded-box,1rem); width:100%; height:.5rem} .range::-webkit-slider-thumb{ appearance:none; background-color:hsl(var(--b1)); border-radius:var(--rounded-box,1rem); color:hsl(var(--range-shdw)); --filler-size:100rem; --filler-offset:.6rem; width:1.5rem; height:1.5rem; box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size); border-style:none; position:relative; top:50%; transform:translateY(-50%)} .range::-moz-range-thumb{ background-color:hsl(var(--b1)); border-radius:var(--rounded-box,1rem); color:hsl(var(--range-shdw)); --filler-size:100rem; --filler-offset:.5rem; width:1.5rem; height:1.5rem; box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size); border-style:none; position:relative; top:50%} @keyframes rating-pop{ 0%{ transform:translateY(-.125em)} 40%{ transform:translateY(-.125em)} to{ transform:translateY(0)} } .select:focus{ outline:2px solid hsla(var(--bc)/.2); outline-offset:2px} .select-disabled,.select[disabled]{ cursor:not-allowed; --tw-border-opacity:1; border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity)); --tw-text-opacity:.2} .select-disabled::-moz-placeholder{ color:hsl(var(--bc)/var(--tw-placeholder-opacity)); --tw-placeholder-opacity:.2} .select[disabled]::-moz-placeholder{ color:hsl(var(--bc)/var(--tw-placeholder-opacity)); --tw-placeholder-opacity:.2} .select-disabled::placeholder,.select[disabled]::placeholder{ color:hsl(var(--bc)/var(--tw-placeholder-opacity)); --tw-placeholder-opacity:.2} .select-multiple,.select[multiple],.select[size].select:not([size="1"]){ background-image:none; padding-right:1rem} [dir=rtl] .select{ background-position:12px calc(1px + 50%),16px calc(1px + 50%)} :where(.stats)>:not([hidden])~:not([hidden]){ --tw-divide-x-reverse:0; --tw-divide-y-reverse:0; border-width:calc(0px*(1 - var(--tw-divide-y-reverse))) calc(1px*var(--tw-divide-x-reverse)) calc(0px*var(--tw-divide-y-reverse)) calc(1px*(1 - var(--tw-divide-x-reverse)))} .steps .step:before{ color:hsl(var(--bc)/var(--tw-text-opacity)); content:""; height:.5rem; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); width:100%; margin-left:-100%; top:0} .steps .step:after,.steps .step:before{ --tw-bg-opacity:1; background-color:hsl(var(--b3,var(--b2))/var(--tw-bg-opacity)); --tw-text-opacity:1; grid-row-start:1; grid-column-start:1} .steps .step:after{ color:hsl(var(--bc)/var(--tw-text-opacity)); content:counter(step); counter-increment:step; z-index:1; border-radius:9999px; place-self:center; place-items:center; width:2rem; height:2rem; display:grid; position:relative} .steps .step:first-child:before{ content:none} .steps .step[data-content]:after{ content:attr(data-content)} .steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{ --tw-bg-opacity:1; background-color:hsl(var(--n)/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--nc)/var(--tw-text-opacity))} .steps .step-primary+.step-primary:before,.steps .step-primary:after{ --tw-bg-opacity:1; background-color:hsl(var(--p)/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--pc)/var(--tw-text-opacity))} .steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{ --tw-bg-opacity:1; background-color:hsl(var(--s)/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--sc)/var(--tw-text-opacity))} .steps .step-accent+.step-accent:before,.steps .step-accent:after{ --tw-bg-opacity:1; background-color:hsl(var(--a)/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--ac)/var(--tw-text-opacity))} .steps .step-info+.step-info:before,.steps .step-info:after{ --tw-bg-opacity:1; background-color:hsl(var(--in)/var(--tw-bg-opacity))} .steps .step-info:after{ --tw-text-opacity:1; color:hsl(var(--inc,var(--nc))/var(--tw-text-opacity))} .steps .step-success+.step-success:before,.steps .step-success:after{ --tw-bg-opacity:1; background-color:hsl(var(--su)/var(--tw-bg-opacity))} .steps .step-success:after{ --tw-text-opacity:1; color:hsl(var(--suc,var(--nc))/var(--tw-text-opacity))} .steps .step-warning+.step-warning:before,.steps .step-warning:after{ --tw-bg-opacity:1; background-color:hsl(var(--wa)/var(--tw-bg-opacity))} .steps .step-warning:after{ --tw-text-opacity:1; color:hsl(var(--wac,var(--nc))/var(--tw-text-opacity))} .steps .step-error+.step-error:before,.steps .step-error:after{ --tw-bg-opacity:1; background-color:hsl(var(--er)/var(--tw-bg-opacity))} .steps .step-error:after{ color:hsl(var(--erc,var(--nc))/var(--tw-text-opacity))} .steps .step-error:after,.tab:hover{ --tw-text-opacity:1} .tab.tab-active:not(.tab-disabled):not([disabled]){ border-color:hsl(var(--bc)/var(--tw-border-opacity)); --tw-border-opacity:1; --tw-text-opacity:1} .tab:focus{ outline-offset:2px; outline:2px solid #0000} .tab:focus-visible{ outline-offset:-3px; outline:2px solid} .tab:focus-visible.tab-lifted{ border-bottom-left-radius:var(--tab-radius,.5rem); border-bottom-right-radius:var(--tab-radius,.5rem)} .tab-disabled,.tab-disabled:hover,.tab[disabled],.tab[disabled]:hover{ color:hsl(var(--bc)/var(--tw-text-opacity)); cursor:not-allowed; --tw-text-opacity:.2} .tabs-boxed .tab{ border-radius:var(--rounded-btn,.5rem)} .table :where(th,td){ vertical-align:middle; white-space:nowrap; padding:1rem} .table tr.active td,.table tr.active th,.table tr.active:nth-child(2n) td,.table tr.active:nth-child(2n) th,.table tr.hover:hover td,.table tr.hover:hover th,.table tr.hover:nth-child(2n):hover td,.table tr.hover:nth-child(2n):hover th{ --tw-bg-opacity:1; background-color:hsl(var(--b3,var(--b2))/var(--tw-bg-opacity))} .table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child) :where(th,td)){ --tw-border-opacity:1; border-bottom-width:1px; border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity))} .table :where(thead,tfoot) :where(th,td){ --tw-bg-opacity:1; background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity)); text-transform:uppercase; font-size:.75rem; font-weight:700; line-height:1rem} .table :where(tbody th,tbody td){ --tw-bg-opacity:1; background-color:hsl(var(--b1)/var(--tw-bg-opacity))} :where(.table :first-child) :where(:first-child) :where(th,td):first-child{ border-top-left-radius:var(--rounded-box,1rem)} :where(.table :first-child) :where(:first-child) :where(th,td):last-child{ border-top-right-radius:var(--rounded-box,1rem)} :where(.table :last-child) :where(:last-child) :where(th,td):first-child{ border-bottom-left-radius:var(--rounded-box,1rem)} :where(.table :last-child) :where(:last-child) :where(th,td):last-child{ border-bottom-right-radius:var(--rounded-box,1rem)} .textarea:focus{ outline:2px solid hsla(var(--bc)/.2); outline-offset:2px} .textarea-disabled,.textarea[disabled]{ cursor:not-allowed; --tw-border-opacity:1; border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity)); --tw-text-opacity:.2} .textarea-disabled::-moz-placeholder{ color:hsl(var(--bc)/var(--tw-placeholder-opacity)); --tw-placeholder-opacity:.2} .textarea[disabled]::-moz-placeholder{ color:hsl(var(--bc)/var(--tw-placeholder-opacity)); --tw-placeholder-opacity:.2} .textarea-disabled::placeholder,.textarea[disabled]::placeholder{ color:hsl(var(--bc)/var(--tw-placeholder-opacity)); --tw-placeholder-opacity:.2} .toast>*{ animation:.25s ease-out toast-pop} @keyframes toast-pop{ 0%{ opacity:0; transform:scale(.9)} to{ opacity:1; transform:scale(1)} } [dir=rtl] .toggle{ --handleoffsetcalculator:calc(var(--handleoffset)*1)} .toggle:focus-visible{ outline:2px solid hsl(var(--bc)); outline-offset:2px} .toggle:checked,.toggle[aria-checked=true],.toggle[checked=true]{ --handleoffsetcalculator:var(--handleoffset); --tw-border-opacity:1; --tw-bg-opacity:1} [dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true],[dir=rtl] .toggle[checked=true]{ --handleoffsetcalculator:calc(var(--handleoffset)*-1)} .toggle:indeterminate{ --tw-border-opacity:1; --tw-bg-opacity:1; box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset} [dir=rtl] .toggle:indeterminate{ box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset} .toggle:disabled{ cursor:not-allowed; --tw-border-opacity:1; border-color:hsl(var(--bc)/var(--tw-border-opacity)); opacity:.3; --togglehandleborder:0 0 0 3px hsl(var(--bc)) inset,var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset; background-color:#0000} .tooltip:after,.tooltip:before{ opacity:0; transition:color .2s cubic-bezier(.4,0,.2,1) .1s,background-color .2s cubic-bezier(.4,0,.2,1) .1s,border-color .2s cubic-bezier(.4,0,.2,1) .1s,text-decoration-color .2s cubic-bezier(.4,0,.2,1) .1s,fill .2s cubic-bezier(.4,0,.2,1) .1s,stroke .2s cubic-bezier(.4,0,.2,1) .1s,opacity .2s cubic-bezier(.4,0,.2,1) .1s,box-shadow .2s cubic-bezier(.4,0,.2,1) .1s,transform .2s cubic-bezier(.4,0,.2,1) .1s,filter .2s cubic-bezier(.4,0,.2,1) .1s,-webkit-backdrop-filter .2s cubic-bezier(.4,0,.2,1) .1s,backdrop-filter .2s cubic-bezier(.4,0,.2,1) .1s} .\!tooltip:after,.\!tooltip:before{ opacity:0!important; transition:color .2s cubic-bezier(.4,0,.2,1) .1s,background-color .2s cubic-bezier(.4,0,.2,1) .1s,border-color .2s cubic-bezier(.4,0,.2,1) .1s,text-decoration-color .2s cubic-bezier(.4,0,.2,1) .1s,fill .2s cubic-bezier(.4,0,.2,1) .1s,stroke .2s cubic-bezier(.4,0,.2,1) .1s,opacity .2s cubic-bezier(.4,0,.2,1) .1s,box-shadow .2s cubic-bezier(.4,0,.2,1) .1s,transform .2s cubic-bezier(.4,0,.2,1) .1s,filter .2s cubic-bezier(.4,0,.2,1) .1s,-webkit-backdrop-filter .2s cubic-bezier(.4,0,.2,1) .1s,backdrop-filter .2s cubic-bezier(.4,0,.2,1) .1s!important} .\!tooltip:after{ border-style:solid!important; border-width:var(--tooltip-tail,0)!important; content:""!important; width:0!important; height:0!important; display:block!important; position:absolute!important} .tooltip:after{ border-style:solid; border-width:var(--tooltip-tail,0); content:""; width:0; height:0; display:block; position:absolute} .tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{ opacity:1; transition-delay:75ms} .\!tooltip.tooltip-open:after,.\!tooltip.tooltip-open:before,.\!tooltip:hover:after,.\!tooltip:hover:before{ opacity:1!important; transition-delay:75ms!important} .tooltip:not([data-tip]):hover:after,.tooltip:not([data-tip]):hover:before{ opacity:0; visibility:hidden} .\!tooltip:not([data-tip]):hover:after,.\!tooltip:not([data-tip]):hover:before{ opacity:0!important; visibility:hidden!important} .\!tooltip:after{ border-color:var(--tooltip-color) transparent transparent transparent!important; bottom:var(--tooltip-tail-offset)!important; top:auto!important; left:50%!important; right:auto!important; transform:translate(-50%)!important} .tooltip-top:after,.tooltip:after{ border-color:var(--tooltip-color) transparent transparent transparent; bottom:var(--tooltip-tail-offset); top:auto} .tooltip-bottom:after,.tooltip-top:after,.tooltip:after{ left:50%; right:auto; transform:translate(-50%)} .tooltip-bottom:after{ border-color:transparent transparent var(--tooltip-color) transparent; bottom:auto; top:var(--tooltip-tail-offset)} :root .prose{ --tw-prose-body:hsla(var(--bc)/.8); --tw-prose-headings:hsl(var(--bc)); --tw-prose-lead:hsl(var(--bc)); --tw-prose-links:hsl(var(--bc)); --tw-prose-bold:hsl(var(--bc)); --tw-prose-counters:hsl(var(--bc)); --tw-prose-bullets:hsla(var(--bc)/.5); --tw-prose-hr:hsla(var(--bc)/.2); --tw-prose-quotes:hsl(var(--bc)); --tw-prose-quote-borders:hsla(var(--bc)/.2); --tw-prose-captions:hsla(var(--bc)/.5); --tw-prose-code:hsl(var(--bc)); --tw-prose-pre-code:hsl(var(--nc)); --tw-prose-pre-bg:hsl(var(--n)); --tw-prose-th-borders:hsla(var(--bc)/.5); --tw-prose-td-borders:hsla(var(--bc)/.2)} .prose :where(code):not(:where([class~=not-prose] *)){ border-radius:var(--rounded-badge); padding:2px 8px} .prose code:after,.prose code:before{ content:none} .prose pre code{ border-radius:0; padding:0} .prose :where(tbody tr,thead):not(:where([class~=not-prose] *)){ border-bottom-color:hsl(var(--bc)/20%)} .rounded-box{ border-radius:var(--rounded-box,1rem)} .artboard.phone{ width:320px} .artboard.phone-1.artboard-horizontal,.artboard.phone-1.horizontal{ width:568px; height:320px} .artboard.phone-2.artboard-horizontal,.artboard.phone-2.horizontal{ width:667px; height:375px} .artboard.phone-3.artboard-horizontal,.artboard.phone-3.horizontal{ width:736px; height:414px} .artboard.phone-4.artboard-horizontal,.artboard.phone-4.horizontal{ width:812px; height:375px} .artboard.phone-5.artboard-horizontal,.artboard.phone-5.horizontal{ width:896px; height:414px} .artboard.phone-6.artboard-horizontal,.artboard.phone-6.horizontal{ width:1024px; height:320px} .badge-xs{ height:.75rem; padding-left:.313rem; padding-right:.313rem; font-size:.75rem; line-height:.75rem} .badge-lg{ height:1.5rem; padding-left:.688rem; padding-right:.688rem; font-size:1rem; line-height:1.5rem} .btm-nav-xs>:where(.active){ border-top-width:1px} .btm-nav-sm>:where(.active),.btm-nav-md>:where(.active){ border-top-width:2px} .btm-nav-lg>:where(.active){ border-top-width:4px} .btn-circle:where(.btn-xs){ border-radius:9999px; width:1.5rem; height:1.5rem; padding:0} .btn-circle:where(.btn-sm){ border-radius:9999px; width:2rem; height:2rem; padding:0} .btn-circle:where(.btn-md){ border-radius:9999px; width:3rem; height:3rem; padding:0} .btn-circle:where(.btn-lg){ border-radius:9999px; width:4rem; height:4rem; padding:0} .divider-horizontal{ flex-direction:column} .divider-horizontal:after,.divider-horizontal:before{ width:.125rem; height:100%} .indicator :where(.indicator-item){ --tw-translate-x:50%; --tw-translate-y:-50%; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); inset:0 0 auto auto} .indicator :where(.indicator-item.indicator-start){ --tw-translate-x:-50%; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); left:0; right:auto} .indicator :where(.indicator-item.indicator-center){ --tw-translate-x:-50%; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); left:50%; right:50%} .indicator :where(.indicator-item.indicator-end){ --tw-translate-x:50%; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); left:auto; right:0} .indicator :where(.indicator-item.indicator-bottom){ --tw-translate-y:50%; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); top:auto; bottom:0} .indicator :where(.indicator-item.indicator-middle){ --tw-translate-y:-50%; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); top:50%; bottom:50%} .indicator :where(.indicator-item.indicator-top){ --tw-translate-y:-50%; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); top:0; bottom:auto} .input-lg{ height:4rem; padding-left:1.5rem; padding-right:1.5rem; font-size:1.125rem; line-height:2} .steps-horizontal .step{ text-align:center; grid-template-rows:repeat(2,minmax(0,1fr)); grid-template-columns:repeat(1,minmax(0,1fr)); place-items:center; display:grid} .steps-vertical .step{ grid-template-rows:repeat(1,minmax(0,1fr)); grid-template-columns:repeat(2,minmax(0,1fr)); display:grid} :where(.toast){ --tw-translate-x:0px; --tw-translate-y:0px; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); inset:auto 0 0 auto} .toast:where(.toast-start){ --tw-translate-x:0px; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); left:0; right:auto} .toast:where(.toast-center){ --tw-translate-x:-50%; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); left:50%; right:50%} .toast:where(.toast-end){ --tw-translate-x:0px; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); left:auto; right:0} .toast:where(.toast-bottom){ --tw-translate-y:0px; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); top:auto; bottom:0} .toast:where(.toast-middle){ --tw-translate-y:-50%; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); top:50%; bottom:auto} .toast:where(.toast-top){ --tw-translate-y:0px; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); top:0; bottom:auto} .avatar.online:before{ background-color:hsl(var(--su)/var(--tw-bg-opacity))} .avatar.offline:before,.avatar.online:before{ content:""; z-index:10; --tw-bg-opacity:1; box-shadow:0 0 0 2px hsl(var(--b1)); border-radius:9999px; width:15%; height:15%; display:block; position:absolute; top:7%; right:7%} .avatar.offline:before{ background-color:hsl(var(--b3,var(--b2))/var(--tw-bg-opacity))} .btn-group .btn:not(:first-child):not(:last-child){ border-start-start-radius:0; border-start-end-radius:0; border-end-end-radius:0; border-end-start-radius:0} .btn-group .btn:first-child:not(:last-child){ border-start-start-radius:var(--rounded-btn,.5rem); border-start-end-radius:0; border-end-end-radius:0; border-end-start-radius:var(--rounded-btn,.5rem); margin-top:0; margin-left:-1px} .btn-group .btn:last-child:not(:first-child){ border-start-start-radius:0; border-start-end-radius:var(--rounded-btn,.5rem); border-end-end-radius:var(--rounded-btn,.5rem); border-end-start-radius:0} .btn-group-horizontal .btn:not(:first-child):not(:last-child){ border-start-start-radius:0; border-start-end-radius:0; border-end-end-radius:0; border-end-start-radius:0} .btn-group-horizontal .btn:first-child:not(:last-child){ border-start-start-radius:var(--rounded-btn,.5rem); border-start-end-radius:0; border-end-end-radius:0; border-end-start-radius:var(--rounded-btn,.5rem); margin-top:0; margin-left:-1px} .btn-group-horizontal .btn:last-child:not(:first-child){ border-start-start-radius:0; border-start-end-radius:var(--rounded-btn,.5rem); border-end-end-radius:var(--rounded-btn,.5rem); border-end-start-radius:0} .btn-group-vertical .btn:first-child:not(:last-child){ border-start-start-radius:var(--rounded-btn,.5rem); border-start-end-radius:var(--rounded-btn,.5rem); border-end-end-radius:0; border-end-start-radius:0; margin-top:-1px; margin-left:0} .btn-group-vertical .btn:last-child:not(:first-child){ border-start-start-radius:0; border-start-end-radius:0; border-end-end-radius:var(--rounded-btn,.5rem); border-end-start-radius:var(--rounded-btn,.5rem)} .card-compact .card-body{ padding:1rem; font-size:.875rem; line-height:1.25rem} .card-compact .card-title{ margin-bottom:.25rem} .card-normal .card-body{ padding:var(--padding-card,2rem); font-size:1rem; line-height:1.5rem} .card-normal .card-title{ margin-bottom:.75rem} .divider-horizontal{ width:1rem; height:auto; margin:0 1rem} .menu-compact :where(li>*){ padding-top:.5rem; padding-bottom:.5rem; font-size:.875rem; line-height:1.25rem} .steps-horizontal .step{ grid-template-rows:40px 1fr; grid-template-columns:auto; min-width:4rem} .steps-horizontal .step:before{ --tw-translate-y:0px; --tw-translate-x:0px; content:""; width:100%; height:.5rem; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); margin-left:-100%} .steps-vertical .step{ grid-template-rows:auto; grid-template-columns:40px 1fr; justify-items:start; gap:.5rem; min-height:4rem} .steps-vertical .step:before{ --tw-translate-y:-50%; --tw-translate-x:-50%; width:.5rem; height:100%; transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); margin-left:50%} .sr-only{ clip:rect(0,0,0,0); white-space:nowrap; border-width:0; width:1px; height:1px; margin:-1px; padding:0; position:absolute; overflow:hidden} .pointer-events-none{ pointer-events:none} .visible{ visibility:visible} .invisible{ visibility:hidden} .collapse{ visibility:collapse} .static{ position:static} .fixed{ position:fixed} .absolute{ position:absolute} .relative{ position:relative} .sticky{ position:sticky} .inset-0{ inset:0} .inset-x-0{ left:0; right:0} .inset-x-2{ left:.5rem; right:.5rem} .inset-y-0{ top:0; bottom:0} .-bottom-32{ bottom:-8rem} .-left-20{ left:-5rem} .-right-24{ right:-6rem} .-top-1{ top:-.25rem} .-top-24{ top:-6rem} .bottom-0{ bottom:0} .bottom-0\.5{ bottom:.125rem} .bottom-2{ bottom:.5rem} .bottom-6{ bottom:1.5rem} .bottom-full{ bottom:100%} .left-0{ left:0} .left-1\/2{ left:50%} .left-10{ left:2.5rem} .left-14{ left:3.5rem} .left-2{ left:.5rem} .left-3{ left:.75rem} .left-\[10px\]{ left:10px} .left-\[3px\]{ left:3px} .left-\[4px\]{ left:4px} .right-0{ right:0} .right-1{ right:.25rem} .right-2{ right:.5rem} .right-2\.5{ right:.625rem} .right-3{ right:.75rem} .right-4{ right:1rem} .right-5{ right:1.25rem} .right-6{ right:1.5rem} .right-\[20px\]{ right:20px} .top-0{ top:0} .top-1\.5{ top:.375rem} .top-1\/2{ top:50%} .top-2{ top:.5rem} .top-2\/4{ top:50%} .top-3{ top:.75rem} .top-3\.5{ top:.875rem} .top-4{ top:1rem} .top-5{ top:1.25rem} .top-\[-20px\]{ top:-20px} .top-\[10px\]{ top:10px} .top-\[3px\]{ top:3px} .top-\[4px\]{ top:4px} .top-full{ top:100%} .isolate{ isolation:isolate} .-z-10{ z-index:-10} .z-0{ z-index:0} .z-10{ z-index:10} .z-20{ z-index:20} .z-50{ z-index:50} .z-\[1000\]{ z-index:1000} .z-\[1001\]{ z-index:1001} .z-\[1\]{ z-index:1} .z-\[9999\]{ z-index:9999} .mx-1{ margin-left:.25rem; margin-right:.25rem} .mx-2{ margin-left:.5rem; margin-right:.5rem} .mx-3\.5{ margin-left:.875rem; margin-right:.875rem} .mx-4{ margin-left:1rem; margin-right:1rem} .mx-auto{ margin-left:auto; margin-right:auto} .my-1\.5{ margin-top:.375rem; margin-bottom:.375rem} .my-2{ margin-top:.5rem; margin-bottom:.5rem} .my-3{ margin-top:.75rem; margin-bottom:.75rem} .my-4{ margin-top:1rem; margin-bottom:1rem} .my-5{ margin-top:1.25rem; margin-bottom:1.25rem} .my-8{ margin-top:2rem; margin-bottom:2rem} .mb-1{ margin-bottom:.25rem} .mb-1\.5{ margin-bottom:.375rem} .mb-10{ margin-bottom:2.5rem} .mb-2{ margin-bottom:.5rem} .mb-2\.5{ margin-bottom:.625rem} .mb-3{ margin-bottom:.75rem} .mb-4{ margin-bottom:1rem} .mb-5{ margin-bottom:1.25rem} .mb-6{ margin-bottom:1.5rem} .mb-8{ margin-bottom:2rem} .mb-auto{ margin-bottom:auto} .me-2{ margin-inline-end:.5rem} .ml-0{ margin-left:0} .ml-1{ margin-left:.25rem} .ml-2{ margin-left:.5rem} .ml-3{ margin-left:.75rem} .ml-4{ margin-left:1rem} .ml-5{ margin-left:1.25rem} .ml-auto{ margin-left:auto} .mr-0{ margin-right:0} .mr-1{ margin-right:.25rem} .mr-2{ margin-right:.5rem} .mr-4{ margin-right:1rem} .mr-5{ margin-right:1.25rem} .mt-0{ margin-top:0} .mt-0\.5{ margin-top:.125rem} .mt-1{ margin-top:.25rem} .mt-1\.5{ margin-top:.375rem} .mt-10{ margin-top:2.5rem} .mt-12{ margin-top:3rem} .mt-2{ margin-top:.5rem} .mt-2\.5{ margin-top:.625rem} .mt-20{ margin-top:5rem} .mt-24{ margin-top:6rem} .mt-3{ margin-top:.75rem} .mt-4{ margin-top:1rem} .mt-5{ margin-top:1.25rem} .mt-6{ margin-top:1.5rem} .mt-8{ margin-top:2rem} .mt-\[-5px\]{ margin-top:-5px} .mt-\[74px\]{ margin-top:74px} .line-clamp-1{ -webkit-line-clamp:1} .line-clamp-1,.line-clamp-2{ -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden} .line-clamp-2{ -webkit-line-clamp:2} .line-clamp-3{ -webkit-line-clamp:3; -webkit-box-orient:vertical; display:-webkit-box; overflow:hidden} .block{ display:block} .inline-block{ display:inline-block} .\!inline{ display:inline!important} .inline{ display:inline} .flex{ display:flex} .inline-flex{ display:inline-flex} .table{ display:table} .inline-table{ display:inline-table} .grid{ display:grid} .contents{ display:contents} .hidden{ display:none} .aspect-square{ aspect-ratio:1} .size-1\.5{ width:.375rem; height:.375rem} .size-10{ width:2.5rem; height:2.5rem} .size-12{ width:3rem; height:3rem} .size-2\.5{ width:.625rem; height:.625rem} .size-3\.5{ width:.875rem; height:.875rem} .size-4{ width:1rem; height:1rem} .size-5{ width:1.25rem; height:1.25rem} .size-6{ width:1.5rem; height:1.5rem} .size-7{ width:1.75rem; height:1.75rem} .size-8{ width:2rem; height:2rem} .size-9{ width:2.25rem; height:2.25rem} .size-\[24px\]{ width:24px; height:24px} .size-\[360px\]{ width:360px; height:360px} .size-\[420px\]{ width:420px; height:420px} .size-\[60px\]{ width:60px; height:60px} .size-full{ width:100%; height:100%} .h-1\.5{ height:.375rem} .h-10{ height:2.5rem} .h-12{ height:3rem} .h-16{ height:4rem} .h-2{ height:.5rem} .h-3{ height:.75rem} .h-3\.5{ height:.875rem} .h-4{ height:1rem} .h-5{ height:1.25rem} .h-6{ height:1.5rem} .h-7{ height:1.75rem} .h-8{ height:2rem} .h-9{ height:2.25rem} .h-\[10px\]{ height:10px} .h-\[138px\]{ height:138px} .h-\[1px\]{ height:1px} .h-\[36px\]{ height:36px} .h-\[41px\]{ height:41px} .h-\[640px\]{ height:640px} .h-auto{ height:auto} .h-dvh{ height:100dvh} .h-fit{ height:fit-content} .h-full{ height:100%} .h-screen{ height:100vh} .max-h-64{ max-height:16rem} .max-h-80{ max-height:20rem} .max-h-\[300px\]{ max-height:300px} .max-h-\[420px\]{ max-height:420px} .max-h-\[450px\]{ max-height:450px} .max-h-\[80vh\]{ max-height:80vh} .max-h-\[calc\(100vh-20px\)\]{ max-height:calc(100vh - 20px)} .min-h-0{ min-height:0} .min-h-40{ min-height:10rem} .min-h-8{ min-height:2rem} .min-h-\[100px\]{ min-height:100px} .min-h-\[130px\]{ min-height:130px} .min-h-\[200px\]{ min-height:200px} .min-h-\[600px\]{ min-height:600px} .min-h-\[60px\]{ min-height:60px} .min-h-\[80px\]{ min-height:80px} .min-h-screen{ min-height:100vh} .w-0{ width:0} .w-1{ width:.25rem} .w-1\.5{ width:.375rem} .w-1\/4{ width:25%} .w-10{ width:2.5rem} .w-12{ width:3rem} .w-14{ width:3.5rem} .w-16{ width:4rem} .w-2\/3{ width:66.6667%} .w-20{ width:5rem} .w-24{ width:6rem} .w-3{ width:.75rem} .w-3\.5{ width:.875rem} .w-3\/4{ width:75%} .w-32{ width:8rem} .w-4{ width:1rem} .w-40{ width:10rem} .w-44{ width:11rem} .w-5{ width:1.25rem} .w-52{ width:13rem} .w-6{ width:1.5rem} .w-7{ width:1.75rem} .w-72{ width:18rem} .w-8{ width:2rem} .w-9{ width:2.25rem} .w-\[--sidebar-width\]{ width:var(--sidebar-width)} .w-\[1px\]{ width:1px} .w-\[45\%\]{ width:45%} .w-\[min\(100vw\,380px\)\]{ width:min(100vw,380px)} .w-\[min\(100vw\,480px\)\]{ width:min(100vw,480px)} .w-auto{ width:auto} .w-full{ width:100%} .w-px{ width:1px} .min-w-0{ min-width:0} .min-w-5{ min-width:1.25rem} .min-w-\[140px\]{ min-width:140px} .min-w-\[256px\]{ min-width:256px} .min-w-\[768px\]{ min-width:768px} .min-w-\[7rem\]{ min-width:7rem} .max-w-3xl{ max-width:48rem} .max-w-4xl{ max-width:56rem} .max-w-5xl{ max-width:64rem} .max-w-6xl{ max-width:72rem} .max-w-\[--skeleton-width\]{ max-width:var(--skeleton-width)} .max-w-\[200px\]{ max-width:200px} .max-w-\[300px\]{ max-width:300px} .max-w-\[90\%\]{ max-width:90%} .max-w-\[95vw\]{ max-width:95vw} .max-w-full{ max-width:100%} .max-w-lg{ max-width:32rem} .max-w-md{ max-width:28rem} .max-w-none{ max-width:none} .max-w-screen-xl{ max-width:1280px} .max-w-xl{ max-width:36rem} .flex-1{ flex:1} .flex-none{ flex:none} .flex-shrink-0,.shrink-0{ flex-shrink:0} .border-collapse{ border-collapse:collapse} .origin-\[--radix-tooltip-content-transform-origin\]{ transform-origin:var(--radix-tooltip-content-transform-origin)} .-translate-x-1{ --tw-translate-x:-.25rem} .-translate-x-1,.-translate-x-1\/2{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-x-1\/2{ --tw-translate-x:-50%} .-translate-x-px{ --tw-translate-x:-1px} .-translate-x-px,.-translate-y-1\/2{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .-translate-y-1\/2{ --tw-translate-y:-50%} .translate-x-px{ --tw-translate-x:1px} .rotate-180,.translate-x-px{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .rotate-180{ --tw-rotate:180deg} .rotate-90{ --tw-rotate:90deg} .rotate-90,.scale-100{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} .scale-100{ --tw-scale-x:1; --tw-scale-y:1} .scale-95{ --tw-scale-x:.95; --tw-scale-y:.95} .scale-95,.transform{ transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))} @keyframes pulse{ 50%{ opacity:.5} } .animate-pulse{ animation:2s cubic-bezier(.4,0,.6,1) infinite pulse} @keyframes spin{ to{ transform:rotate(1turn)} } .animate-spin{ animation:1s linear infinite spin} .cursor-default{ cursor:default} .cursor-not-allowed{ cursor:not-allowed} .cursor-pointer{ cursor:pointer} .cursor-zoom-in{ cursor:zoom-in} .cursor-zoom-out{ cursor:zoom-out} .select-none{ -webkit-user-select:none; user-select:none} .resize-none{ resize:none} .resize{ resize:both} .scroll-mt-24{ scroll-margin-top:6rem} .list-outside{ list-style-position:outside} .list-decimal{ list-style-type:decimal} .list-disc{ list-style-type:disc} .list-none{ list-style-type:none} .appearance-none{ appearance:none} .grid-flow-col{ grid-auto-flow:column} .grid-flow-row-dense{ grid-auto-flow:dense} .grid-cols-1{ grid-template-columns:repeat(1,minmax(0,1fr))} .grid-cols-\[0\.875rem_1fr\]{ grid-template-columns:.875rem 1fr} .grid-cols-\[1rem_1fr\]{ grid-template-columns:1rem 1fr} .grid-cols-\[repeat\(auto-fill\,minmax\(min\(373px\,100\%\)\,1fr\)\)\]{ grid-template-columns:repeat(auto-fill,minmax(min(373px,100%),1fr))} .flex-row{ flex-direction:row} .flex-row-reverse{ flex-direction:row-reverse} .flex-col{ flex-direction:column} .flex-col-reverse{ flex-direction:column-reverse} .flex-wrap{ flex-wrap:wrap} .flex-nowrap{ flex-wrap:nowrap} .place-items-center{ place-items:center} .items-start{ align-items:flex-start} .items-center{ align-items:center} .justify-start{ justify-content:flex-start} .justify-end{ justify-content:flex-end} .justify-center{ justify-content:center} .justify-between{ justify-content:space-between} .gap-0{ gap:0} .gap-0\.5{ gap:.125rem} .gap-1{ gap:.25rem} .gap-1\.5{ gap:.375rem} .gap-2{ gap:.5rem} .gap-2\.5{ gap:.625rem} .gap-3{ gap:.75rem} .gap-4{ gap:1rem} .gap-5{ gap:1.25rem} .gap-x-2{ -moz-column-gap:.5rem; column-gap:.5rem} .gap-y-2{ row-gap:.5rem} .space-x-2>:not([hidden])~:not([hidden]){ --tw-space-x-reverse:0; margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse))); margin-right:calc(.5rem*var(--tw-space-x-reverse))} .space-y-0\.5>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.125rem*var(--tw-space-y-reverse)); margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))} .space-y-1>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.25rem*var(--tw-space-y-reverse)); margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))} .space-y-1\.5>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.375rem*var(--tw-space-y-reverse)); margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))} .space-y-2>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.5rem*var(--tw-space-y-reverse)); margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))} .space-y-3>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(.75rem*var(--tw-space-y-reverse)); margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))} .space-y-4>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(1rem*var(--tw-space-y-reverse)); margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))} .space-y-5>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(1.25rem*var(--tw-space-y-reverse)); margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))} .space-y-6>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(1.5rem*var(--tw-space-y-reverse)); margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))} .space-y-px>:not([hidden])~:not([hidden]){ --tw-space-y-reverse:0; margin-bottom:calc(1px*var(--tw-space-y-reverse)); margin-top:calc(1px*(1 - var(--tw-space-y-reverse)))} .divide-y>:not([hidden])~:not([hidden]){ --tw-divide-y-reverse:0; border-bottom-width:calc(1px*var(--tw-divide-y-reverse)); border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))} .divide-y-2>:not([hidden])~:not([hidden]){ --tw-divide-y-reverse:0; border-bottom-width:calc(2px*var(--tw-divide-y-reverse)); border-top-width:calc(2px*(1 - var(--tw-divide-y-reverse)))} .divide-border>:not([hidden])~:not([hidden]){ border-color:hsl(var(--border))} .self-center{ align-self:center} .self-stretch{ align-self:stretch} .justify-self-end{ justify-self:end} .overflow-auto{ overflow:auto} .overflow-hidden{ overflow:hidden} .overflow-visible{ overflow:visible} .overflow-x-auto{ overflow-x:auto} .overflow-y-auto{ overflow-y:auto} .overflow-x-hidden{ overflow-x:hidden} .overflow-y-scroll{ overflow-y:scroll} .truncate{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .whitespace-normal{ white-space:normal} .whitespace-nowrap{ white-space:nowrap} .break-words{ overflow-wrap:break-word} .break-all{ word-break:break-all} .rounded{ border-radius:.25rem} .rounded-2xl{ border-radius:1rem} .rounded-3xl{ border-radius:1.5rem} .rounded-\[5px\]{ border-radius:5px} .rounded-full{ border-radius:9999px} .rounded-lg{ border-radius:var(--radius)} .rounded-md{ border-radius:calc(var(--radius) - 2px)} .rounded-none{ border-radius:0} .rounded-sm{ border-radius:calc(var(--radius) - 4px)} .rounded-xl{ border-radius:.75rem} .rounded-l-lg{ border-bottom-left-radius:var(--radius); border-top-left-radius:var(--radius)} .rounded-l-sm{ border-bottom-left-radius:calc(var(--radius) - 4px); border-top-left-radius:calc(var(--radius) - 4px)} .rounded-t-lg{ border-top-left-radius:var(--radius); border-top-right-radius:var(--radius)} .rounded-br-md{ border-bottom-right-radius:calc(var(--radius) - 2px)} .rounded-tl-md{ border-top-left-radius:calc(var(--radius) - 2px)} .border{ border-width:1px} .border-0{ border-width:0} .border-2{ border-width:2px} .border-y{ border-top-width:1px} .border-b,.border-y{ border-bottom-width:1px} .border-b-2{ border-bottom-width:2px} .border-l{ border-left-width:1px} .border-l-2{ border-left-width:2px} .border-r{ border-right-width:1px} .border-r-4{ border-right-width:4px} .border-t{ border-top-width:1px} .border-dashed{ border-style:dashed} .border-none{ border-style:none} .border-\[\#333\]{ --tw-border-opacity:1; border-color:rgb(51 51 51/var(--tw-border-opacity,1))} .border-\[\#444\]{ --tw-border-opacity:1; border-color:rgb(68 68 68/var(--tw-border-opacity,1))} .border-\[hsl\(var\(--p\)\)\]{ border-color:hsl(var(--p))} .border-base-300{ --tw-border-opacity:1; border-color:hsl(var(--b3,var(--b2))/var(--tw-border-opacity,1))} .border-base-content{ --tw-border-opacity:1; border-color:hsl(var(--bc)/var(--tw-border-opacity,1))} .border-base-content\/10{ border-color:hsl(var(--bc)/.1)} .border-base-content\/15{ border-color:hsl(var(--bc)/.15)} .border-base-content\/\[0\.06\]{ border-color:hsl(var(--bc)/.06)} .border-base-content\/\[0\.08\]{ border-color:hsl(var(--bc)/.08)} .border-black{ --tw-border-opacity:1; border-color:rgb(0 0 0/var(--tw-border-opacity,1))} .border-border{ border-color:hsl(var(--border))} .border-border\/50{ border-color:hsl(var(--border)/.5)} .border-border\/60{ border-color:hsl(var(--border)/.6)} .border-gray-200{ --tw-border-opacity:1; border-color:rgb(229 231 235/var(--tw-border-opacity,1))} .border-gray-300{ --tw-border-opacity:1; border-color:rgb(209 213 219/var(--tw-border-opacity,1))} .border-gray-500{ --tw-border-opacity:1; border-color:rgb(107 114 128/var(--tw-border-opacity,1))} .border-input{ border-color:hsl(var(--input))} .border-neutral-content\/40{ border-color:hsl(var(--nc)/.4)} .border-primary{ --tw-border-opacity:1; border-color:hsl(var(--p)/var(--tw-border-opacity,1))} .border-red-500{ --tw-border-opacity:1; border-color:rgb(239 68 68/var(--tw-border-opacity,1))} .border-sidebar-border{ border-color:hsl(var(--sidebar-border))} .border-sidebar-border\/60{ border-color:hsl(var(--sidebar-border)/.6)} .border-sidebar-foreground\/20{ border-color:hsl(var(--sidebar-foreground)/.2)} .border-sidebar-foreground\/25{ border-color:hsl(var(--sidebar-foreground)/.25)} .border-slate-300{ --tw-border-opacity:1; border-color:rgb(203 213 225/var(--tw-border-opacity,1))} .border-transparent{ border-color:#0000} .bg-\[\#1e1e1e\]{ --tw-bg-opacity:1; background-color:rgb(30 30 30/var(--tw-bg-opacity,1))} .bg-\[\#28c840\]{ --tw-bg-opacity:1; background-color:rgb(40 200 64/var(--tw-bg-opacity,1))} .bg-\[\#2d2d2d\]{ --tw-bg-opacity:1; background-color:rgb(45 45 45/var(--tw-bg-opacity,1))} .bg-\[\#febc2e\]{ --tw-bg-opacity:1; background-color:rgb(254 188 46/var(--tw-bg-opacity,1))} .bg-\[\#ff5f57\]{ --tw-bg-opacity:1; background-color:rgb(255 95 87/var(--tw-bg-opacity,1))} .bg-\[hsl\(var\(--b1\)\)\]{ background-color:hsl(var(--b1))} .bg-amber-500\/15{ background-color:#f59e0b26} .bg-background{ background-color:hsl(var(--background))} .bg-base-100{ --tw-bg-opacity:1; background-color:hsl(var(--b1)/var(--tw-bg-opacity,1))} .bg-base-200{ --tw-bg-opacity:1; background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity,1))} .bg-base-200\/40{ background-color:hsl(var(--b2,var(--b1))/.4)} .bg-base-200\/50{ background-color:hsl(var(--b2,var(--b1))/.5)} .bg-base-300{ --tw-bg-opacity:1; background-color:hsl(var(--b3,var(--b2))/var(--tw-bg-opacity,1))} .bg-base-content{ --tw-bg-opacity:1; background-color:hsl(var(--bc)/var(--tw-bg-opacity,1))} .bg-base-content\/10{ background-color:hsl(var(--bc)/.1)} .bg-base-content\/\[0\.06\]{ background-color:hsl(var(--bc)/.06)} .bg-black\/30{ background-color:#0000004d} .bg-black\/50{ background-color:#00000080} .bg-black\/80{ background-color:#000c} .bg-blue-500\/15{ background-color:#3b82f626} .bg-border{ background-color:hsl(var(--border))} .bg-card{ background-color:hsl(var(--card))} .bg-emerald-400{ --tw-bg-opacity:1; background-color:rgb(52 211 153/var(--tw-bg-opacity,1))} .bg-emerald-500\/15{ background-color:#10b98126} .bg-gray-100{ --tw-bg-opacity:1; background-color:rgb(243 244 246/var(--tw-bg-opacity,1))} .bg-gray-200{ --tw-bg-opacity:1; background-color:rgb(229 231 235/var(--tw-bg-opacity,1))} .bg-gray-300{ background-color:rgb(209 213 219/var(--tw-bg-opacity,1))} .bg-gray-300,.bg-gray-50{ --tw-bg-opacity:1} .bg-gray-50{ background-color:rgb(249 250 251/var(--tw-bg-opacity,1))} .bg-gray-500{ --tw-bg-opacity:1; background-color:rgb(107 114 128/var(--tw-bg-opacity,1))} .bg-gray-800{ --tw-bg-opacity:1; background-color:rgb(31 41 55/var(--tw-bg-opacity,1))} .bg-gray-900\/80{ background-color:#111827cc} .bg-green-100{ --tw-bg-opacity:1; background-color:rgb(220 252 231/var(--tw-bg-opacity,1))} .bg-green-500{ --tw-bg-opacity:1; background-color:rgb(34 197 94/var(--tw-bg-opacity,1))} .bg-green-600{ --tw-bg-opacity:1; background-color:rgb(22 163 74/var(--tw-bg-opacity,1))} .bg-muted{ background-color:hsl(var(--muted))} .bg-muted-foreground\/60{ background-color:hsl(var(--muted-foreground)/.6)} .bg-muted\/20{ background-color:hsl(var(--muted)/.2)} .bg-muted\/30{ background-color:hsl(var(--muted)/.3)} .bg-muted\/40{ background-color:hsl(var(--muted)/.4)} .bg-muted\/60{ background-color:hsl(var(--muted)/.6)} .bg-neutral{ --tw-bg-opacity:1; background-color:hsl(var(--n)/var(--tw-bg-opacity,1))} .bg-neutral-100{ --tw-bg-opacity:1; background-color:rgb(245 245 245/var(--tw-bg-opacity,1))} .bg-orange-100{ --tw-bg-opacity:1; background-color:rgb(255 237 213/var(--tw-bg-opacity,1))} .bg-primary{ --tw-bg-opacity:1; background-color:hsl(var(--p)/var(--tw-bg-opacity,1))} .bg-primary\/10{ background-color:hsl(var(--p)/.1)} .bg-red-100{ background-color:rgb(254 226 226/var(--tw-bg-opacity,1))} .bg-red-100,.bg-red-600{ --tw-bg-opacity:1} .bg-red-600{ background-color:rgb(220 38 38/var(--tw-bg-opacity,1))} .bg-secondary{ --tw-bg-opacity:1; background-color:hsl(var(--s)/var(--tw-bg-opacity,1))} .bg-sidebar{ background-color:hsl(var(--sidebar-background))} .bg-sidebar-accent{ background-color:hsl(var(--sidebar-accent))} .bg-sidebar-border{ background-color:hsl(var(--sidebar-border))} .bg-sidebar-primary{ background-color:hsl(var(--sidebar-primary))} .bg-sidebar-primary\/\[0\.12\]{ background-color:hsl(var(--sidebar-primary)/.12)} .bg-slate-200{ --tw-bg-opacity:1; background-color:rgb(226 232 240/var(--tw-bg-opacity,1))} .bg-transparent{ background-color:#0000} .bg-white{ --tw-bg-opacity:1; background-color:rgb(255 255 255/var(--tw-bg-opacity,1))} .bg-white\/30{ background-color:#ffffff4d} .bg-yellow-100{ --tw-bg-opacity:1; background-color:rgb(254 249 195/var(--tw-bg-opacity,1))} .bg-yellow-400{ --tw-bg-opacity:1; background-color:rgb(250 204 21/var(--tw-bg-opacity,1))} .bg-zinc-800{ --tw-bg-opacity:1; background-color:rgb(39 39 42/var(--tw-bg-opacity,1))} .bg-gradient-to-br{ background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))} .from-primary{ --tw-gradient-from:hsl(var(--p)) var(--tw-gradient-from-position); --tw-gradient-to:hsl(var(--p)/0) var(--tw-gradient-to-position); --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)} .to-secondary{ --tw-gradient-to:hsl(var(--s)) var(--tw-gradient-to-position)} .bg-clip-text{ -webkit-background-clip:text; background-clip:text} .fill-blue-600{ fill:#2563eb} .stroke-current{ stroke:currentColor} .object-contain{ -o-object-fit:contain; object-fit:contain} .p-0{ padding:0} .p-0\.5{ padding:.125rem} .p-1{ padding:.25rem} .p-1\.5{ padding:.375rem} .p-10{ padding:2.5rem} .p-2{ padding:.5rem} .p-3{ padding:.75rem} .p-4{ padding:1rem} .p-5{ padding:1.25rem} .p-6{ padding:1.5rem} .p-8{ padding:2rem} .px-0{ padding-left:0; padding-right:0} .px-1{ padding-left:.25rem; padding-right:.25rem} .px-1\.5{ padding-left:.375rem; padding-right:.375rem} .px-10{ padding-left:2.5rem; padding-right:2.5rem} .px-2{ padding-left:.5rem; padding-right:.5rem} .px-2\.5{ padding-left:.625rem; padding-right:.625rem} .px-3{ padding-left:.75rem; padding-right:.75rem} .px-3\.5{ padding-left:.875rem; padding-right:.875rem} .px-4{ padding-left:1rem; padding-right:1rem} .px-5{ padding-left:1.25rem; padding-right:1.25rem} .px-6{ padding-left:1.5rem; padding-right:1.5rem} .px-8{ padding-left:2rem; padding-right:2rem} .py-0\.5{ padding-top:.125rem; padding-bottom:.125rem} .py-1{ padding-top:.25rem; padding-bottom:.25rem} .py-1\.5{ padding-top:.375rem; padding-bottom:.375rem} .py-10{ padding-top:2.5rem; padding-bottom:2.5rem} .py-12{ padding-top:3rem; padding-bottom:3rem} .py-14{ padding-top:3.5rem; padding-bottom:3.5rem} .py-16{ padding-top:4rem; padding-bottom:4rem} .py-2{ padding-top:.5rem; padding-bottom:.5rem} .py-2\.5{ padding-top:.625rem; padding-bottom:.625rem} .py-20{ padding-top:5rem; padding-bottom:5rem} .py-3{ padding-top:.75rem; padding-bottom:.75rem} .py-4{ padding-top:1rem; padding-bottom:1rem} .py-8{ padding-top:2rem; padding-bottom:2rem} .pb-1{ padding-bottom:.25rem} .pb-2{ padding-bottom:.5rem} .pb-3{ padding-bottom:.75rem} .pb-4{ padding-bottom:1rem} .pb-5{ padding-bottom:1.25rem} .pb-8{ padding-bottom:2rem} .pb-9{ padding-bottom:2.25rem} .pl-0\.5{ padding-left:.125rem} .pl-1{ padding-left:.25rem} .pl-10{ padding-left:2.5rem} .pl-2{ padding-left:.5rem} .pl-3{ padding-left:.75rem} .pl-4{ padding-left:1rem} .pl-5{ padding-left:1.25rem} .pl-9{ padding-left:2.25rem} .pr-1{ padding-right:.25rem} .pr-10{ padding-right:2.5rem} .pr-12{ padding-right:3rem} .pr-14{ padding-right:3.5rem} .pr-2{ padding-right:.5rem} .pr-3{ padding-right:.75rem} .pr-4{ padding-right:1rem} .pr-6{ padding-right:1.5rem} .pr-8{ padding-right:2rem} .pr-9{ padding-right:2.25rem} .pt-0{ padding-top:0} .pt-1{ padding-top:.25rem} .pt-10{ padding-top:2.5rem} .pt-2{ padding-top:.5rem} .pt-3{ padding-top:.75rem} .pt-4{ padding-top:1rem} .pt-\[10vh\]{ padding-top:10vh} .text-left{ text-align:left} .text-center{ text-align:center} .text-right{ text-align:right} .align-top{ vertical-align:top} .align-middle{ vertical-align:middle} .font-mono{ font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace} .font-sans{ font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji} .text-2xl{ font-size:1.5rem; line-height:2rem} .text-3xl{ font-size:1.875rem; line-height:2.25rem} .text-4xl{ font-size:2.25rem; line-height:2.5rem} .text-6xl{ font-size:3.75rem; line-height:1} .text-\[0\.85em\]{ font-size:.85em} .text-\[10px\]{ font-size:10px} .text-\[11px\]{ font-size:11px} .text-\[13px\]{ font-size:13px} .text-base{ font-size:1rem; line-height:1.5rem} .text-lg{ font-size:1.125rem; line-height:1.75rem} .text-sm{ font-size:.875rem; line-height:1.25rem} .text-xl{ font-size:1.25rem; line-height:1.75rem} .text-xs{ font-size:.75rem; line-height:1rem} .font-bold{ font-weight:700} .font-medium{ font-weight:500} .font-normal{ font-weight:400} .font-semibold{ font-weight:600} .uppercase{ text-transform:uppercase} .lowercase{ text-transform:lowercase} .normal-case{ text-transform:none} .italic{ font-style:italic} .tabular-nums{ --tw-numeric-spacing:tabular-nums; font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)} .leading-10{ line-height:2.5rem} .leading-4{ line-height:1rem} .leading-5{ line-height:1.25rem} .leading-6{ line-height:1.5rem} .leading-\[1\.65\]{ line-height:1.65} .leading-none{ line-height:1} .leading-relaxed{ line-height:1.625} .tracking-tight{ letter-spacing:-.025em} .tracking-wide{ letter-spacing:.025em} .tracking-wider{ letter-spacing:.05em} .tracking-widest{ letter-spacing:.1em} .text-\[color\:hsl\(var\(--p\)\)\]{ color:hsl(var(--p))} .text-amber-400{ --tw-text-opacity:1; color:rgb(251 191 36/var(--tw-text-opacity,1))} .text-amber-500{ --tw-text-opacity:1; color:rgb(245 158 11/var(--tw-text-opacity,1))} .text-amber-600{ --tw-text-opacity:1; color:rgb(217 119 6/var(--tw-text-opacity,1))} .text-base-100{ --tw-text-opacity:1; color:hsl(var(--b1)/var(--tw-text-opacity,1))} .text-base-content{ --tw-text-opacity:1; color:hsl(var(--bc)/var(--tw-text-opacity,1))} .text-base-content\/20{ color:hsl(var(--bc)/.2)} .text-base-content\/30{ color:hsl(var(--bc)/.3)} .text-base-content\/40{ color:hsl(var(--bc)/.4)} .text-base-content\/50{ color:hsl(var(--bc)/.5)} .text-base-content\/60{ color:hsl(var(--bc)/.6)} .text-base-content\/70{ color:hsl(var(--bc)/.7)} .text-base-content\/80{ color:hsl(var(--bc)/.8)} .text-base-content\/90{ color:hsl(var(--bc)/.9)} .text-black{ color:rgb(0 0 0/var(--tw-text-opacity,1))} .text-black,.text-blue-500{ --tw-text-opacity:1} .text-blue-500{ color:rgb(59 130 246/var(--tw-text-opacity,1))} .text-blue-600{ --tw-text-opacity:1; color:rgb(37 99 235/var(--tw-text-opacity,1))} .text-blue-700{ --tw-text-opacity:1; color:rgb(29 78 216/var(--tw-text-opacity,1))} .text-card-foreground{ color:hsl(var(--card-foreground))} .text-current{ color:currentColor} .text-emerald-400{ --tw-text-opacity:1; color:rgb(52 211 153/var(--tw-text-opacity,1))} .text-emerald-600{ --tw-text-opacity:1; color:rgb(5 150 105/var(--tw-text-opacity,1))} .text-emerald-700{ --tw-text-opacity:1; color:rgb(4 120 87/var(--tw-text-opacity,1))} .text-foreground{ color:hsl(var(--foreground))} .text-foreground\/50{ color:hsl(var(--foreground)/.5)} .text-foreground\/60{ color:hsl(var(--foreground)/.6)} .text-foreground\/70{ color:hsl(var(--foreground)/.7)} .text-foreground\/80{ color:hsl(var(--foreground)/.8)} .text-fuchsia-600{ --tw-text-opacity:1; color:rgb(192 38 211/var(--tw-text-opacity,1))} .text-gray-200{ --tw-text-opacity:1; color:rgb(229 231 235/var(--tw-text-opacity,1))} .text-gray-300{ --tw-text-opacity:1; color:rgb(209 213 219/var(--tw-text-opacity,1))} .text-gray-400{ --tw-text-opacity:1; color:rgb(156 163 175/var(--tw-text-opacity,1))} .text-gray-500{ --tw-text-opacity:1; color:rgb(107 114 128/var(--tw-text-opacity,1))} .text-gray-600{ --tw-text-opacity:1; color:rgb(75 85 99/var(--tw-text-opacity,1))} .text-gray-700{ --tw-text-opacity:1; color:rgb(55 65 81/var(--tw-text-opacity,1))} .text-gray-900{ --tw-text-opacity:1; color:rgb(17 24 39/var(--tw-text-opacity,1))} .text-green-400{ --tw-text-opacity:1; color:rgb(74 222 128/var(--tw-text-opacity,1))} .text-green-500{ --tw-text-opacity:1; color:rgb(34 197 94/var(--tw-text-opacity,1))} .text-green-600{ --tw-text-opacity:1; color:rgb(22 163 74/var(--tw-text-opacity,1))} .text-green-700{ --tw-text-opacity:1; color:rgb(21 128 61/var(--tw-text-opacity,1))} .text-green-800{ --tw-text-opacity:1; color:rgb(22 101 52/var(--tw-text-opacity,1))} .text-muted-foreground{ color:hsl(var(--muted-foreground))} .text-muted-foreground\/30{ color:hsl(var(--muted-foreground)/.3)} .text-muted-foreground\/60{ color:hsl(var(--muted-foreground)/.6)} .text-neutral-content{ --tw-text-opacity:1; color:hsl(var(--nc)/var(--tw-text-opacity,1))} .text-neutral-content\/80{ color:hsl(var(--nc)/.8)} .text-orange-700{ --tw-text-opacity:1; color:rgb(194 65 12/var(--tw-text-opacity,1))} .text-orange-800{ --tw-text-opacity:1; color:rgb(154 52 18/var(--tw-text-opacity,1))} .text-primary{ --tw-text-opacity:1; color:hsl(var(--p)/var(--tw-text-opacity,1))} .text-primary-content{ --tw-text-opacity:1; color:hsl(var(--pc)/var(--tw-text-opacity,1))} .text-red-400{ --tw-text-opacity:1; color:rgb(248 113 113/var(--tw-text-opacity,1))} .text-red-500{ --tw-text-opacity:1; color:rgb(239 68 68/var(--tw-text-opacity,1))} .text-red-700{ --tw-text-opacity:1; color:rgb(185 28 28/var(--tw-text-opacity,1))} .text-red-800{ --tw-text-opacity:1; color:rgb(153 27 27/var(--tw-text-opacity,1))} .text-rose-400{ --tw-text-opacity:1; color:rgb(251 113 133/var(--tw-text-opacity,1))} .text-secondary-content{ --tw-text-opacity:1; color:hsl(var(--sc)/var(--tw-text-opacity,1))} .text-sidebar-foreground{ color:hsl(var(--sidebar-foreground))} .text-sidebar-foreground\/40{ color:hsl(var(--sidebar-foreground)/.4)} .text-sidebar-foreground\/45{ color:hsl(var(--sidebar-foreground)/.45)} .text-sidebar-foreground\/50{ color:hsl(var(--sidebar-foreground)/.5)} .text-sidebar-foreground\/60{ color:hsl(var(--sidebar-foreground)/.6)} .text-sidebar-foreground\/70{ color:hsl(var(--sidebar-foreground)/.7)} .text-sidebar-primary{ color:hsl(var(--sidebar-primary))} .text-sky-400{ --tw-text-opacity:1; color:rgb(56 189 248/var(--tw-text-opacity,1))} .text-slate-400{ --tw-text-opacity:1; color:rgb(148 163 184/var(--tw-text-opacity,1))} .text-slate-500{ --tw-text-opacity:1; color:rgb(100 116 139/var(--tw-text-opacity,1))} .text-transparent{ color:#0000} .text-white{ --tw-text-opacity:1; color:rgb(255 255 255/var(--tw-text-opacity,1))} .text-yellow-700{ --tw-text-opacity:1; color:rgb(161 98 7/var(--tw-text-opacity,1))} .text-yellow-800{ --tw-text-opacity:1; color:rgb(133 77 14/var(--tw-text-opacity,1))} .text-zinc-400{ --tw-text-opacity:1; color:rgb(161 161 170/var(--tw-text-opacity,1))} .underline{ text-decoration-line:underline} .no-underline{ text-decoration-line:none} .underline-offset-2{ text-underline-offset:2px} .underline-offset-4{ text-underline-offset:4px} .antialiased{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale} .opacity-0{ opacity:0} .opacity-100{ opacity:1} .opacity-30{ opacity:.3} .opacity-40{ opacity:.4} .opacity-50{ opacity:.5} .opacity-60{ opacity:.6} .opacity-70{ opacity:.7} .opacity-90{ opacity:.9} .shadow{ --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a; --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)} .shadow,.shadow-2xl{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-2xl{ --tw-shadow:0 25px 50px -12px #00000040; --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)} .shadow-\[-4px_0_24px_rgba\(0\,0\,0\,0\.08\)\]{ --tw-shadow:-4px 0 24px #00000014; --tw-shadow-colored:-4px 0 24px var(--tw-shadow-color)} .shadow-\[-4px_0_24px_rgba\(0\,0\,0\,0\.08\)\],.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{ --tw-shadow:0 0 0 1px hsl(var(--sidebar-border)); --tw-shadow-colored:0 0 0 1px var(--tw-shadow-color)} .shadow-lg{ --tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a; --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)} .shadow-lg,.shadow-md{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-md{ --tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a; --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)} .shadow-none{ --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000} .shadow-none,.shadow-sm{ box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .shadow-sm{ --tw-shadow:0 1px 2px 0 #0000000d; --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)} .shadow-xl{ --tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a; --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)} .outline-none{ outline-offset:2px; outline:2px solid #0000} .outline{ outline-style:solid} .ring{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)} .ring,.ring-0{ box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)} .ring-0{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)} .ring-1{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)} .ring-black{ --tw-ring-opacity:1; --tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity,1))} .ring-blue-700{ --tw-ring-opacity:1; --tw-ring-color:rgb(29 78 216/var(--tw-ring-opacity,1))} .ring-red-500{ --tw-ring-opacity:1; --tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))} .ring-sidebar-ring{ --tw-ring-color:hsl(var(--sidebar-ring))} .ring-opacity-5{ --tw-ring-opacity:.05} .ring-offset-background{ --tw-ring-offset-color:hsl(var(--background))} .blur{ --tw-blur:blur(8px)} .blur,.blur-3xl{ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .blur-3xl{ --tw-blur:blur(64px)} .drop-shadow{ --tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)} .drop-shadow,.filter{ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)} .backdrop-blur{ --tw-backdrop-blur:blur(8px)} .backdrop-blur,.backdrop-invert{ -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .backdrop-invert{ --tw-backdrop-invert:invert(100%)} .backdrop-opacity-10{ --tw-backdrop-opacity:opacity(.1); -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)} .transition{ transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-\[margin\,opacity\]{ transition-property:margin,opacity; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-\[opacity\,transform\]{ transition-property:opacity,transform; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-\[width\,height\,padding\]{ transition-property:width,height,padding; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-\[width\]{ transition-property:width; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-all{ transition-property:all; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-colors{ transition-property:color,background-color,border-color,text-decoration-color,fill,stroke; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-opacity{ transition-property:opacity; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-shadow{ transition-property:box-shadow; transition-duration:.15s; transition-timing-function:cubic-bezier(.4,0,.2,1)} .transition-transform{ transition-property:transform; transition-timing-function:cubic-bezier(.4,0,.2,1)} .duration-150,.transition-transform{ transition-duration:.15s} .duration-200{ transition-duration:.2s} .duration-300{ transition-duration:.3s} .ease-in{ transition-timing-function:cubic-bezier(.4,0,1,1)} .ease-in-out{ transition-timing-function:cubic-bezier(.4,0,.2,1)} .ease-linear{ transition-timing-function:linear} .ease-out{ transition-timing-function:cubic-bezier(0,0,.2,1)} @keyframes enter{ 0%{ opacity:var(--tw-enter-opacity,1); transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))} } @keyframes exit{ to{ opacity:var(--tw-exit-opacity,1); transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))} } .animate-in{ --tw-enter-opacity:initial; --tw-enter-scale:initial; --tw-enter-rotate:initial; --tw-enter-translate-x:initial; --tw-enter-translate-y:initial; animation-name:enter; animation-duration:.15s} .fade-in-0{ --tw-enter-opacity:0} .zoom-in-95{ --tw-enter-scale:.95} .duration-150{ animation-duration:.15s} .duration-200{ animation-duration:.2s} .duration-300{ animation-duration:.3s} .ease-in{ animation-timing-function:cubic-bezier(.4,0,1,1)} .ease-in-out{ animation-timing-function:cubic-bezier(.4,0,.2,1)} .ease-linear{ animation-timing-function:linear} .ease-out{ animation-timing-function:cubic-bezier(0,0,.2,1)} .running{ animation-play-state:running} .btn-outline .focus-within\:outline:focus-within.badge{ --tw-border-opacity:1; border-color:hsl(var(--nf,var(--n))/var(--tw-border-opacity)); background-color:#0000} .btn-outline:hover .focus-within\:outline:focus-within.badge{ --tw-border-opacity:1; border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity)); --tw-text-opacity:1; color:hsl(var(--nc)/var(--tw-text-opacity))} .btn-outline.btn-primary:hover .focus-within\:outline:focus-within.badge{ --tw-border-opacity:1; border-color:hsl(var(--pc)/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--pf,var(--p))/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--pc)/var(--tw-text-opacity))} .btn-outline.btn-secondary:hover .focus-within\:outline:focus-within.badge{ --tw-border-opacity:1; border-color:hsl(var(--sc)/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--sf,var(--s))/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--sc)/var(--tw-text-opacity))} .btn-outline.btn-accent:hover .focus-within\:outline:focus-within.badge{ --tw-border-opacity:1; border-color:hsl(var(--ac)/var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:hsl(var(--af,var(--a))/var(--tw-bg-opacity)); --tw-text-opacity:1; color:hsl(var(--ac)/var(--tw-text-opacity))} .file\:border-0::file-selector-button{ border-width:0} .file\:bg-transparent::file-selector-button{ background-color:#0000} .file\:text-sm::file-selector-button{ font-size:.875rem; line-height:1.25rem} .file\:font-medium::file-selector-button{ font-weight:500} .file\:text-foreground::file-selector-button{ color:hsl(var(--foreground))} .placeholder\:text-base-content\/40::placeholder{ color:hsl(var(--bc)/.4)} .placeholder\:text-base-content\/50::placeholder{ color:hsl(var(--bc)/.5)} .placeholder\:text-gray-400::placeholder{ --tw-text-opacity:1; color:rgb(156 163 175/var(--tw-text-opacity,1))} .placeholder\:text-muted-foreground::placeholder{ color:hsl(var(--muted-foreground))} .after\:absolute:after{ content:var(--tw-content); position:absolute} .after\:-inset-2:after{ content:var(--tw-content); inset:-.5rem} .after\:inset-y-0:after{ top:0} .after\:bottom-0:after,.after\:inset-y-0:after{ content:var(--tw-content); bottom:0} .after\:left-1\/2:after{ content:var(--tw-content); left:50%} .after\:right-0:after{ content:var(--tw-content); right:0} .after\:top-0:after{ content:var(--tw-content); top:0} .after\:my-auto:after{ content:var(--tw-content); margin-top:auto; margin-bottom:auto} .after\:ml-2:after{ content:var(--tw-content); margin-left:.5rem} .after\:h-4:after{ content:var(--tw-content); height:1rem} .after\:w-1:after{ content:var(--tw-content); width:.25rem} .after\:w-\[2px\]:after{ content:var(--tw-content); width:2px} .after\:flex-1:after{ content:var(--tw-content); flex:1} .after\:rounded-l-sm:after{ border-bottom-left-radius:calc(var(--radius) - 4px); border-top-left-radius:calc(var(--radius) - 4px); content:var(--tw-content)} .after\:border-b:after{ content:var(--tw-content); border-bottom-width:1px} .after\:bg-\[hsl\(var\(--sidebar-primary\)\)\]:after{ background-color:hsl(var(--sidebar-primary)); content:var(--tw-content)} .after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:0}.last\:mb-0:last-child{margin-bottom:0}.focus-within\:outline-none:focus-within{outline-offset:2px;outline:2px solid #0000}.focus-within\:outline:focus-within{outline-style:solid}.focus-within\:outline-2:focus-within{outline-width:2px}.focus-within\:outline-offset-2:focus-within{outline-offset:2px}.focus-within\:outline-\[hsla\(var\(--bc\)\/0\.2\)\]:focus-within{outline-color:hsla(var(--bc)/.2)}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-base-content\/20:hover{border-color:hsl(var(--bc)/.2)}.hover\:border-primary\/30:hover{border-color:hsl(var(--p)/.3)}.hover\:border-primary\/40:hover{border-color:hsl(var(--p)/.4)}.hover\:border-primary\/50:hover{border-color:hsl(var(--p)/.5)}.hover\:border-sidebar-foreground\/40:hover{border-color:hsl(var(--sidebar-foreground)/.4)}.hover\:bg-\[\#252525\]:hover{--tw-bg-opacity:1;background-color:rgb(37 37 37/var(--tw-bg-opacity,1))}.hover\:bg-\[\#2d2d2d\]:hover{--tw-bg-opacity:1;background-color:rgb(45 45 45/var(--tw-bg-opacity,1))}.hover\:bg-\[\#333\]:hover{--tw-bg-opacity:1;background-color:rgb(51 51 51/var(--tw-bg-opacity,1))}.hover\:bg-base-200:hover{--tw-bg-opacity:1;background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity,1))}.hover\:bg-base-300:hover{--tw-bg-opacity:1;background-color:hsl(var(--b3,var(--b2))/var(--tw-bg-opacity,1))}.hover\:bg-base-content\/10:hover{background-color:hsl(var(--bc)/.1)}.hover\:bg-base-content\/90:hover{background-color:hsl(var(--bc)/.9)}.hover\:bg-base-content\/\[0\.06\]:hover{background-color:hsl(var(--bc)/.06)}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/30:hover{background-color:hsl(var(--muted)/.3)}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted)/.5)}.hover\:bg-muted\/60:hover{background-color:hsl(var(--muted)/.6)}.hover\:bg-neutral-content\/10:hover{background-color:hsl(var(--nc)/.1)}.hover\:bg-primary\/20:hover{background-color:hsl(var(--p)/.2)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--p)/.9)}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--s)/.8)}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:bg-sidebar-foreground\/\[0\.05\]:hover{background-color:hsl(var(--sidebar-foreground)/.05)}.hover\:text-base-content:hover{--tw-text-opacity:1;color:hsl(var(--bc)/var(--tw-text-opacity,1))}.hover\:text-base-content\/70:hover{color:hsl(var(--bc)/.7)}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-neutral-content:hover{--tw-text-opacity:1;color:hsl(var(--nc)/var(--tw-text-opacity,1))}.hover\:text-primary:hover{--tw-text-opacity:1;color:hsl(var(--p)/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-sidebar-foreground:hover{color:hsl(var(--sidebar-foreground))}.hover\:text-sidebar-foreground\/60:hover{color:hsl(var(--sidebar-foreground)/.6)}.hover\:text-zinc-100:hover{--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color)}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover,.hover\:shadow-lg:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-sm:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:after\:bg-sidebar-border:hover:after{background-color:hsl(var(--sidebar-border));content:var(--tw-content)}.focus\:border-2:focus{border-width:2px}.focus\:border-\[\#666\]:focus{--tw-border-opacity:1;border-color:rgb(102 102 102/var(--tw-border-opacity,1))}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:bg-base-content\/90:focus{background-color:hsl(var(--bc)/.9)}.focus\:bg-gray-50:focus{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-1:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-base-300:focus{--tw-ring-opacity:1;--tw-ring-color:hsl(var(--b3,var(--b2))/var(--tw-ring-opacity,1))}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-gray-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-sidebar-ring:focus-visible{--tw-ring-color:hsl(var(--sidebar-ring))}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:text-sidebar-foreground:active{color:hsl(var(--sidebar-foreground))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group:focus-within .group-focus-within\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100,.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100,.group\/menu-item:hover .group-hover\/menu-item\:opacity-100{opacity:1}.group:hover .group-hover\:brightness-105{--tw-brightness:brightness(1.05);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.peer\/menu-button:hover~.peer-hover\/menu-button\:text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]){background-color:hsl(var(--sidebar-background))}.group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{padding-right:2rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[selected\=true\]\:bg-blue-600[data-selected=true]{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.data-\[state\=open\]\:bg-secondary[data-state=open]{--tw-bg-opacity:1;background-color:hsl(var(--s)/var(--tw-bg-opacity,1))}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[active\=true\]\:text-sidebar-foreground[data-active=true]{color:hsl(var(--sidebar-foreground))}.data-\[selected\=true\]\:text-white[data-selected=true]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:.5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:hover\:text-sidebar-foreground:hover[data-state=open]{color:hsl(var(--sidebar-foreground))}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8{width:2rem!important;height:2rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\]{width:var(--sidebar-width-icon)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]{width:calc(var(--sidebar-width-icon) + 1rem)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:overflow-hidden{overflow:hidden}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2{padding:.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover{background-color:hsl(var(--sidebar-background))}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer\/menu-button[data-active=true]~.peer-data-\[active\=true\]\/menu-button\:text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.dark\:border-base-content\/\[0\.15\]:is(.dark *){border-color:hsl(var(--bc)/.15)}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-gray-800:is(.dark *){--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.dark\:border-white:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.dark\:bg-\[\#0a0a0c\]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(10 10 12/var(--tw-bg-opacity,1))}.dark\:bg-base-200\/30:is(.dark *){background-color:hsl(var(--b2,var(--b1))/.3)}.dark\:bg-base-200\/40:is(.dark *){background-color:hsl(var(--b2,var(--b1))/.4)}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-green-900\/40:is(.dark *){background-color:#14532d66}.dark\:bg-orange-900\/40:is(.dark *){background-color:#7c2d1266}.dark\:bg-red-900\/40:is(.dark *){background-color:#7f1d1d66}.dark\:bg-white\/10:is(.dark *){background-color:#ffffff1a}.dark\:bg-white\/\[0\.03\]:is(.dark *){background-color:#ffffff08}.dark\:bg-yellow-900\/40:is(.dark *){background-color:#713f1266}.dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-emerald-300:is(.dark *){--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:text-fuchsia-400:is(.dark *){--tw-text-opacity:1;color:rgb(232 121 249/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-600:is(.dark *){--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.dark\:text-green-200:is(.dark *){--tw-text-opacity:1;color:rgb(187 247 208/var(--tw-text-opacity,1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity,1))}.dark\:text-orange-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 215 170/var(--tw-text-opacity,1))}.dark\:text-orange-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity,1))}.dark\:text-red-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-yellow-200:is(.dark *){--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity,1))}.dark\:text-yellow-300:is(.dark *){--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity,1))}.dark\:text-zinc-200:is(.dark *){--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.dark\:opacity-20:is(.dark *){opacity:.2}.dark\:opacity-25:is(.dark *){opacity:.25}.dark\:opacity-30:is(.dark *){opacity:.3}.dark\:shadow-\[-4px_0_24px_rgba\(0\,0\,0\,0\.35\)\]:is(.dark *){--tw-shadow:-4px 0 24px #00000059;--tw-shadow-colored:-4px 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:placeholder\:text-gray-500:is(.dark *)::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:focus\:ring-gray-700:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(55 65 81/var(--tw-ring-opacity,1))}@media not all and (min-width:1440px){.max-lg\:hidden{display:none}}@media (min-width:640px){.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:h-0{height:0}.sm\:w-auto{width:auto}.sm\:max-w-\[90vw\]{max-width:90vw}.sm\:max-w-sm{max-width:24rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\:p-8{padding:2rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:text-left{text-align:left}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:mr-2{margin-right:.5rem}.md\:mt-0{margin-top:0}.md\:mt-24{margin-top:6rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:hidden{display:none}.md\:size-8{width:2rem;height:2rem}.md\:w-\[800px\]{width:800px}.md\:max-w-5xl{max-width:64rem}.md\:max-w-\[300px\]{max-width:300px}.md\:grid-flow-col{grid-auto-flow:column}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-6{gap:1.5rem}.md\:place-self-center{place-self:center}.md\:p-5{padding:1.25rem}.md\:px-0{padding-left:0;padding-right:0}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-20{padding-top:5rem;padding-bottom:5rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:opacity-0{opacity:0}.after\:md\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:.75rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:1280px){.xl\:sticky{position:sticky}.xl\:top-0{top:0}.xl\:w-\[1200px\]{width:1200px}}@media (min-width:1440px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-\[1000px\]{width:1000px}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:border-b-0{border-bottom-width:0}.lg\:border-r{border-right-width:1px}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width:1536px){.\32 xl\:w-\[1400px\]{width:1400px}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-sidebar-foreground>svg{color:hsl(var(--sidebar-foreground))}.last\:\[\&\>td\]\:border-b-0>td:last-child,.last\:\[\&\>th\]\:border-b-0>th:last-child{border-bottom-width:0}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1 [cmdk-group-heading]{padding-top:.25rem;padding-bottom:.25rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-semibold [cmdk-group-heading]{font-weight:600}.\[\&_\[cmdk-group-heading\]\]\:uppercase [cmdk-group-heading]{text-transform:uppercase}.\[\&_\[cmdk-group-heading\]\]\:tracking-wide [cmdk-group-heading]{letter-spacing:.025em}.\[\&_\[cmdk-group-heading\]\]\:text-gray-400 [cmdk-group-heading]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:\[\&_\[cmdk-group-heading\]\]\:text-gray-500 [cmdk-group-heading]:is(.dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.\[\&_\[data-name\=search-input\]\+div\]\:\!px-3 [data-name=search-input]+div{padding-left:.75rem!important;padding-right:.75rem!important}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:size-5 svg{width:1.25rem;height:1.25rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}[data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize} @keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);background-image:var(--custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%));content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;height:100%;animation-name:react-loading-skeleton;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}} /*# sourceMappingURL=0ll0pqrvmacs-.css.map*/ #nprogress{ pointer-events:none; z-index:1030; background:#ffffff80; height:100%} #nprogress,#nprogress .bar{ width:100%; position:fixed; top:0; left:0} #nprogress .bar{ background:hsl(var(--p)); z-index:1031; height:4px} #nprogress .peg{ box-shadow:0 0 10px hsl(var(--p)),0 0 5px hsl(var(--p)); opacity:1; width:100px; height:100%; display:block; position:absolute; right:0; transform:rotate(3deg)translateY(-4px)} #nprogress .spinner{ z-index:1031; display:block; position:fixed; top:15px; right:15px} #nprogress .spinner-icon{ border-bottom:2px solid #0000; border-left:2px solid #0000; border-left-color:hsl(var(--p)); border-top:2px solid #0000; border-right:2px solid #0000; border-top-color:hsl(var(--p)); box-sizing:border-box; border-radius:50%; width:18px; height:18px; animation:.4s linear infinite nprogress-spinner} .nprogress-custom-parent{ position:relative; overflow:hidden} .nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{ position:absolute} @keyframes nprogress-spinner{ 0%{ transform:rotate(0)} to{ transform:rotate(1turn)} } .image-gallery-icon{ appearance:none; color:#fff; cursor:pointer; filter:drop-shadow(0 2px 2px #1a1a1a); z-index:4; background-color:#0000; border:0; outline:none; transition:all .3s ease-out; position:absolute} @media (hover:hover) and (pointer:fine){ .image-gallery-icon:hover{ color:#337ab7} .image-gallery-icon:hover .image-gallery-svg{ transform:scale(1.1)} } .image-gallery-icon:focus{ outline:2px solid #337ab7} .image-gallery-using-mouse .image-gallery-icon:focus{ outline:none} .image-gallery-fullscreen-button,.image-gallery-play-button{ padding:20px; bottom:0} .image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{ width:28px; height:28px} @media (max-width:768px){ .image-gallery-fullscreen-button,.image-gallery-play-button{ padding:15px} .image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{ width:24px; height:24px} } @media (max-width:480px){ .image-gallery-fullscreen-button,.image-gallery-play-button{ padding:10px} .image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{ width:16px; height:16px} } .image-gallery-fullscreen-button{ right:0} .image-gallery-play-button{ left:0} .image-gallery-left-nav,.image-gallery-right-nav{ padding:50px 10px; top:50%; transform:translateY(-50%)} .image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{ width:60px; height:120px} @media (max-width:768px){ .image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{ width:36px; height:72px} } @media (max-width:480px){ .image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{ width:24px; height:48px} } .image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{ cursor:disabled; opacity:.6; pointer-events:none} .image-gallery-left-nav{ left:0} .image-gallery-right-nav{ right:0} .image-gallery{ -webkit-user-select:none; user-select:none; -o-user-select:none; -webkit-tap-highlight-color:#0000; position:relative} .image-gallery.fullscreen-modal{ z-index:5; background:#000; width:100%; height:100%; position:fixed; inset:0} .image-gallery.fullscreen-modal .image-gallery-content{ top:50%; transform:translateY(-50%)} .image-gallery-content{ line-height:0; position:relative; top:0} .image-gallery-content.fullscreen{ background:#000} .image-gallery-content .image-gallery-slide .image-gallery-image{ max-height:calc(100vh - 80px)} .image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{ max-height:100vh} .image-gallery-slide-wrapper{ position:relative} .image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{ width:calc(100% - 110px); display:inline-block} @media (max-width:768px){ .image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{ width:calc(100% - 87px)} } .image-gallery-slide-wrapper.image-gallery-rtl{ direction:rtl} .image-gallery-slides{ text-align:center; white-space:nowrap; line-height:0; position:relative; overflow:hidden} .image-gallery-slide{ width:100%; position:absolute; top:0; left:0} .image-gallery-slide.image-gallery-center{ position:relative} .image-gallery-slide .image-gallery-image{ -o-object-fit:contain; object-fit:contain; width:100%} .image-gallery-slide .image-gallery-description{ color:#fff; white-space:normal; background:#0006; padding:10px 20px; line-height:1; position:absolute; bottom:70px; left:0} @media (max-width:768px){ .image-gallery-slide .image-gallery-description{ padding:8px 15px; font-size:.8em; bottom:45px} } .image-gallery-bullets{ z-index:4; width:80%; margin:0 auto; position:absolute; bottom:20px; left:0; right:0} .image-gallery-bullets .image-gallery-bullets-container{ text-align:center; margin:0; padding:0} .image-gallery-bullets .image-gallery-bullet{ appearance:none; cursor:pointer; background-color:#0000; border:1px solid #fff; border-radius:50%; outline:none; margin:0 5px; padding:5px; transition:all .2s ease-out; display:inline-block; box-shadow:0 2px 2px #1a1a1a} @media (max-width:768px){ .image-gallery-bullets .image-gallery-bullet{ margin:0 3px; padding:3px} } @media (max-width:480px){ .image-gallery-bullets .image-gallery-bullet{ padding:2.7px} } .image-gallery-bullets .image-gallery-bullet:focus{ background:#337ab7; border:1px solid #337ab7; transform:scale(1.2)} .image-gallery-bullets .image-gallery-bullet.active{ background:#fff; border:1px solid #fff; transform:scale(1.2)} @media (hover:hover) and (pointer:fine){ .image-gallery-bullets .image-gallery-bullet:hover{ background:#337ab7; border:1px solid #337ab7} .image-gallery-bullets .image-gallery-bullet.active:hover{ background:#337ab7} } .image-gallery-thumbnails-wrapper{ position:relative} .image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{ touch-action:pan-y} .image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{ touch-action:pan-x} .image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{ direction:rtl} .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{ vertical-align:top; width:100px; display:inline-block} @media (max-width:768px){ .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{ width:81px} } .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{ width:100%; height:100%; padding:0; position:absolute; top:0; left:0} .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{ margin-right:0; padding:0; display:block} .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{ margin-top:2px; margin-left:0} .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{ margin:0 5px} @media (max-width:768px){ .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{ margin:0 3px} } .image-gallery-thumbnails{ padding:5px 0; overflow:hidden} @media (max-width:768px){ .image-gallery-thumbnails{ padding:3px 0} } .image-gallery-thumbnails .image-gallery-thumbnails-container{ cursor:pointer; text-align:center; white-space:nowrap} .image-gallery-thumbnail{ background:0 0; border:4px solid #0000; width:100px; padding:0; transition:border .3s ease-out; display:inline-block} @media (max-width:768px){ .image-gallery-thumbnail{ border:3px solid #0000; width:81px} } .image-gallery-thumbnail+.image-gallery-thumbnail{ margin-left:2px} .image-gallery-thumbnail .image-gallery-thumbnail-inner{ display:block; position:relative} .image-gallery-thumbnail .image-gallery-thumbnail-image{ vertical-align:middle; width:100%; line-height:0} .image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{ border:4px solid #337ab7; outline:none} @media (max-width:768px){ .image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{ border:3px solid #337ab7} } @media (hover:hover) and (pointer:fine){ .image-gallery-thumbnail:hover{ border:4px solid #337ab7; outline:none} } @media (hover:hover) and (pointer:fine) and (max-width:768px){ .image-gallery-thumbnail:hover{ border:3px solid #337ab7} } .image-gallery-thumbnail-label{ box-sizing:border-box; color:#fff; text-shadow:0 2px 2px #1a1a1a; white-space:normal; width:100%; padding:5%; font-size:1em; line-height:1em; position:absolute; top:50%; left:0; transform:translateY(-50%)} @media (max-width:768px){ .image-gallery-thumbnail-label{ font-size:.8em; line-height:.8em} } .image-gallery-index{ color:#fff; z-index:4; background:#0006; padding:10px 20px; line-height:1; position:absolute; top:0; right:0} @media (max-width:768px){ .image-gallery-index{ padding:5px 10px; font-size:.8em} } /*# sourceMappingURL=3f-u-1zudlekp.css.map*/ .single-date-picker-calendar{ --button-background:#fff; --button-dark-background:#171717; --button-text:#fff; --button-dark-text:#171717; --muted-foreground:#171717; --rdp-day-height:44px; --rdp-day-width:44px; --rdp-day_button-border-radius:100%; --rdp-day_button-border:2px solid transparent; --rdp-day_button-height:42px; --rdp-day_button-width:42px; --rdp-disabled-opacity:.5; --rdp-outside-opacity:.75; --rdp-dropdown-gap:.5rem; --rdp-months-gap:2rem; --rdp-nav_button-disabled-opacity:.5; --rdp-nav_button-height:2.25rem; --rdp-nav_button-width:2.25rem; --rdp-nav-height:2.75rem; --rdp-weekday-text-align:center; --rdp-accent-color:#a3e635!important; --rdp-selected-color:#fff!important; --rdp-selected-border:2px solid #a3e635!important} .single-date-picker-calendar .rdp-root{ position:relative} .single-date-picker-calendar .rdp-root,.single-date-picker-calendar .rdp-root *{ box-sizing:border-box} .single-date-picker-calendar .rdp-root[dir=rtl]{ --rdp-gradient-direction:-90deg} .single-date-picker-calendar .rdp-root[data-broadcast-calendar=true]{ --rdp-outside-opacity:unset} .single-date-picker-calendar .rdp-day{ height:var(--rdp-day-height); text-align:center; width:var(--rdp-day-width); border-radius:50%; font-size:.875rem; display:table-cell!important} .single-date-picker-calendar .rdp-day:hover{ background-color:var(--rdp-accent-color)} .single-date-picker-calendar .rdp-day_button{ border:var(--rdp-day_button-border); border-radius:var(--rdp-day_button-border-radius); color:inherit; cursor:pointer; font:inherit; height:var(--rdp-day_button-height); width:var(--rdp-day_button-width); background:0 0; justify-content:center; align-items:center; margin:0; padding:0; display:flex} .single-date-picker-calendar .rdp-day_button:disabled{ cursor:revert} .single-date-picker-calendar .rdp-caption_label{ white-space:nowrap; z-index:1; border:0; align-items:center; display:inline-flex; position:relative} .single-date-picker-calendar .rdp-dropdown:focus-visible~.rdp-caption_label{ outline:5px auto highlight; outline:5px auto -webkit-focus-ring-color} .single-date-picker-calendar .rdp-button_next,.single-date-picker-calendar .rdp-button_previous{ appearance:none; color:inherit; cursor:pointer; font:inherit; height:var(--rdp-nav_button-height); width:var(--rdp-nav_button-width); background:0 0; border:none; justify-content:center; align-items:center; margin:0; padding:0; display:inline-flex; position:relative} .single-date-picker-calendar .rdp-button_next:disabled,.single-date-picker-calendar .rdp-button_next[aria-disabled=true],.single-date-picker-calendar .rdp-button_previous:disabled,.single-date-picker-calendar .rdp-button_previous[aria-disabled=true]{ cursor:revert; opacity:var(--rdp-nav_button-disabled-opacity)} .single-date-picker-calendar .rdp-nav button .rdp-chevron{ fill:currentColor; display:inline-block} .single-date-picker-calendar .rdp-nav button:hover .rdp-chevron{ fill:var(--rdp-accent-color)!important} .single-date-picker-calendar .rdp-root[dir=rtl] .rdp-nav .rdp-chevron{ transform-origin:50%; transform:rotate(180deg)} .single-date-picker-calendar .rdp-dropdowns{ align-items:center; gap:var(--rdp-dropdown-gap); display:inline-flex; position:relative} .single-date-picker-calendar .rdp-dropdown{ appearance:none; cursor:inherit; line-height:inherit; opacity:0; z-index:2; border:none; width:100%; margin:0; padding:0; position:absolute; inset-block:0; inset-inline-start:0} .single-date-picker-calendar .rdp-dropdown_root{ align-items:center; display:inline-flex; position:relative} .single-date-picker-calendar .rdp-dropdown_root[data-disabled=true] .rdp-chevron{ opacity:var(--rdp-disabled-opacity)} .single-date-picker-calendar .rdp-month_caption{ height:var(--rdp-nav-height); align-content:center; font-size:large; font-weight:700; display:flex} .single-date-picker-calendar .rdp-months{ gap:var(--rdp-months-gap); flex-wrap:wrap; justify-content:center; max-width:fit-content; display:flex; position:relative} .single-date-picker-calendar .rdp-month_grid{ border-collapse:collapse} .single-date-picker-calendar .rdp-month{ background-color:#0000} .single-date-picker-calendar .rdp-nav{ height:var(--rdp-nav-height); align-items:center; display:flex; position:absolute; inset-block-start:0; inset-inline-end:0} .single-date-picker-calendar .rdp-weekday{ opacity:var(--rdp-weekday-opacity); padding:var(--rdp-weekday-padding); text-align:var(--rdp-weekday-text-align); text-transform:var(--rdp-weekday-text-transform); font-size:.875rem; font-weight:600} .single-date-picker-calendar .rdp-selected .rdp-day_button{ color:var(--rdp-accent-color)} .single-date-picker-calendar .rdp-selected:hover .rdp-day_button{ color:var(--button-dark-text)} .single-date-picker-calendar .rdp-range_start.rdp-range_end{ background:revert} .single-date-picker-calendar .rdp-focusable{ cursor:pointer} .single-date-picker-calendar .rdp-day_selected{ background-color:var(--rdp-accent-color); color:var(--rdp-selected-color)} .single-date-picker-calendar .rdp{ margin:0} .single-date-picker-calendar .rdp-caption{ margin-bottom:.5em; padding:0} .single-date-picker-calendar .rdp-head_cell{ font-size:.875rem; font-weight:600} .single-date-picker-calendar .bg-background{ background-color:unset} ._loader_bghon_1 path{ transform-box:view-box; transform-origin:36px 36px; animation:1.6s ease-in-out infinite _ripple_bghon_1; transform:scale(1)} ._loader_bghon_1._monochrome_bghon_8 path{ fill:var(--bfc-foreground)} ._loader_bghon_1 path:first-of-type{ animation-delay:0s} ._loader_bghon_1 path:nth-of-type(2){ animation-delay:.22s} ._loader_bghon_1 path:nth-of-type(3){ animation-delay:.45s} ._loader_bghon_1 path:nth-of-type(4){ animation-delay:.67s} @keyframes _ripple_bghon_1{ 0%,to{ opacity:.16; transform:scale(1)} 16%{ opacity:1; transform:scale(.74)} } @media (prefers-reduced-motion:reduce){ ._loader_bghon_1 path{ opacity:1; animation:none; transform:scale(1)} } ._followUpSearchBar_x7ads_1{ background-color:var(--bfc-card); box-shadow:0 -2px 4px #1212170d} .ActionButtons-module__jcfa4W__actionButtons action-buttons::part(action-button):hover,.ActionButtons-module__jcfa4W__actionButtons action-buttons::part(action-button):active{ background-color:hsl(var(--bc)/var(--tw-bg-opacity)); border-color:hsl(var(--bc)/var(--tw-border-opacity)); color:hsl(var(--b1)/var(--tw-text-opacity))} .ActionButtons-module__jcfa4W__actionButtons action-buttons::part(action-button){ animation:ActionButtons-module__jcfa4W__button-pop var(--animation-btn,.25s) ease-out; border-radius:var(--rounded-btn,.5rem); border-color:currentColor; border-width:var(--border-btn,1px); color:hsl(var(--bc)/var(--tw-text-opacity)); height:2.5rem; min-height:2rem; text-transform:var(--btn-text-case,uppercase); background-color:#0000; padding-left:.75rem; padding-right:.75rem; font-size:.875rem; font-weight:600; text-decoration-line:none; transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter; transition-duration:.2s; transition-timing-function:cubic-bezier(.4,0,.2,1)} /*# sourceMappingURL=18q_c3ojd7q7o.css.map*/ /* latin-ext */ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/landing-originals/a22e0350c3dae9f100c8.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/landing-originals/008aaed0c387af0c0407.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/landing-originals/995e5521d3ffd2727496.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url("../../assets/landing-originals/2e4538dc4eb334df43a7.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url("../../assets/landing-originals/995e5521d3ffd2727496.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url("../../assets/landing-originals/2e4538dc4eb334df43a7.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 600; font-display: swap; src: url("../../assets/landing-originals/995e5521d3ffd2727496.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 600; font-display: swap; src: url("../../assets/landing-originals/2e4538dc4eb334df43a7.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/995e5521d3ffd2727496.woff2") format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url("../../assets/landing-originals/2e4538dc4eb334df43a7.woff2") format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } .pl-bf-card { background-color: white; } .bg-gradient-to-br { background-image: url("../../assets/landing-originals/73f039f214cef513303d.png") !important; background-position: center; background-attachment: fixed; background-size: contain; } .bf-article__share { display: none; } .bf-category__title { color: #203130; } .bf-category__item { border: none; } .text-4xl.font-bold.text-base-100 { color: #203130; } .bf-accordion__content .mb-2.flex { border: none; } .bf-article__body h2 { font-family: Figtree, Inter, sans-serif !important; /* ← new */ font-size: 1.5em !important; font-weight: 700 !important; margin-top: 1.75em; margin-bottom: 0.5em; } .bf-article__body h3 { font-family: Figtree, Inter, sans-serif !important; /* ← new */ font-size: 1.25em !important; font-weight: 700 !important; margin-top: 1.5em; margin-bottom: 0.5em; } .bf-article__body h4 { font-family: Figtree, Inter, sans-serif !important; /* ← new */ font-size: 1.05em !important; font-weight: 700 !important; margin-top: 1.25em; margin-bottom: 0.4em; } .milkdown { .milkdown-image-block { .image-resize-handle, &:hover > .image-wrapper .operation { display: none; } } .milkdown-table-block { overflow-x: auto; table { width: auto; } } } .bf-article__title { font-family: Figtree, Inter, sans-serif !important; font-weight: 700 !important; } .bf-article__body p, .bf-article__body li { font-family: Figtree, Inter, sans-serif !important; font-size: 15.5px !important; line-height: 1.4 !important; letter-spacing: 0.12px !important; } .bf-article__title strong, .bf-article__body h2 strong, .bf-article__body h3 strong, .bf-article__body h4 strong { font-weight: inherit !important; } .bf-content { background-color: #f7f7f3 !important; } .bf-content .bg-gradient-to-br:not(.bf-hero) { background-image: none !important; background-color: #f7f7f3 !important; } .pl-bf-hero-3 { background-color: #ffffff !important; border: 0.0625rem solid hsl(60 3% 42%); } .pl-bf-hero { overflow: visible !important; } .bf-404__home-btn { background-color: hsl(105 68% 77%) !important; border-color: hsl(105 68% 77%) !important; color: rgb(33, 49, 48) !important; } .bf-404__home-btn:hover { background-color: hsl(105 68% 70%) !important; } .bf-article__content { border: none !important; } @keyframes go2264125279{ from{ transform:scale(0) rotate(45deg); opacity:0; } to{ transform:scale(1) rotate(45deg); opacity:1; } } @keyframes go3020080000{ from{ transform:scale(0); opacity:0; } to{ transform:scale(1); opacity:1; } } @keyframes go463499852{ from{ transform:scale(0) rotate(90deg); opacity:0; } to{ transform:scale(1) rotate(90deg); opacity:1; } } @keyframes go1268368563{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } @keyframes go1310225428{ from{ transform:scale(0) rotate(45deg); opacity:0; } to{ transform:scale(1) rotate(45deg); opacity:1; } } @keyframes go651618207{ 0%{ height:0; width:0; opacity:0; } 40%{ height:0; width:6px; opacity:1; } 100%{ opacity:1; height:10px; } } @keyframes go901347462{ from{ transform:scale(0.6); opacity:0.4; } to{ transform:scale(1); opacity:1; } } .go4109123758{ z-index:9999; } .go4109123758 > *{ pointer-events:auto; } #status-banner { display: flex; align-items: center; justify-content: center; padding: 10px 16px; background-color: #fef3cd; border-bottom: 1px solid #ffc107; font-family: Figtree, Inter, sans-serif; font-size: 14px; color: #664d03; line-height: 1.4; width: 100%; box-sizing: border-box; z-index: 9999; text-align: center; gap: 8px; } #status-banner a { color: #664d03; text-decoration: underline; font-weight: 500; } #status-banner button { background: none; border: none; color: #664d03; cursor: pointer; padding: 4px; font-size: 18px; line-height: 1; opacity: 0.7; flex-shrink: 0; margin-left: 8px; } #status-banner button:hover { opacity: 1; } [data-buffer-footer] footer,[data-buffer-footer] footer *{ box-sizing:border-box; } [data-buffer-footer] footer{ font-family:'Figtree',var(--font-family-sans,ui-sans-serif,system-ui,sans-serif) !important; line-height:var(--line-height-regular,1.4) !important; letter-spacing:var(--letter-spacing-regular,0.0075em) !important; } [data-buffer-footer] footer a,[data-buffer-footer] footer p a{ color:var(--color-white,#fff); text-decoration:none; } [data-buffer-footer] footer a:hover,[data-buffer-footer] footer a:focus{ color:var(--color-white,#fff); text-decoration:none; } [data-buffer-footer] footer p{ margin:0; color:var(--color-white,#fff); font-size:inherit; } [data-buffer-footer] .visually-hidden{ position:absolute !important; margin:-1px !important; width:1px !important; height:1px !important; border-width:0 !important; padding:0 !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; } [data-buffer-footer] footer ul{ list-style:none; margin:0; padding:0; } [data-buffer-footer] footer h2,[data-buffer-footer] footer h3{ font-family:var(--font-family-heading) !important; font-weight:var(--font-weight-heading) !important; line-height:var(--line-height-heading) !important; letter-spacing:var(--letter-spacing-heading) !important; } [data-buffer-footer] footer img,[data-buffer-footer] footer svg{ border-style:none; max-inline-size:100%; } .cky-overlay{ background:#000; opacity:.4; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999999} .cky-hide{ display:none} .cky-btn-revisit-wrapper{ display:flex; align-items:center; justify-content:center; background:#0056a7; width:45px; height:45px; border-radius:50%; position:fixed; z-index:999999; cursor:pointer} .cky-revisit-bottom-left{ bottom:15px; left:15px} .cky-revisit-bottom-right{ bottom:15px; right:15px} .cky-btn-revisit-wrapper .cky-btn-revisit{ display:flex; align-items:center; justify-content:center; background:none; border:none; cursor:pointer; position:relative; margin:0; padding:0} .cky-btn-revisit-wrapper .cky-btn-revisit img{ max-width:fit-content; margin:0; height:30px; width:30px} .cky-revisit-bottom-left:hover::before{ content:attr(data-tooltip); position:absolute; background:#4e4b66; color:#fff; left:calc(100% + 7px); font-size:12px; line-height:16px; width:max-content; padding:4px 8px; border-radius:4px} .cky-revisit-bottom-left:hover::after{ position:absolute; content:""; border:5px solid #fff0; left:calc(100% + 2px); border-left-width:0; border-right-color:#4e4b66} .cky-revisit-bottom-right:hover::before{ content:attr(data-tooltip); position:absolute; background:#4e4b66; color:#fff; right:calc(100% + 7px); font-size:12px; line-height:16px; width:max-content; padding:4px 8px; border-radius:4px} .cky-revisit-bottom-right:hover::after{ position:absolute; content:""; border:5px solid #fff0; right:calc(100% + 2px); border-right-width:0; border-left-color:#4e4b66} .cky-revisit-hide{ display:none} .cky-consent-container{ position:fixed; width:440px; box-sizing:border-box; z-index:9999999; border-radius:6px} .cky-consent-container .cky-consent-bar{ background:#fff; border:1px solid; padding:20px 26px; box-shadow:0 -1px 10px 0 #acabab4d; border-radius:6px} .cky-box-bottom-left{ bottom:40px; left:40px} .cky-box-bottom-right{ bottom:40px; right:40px} .cky-box-top-left{ top:40px; left:40px} .cky-box-top-right{ top:40px; right:40px} .cky-custom-brand-logo-wrapper .cky-custom-brand-logo{ width:100px; height:auto; margin:0 0 12px 0} .cky-notice .cky-title{ color:#212121; font-weight:700; font-size:18px; line-height:24px; margin:0 0 12px 0; word-break:break-word} .cky-notice-des *,.cky-preference-content-wrapper *,.cky-dma-content-wrapper *,.cky-accordion-header-des *,.cky-gpc-wrapper .cky-gpc-desc *{ font-size:14px} .cky-notice-des{ color:#212121; font-size:14px; line-height:24px; font-weight:400} .cky-notice-des img{ min-height:25px; min-width:25px} .cky-consent-bar .cky-notice-des p,.cky-gpc-wrapper .cky-gpc-desc p,.cky-preference-body-wrapper .cky-preference-content-wrapper p,.cky-accordion-header-wrapper .cky-accordion-header-des p,.cky-cookie-des-table li div:last-child p{ color:inherit; margin-top:0; word-break:break-word} .cky-notice-des P:last-child,.cky-preference-content-wrapper p:last-child,.cky-cookie-des-table li div:last-child p:last-child,.cky-gpc-wrapper .cky-gpc-desc p:last-child{ margin-bottom:0} .cky-notice-des a.cky-policy,.cky-notice-des button.cky-policy,.cky-notice-des a.cky-link-default,.cky-dma-content-wrapper a.cky-policy,.cky-dma-content-wrapper button.cky-policy{ font-size:14px; color:#1863dc; white-space:nowrap; cursor:pointer; background:#fff0} .cky-notice-des a.cky-policy,.cky-notice-des button.cky-policy,.cky-dma-content-wrapper a.cky-policy,.cky-dma-content-wrapper button.cky-policy{ text-decoration:underline; border:1px solid} .cky-notice-des a.cky-link-default{ text-decoration:underline} .cky-notice-des button.cky-policy,.cky-dma-content-wrapper button.cky-policy{ padding:0} .cky-notice-des a.cky-policy:focus-visible,.cky-notice-des button.cky-policy:focus-visible,.cky-dma-content-wrapper a.cky-policy:focus-visible,.cky-dma-content-wrapper button.cky-policy:focus-visible,.cky-preference-content-wrapper .cky-show-desc-btn:focus-visible,.cky-accordion-header .cky-accordion-btn:focus-visible,.cky-preference-header .cky-btn-close:focus-visible,.cky-switch input[type="checkbox"]:focus-visible,.cky-footer-wrapper a:focus-visible,[data-cky-tag="powered-by"] a:focus-visible,[data-cky-tag="detail-powered-by"] a:focus-visible,.cky-btn:focus-visible{ outline:2px solid #1863dc; outline-offset:2px} .cky-btn:focus:not(:focus-visible),.cky-accordion-header .cky-accordion-btn:focus:not(:focus-visible),.cky-preference-content-wrapper .cky-show-desc-btn:focus:not(:focus-visible),.cky-btn-revisit-wrapper .cky-btn-revisit:focus:not(:focus-visible),.cky-preference-header .cky-btn-close:focus:not(:focus-visible),.cky-consent-bar .cky-banner-btn-close:focus:not(:focus-visible){ outline:0} button.cky-show-desc-btn:not(:hover):not(:active){ color:#1863dc; background:#fff0} button.cky-accordion-btn:not(:hover):not(:active),button.cky-banner-btn-close:not(:hover):not(:active),button.cky-btn-revisit:not(:hover):not(:active),button.cky-btn-close:not(:hover):not(:active){ background:#fff0} .cky-consent-bar button:hover,.cky-modal.cky-modal-open button:hover,.cky-consent-bar button:focus,.cky-modal.cky-modal-open button:focus{ text-decoration:none} .cky-notice-btn-wrapper{ display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:8px; margin-top:16px} .cky-notice-btn-wrapper .cky-btn{ text-shadow:none; box-shadow:none} .cky-btn{ flex:auto; max-width:100%; font-size:14px; font-family:inherit; line-height:24px; padding:8px; font-weight:500; border-radius:2px; cursor:pointer; text-align:center; text-transform:none; min-height:0; overflow-wrap:break-word} .cky-btn:hover{ filter:brightness(.9)} .cky-btn-customize{ color:#1863dc; background:#fff0; border:2px solid #1863dc} .cky-btn-reject{ color:#1863dc; background:#fff0; border:2px solid #1863dc} .cky-btn-accept{ background:#1863dc; color:#fff; border:2px solid #1863dc} .cky-btn:last-child{ margin-right:0} @media (max-width:576px){ .cky-box-bottom-left{ bottom:0; left:0} .cky-box-bottom-right{ bottom:0; right:0} .cky-box-top-left{ top:0; left:0} .cky-box-top-right{ top:0; right:0} } @media (max-width:440px){ .cky-box-bottom-left,.cky-box-bottom-right,.cky-box-top-left,.cky-box-top-right{ width:100%; max-width:100%} .cky-consent-container .cky-consent-bar{ padding:20px 0} .cky-custom-brand-logo-wrapper,.cky-notice .cky-title,.cky-notice-des,.cky-notice-btn-wrapper{ padding:0 24px} .cky-notice-des{ max-height:40vh; overflow-y:scroll} .cky-notice-btn-wrapper{ gap:10px; flex-direction:column} .cky-btn{ width:100%} .cky-notice-btn-wrapper .cky-btn-customize{ order:2} .cky-notice-btn-wrapper .cky-btn-reject{ order:3} .cky-notice-btn-wrapper .cky-btn-accept{ order:1} } @media (max-width:352px){ .cky-notice .cky-title{ font-size:16px} .cky-notice-des *{ font-size:12px} .cky-notice-des,.cky-btn{ font-size:12px} } .cky-modal.cky-modal-open{ display:flex; visibility:visible; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); top:50%; left:50%; transition:all 1s ease; max-height:100%} .cky-modal{ box-shadow:0 32px 68px rgb(0 0 0 / .3); margin:0 auto; position:fixed; max-width:100%; background:#fff; top:50%; box-sizing:border-box; border-radius:6px; z-index:999999999; color:#212121; -webkit-transform:translate(-50%,100%); -moz-transform:translate(-50%,100%); -ms-transform:translate(-50%,100%); -o-transform:translate(-50%,100%); transform:translate(-50%,100%); visibility:hidden; transition:all 0s ease} .cky-preference-center{ max-height:79vh; overflow:hidden; width:845px; overflow:hidden; flex:1 1 0%; display:flex; flex-direction:column; border-radius:6px} @media (max-height:576px){ .cky-preference-center{ height:100vh; overflow:auto} .cky-preference-center .cky-preference-body-wrapper{ overflow:unset} } @media (max-height:480px){ .cky-consent-container{ max-height:100vh; overflow-y:scroll} .cky-notice-des{ max-height:unset; overflow-y:unset} } @media (min-width:576px) and (max-height:660px){ .cky-notice-des{ max-height:40vh; overflow-y:scroll} } .cky-preference-header{ display:flex; align-items:center; justify-content:space-between; padding:22px 24px; border-bottom:1px solid} .cky-preference-header .cky-preference-title{ font-size:18px; font-weight:700; line-height:24px; word-break:break-word} .cky-preference-header .cky-btn-close{ margin:0; cursor:pointer; vertical-align:middle; padding:0; background:none; border:none; width:24px; height:24px; min-height:0; line-height:0; text-shadow:none; box-shadow:none} .cky-preference-header .cky-btn-close img{ margin:0; height:10px; width:10px} .cky-preference-body-wrapper{ padding:0 24px; flex:1; overflow:auto; box-sizing:border-box} .cky-preference-content-wrapper,.cky-gpc-wrapper .cky-gpc-desc{ font-size:14px; line-height:24px; font-weight:400; padding:12px 0} .cky-preference-content-wrapper img{ min-height:25px; min-width:25px} .cky-preference-content-wrapper .cky-show-desc-btn{ font-size:14px; font-family:inherit; color:#1863dc; text-decoration:underline; line-height:24px; padding:0; margin:0; white-space:nowrap; cursor:pointer; background:#fff0; border-color:#fff0; text-transform:none; min-height:0; text-shadow:none; box-shadow:none} .cky-accordion-wrapper{ margin-bottom:10px} .cky-accordion{ border-bottom:1px solid} .cky-accordion:last-child{ border-bottom:none} .cky-accordion .cky-accordion-item{ display:flex; margin-top:10px} .cky-accordion .cky-accordion-body{ display:none} .cky-accordion.cky-accordion-active .cky-accordion-body{ display:block; padding:0 22px; margin-bottom:16px} .cky-accordion-header-wrapper{ cursor:pointer; width:100%} .cky-accordion-item .cky-accordion-header{ display:flex; justify-content:space-between; align-items:center} .cky-accordion-header .cky-accordion-btn{ font-size:16px; font-family:inherit; color:#212121; line-height:24px; background:none; border:none; font-weight:700; padding:0; margin:0; cursor:pointer; text-transform:none; min-height:0; text-shadow:none; box-shadow:none} .cky-accordion-header .cky-always-active{ color:green; font-weight:600; line-height:24px; font-size:14px} .cky-accordion-header-des{ font-size:14px; line-height:24px; margin:10px 0 16px 0} .cky-accordion-chevron{ margin-right:22px; position:relative; cursor:pointer} .cky-accordion-chevron-hide{ display:none} .cky-accordion .cky-accordion-chevron i::before{ content:""; position:absolute; border-right:1.4px solid; border-bottom:1.4px solid; border-color:inherit; height:6px; width:6px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); transition:all 0.2s ease-in-out; top:8px} .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)} .cky-audit-table{ background:#f4f4f4; border-radius:6px} .cky-audit-table .cky-empty-cookies-text{ color:inherit; font-size:12px; line-height:24px; margin:0; padding:10px; word-break:break-word} .cky-audit-table .cky-cookie-des-table{ font-size:12px; line-height:24px; font-weight:400; padding:15px 10px; border-bottom:1px solid; border-bottom-color:inherit; margin:0} .cky-audit-table .cky-cookie-des-table:last-child{ border-bottom:none} .cky-audit-table .cky-cookie-des-table li{ list-style-type:none; display:flex; padding:3px 0} .cky-audit-table .cky-cookie-des-table li:first-child{ padding-top:0} .cky-cookie-des-table li div:first-child{ width:100px; font-weight:600; word-break:break-word; word-wrap:break-word} .cky-cookie-des-table li div:last-child{ flex:1; word-break:break-word; word-wrap:break-word; margin-left:8px} .cky-footer-shadow{ display:block; width:100%; height:40px; background:linear-gradient(180deg,#fff0 0%,#ffffff 100%); position:absolute; bottom:calc(100% - 1px)} .cky-footer-wrapper{ position:relative} .cky-prefrence-btn-wrapper{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center; padding:22px 24px; border-top:1px solid} .cky-prefrence-btn-wrapper .cky-btn{ flex:auto; max-width:100%; text-shadow:none; box-shadow:none} .cky-btn-preferences{ color:#1863dc; background:#fff0; border:2px solid #1863dc} .cky-preference-header,.cky-preference-body-wrapper,.cky-accordion-wrapper,.cky-accordion,.cky-accordion-wrapper,.cky-footer-wrapper,.cky-prefrence-btn-wrapper{ border-color:inherit} .cky-preference-body-wrapper .cky-dma-content-wrapper{ font-size:14px; line-height:24px; font-weight:400; padding:4px 0 12px} .cky-preference-body-wrapper .cky-dma-content-wrapper p{ color:inherit; word-break:break-word} .cky-preference-body-wrapper .cky-dma-content-wrapper p:first-child{ margin-top:0} .cky-preference-body-wrapper .cky-dma-content-wrapper p:last-child{ margin-bottom:0} .cky-preference-body-wrapper .cky-horizontal-separator{ border-bottom:1px solid; border-color:inherit} @media (max-width:845px){ .cky-modal{ max-width:calc(100% - 16px)} } @media (max-width:576px){ .cky-modal{ max-width:100%} .cky-preference-center{ max-height:100vh} .cky-prefrence-btn-wrapper{ flex-direction:column; gap:10px} .cky-accordion.cky-accordion-active .cky-accordion-body{ padding-right:0} .cky-prefrence-btn-wrapper .cky-btn{ width:100%} .cky-prefrence-btn-wrapper .cky-btn-reject{ order:3} .cky-prefrence-btn-wrapper .cky-btn-accept{ order:1; margin-top:0} .cky-prefrence-btn-wrapper .cky-btn-preferences{ order:2} } @media (max-width:425px){ .cky-accordion-chevron{ margin-right:15px} .cky-accordion.cky-accordion-active .cky-accordion-body{ padding:0 15px} } @media (max-width:352px){ .cky-preference-header .cky-preference-title{ font-size:16px} .cky-preference-header{ padding:16px 24px} .cky-preference-content-wrapper *,.cky-accordion-header-des *,.cky-dma-content-wrapper *{ font-size:12px} .cky-preference-content-wrapper,.cky-preference-body-wrapper .cky-dma-content-wrapper,.cky-preference-content-wrapper .cky-show-more,.cky-accordion-header .cky-always-active,.cky-accordion-header-des,.cky-preference-content-wrapper .cky-show-desc-btn,.cky-notice-des a.cky-policy,.cky-dma-content-wrapper a.cky-policy{ font-size:12px} .cky-accordion-header .cky-accordion-btn{ font-size:14px} } .cky-switch{ display:flex} .cky-switch input[type="checkbox"]{ position:relative; width:44px; height:24px; margin:0; background:#d0d5d2; -webkit-appearance:none; border-radius:50px; cursor:pointer; outline:0; border:none; top:0} .cky-switch input[type="checkbox"]:checked{ background:#1863dc} .cky-switch input[type="checkbox"]:before{ position:absolute; content:""; height:20px; width:20px; left:2px; bottom:2px; border-radius:50%; background-color:#fff; -webkit-transition:0.4s; transition:0.4s; margin:0} .cky-switch input[type="checkbox"]:after{ display:none} .cky-switch input[type="checkbox"]:checked:before{ -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px)} @media (max-width:425px){ .cky-switch input[type="checkbox"]{ width:38px; height:21px} .cky-switch input[type="checkbox"]:before{ height:17px; width:17px} .cky-switch input[type="checkbox"]:checked:before{ -webkit-transform:translateX(17px); -ms-transform:translateX(17px); transform:translateX(17px)} } .cky-consent-bar .cky-banner-btn-close{ z-index:1; position:absolute; right:9px; top:5px; background:none; border:none; cursor:pointer; padding:0; margin:0; min-height:0; line-height:0; height:24px; width:24px; text-shadow:none; box-shadow:none} .cky-consent-bar .cky-banner-btn-close img{ height:9px; width:9px; margin:0} .cky-notice-group{ font-size:14px; line-height:24px; font-weight:400; color:#212121} .cky-notice-btn-wrapper .cky-btn-do-not-sell{ font-size:14px; line-height:24px; padding:6px 0; margin:0; font-weight:500; background:none; border-radius:2px; border:none; cursor:pointer; text-align:left; color:#1863dc; background:#fff0; border-color:#fff0; box-shadow:none; text-shadow:none; word-break:break-word; text-decoration:underline} .cky-consent-bar .cky-banner-btn-close:focus-visible,.cky-notice-btn-wrapper .cky-btn-do-not-sell:focus-visible,.cky-opt-out-btn-wrapper .cky-btn:focus-visible,.cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:focus-visible{ outline:2px solid #1863dc; outline-offset:2px} @media (max-width:440px){ .cky-consent-container{ width:100%} } @media (max-width:352px){ .cky-notice-des a.cky-policy,.cky-notice-des a.cky-link-default,.cky-notice-btn-wrapper .cky-btn-do-not-sell{ font-size:12px} } .cky-opt-out-wrapper{ padding:12px 0} .cky-opt-out-wrapper .cky-opt-out-checkbox-wrapper{ display:flex; align-items:center} .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{ font-size:16px; font-weight:700; line-height:24px; margin:0 0 0 12px; cursor:pointer; word-break:break-word} .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox{ background-color:#fff; border:1px solid #000; width:20px; height:18.5px; margin:0; -webkit-appearance:none; position:relative; display:flex; align-items:center; justify-content:center; border-radius:2px; cursor:pointer} .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked{ background-color:#1863dc; border:none} .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after{ left:6px; bottom:4px; width:7px; height:13px; border:solid #fff; border-width:0 3px 3px 0; border-radius:2px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); content:""; position:absolute; box-sizing:border-box} .cky-opt-out-checkbox-wrapper.cky-disabled .cky-opt-out-checkbox-label,.cky-opt-out-checkbox-wrapper.cky-disabled input[type="checkbox"].cky-opt-out-checkbox{ cursor:no-drop} .cky-gpc-wrapper{ margin:0 0 0 32px} .cky-footer-wrapper .cky-optout-action-area{ padding:0 24px 22px 24px; box-sizing:border-box} .cky-footer-wrapper .cky-opt-out-btn-wrapper{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:center; padding-top:22px} .cky-opt-out-btn-wrapper .cky-btn{ flex:auto; max-width:100%; text-shadow:none; box-shadow:none} .cky-opt-out-btn-wrapper .cky-btn-cancel{ border:1px solid #dedfe0; background:#fff0; color:#858585} .cky-opt-out-btn-wrapper .cky-btn-confirm{ background:#1863dc; color:#fff; border:1px solid #1863dc} .cky-optout-success{ border-radius:8px; padding:8px 12px; margin:0 auto; box-sizing:border-box; outline:none} .cky-optout-success .cky-optout-success-inner{ display:flex; flex-direction:column; gap:4px} .cky-optout-success .cky-optout-success-row{ display:flex; align-items:flex-start} .cky-optout-success .cky-optout-success-icon{ width:20px; flex-shrink:0} .cky-optout-success .cky-optout-success-text{ margin-inline-start:8px; margin-top:1px; font-weight:400; font-size:13px; line-height:20px} .cky-optout-success .cky-optout-success-text p{ margin:0} .cky-optout-success .cky-optout-success-subtext{ margin:0; font-weight:400; font-size:12px; line-height:20px} @media (max-width:440px){ .cky-footer-wrapper .cky-opt-out-btn-wrapper{ gap:10px} } @media (max-width:352px){ .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{ font-size:14px} .cky-gpc-wrapper .cky-gpc-desc,.cky-gpc-wrapper .cky-gpc-desc *{ font-size:12px} .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox{ width:16px; height:16px} .cky-opt-out-checkbox-wrapper input[type="checkbox"].cky-opt-out-checkbox:checked::after{ left:5px; bottom:4px; width:3px; height:9px} .cky-gpc-wrapper{ margin:0 0 0 28px} } .video-placeholder-youtube{ background-size:100% 100%; background-position:center; background-repeat:no-repeat; background-color:#b2b0b059; position:relative; display:flex; align-items:center; justify-content:center; max-width:100%} .video-placeholder-text-youtube{ text-align:center; align-items:center; padding:10px 16px; background-color:#000c; color:#fff; border:1px solid; border-radius:2px; cursor:pointer} .video-placeholder-normal{ background-image:url("../../assets/landing-originals/1b83d6cf272d2e31c674.svg"); background-size:80px; background-position:center; background-repeat:no-repeat; background-color:#b2b0b059; position:relative; display:flex; align-items:flex-end; justify-content:center; max-width:100%} .video-placeholder-text-normal{ align-items:center; padding:10px 16px; text-align:center; border:1px solid; border-radius:2px; cursor:pointer} .cky-rtl{ direction:rtl; text-align:right} .cky-rtl .cky-banner-btn-close{ left:9px; right:auto} .cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{ margin-right:8px} .cky-rtl .cky-notice-btn-wrapper .cky-btn:first-child{ margin-right:0} .cky-rtl .cky-notice-btn-wrapper{ margin-left:0; margin-right:15px} .cky-rtl .cky-prefrence-btn-wrapper .cky-btn{ margin-right:8px} .cky-rtl .cky-prefrence-btn-wrapper .cky-btn:first-child{ margin-right:0} .cky-rtl .cky-accordion .cky-accordion-chevron i::before{ border:none; border-left:1.4px solid; border-top:1.4px solid; left:12px} .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-chevron i::before{ -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg)} @media (max-width:768px){ .cky-rtl .cky-notice-btn-wrapper{ margin-right:0} } @media (max-width:576px){ .cky-rtl .cky-notice-btn-wrapper .cky-btn:last-child{ margin-right:0} .cky-rtl .cky-prefrence-btn-wrapper .cky-btn{ margin-right:0} .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{ padding:0 22px 0 0} } @media (max-width:425px){ .cky-rtl .cky-accordion.cky-accordion-active .cky-accordion-body{ padding:0 15px 0 0} } .cky-rtl .cky-opt-out-btn-wrapper .cky-btn{ margin-right:12px} .cky-rtl .cky-opt-out-btn-wrapper .cky-btn:first-child{ margin-right:0} .cky-rtl .cky-opt-out-checkbox-wrapper .cky-opt-out-checkbox-label{ margin:0 12px 0 0} @supports not (gap:10px){ .cky-btn{ margin:0 8px 0 0} @media (max-width:440px){ .cky-notice-btn-wrapper{ margin-top:0} .cky-btn{ margin:10px 0 0 0} .cky-notice-btn-wrapper .cky-btn-accept{ margin-top:16px} } @media (max-width:576px){ .cky-prefrence-btn-wrapper .cky-btn{ margin:10px 0 0 0} } @media (max-width:425px){ .cky-notice-btn-wrapper{ margin-top:0} } } .cky-preference-header .cky-preference-title{ margin:0; padding:0} .cky-accordion-heading{ margin:0; padding:0; font:inherit; color:inherit; display:block} @media (max-width:480px){ .cky-btn-revisit-wrapper{ width:36px; height:36px} .cky-btn-revisit-wrapper .cky-btn-revisit img{ height:22px; width:22px} .cky-revisit-bottom-left{ bottom:8px; left:8px} .cky-revisit-bottom-right{ bottom:8px; right:8px} } .cky-attribution-icon{ display:inline-block; width:24px; height:24px; margin-inline-end:8px; vertical-align:bottom; line-height:0} .cky-attribution-icon svg{ width:24px; height:24px; display:block} .cky-btn { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } #cky-tab-title-preview-necessary > label > div{ display: none; } #cky-tab-title-necessary > label:nth-child(1){ display: none; } footer{ display:none !important; } [data-buffer-footer] footer{ display:block !important; } [data-radix-scroll-area-viewport]{ scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; } [data-radix-scroll-area-viewport]::-webkit-scrollbar{ display:none} :is(.pl-footer-footer) { --border-radius-medium: 1.25rem; --color-brand-dark: var(--color-green-900); --space-step-7: clamp(4rem, 3.8438rem + 0.7813vi, 4.5rem); --space-step-3-step-5: clamp(1rem, 0.6094rem + 1.9531vi, 2.25rem); --color-white: hsl(0 0% 100%); --space-step-5-step-7: clamp(2rem, 1.2188rem + 3.9063vi, 4.5rem); --space-step-4-step-6: clamp(1.5rem, 0.9141rem + 2.9297vi, 3.375rem); --space-step-5: clamp(2rem, 1.9219rem + 0.3906vi, 2.25rem); --space-step-1: clamp(0.5rem, 0.4805rem + 0.0977vi, 0.5625rem); --color-brand-primary: var(--color-green-300); --font-family-sans: 'Figtree', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-size-step--2: clamp( 12.8 / 16 * 1rem, 0.7863rem + 0.0687vi, 13.5 / 16 * 1rem ); --font-weight-semibold: 600; --letter-spacing-regular: 0.0075em; --outline-width: 0.125rem; --outline-offset: 0.125rem; --transition-duration: 150ms; --transition-timing-function: ease-out; --space-step-3: clamp(1rem, 0.9609rem + 0.1953vi, 1.125rem); --space-step-4: clamp(1.5rem, 1.4414rem + 0.293vi, 1.6875rem); --color-neutral-050: hsl(40 43% 99%); --font-size-step--1: clamp( 14.3 / 16 * 1rem, 0.8703rem + 0.1172vi, 15.5 / 16 * 1rem ); --font-weight-medium: 500; --letter-spacing-small: 0.03125em; --color-aqua-200: hsl(174 64% 82%); --color-aqua-300: hsl(174 64% 77%); --color-blue-100: hsl(207 100% 92%); --color-blue-800: hsl(207 71% 37%); --color-blue-300: hsl(207 100% 84%); --color-coral-100: hsl(9 95% 92%); --color-coral-800: hsl(7 70% 39%); --color-green-700: hsl(139 37% 32%); --color-coral-300: hsl(7 100% 83%); --color-fuscia-200: hsl(289 100% 90%); --color-fuscia-300: hsl(289 100% 87%); --color-green-100: hsl(105 53% 88%); --color-green-300: hsl(105 68% 77%); --color-neutral-200: hsl(60 19% 93%); --color-neutral-300: hsl(51 11% 88%); --color-orange-300: hsl(25 100% 77%); --color-orange-200: hsl(25 100% 85%); --color-pink-100: hsl(336 94% 93%); --color-pink-800: hsl(335 69% 39%); --color-pink-300: hsl(336 100% 85%); --color-purple-100: hsl(258 100% 93%); --color-purple-800: hsl(259 64% 44%); --color-purple-300: hsl(258 100% 88%); --color-yellow-200: hsl(40 100% 84%); --color-yellow-300: hsl(40 100% 77%); --color-green-900: hsl(176 20% 16%); } :is(.pl-footer-footer) { border-start-start-radius: var(--border-radius-medium); border-start-end-radius: var(--border-radius-medium); background-color: var(--color-brand-dark); padding: var(--space-step-7) var(--space-step-3-step-5); color: var(--color-white); } :is(.pl-footer-footer)[class*="Footer_transparent__"] { background-color: transparent; } :is(.pl-footer-footer-links) { margin-block-end: var(--space-step-5-step-7); margin-inline: auto; max-inline-size: 80rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-step-4-step-6); align-items: flex-start; } :is(.pl-footer-footer-link-groups) { display: grid; row-gap: var(--space-step-5); } @media (min-width: 64rem) { :is(.pl-footer-footer-link-groups) { grid-template-columns: repeat(3, 1fr); column-gap: var(--space-step-4-step-6); } } :is(.pl-footer-footer-link-multi-group) { display: grid; row-gap: var(--space-step-5); } /* The footer is all-Figtree; the global h1-h6 rule sets the heading font (Stolzl), so restate the body font here. */ :is(.pl-footer-footer-link-group-heading) { margin-block-end: var(--space-step-1); color: var(--color-brand-primary); font-family: var(--font-family-sans); font-size: var(--font-size-step--2); font-weight: var(--font-weight-semibold); letter-spacing: var(--letter-spacing-regular); } :is(.pl-footer-footer-link-list) { list-style: ''; padding-inline-start: 0; display: flex; flex-direction: column; row-gap: var(--space-step-1); } :is(.pl-footer-footer-link) { outline-width: var(--outline-width); outline-offset: var(--outline-offset); outline-style: solid; outline-color: transparent; border-radius: 0.25rem; font-size: var(--font-size-step--2); transition-property: outline-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); } :is(.pl-footer-footer-link):focus-visible { outline-width: var(--outline-width); outline-offset: var(--outline-offset); outline-style: solid; outline-color: var(--color-white); } :is(.pl-footer-trailing-content) { margin-inline: auto; max-inline-size: 80rem; display: flex; flex-direction: column; } @media (min-width: 48rem) { :is(.pl-footer-trailing-content) { flex-direction: row; align-items: flex-end; justify-content: space-between; } } :is(.pl-footer-link-logo) { margin-block-end: var(--space-step-5); outline-width: var(--outline-width); outline-offset: var(--outline-offset); outline-style: solid; outline-color: transparent; border-radius: 0.75rem; transition-property: outline-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); } :is(.pl-footer-link-logo):focus-visible { outline-width: var(--outline-width); outline-offset: var(--outline-offset); outline-style: solid; outline-color: var(--color-white); } @media (min-width: 48rem) { :is(.pl-footer-link-logo) { margin-block-end: 0; } } :is(.pl-footer-logo) { block-size: 4rem; inline-size: auto; color: var(--color-brand-primary); } @media (min-width: 64rem) { :is(.pl-footer-logo) { block-size: 6rem; } } :is(.pl-footer-bottom-links) { display: flex; flex-direction: column; align-items: center; } @media (min-width: 48rem) { :is(.pl-footer-bottom-links) { align-items: flex-end; } } [class*="Footer_languageSelector__"] { margin-block-end: var(--space-step-3); } :is(.pl-footer-social-links) { margin-block-end: var(--space-step-3); } :is(.pl-footer-social-link-list) { padding-inline-start: 0; display: flex; column-gap: var(--space-step-4); list-style: ''; } :is(.pl-footer-social-link) { outline-width: var(--outline-width); outline-offset: var(--outline-offset); outline-style: solid; outline-color: transparent; border-radius: 0.25rem; display: inline-block; transition-property: outline-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); } :is(.pl-footer-social-link):focus-visible { outline-width: var(--outline-width); outline-offset: var(--outline-offset); outline-style: solid; outline-color: var(--color-white); } :is(.pl-footer-social-link-logo) { fill: var(--color-neutral-050); } :is(.pl-footer-policies) { display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem; font-size: var(--font-size-step--1); } :is(.pl-footer-policies) a { text-decoration: none; } [class*="Footer_languageSelector__"] { display: inline-flex; } :is(.pl-footer-footer-link-new) { display: inline-flex; align-items: center; gap: 0.375rem; } :is(.pl-footer-link-accordion-accordion) { margin-block-end: var(--space-step-5-step-7); margin-inline: auto; max-inline-size: 80rem; /* Literal hex: the design stroke has no matching colour token. */ border-block: 0.0625rem solid #8b9491; } :is(.pl-footer-link-accordion-summary) { outline-width: var(--outline-width); outline-offset: var(--outline-offset); outline-style: solid; outline-color: transparent; border-radius: 0.25rem; padding-block: var(--space-step-3); list-style: ''; cursor: pointer; transition-property: outline-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); } :is(.pl-footer-link-accordion-summary):focus-visible { outline-width: var(--outline-width); outline-offset: var(--outline-offset); outline-style: solid; outline-color: var(--color-white); } :is(.pl-footer-link-accordion-summary)::marker { display: none; } :is(.pl-footer-link-accordion-summary)::-webkit-details-marker { display: none; } :is(.pl-footer-link-accordion-summary-content) { display: flex; flex-direction: column; } :is(.pl-footer-link-accordion-heading-row) { display: flex; align-items: center; gap: var(--space-step-1); } /* The accordion is all-Figtree; the global h1-h6 rule sets the heading font (Stolzl), so restate the body font here. */ :is(.pl-footer-link-accordion-heading) { color: var(--color-brand-primary); font-family: var(--font-family-sans); font-size: var(--font-size-step--2); font-weight: var(--font-weight-semibold); letter-spacing: var(--letter-spacing-regular); } :is(.pl-footer-link-accordion-description) { margin-block-start: 0.25rem; font-size: var(--font-size-step--2); } :is(.pl-footer-link-accordion-summary-icon) { flex-shrink: 0; fill: currentColor; transition-property: transform; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); } :is(.pl-footer-link-accordion-accordion)[open] > :is(.pl-footer-link-accordion-summary) :is(.pl-footer-link-accordion-summary-icon) { transform: rotate(-0.5turn); } :is(.pl-footer-link-accordion-groups) { padding-block: var(--space-step-3) var(--space-step-5); display: grid; row-gap: var(--space-step-5); column-gap: var(--space-step-4-step-6); } @media (min-width: 48rem) { :is(.pl-footer-link-accordion-groups) { grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); } :is(.pl-footer-link-accordion-group-two-columns) { grid-column: span 2; } :is(.pl-footer-link-accordion-link-list-two-columns) { column-count: 2; column-gap: var(--space-step-4-step-6); } :is(.pl-footer-link-accordion-link-list-two-columns) > li { break-inside: avoid; } } /* Same Figtree override as `:is(.pl-footer-link-accordion-heading)`. */ :is(.pl-footer-link-accordion-group-heading) { margin-block-end: var(--space-step-1); color: var(--color-brand-primary); font-family: var(--font-family-sans); font-size: var(--font-size-step--2); font-weight: var(--font-weight-semibold); letter-spacing: var(--letter-spacing-regular); } /* Block flow, not flex: a two-column group relies on CSS multi-column, which has no effect on a flex container. */ :is(.pl-footer-link-accordion-link-list) { list-style: ''; padding-inline-start: 0; } :is(.pl-footer-link-accordion-link-list) > li { margin-block-end: var(--space-step-1); } :is(.pl-footer-link-accordion-link-list) > li:last-child { margin-block-end: 0; } :is(.pl-footer-link-accordion-link) { outline-width: var(--outline-width); outline-offset: var(--outline-offset); outline-style: solid; outline-color: transparent; border-radius: 0.25rem; font-size: var(--font-size-step--2); transition-property: outline-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); } :is(.pl-footer-link-accordion-link):focus-visible { outline-width: var(--outline-width); outline-offset: var(--outline-offset); outline-style: solid; outline-color: var(--color-white); } :is(.pl-badge-badge) { border-radius: 0.25rem; padding: 0.25em 0.5em; font-size: var(--font-size-step--1); font-weight: var(--font-weight-medium); letter-spacing: var(--letter-spacing-small); color: var(--color-brand-dark); transition-property: background-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); } :is(.pl-badge-badge)[data-size='small'] { font-size: var(--font-size-step--2); } :is(.pl-badge-badge)[data-theme='aqua'] { background-color: var(--color-aqua-200); } :is(.pl-badge-badge)[data-interactive='true'][data-theme='aqua']:hover { background-color: var(--color-aqua-300); } :is(.pl-badge-badge)[data-theme='blue'] { background-color: var(--color-blue-100); color: var(--color-blue-800); } :is(.pl-badge-badge)[data-interactive='true'][data-theme='blue']:hover { background-color: var(--color-blue-300); } :is(.pl-badge-badge)[data-theme='coral'] { background-color: var(--color-coral-100); color: var(--color-coral-800); } :is(.pl-badge-badge)[data-theme='dark'] { background-color: var(--color-green-700); color: var(--color-neutral-050); } :is(.pl-badge-badge)[data-interactive='true'][data-theme='coral']:hover { background-color: var(--color-coral-300); } :is(.pl-badge-badge)[data-theme='fuscia'] { background-color: var(--color-fuscia-200); } :is(.pl-badge-badge)[data-interactive='true'][data-theme='fuscia']:hover { background-color: var(--color-fuscia-300); } :is(.pl-badge-badge)[data-theme='green'] { background-color: var(--color-green-100); color: var(--color-green-700); } :is(.pl-badge-badge)[data-interactive='true'][data-theme='green']:hover { background-color: var(--color-green-300); } :is(.pl-badge-badge)[data-theme='neutral'] { background-color: var(--color-neutral-200); } :is(.pl-badge-badge)[data-interactive='true'][data-theme='neutral']:hover { background-color: var(--color-neutral-300); } :is(.pl-badge-badge)[data-interactive='true'][data-theme='orange']:hover { background-color: var(--color-orange-300); } :is(.pl-badge-badge)[data-theme='orange'] { background-color: var(--color-orange-200); } :is(.pl-badge-badge)[data-interactive='true'][data-theme='orange']:hover { background-color: var(--color-orange-300); } :is(.pl-badge-badge)[data-theme='pink'] { background-color: var(--color-pink-100); color: var(--color-pink-800); } :is(.pl-badge-badge)[data-interactive='true'][data-theme='pink']:hover { background-color: var(--color-pink-300); } :is(.pl-badge-badge)[data-theme='purple'] { background-color: var(--color-purple-100); color: var(--color-purple-800); } :is(.pl-badge-badge)[data-interactive='true'][data-theme='purple']:hover { background-color: var(--color-purple-300); } :is(.pl-badge-badge)[data-theme='yellow'] { background-color: var(--color-yellow-200); } :is(.pl-badge-badge)[data-interactive='true'][data-theme='yellow']:hover { background-color: var(--color-yellow-300); }