PageSourceSearch

https://auth.centr.com/oauth2/authorize?scope=openid+email+profile…-4356-bd1e-6741fb185a12&ui_locales=en-US+en

html centr.com collected 2026-10-02 03:09:02 UTC 299,298 bytes, 4,561 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5  <title>Login | Centr</title>
6  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
7  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
8  <meta name="application-name" content="FusionAuth">
9  <meta name="author" content="FusionAuth">
10  <meta name="description" content="User Management Redefined. A Single Sign-On solution for your entire enterprise.">
11  <meta name="robots" content="index, follow">
12
13  <meta name="referrer" content="strict-origin">
14
15  <meta name="theme-color" content="#ffffff">
16
17  <link rel="apple-touch-icon" sizes="57x57" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/apple-icon-57x57.png">
18  <link rel="apple-touch-icon" sizes="60x60" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/apple-icon-60x60.png">
19  <link rel="apple-touch-icon" sizes="72x72" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/apple-icon-72x72.png">
20  <link rel="apple-touch-icon" sizes="76x76" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/apple-icon-76x76.png">
21  <link rel="apple-touch-icon" sizes="114x114" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/apple-icon-114x114.png">
22  <link rel="apple-touch-icon" sizes="120x120" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/apple-icon-120x120.png">
23  <link rel="apple-touch-icon" sizes="144x144" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/apple-icon-144x144.png">
24  <link rel="apple-touch-icon" sizes="152x152" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/apple-icon-152x152.png">
25  <link rel="apple-touch-icon" sizes="180x180" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/apple-icon-180x180.png">
26
27  <link rel="icon" type="image/png" sizes="192x192" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/android-icon-192x192.png">
28  <link rel="manifest" href="/images/manifest.json">
29
30  <meta name="msapplication-config" content="/images/browserconfig.xml" />
31
32  <meta name="msapplication-TileColor" content="#ffffff">
33  <meta name="msapplication-TileImage" content="https://prod-cdn.centr.com/deploy/static/icons/rebrand/apple-icon-144x144.png">
34
35  <link rel="icon" type="image/png" sizes="16x16" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/favicon-16x16.png">
36  <link rel="icon" type="image/png" sizes="32x32" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/favicon-32x32.png">
37  <link rel="icon" type="image/png" sizes="96x96" href="https://prod-cdn.centr.com/deploy/static/icons/rebrand/favicon-96x96.png">
38
39  <link rel="preload" href="https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Regular-WebM.woff2" as="font" type="font/woff2" crossorigin>
40  <link rel="preload" href="https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Bold-WebM.woff2" as="font" type="font/woff2" crossorigin>
41  <link rel="preload" href="https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Black-WebM.woff2" as="font" type="font/woff2" crossorigin>
42
43  <link rel="stylesheet" href="/css/font-awesome-4.7.0.min.css"/>
44
45    <style>
46    /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
47@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}
47}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-50:oklch(98% .016 73.684);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-600:oklch(44.6% .043 257.281);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base,components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:0}.left-0{left:0}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.col-span-1{grid-column:span 1/span 1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-8{margin-block:calc(var(--spacing) * 8)}.my-auto{margin-block:auto}.-mt-2\.5{margin-top:calc(var(--spacing) * -2.5)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}
47.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-24{height:calc(var(--spacing) * 24)}.h-64{height:calc(var(--spacing) * 64)}.h-\[200px\]{height:200px}.h-full{height:100%}.h-screen{height:100vh}.min-h-\[56px\]{min-height:56px}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-100{width:calc(var(--spacing) * 100)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-24{max-width:calc(var(--spacing) * 24)}.max-w-\[297px\]{max-width:297px}.max-w-\[520px\]{max-width:520px}.min-w-0{min-width:0}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.self-start{align-self:flex-start}.rounded{border-radius:.25rem}.rounded-\[24px\]{border-radius:24px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-b-\[24px\]{border-bottom-right-radius:24px;border-bottom-left-radius:24px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-slate-300{border-color:var(--color-slate-300)}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black{--tw-gradient-to:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.\!px-0{padding-inline:0!important}.px-0{padding-inline:0}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pr-0{padding-right:0}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);
47line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.\!text-\[\#E5DDCFBF\]{color:#e5ddcfbf!important}.text-\[\#2f2c2c\]{color:#2f2c2c}.text-\[color\:white\]{color:#fff}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-yellow-800{color:var(--color-yellow-800)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}
47.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
47dow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:w-1\/2{width:50%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-row-reverse{flex-direction:row-reverse}.md\:items-center{align-items:center}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:text-center{text-align:center}}@media (min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-start-2{grid-column-start:2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
48@layer properties;
49@layer theme, base, components, utilities;
50@layer theme {
51  :root, :host {
52    --font-sans: "SuisseIntl", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
53    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
54    --font-mono: "SuisseIntl Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
55    "Liberation Mono", "Courier New", monospace;
56    --color-slate-300: oklch(86.9% 0.022 252.894);
57    --color-slate-600: oklch(44.6% 0.043 257.281);
58    --color-gray-50: oklch(98.5% 0.002 247.839);
59    --color-gray-500: oklch(55.1% 0.027 264.364);
60    --color-gray-700: oklch(37.3% 0.034 259.733);
61    --color-black: #000;
62    --color-white: #fff;
63    --spacing: 0.25rem;
64    --text-xs: 0.75rem;
65    --text-xs--line-height: calc(1 / 0.75);
66    --text-sm: 0.875rem;
67    --text-sm--line-height: calc(1.25 / 0.875);
68    --text-base: 1rem;
69    --text-base--line-height: calc(1.5 / 1);
70    --text-lg: 1.125rem;
71    --text-lg--line-height: calc(1.75 / 1.125);
72    --text-2xl: 1.5rem;
73    --text-2xl--line-height: calc(2 / 1.5);
74    --font-weight-medium: 500;
75    --font-weight-bold: 700;
76    --tracking-wide: 0.025em;
77    --radius-lg: 0.5rem;
78    --animate-spin: spin 1s linear infinite;
79    --default-font-family: var(--font-sans);
80    --default-mono-font-family: var(--font-mono);
81    --color-yellow: #ffff33;
82    --color-earth-blue-lightest: #bcdff0;
83    --color-green: #2bab38;
84    --color-green-lightest: #effbf0;
85    --color-red: #ba1a1a;
86    --color-red-lightest: #feecec;
87    --color-charcoal-darkest: #1a1818;
88    --color-charcoal-dark: #222121;
89    --color-charcoal-light: #464242;
90    --color-charcoal: #2f2c2c;
91    --color-blue: #1b68bb;
92    --color-orange: #bb761b;
93    --color-orange-lightest: #fcefcf;
94    --color-soft-neutrals-dark: #dfdfec;
95    --color-soft-neutrals: #e6e6ef;
96    --color-soft-neutrals-light: #ebebf3;
97    --color-soft-neutrals-lightest: #f2f2f7;
98    --color-greige-dark: #d9d5cf;
99    --color-sand-lightest: #edebe7;
100    --color-sand-light: #e5ddcf;
101    --color-sand: #dfd5c3;
102  }
103}
104@layer base {
105  *, ::after, ::before, ::backdrop, ::file-selector-button {
106    box-sizing: border-box;
107    margin: 0;
108    padding: 0;
109    border: 0 solid;
110  }
111  html, :host {
112    line-height: 1.5;
113    -webkit-text-size-adjust: 100%;
114    tab-size: 4;
115    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
116    font-feature-settings: var(--default-font-feature-settings, normal);
117    font-variation-settings: var(--default-font-variation-settings, normal);
118    -webkit-tap-highlight-color: transparent;
119  }
120  hr {
121    height: 0;
122    color: inherit;
123    border-top-width: 1px;
124  }
125  abbr:where([title]) {
126    -webkit-text-decoration: underline dotted;
127    text-decoration: underline dotted;
128  }
129  h1, h2, h3, h4, h5, h6 {
130    font-size: inherit;
131    font-weight: inherit;
132  }
133  a {
134    color: inherit;
135    -webkit-text-decoration: inherit;
136    text-decoration: inherit;
137  }
138  b, strong {
139    font-weight: bolder;
140  }
141  code, kbd, samp, pre {
142    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
143    font-feature-settings: var(--default-mono-font-feature-settings, normal);
144    font-variation-settings: var(--default-mono-font-variation-settings, normal);
145    font-size: 1em;
146  }
147  small {
148    font-size: 80%;
149  }
150  sub, sup {
151    font-size: 75%;
152    line-height: 0;
153    position: relative;
154    vertical-align: baseline;
155  }
156  sub {
157    bottom: -0.25em;
158  }
159  sup {
160    top: -0.5em;
161  }
162  table {
163    text-indent: 0;
164    border-color: inherit;
165    border-collapse: collapse;
166  }
167  :-moz-focusring {
168    outline: auto;
169  }
170  progress {
171    vertical-align: baseline;
172  }
173  summary {
174    display: list-item;
175  }
176  ol, ul, menu {
177    list-style: none;
178  }
179  img, svg, video, canvas, audio, iframe, embed, object {
180    display: block;
181    vertical-align: middle;
182  }
183  img, video {
184    max-width: 100%;
185    height: auto;
186  }
187  button, input, select, optgroup, textarea, ::file-selector-button {
188    font: inherit;
189    font-feature-settings: inherit;
190    font-variation-settings: inherit;
191    letter-spacing: inherit;
192    color: inherit;
193    border-radius: 0;
194    background-color: transparent;
195    opacity: 1;
196  }
197  :where(select:is([multiple], [size])) optgroup {
198    font-weight: bolder;
199  }
200  :where(select:is([multiple], [size])) optgroup option {
201    padding-inline-start: 20px;
202  }
203  ::file-selector-button {
204    margin-inline-end: 4px;
205  }
206  ::placeholder {
207    opacity: 1;
208  }
209  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
210    ::placeholder {
211      color: currentcolor;
212      @supports (color: color-mix(in lab, red, red)) {
213        color: color-mix(in oklab, currentcolor 50%, transparent);
214      }
215    }
216  }
217  textarea {
218    resize: vertical;
219  }
220  ::-webkit-search-decoration {
221    -webkit-appearance: none;
222  }
223  ::-webkit-date-and-time-value {
224    min-height: 1lh;
225    text-align: inherit;
226  }
227  ::-webkit-datetime-edit {
228    display: inline-flex;
229  }
230  ::-webkit-datetime-edit-fields-wrapper {
231    padding: 0;
232  }
233  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-d
233ay-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
234    padding-block: 0;
235  }
236  ::-webkit-calendar-picker-indicator {
237    line-height: 1;
238  }
239  :-moz-ui-invalid {
240    box-shadow: none;
241  }
242  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
243    appearance: button;
244  }
245  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
246    height: auto;
247  }
248  [hidden]:where(:not([hidden="until-found"])) {
249    display: none !important;
250  }
251}
252@layer utilities {
253  .diff {
254    @layer daisyui.l1.l2.l3 {
255      position: relative;
256      display: grid;
257      width: 100%;
258      overflow: hidden;
259      webkit-user-select: none;
260      user-select: none;
261      grid-template-rows: 1fr 1.8rem 1fr;
262      direction: ltr;
263      container-type: inline-size;
264      grid-template-columns: auto 1fr;
265      &:focus-visible, &:has(.diff-item-1:focus-visible) {
266        outline-style: var(--tw-outline-style);
267        outline-width: 2px;
268        outline-offset: 1px;
269        outline-color: var(--color-base-content);
270      }
271      &:focus-visible {
272        outline-style: var(--tw-outline-style);
273        outline-width: 2px;
274        outline-offset: 1px;
275        outline-color: var(--color-base-content);
276        .diff-resizer {
277          min-width: 95cqi;
278          max-width: 95cqi;
279        }
280      }
281      &:has(.diff-item-1:focus-visible) {
282        outline-style: var(--tw-outline-style);
283        outline-width: 2px;
284        outline-offset: 1px;
285        .diff-resizer {
286          min-width: 5cqi;
287          max-width: 5cqi;
288        }
289      }
290      @supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) {
291        &:focus {
292          .diff-resizer {
293            min-width: 5cqi;
294            max-width: 5cqi;
295          }
296        }
297        &:has(.diff-item-1:focus) {
298          .diff-resizer {
299            min-width: 95cqi;
300            max-width: 95cqi;
301          }
302        }
303      }
304    }
305  }
306  .tooltip {
307    @layer daisyui.l1.l2.l3 {
308      position: relative;
309      display: inline-block;
310      --tt-bg: var(--color-neutral);
311      --tt-off: calc(100% + 0.5rem);
312      --tt-tail: calc(100% + 1px + 0.25rem);
313      & > .tooltip-content, &[data-tip]:before {
314        position: absolute;
315        max-width: 20rem;
316        border-radius: var(--radius-field);
317        padding-inline: calc(0.25rem * 2);
318        padding-block: calc(0.25rem * 1);
319        text-align: center;
320        white-space: normal;
321        color: var(--color-neutral-content);
322        opacity: 0%;
323        font-size: 0.875rem;
324        line-height: 1.25;
325        background-color: var(--tt-bg);
326        width: max-content;
327        pointer-events: none;
328        z-index: 2;
329        --tw-content: attr(data-tip);
330        content: var(--tw-content);
331      }
332      &:after {
333        opacity: 0%;
334        background-color: var(--tt-bg);
335        content: "";
336        pointer-events: none;
337        width: 0.625rem;
338        height: 0.25rem;
339        display: block;
340        position: absolute;
341        mask-repeat: no-repeat;
342        mask-position: -1px 0;
343        --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");
344        mask-image: var(--mask-tooltip);
345      }
346      @media (prefers-reduced-motion: no-preference) {
347        & > .tooltip-content, &[data-tip]:before, &:after {
348          transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 75ms;
349        }
350      }
351      &:is([data-tip]:not([data-tip=""]), :has(.tooltip-content:not(:empty))) {
352        &.tooltip-open, &:hover, &:has(:focus-visible) {
353          & > .tooltip-content, &[data-tip]:before, &:after {
354            opacity: 100%;
355            --tt-pos: 0rem;
356            @media (prefers-reduced-motion: no-preference) {
357              transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
358            }
359          }
360        }
361      }
362    }
363    @layer daisyui.l1.l2 {
364       > .tooltip-content, &[data-tip]:before {
365        transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));
366        inset: auto auto var(--tt-off) 50%;
367      }
368      &:after {
369        transform: translateX(-50%) translateY(var(--tt-pos, 0.25rem));
370        inset: auto auto var(--tt-tail) 50%;
371      }
372    }
373  }
374  .tab {
375    @layer daisyui.l1.l2.l3 {
376      position: relative;
377      display: inline-flex;
378      cursor: pointer;
379      appearance: none;
380      flex-wrap: wrap;
381      align-items: center;
382      justify-content: center;
383      text-align: center;
384      webkit-user-select: none;
385      user-select: none;
386      &:hover {
387        @media (hover: hover) {
388          color: var(--color-base-content);
389        }
390      }
391      --tab-p: 0.75rem;
392      --tab-bg: var(--color-base-100);
393      --tab-border-color: var(--color-base-300);
394      --tab-radius-ss: 0;
395      --tab-radius-se: 0;
396      --tab-radius-es: 0;
397      --tab-radius-ee: 0;
398      --tab-order: 0;
399      --tab-radius-min: calc(0.75rem - var(--border));
400      --tab-radius-limit: min(var(--radius-field), var(--tab-radius-min));
401      --tab-radius-grad: #0000 calc(69% - var(--border)),
402      var(--tab-border-color) calc(69% - var(--border) + 0.25px),
403      var(--tab-border-color) 69%,
404      var(--tab-bg) calc(69% + 0.25px);
405      border-color: #0000;
406      order: var(--tab-order);
407      height: var(--tab-height);
408      font-size: 0.875rem;
409      padding-inline: var(--tab-p);
410      &:is(input[type="radio"]) {
411        min-width: fit-content;
412        &:after {
413          --tw-content: attr(aria-label);
414          content: var(--tw-content);
415        }
416      }
417      &:is(label) {
418        position: relative;
419        input {
420          position: absolute;
421          inset: calc(0.25rem * 0);
422          cursor: pointer;
423          appearance: none;
424          opacity: 0%;
425        }
426      }
427      &:checked, &:is(label:has(:checked)), &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
428        & + .tab-content {
429          display: block;
430        }
431      }
432      &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"] ) {
433        color: var(--color-base-content);
434        @supports (color: color-mix(in lab, red, red)) {
435          color: color-mix(in oklab, var(--color-base-content) 50%, transparent);
436        }
437      }
438      &:not(input):empty {
439        flex-grow: 1;
440        cursor: default;
441      }
442      &:focus {
443        --tw-outline-style: none;
444        outline-style: none;
445        @media (forced-colors: active) {
446          outline: 2px solid transparent;
447          outline-offset: 2px;
448        }
449      }
450      &:focus-visible, &:is(label:has(:checked:focus-visible)) {
451        outline: 2px solid currentColor;
452        outline-offset: -5px;
453      }
454      &[disabled] {
455        pointer-events: none;
456        opacity: 40%;
457      }
458    }
459  }
460  .btn {
461    :where(&) {
462      @layer daisyui.l1.l2.l3 {
463        width: unset;
464      }
465    }
466    .prose :where(a&:not(.btn-link)):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
467      text-decoration-line: none;
468    }
469    @layer daisyui.l1.l2.l3 {
470      display: inline-flex;
471      flex-shrink: 0;
472      cursor: pointer;
473      flex-wrap: nowrap;
474      align-items: center;
475      justify-content: center;
476      gap: calc(0.25rem * 1.5);
477      text-align: center;
478      vertical-align: middle;
479      outline-offset: 2px;
480      webkit-user-select: none;
481      user-select: none;
482      padding-inline: var(--btn-p);
483      color: var(--btn-fg);
484      --tw-prose-links: var(--btn-fg);
485      height: var(--size);
486      font-size: var(--fontsize, 0.875rem);
487      font-weight: 600;
488      outline-color: var(--btn-color, var(--color-base-content));
489      transition-property: color, background-color, border-color, box-shadow;
490      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
491      transition-duration: 0.2s;
492      border-start-start-radius: var(--join-ss, var(--radius-field));
493      border-start-end-radius: var(--join-se, var(--radius-field));
494      border-end-start-radius: var(--join-es, var(--radius-field));
495      border-end-end-radius: var(--join-ee, var(--radius-field));
496      background-color: var(--btn-bg);
497      background-size: auto, calc(var(--noise) * 100%);
498      background-image: none, var(--btn-noise);
499      border-width: var(--border);
500      border-style: solid;
501      border-color: var(--btn-border);
502      text-shadow: 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15));
503      touch-action: manipulation;
504      box-shadow: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow);
505      --size: calc(var(--size-field, 0.25rem) * 10);
506      --btn-bg: var(--btn-color, var(--color-base-200));
507      --btn-fg: var(--color-base-content);
508      --btn-p: 1rem;
509      --btn-border: var(--btn-bg);
510      @supports (color: color-mix(in lab, red, red)) {
511        --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
512      }
513      --btn-shadow: 0 3px 2px -2px var(--btn-bg),
514      0 4px 3px -2px var(--btn-bg);
515      @supports (color: color-mix(in lab, red, red)) {
516        --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
517      0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
518      }
519      --btn-noise: var(--fx-noise);
520      @media (hover: hover) {
521        &:hover {
522          --btn-bg: var(--btn-color, var(--color-base-200));
523          @supports (color: color-mix(in lab, red, red)) {
524            --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
525          }
526        }
527      }
528      &:focus-visible, &:has(:focus-visible) {
529        outline-width: 2px;
530        outline-style: solid;
531        isolation: isolate;
532      }
533      &:active:not(.btn-active) {
534        translate: 0 0.5px;
535        --btn-bg: var(--btn-color, var(--color-base-200));
536        @supports (color: color-mix(in lab, red, red)) {
537          --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
538        }
539        --btn-border: var(--btn-color, var(--color-base-200));
540        @supports (color: color-mix(in lab, red, red)) {
541          --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
542        }
543        --btn-shadow: 0 0 0 0 oklch(0% 0 0/0), 0 0 0 0 oklch(0% 0 0/0);
544      }
545      &:is(input[type="checkbox"], input[type="radio"]) {
546        appearance: none;
547        &[aria-label]::after {
548          --tw-content: attr(aria-label);
549          content: var(--tw-content);
550        }
551      }
552      &:where(input:checked:not(.filter .btn)) {
553        --btn-color: var(--color-primary);
554        --btn-fg: var(--color-primary-content);
555        isolation: isolate;
556      }
557    }
558    &:disabled {
559      @layer daisyui.l1.l2 {
560        &:not(.btn-link, .btn-ghost) {
561          background-color: var(--color-base-content);
562          @supports (color: color-mix(in lab, red, red)) {
563            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
564          }
565          box-shadow: none;
566        }
567        pointer-events: none;
568        --btn-border: #0000;
569        --btn-noise: none;
570        --btn-fg: var(--color-base-content);
571        @supports (color: color-mix(in lab, red, red)) {
572          --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
573        }
574      }
575    }
576    &[disabled] {
577      @layer daisyui.l1.l2 {
578        &:not(.btn-link, .btn-ghost) {
579          background-color: var(--color-base-content);
580          @supports (color: color-mix(in lab, red, red)) {
581            background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
582          }
583          box-shadow: none;
584        }
585        pointer-events: none;
586        --btn-border: #0000;
587        --btn-noise: none;
588        --btn-fg: var(--color-base-content);
589        @supports (color: color-mix(in lab, red, red)) {
590          --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
591        }
592      }
593    }
594  }
595  .loading {
596    @layer daisyui.l1.l2.l3 {
597      pointer-events: none;
598      display: inline-block;
599      aspect-ratio: 1 / 1;
600      background-color: currentcolor;
601      vertical-align: middle;
602      width: calc(var(--size-selector, 0.25rem) * 6);
603      mask-size: 100%;
604      mask-repeat: no-repeat;
605      mask-position: center;
606      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewB
606ox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
607    }
608  }
609  .btn-disabled {
610    @layer daisyui.l1.l2 {
611      &:not(.btn-link, .btn-ghost) {
612        background-color: var(--color-base-content);
613        @supports (color: color-mix(in lab, red, red)) {
614          background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
615        }
616        box-shadow: none;
617      }
618      pointer-events: none;
619      --btn-border: #0000;
620      --btn-noise: none;
621      --btn-fg: var(--color-base-content);
622      @supports (color: color-mix(in lab, red, red)) {
623        --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000);
624      }
625    }
626  }
627  .invisible {
628    visibility: hidden;
629  }
630  .visible {
631    visibility: visible;
632  }
633  .list {
634    @layer daisyui.l1.l2.l3 {
635      display: flex;
636      flex-direction: column;
637      font-size: 0.875rem;
638      .list-row {
639        --list-grid-cols: minmax(0, auto) 1fr;
640        position: relative;
641        display: grid;
642        grid-auto-flow: column;
643        gap: calc(0.25rem * 4);
644        border-radius: var(--radius-box);
645        padding: calc(0.25rem * 4);
646        word-break: break-word;
647        grid-template-columns: var(--list-grid-cols);
648      }
649      & > :not(:last-child) {
650        &.list-row, .list-row {
651          &:after {
652            content: "";
653            border-bottom: var(--border) solid;
654            inset-inline: var(--radius-box);
655            position: absolute;
656            bottom: calc(0.25rem * 0);
657            border-color: var(--color-base-content);
658            @supports (color: color-mix(in lab, red, red)) {
659              border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent);
660            }
661          }
662        }
663      }
664    }
665    @layer daisyui.l1.l2 {
666      .list-row {
667        &:has(.list-col-grow:nth-child(1)) {
668          --list-grid-cols: 1fr;
669        }
670        &:has(.list-col-grow:nth-child(2)) {
671          --list-grid-cols: minmax(0, auto) 1fr;
672        }
673        &:has(.list-col-grow:nth-child(3)) {
674          --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr;
675        }
676        &:has(.list-col-grow:nth-child(4)) {
677          --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
678        }
679        &:has(.list-col-grow:nth-child(5)) {
680          --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr;
681        }
682        &:has(.list-col-grow:nth-child(6)) {
683          --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto)
684          minmax(0, auto) 1fr;
685        }
686         > * {
687          grid-row-start: 1;
688        }
689      }
690    }
691  }
692  .toggle {
693    @layer daisyui.l1.l2.l3 {
694      border: var(--border) solid currentColor;
695      color: var(--input-color);
696      position: relative;
697      display: inline-grid;
698      flex-shrink: 0;
699      cursor: pointer;
700      appearance: none;
701      place-content: center;
702      vertical-align: middle;
703      webkit-user-select: none;
704      user-select: none;
705      grid-template-columns: 0fr 1fr 1fr;
706      --radius-selector-max: calc(
707      var(--radius-selector) + var(--radius-selector) + var(--radius-selector)
708    );
709      border-radius: calc( var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)) );
710      padding: var(--toggle-p);
711      box-shadow: 0 1px currentColor inset;
712      @supports (color: color-mix(in lab, red, red)) {
713        box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset;
714      }
715      transition: color 0.3s, grid-template-columns 0.2s;
716      --input-color: var(--color-base-content);
717      @supports (color: color-mix(in lab, red, red)) {
718        --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000);
719      }
720      --toggle-p: calc(var(--size) * 0.125);
721      --size: calc(var(--size-selector, 0.25rem) * 6);
722      width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);
723      height: var(--size);
724       > * {
725        z-index: 1;
726        grid-column: span 1 / span 1;
727        grid-column-start: 2;
728        grid-row-start: 1;
729        height: 100%;
730        cursor: pointer;
731        appearance: none;
732        background-color: transparent;
733        padding: calc(0.25rem * 0.5);
734        transition: opacity 0.2s, rotate 0.4s;
735        border: none;
736        &:focus {
737          --tw-outline-style: none;
738          outline-style: none;
739          @media (forced-colors: active) {
740            outline: 2px solid transparent;
741            outline-offset: 2px;
742          }
743        }
744        &:nth-child(2) {
745          color: var(--color-base-100);
746          rotate: 0deg;
747        }
748        &:nth-child(3) {
749          color: var(--color-base-100);
750          opacity: 0%;
751          rotate: -15deg;
752        }
753      }
754      &:has(:checked) {
755         > :nth-child(2) {
756          opacity: 0%;
757          rotate: 15deg;
758        }
759         > :nth-child(3) {
760          opacity: 100%;
761          rotate: 0deg;
762        }
763      }
764      &:before {
765        position: relative;
766        inset-inline-start: calc(0.25rem * 0);
767        grid-column-start: 2;
768        grid-row-start: 1;
769        aspect-ratio: 1 / 1;
770        height: 100%;
771        width: 100%;
772        border-radius: var(--radius-selector);
773        background-color: currentcolor;
774        translate: 0;
775        --tw-content: "";
776        content: var(--tw-content);
777        transition: background-color 0.1s, translate 0.2s, inset-inline-start 0.2s;
778        box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px currentColor;
779        @supports (color: color-mix(in lab, red, red)) {
780          box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000);
781        }
782        background-size: auto, calc(var(--noise) * 100%);
783        background-image: none, var(--fx-noise);
784      }
785      @media (forced-colors: active) {
786        &:before {
787          outline-style: var(--tw-outline-style);
788          outline-width: 1px;
789          outline-offset: calc(1px * -1);
790        }
791      }
792      @media print {
793        &:before {
794          outline: 0.25rem solid;
795          outline-offset: -1rem;
796        }
797      }
798      &:focus-visible, &:has(:focus-visible) {
799        outline: 2px solid currentColor;
800        outline-offset: 2px;
801      }
802      &:checked, &[aria-checked="true"], &:has( > input:checked) {
803        grid-template-columns: 1fr 1fr 0fr;
804        background-color: var(--color-base-100);
805        --input-color: var(--color-base-content);
806        &:before {
807          background-color: currentcolor;
808        }
809        @starting-style {
810          &:before {
811            opacity: 0;
812          }
813        }
814      }
815      &:indeterminate {
816        grid-template-columns: 0.5fr 1fr 0.5fr;
817      }
818      &:disabled {
819        cursor: not-allowed;
820        opacity: 30%;
821        &:before {
822          background-color: transparent;
823          border: var(--border) solid currentColor;
824        }
825      }
826    }
827  }
828  .input {
829    @layer daisyui.l1.l2.l3 {
830      cursor: text;
831      border: var(--border) solid #0000;
832      position: relative;
833      display: inline-flex;
834      flex-shrink: 1;
835      appearance: none;
836      align-items: center;
837      gap: calc(0.25rem * 2);
838      background-color: var(--color-base-100);
839      padding-inline: calc(0.25rem * 3);
840      vertical-align: middle;
841      white-space: nowrap;
842      width: clamp(3rem, 20rem, 100%);
843      height: var(--size);
844      font-size: max(var(--font-size, 0.875rem), 0.875rem);
845      touch-action: manipulation;
846      border-start-start-radius: var(--join-ss, var(--radius-field));
847      border-start-end-radius: var(--join-se, var(--radius-field));
848      border-end-start-radius: var(--join-es, var(--radius-field));
849      border-end-end-radius: var(--join-ee, var(--radius-field));
850      border-color: var(--input-color);
851      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
852      @supports (color: color-mix(in lab, red, red)) {
853        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
854      }
855      --size: calc(var(--size-field, 0.25rem) * 10);
856      --input-color: var(--color-base-content);
857      @supports (color: color-mix(in lab, red, red)) {
858        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
859      }
860      &:where(input) {
861        display: inline-flex;
862      }
863      :where(input) {
864        display: inline-flex;
865        height: 100%;
866        width: 100%;
867        appearance: none;
868        background-color: transparent;
869        border: none;
870        &:focus, &:focus-within {
871          --tw-outline-style: none;
872          outline-style: none;
873          @media (forced-colors: active) {
874            outline: 2px solid transparent;
875            outline-offset: 2px;
876          }
877        }
878      }
879      :where(input[type="url"]), :where(input[type="email"]) {
880        direction: ltr;
881      }
882      :where(input[type="date"]) {
883        display: inline-flex;
884      }
885      &:focus, &:focus-within {
886        --input-color: var(--color-base-content);
887        box-shadow: 0 1px var(--input-color);
888        @supports (color: color-mix(in lab, red, red)) {
889          box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
890        }
891        outline: 2px solid var(--input-color);
892        outline-offset: 2px;
893        isolation: isolate;
894      }
895      @media (pointer: coarse) {
896        @supports (-webkit-touch-callout: none) {
897          &:focus, &:focus-within {
898            --font-size: 1rem;
899          }
900        }
901      }
902      &:has( > input[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
903        cursor: not-allowed;
904        border-color: var(--color-base-200);
905        background-color: var(--color-base-200);
906        color: var(--color-base-content);
907        @supports (color: color-mix(in lab, red, red)) {
908          color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
909        }
910        &::placeholder {
911          color: var(--color-base-content);
912          @supports (color: color-mix(in lab, red, red)) {
913            color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
914          }
915        }
916        box-shadow: none;
917      }
918      &:has( > input[disabled]) > input[disabled] {
919        cursor: not-allowed;
920      }
921      &::-webkit-date-and-time-value {
922        text-align: inherit;
923      }
924      &[type="number"] {
925        &::-webkit-inner-spin-button {
926          margin-block: calc(0.25rem * -3);
927          margin-inline-end: calc(0.25rem * -3);
928        }
929      }
930      &::-webkit-calendar-picker-indicator {
931        position: absolute;
932        inset-inline-end: 0.75em;
933      }
934      &:has( > input[type="date"]) {
935        :where(input[type="date"]) {
936          display: inline-flex;
937          webkit-appearance: none;
938          appearance: none;
939        }
940        input[type="date"]::-webkit-calendar-picker-indicator {
941          position: absolute;
942          inset-inline-end: 0.75em;
943          width: 1em;
944          height: 1em;
945          cursor: pointer;
946        }
947      }
948    }
949  }
950  .steps {
951    @layer daisyui.l1.l2.l3 {
952      display: inline-grid;
953      grid-auto-flow: column;
954      overflow: hidden;
955      overflow-x: auto;
956      counter-reset: step;
957      grid-auto-columns: 1fr;
958      .step {
959        display: grid;
960        grid-template-columns: repeat(1, minmax(0, 1fr));
961        grid-template-columns: auto;
962        grid-template-rows: repeat(2, minmax(0, 1fr));
963        grid-template-rows: 40px 1fr;
964        place-items: center;
965        text-align: center;
966        min-width: 4rem;
967        --step-bg: var(--color-base-300);
968        --step-fg: var(--color-base-content);
969        &:before {
970          top: calc(0.25rem * 0);
971          grid-column-start: 1;
972          grid-row-start: 1;
973          height: calc(0.25rem * 2);
974          width: 100%;
975          border: 1px solid;
976          color: var(--step-bg);
977          background-color: var(--step-bg);
978          content: "";
979          margin-inline-start: -100%;
980        }
981         > .step-icon, &:not(:has(.step-icon)):after {
982          --tw-content: counter(step);
983          content: var(--tw-content);
984          counter-increment: step;
985          z-index: 1;
986          color: var(--step-fg);
987          background-color: var(--step-bg);
988          border: 1px solid var(--step-bg);
989          position: relative;
990          grid-column-start: 1;
991          grid-row-start: 1;
992          display: grid;
993          height: calc(0.25rem * 8);
994          width: calc(0.25rem * 8);
995          place-items: center;
996          place-self: center;
997          border-radius: calc(infinity * 1px);
998        }
999        &:first-child:before {
1000          --tw-content: none;
1001          content: var(--tw-content);
1002        }
1003        &[data-content]:after {
1004          --tw-content: attr(data-content);
1005          content: var(--tw-content);
1006        }
1007      }
1008    }
1009    @layer daisyui.l1.l2 {
1010      .step-neutral {
1011         + .step-neutral:before, &:after,  > .step-icon {
1012          --step-bg: var(--color-neutral);
1013          --step-fg: var(--color-neutral-content);
1014        }
1015      }
1016      .step-primary {
1017         + .step-primary:before, &:after,  > .step-icon {
1018          --step-bg: var(--color-primary);
1019          --step-fg: var(--color-primary-content);
1020        }
1021      }
1022      .step-secondary {
1023         + .step-secondary:before, &:after,  > .step-icon {
1024          --step-bg: var(--color-secondary);
1025          --step-fg: var(--color-secondary-content);
1026        }
1027      }
1028      .step-accent {
1029         + .step-accent:before, &:after,  > .step-icon {
1030          --step-bg: var(--color-accent);
1031          --step-fg: var(--color-accent-content);
1032        }
1033      }
1034      .step-info {
1035         + .step-info:before, &:after,  > .step-icon {
1036          --step-bg: var(--color-info);
1037          --step-fg: var(--color-info-content);
1038        }
1039      }
1040      .step-success {
1041         + .step-success:before, &:after,  > .step-icon {
1042          --step-bg: var(--color-success);
1043          --step-fg: var(--color-success-content);
1044        }
1045      }
1046      .step-warning {
1047         + .step-warning:before, &:after,  > .step-icon {
1048          --step-bg: var(--color-warning);
1049          --step-fg: var(--color-warning-content);
1050        }
1051      }
1052      .step-error {
1053         + .step-error:before, &:after,  > .step-icon {
1054          --step-bg: var(--color-error);
1055          --step-fg: var(--color-error-content);
1056        }
1057      }
1058    }
1059  }
1060  .select {
1061    @layer daisyui.l1.l2.l3 {
1062      border: var(--border) solid #0000;
1063      position: relative;
1064      display: inline-flex;
1065      flex-shrink: 1;
1066      appearance: none;
1067      align-items: center;
1068      gap: calc(0.25rem * 1.5);
1069      background-color: var(--color-base-100);
1070      padding-inline-start: calc(0.25rem * 3);
1071      padding-inline-end: calc(0.25rem * 7);
1072      vertical-align: middle;
1073      width: clamp(3rem, 20rem, 100%);
1074      height: var(--size);
1075      font-size: 0.875rem;
1076      touch-action: manipulation;
1077      border-start-start-radius: var(--join-ss, var(--radius-field));
1078      border-start-end-radius: var(--join-se, var(--radius-field));
1079      border-end-start-radius: var(--join-es, var(--radius-field));
1080      border-end-end-radius: var(--join-ee, var(--radius-field));
1081      background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%);
1082      background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%);
1083      background-size: 4px 4px, 4px 4px;
1084      background-repeat: no-repeat;
1085      white-space: nowrap;
1086      overflow: hidden;
1087      text-overflow: ellipsis;
1088      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
1089      @supports (color: color-mix(in lab, red, red)) {
1090        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
1091      }
1092      border-color: var(--input-color);
1093      --input-color: var(--color-base-content);
1094      @supports (color: color-mix(in lab, red, red)) {
1095        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
1096      }
1097      --size: calc(var(--size-field, 0.25rem) * 10);
1098      [dir="rtl"] & {
1099        background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%);
1100        &::picker(select), select::picker(select) {
1101          translate: 0.5rem 0;
1102        }
1103      }
1104      &[multiple] {
1105        height: auto;
1106        overflow: auto;
1107        padding-block: calc(0.25rem * 3);
1108        padding-inline-end: calc(0.25rem * 3);
1109        background-image: none;
1110      }
1111      select {
1112        margin-inline-start: calc(0.25rem * -3);
1113        margin-inline-end: calc(0.25rem * -7);
1114        width: calc(100% + 2.75rem);
1115        appearance: none;
1116        padding-inline-start: calc(0.25rem * 3);
1117        padding-inline-end: calc(0.25rem * 7);
1118        height: calc(100% - calc(var(--border) * 2));
1119        align-items: center;
1120        background: inherit;
1121        border-radius: inherit;
1122        border-style: none;
1123        &:focus, &:focus-within {
1124          --tw-outline-style: none;
1125          outline-style: none;
1126          @media (forced-colors: active) {
1127            outline: 2px solid transparent;
1128            outline-offset: 2px;
1129          }
1130        }
1131        &:not(:last-child) {
1132          margin-inline-end: calc(0.25rem * -5.5);
1133          background-image: none;
1134        }
1135      }
1136      &:focus, &:focus-within {
1137        --input-color: var(--color-base-content);
1138        box-shadow: 0 1px var(--input-color);
1139        @supports (color: color-mix(in lab, red, red)) {
1140          box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
1141        }
1142        outline: 2px solid var(--input-color);
1143        outline-offset: 2px;
1144        isolation: isolate;
1145      }
1146      &:has( >
1146 select[disabled]), &:is(:disabled, [disabled]), fieldset:disabled & {
1147        cursor: not-allowed;
1148        border-color: var(--color-base-200);
1149        background-color: var(--color-base-200);
1150        color: var(--color-base-content);
1151        @supports (color: color-mix(in lab, red, red)) {
1152          color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
1153        }
1154        &::placeholder {
1155          color: var(--color-base-content);
1156          @supports (color: color-mix(in lab, red, red)) {
1157            color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
1158          }
1159        }
1160      }
1161      &:has( > select[disabled]) > select[disabled] {
1162        cursor: not-allowed;
1163      }
1164      &, & select {
1165        @supports (appearance: base-select) {
1166          appearance: base-select;
1167        }
1168        @supports (appearance: base-select) {
1169          &::picker(select) {
1170            appearance: base-select;
1171          }
1172        }
1173        &::picker(select) {
1174          color: inherit;
1175          max-height: min(24rem, 70dvh);
1176          margin-inline: 0.5rem;
1177          translate: -0.5rem 0;
1178          border: var(--border) solid var(--color-base-200);
1179          margin-block: calc(0.25rem * 2);
1180          border-radius: var(--radius-box);
1181          padding: calc(0.25rem * 2);
1182          background-color: inherit;
1183          box-shadow: 0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/0.2);
1184          box-shadow: 0 20px 25px -5px rgb(0 0 0 / calc(var(--depth) * 0.1)), 0 8px 10px -6px rgb(0 0 0 / calc(var(--depth) * 0.1));
1185        }
1186        &::picker-icon {
1187          display: none;
1188        }
1189        optgroup {
1190          padding-top: 0.5em;
1191          option {
1192            &:nth-child(1) {
1193              margin-top: 0.5em;
1194            }
1195          }
1196        }
1197        option {
1198          border-radius: var(--radius-field);
1199          padding-inline: calc(0.25rem * 3);
1200          padding-block: calc(0.25rem * 1.5);
1201          transition-property: color, background-color;
1202          transition-duration: 0.2s;
1203          transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
1204          white-space: normal;
1205          &:not(:disabled) {
1206            &:hover, &:focus-visible {
1207              cursor: pointer;
1208              background-color: var(--color-base-content);
1209              @supports (color: color-mix(in lab, red, red)) {
1210                background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
1211              }
1212              --tw-outline-style: none;
1213              outline-style: none;
1214              @media (forced-colors: active) {
1215                outline: 2px solid transparent;
1216                outline-offset: 2px;
1217              }
1218            }
1219            &:active {
1220              background-color: var(--color-neutral);
1221              color: var(--color-neutral-content);
1222              box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--color-neutral);
1223            }
1224          }
1225        }
1226      }
1227    }
1228  }
1229  .sr-only {
1230    position: absolute;
1231    width: 1px;
1232    height: 1px;
1233    padding: 0;
1234    margin: -1px;
1235    overflow: hidden;
1236    clip-path: inset(50%);
1237    white-space: nowrap;
1238    border-width: 0;
1239  }
1240  .avatar {
1241    @layer daisyui.l1.l2.l3 {
1242      position: relative;
1243      display: inline-flex;
1244      vertical-align: middle;
1245      & > div {
1246        display: block;
1247        aspect-ratio: 1 / 1;
1248        overflow: hidden;
1249      }
1250      img {
1251        height: 100%;
1252        width: 100%;
1253        object-fit: cover;
1254      }
1255    }
1256  }
1257  .checkbox {
1258    @layer daisyui.l1.l2.l3 {
1259      border: var(--border) solid var(--input-color, var(--color-base-content));
1260      @supports (color: color-mix(in lab, red, red)) {
1261        border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000));
1262      }
1263      position: relative;
1264      display: inline-block;
1265      flex-shrink: 0;
1266      cursor: pointer;
1267      appearance: none;
1268      border-radius: var(--radius-selector);
1269      padding: calc(0.25rem * 1);
1270      vertical-align: middle;
1271      color: var(--color-base-content);
1272      box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 0 #0000 inset, 0 0 #0000;
1273      transition: background-color 0.2s, box-shadow 0.2s;
1274      --size: calc(var(--size-selector, 0.25rem) * 6);
1275      width: var(--size);
1276      height: var(--size);
1277      background-size: auto, calc(var(--noise) * 100%);
1278      background-image: none, var(--fx-noise);
1279      &:before {
1280        --tw-content: "";
1281        content: var(--tw-content);
1282        display: block;
1283        width: 100%;
1284        height: 100%;
1285        rotate: 45deg;
1286        background-color: currentcolor;
1287        opacity: 0%;
1288        transition: clip-path 0.3s, opacity 0.1s, rotate 0.3s, translate 0.3s;
1289        transition-delay: 0.1s;
1290        clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
1291        box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
1292        font-size: 1rem;
1293        line-height: 0.75;
1294      }
1295      &:focus-visible {
1296        outline: 2px solid var(--input-color, currentColor);
1297        outline-offset: 2px;
1298      }
1299      &:checked, &[aria-checked="true"] {
1300        background-color: var(--input-color, #0000);
1301        box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
1302        &:before {
1303          clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%);
1304          opacity: 100%;
1305        }
1306        @media (forced-colors: active) {
1307          &:before {
1308            rotate: 0deg;
1309            background-color: transparent;
1310            --tw-content: "✔︎";
1311            clip-path: none;
1312          }
1313        }
1314        @media print {
1315          &:before {
1316            rotate: 0deg;
1317            background-color: transparent;
1318            --tw-content: "✔︎";
1319            clip-path: none;
1320          }
1321        }
1322      }
1323      &:indeterminate {
1324        background-color: var( --input-color, var(--color-base-content) );
1325        @supports (color: color-mix(in lab, red, red)) {
1326          background-color: var( --input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000) );
1327        }
1328        &:before {
1329          rotate: 0deg;
1330          opacity: 100%;
1331          translate: 0 -35%;
1332          clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%);
1333        }
1334      }
1335    }
1336    &:disabled {
1337      @layer daisyui.l1.l2 {
1338        cursor: not-allowed;
1339        opacity: 20%;
1340      }
1341    }
1342  }
1343  .radio {
1344    @layer daisyui.l1.l2.l3 {
1345      position: relative;
1346      display: inline-block;
1347      flex-shrink: 0;
1348      cursor: pointer;
1349      appearance: none;
1350      border-radius: calc(infinity * 1px);
1351      padding: calc(0.25rem * 1);
1352      vertical-align: middle;
1353      border: var(--border) solid var(--input-color, currentColor);
1354      @supports (color: color-mix(in lab, red, red)) {
1355        border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000));
1356      }
1357      box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset;
1358      --size: calc(var(--size-selector, 0.25rem) * 6);
1359      width: var(--size);
1360      height: var(--size);
1361      color: var(--input-color, currentColor);
1362      &:before {
1363        display: block;
1364        width: 100%;
1365        height: 100%;
1366        border-radius: calc(infinity * 1px);
1367        --tw-content: "";
1368        content: var(--tw-content);
1369        background-size: auto, calc(var(--noise) * 100%);
1370        background-image: none, var(--fx-noise);
1371      }
1372      &:focus-visible {
1373        outline: 2px solid currentColor;
1374      }
1375      &:checked, &[aria-checked="true"] {
1376        border-color: currentcolor;
1377        background-color: var(--color-base-100);
1378        @media (prefers-reduced-motion: no-preference) {
1379          animation: radio 0.2s ease-out;
1380        }
1381        &:before {
1382          background-color: currentcolor;
1383          box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * 0.1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * 0.1));
1384        }
1385        @media (forced-colors: active) {
1386          &:before {
1387            outline-style: var(--tw-outline-style);
1388            outline-width: 1px;
1389            outline-offset: calc(1px * -1);
1390          }
1391        }
1392        @media print {
1393          &:before {
1394            outline: 0.25rem solid;
1395            outline-offset: -1rem;
1396          }
1397        }
1398      }
1399    }
1400    &:disabled {
1401      @layer daisyui.l1.l2 {
1402        cursor: not-allowed;
1403        opacity: 20%;
1404      }
1405    }
1406  }
1407  .card {
1408    @layer daisyui.l1.l2.l3 {
1409      position: relative;
1410      display: flex;
1411      flex-direction: column;
1412      border-radius: var(--radius-box);
1413      outline-width: 2px;
1414      transition: outline 0.2s ease-in-out;
1415      outline: 0 solid #0000;
1416      outline-offset: 2px;
1417      &:focus {
1418        --tw-outline-style: none;
1419        outline-style: none;
1420        @media (forced-colors: active) {
1421          outline: 2px solid transparent;
1422          outline-offset: 2px;
1423        }
1424      }
1425      &:focus-visible {
1426        outline-color: currentColor;
1427      }
1428      :where(figure:first-child) {
1429        overflow: hidden;
1430        border-start-start-radius: inherit;
1431        border-start-end-radius: inherit;
1432        border-end-start-radius: unset;
1433        border-end-end-radius: unset;
1434      }
1435      :where(figure:last-child) {
1436        overflow: hidden;
1437        border-start-start-radius: unset;
1438        border-start-end-radius: unset;
1439        border-end-start-radius: inherit;
1440        border-end-end-radius: inherit;
1441      }
1442      figure {
1443        display: flex;
1444        align-items: center;
1445        justify-content: center;
1446      }
1447      &:has( > input:is(input[type="checkbox"], input[type="radio"])) {
1448        cursor: pointer;
1449        user-select: none;
1450      }
1451      &:has( > :checked) {
1452        outline: 2px solid currentColor;
1453      }
1454    }
1455  }
1456  .progress {
1457    @layer daisyui.l1.l2.l3 {
1458      position: relative;
1459      height: calc(0.25rem * 2);
1460      width: 100%;
1461      appearance: none;
1462      overflow: hidden;
1463      border-radius: var(--radius-box);
1464      background-color: currentcolor;
1465      @supports (color: color-mix(in lab, red, red)) {
1466        background-color: color-mix(in oklab, currentcolor 20%, transparent);
1467      }
1468      color: var(--color-base-content);
1469      &:indeterminate {
1470        background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
1471        background-size: 200%;
1472        background-position-x: 15%;
1473        @media (prefers-reduced-motion: no-preference) {
1474          animation: progress 5s ease-in-out infinite;
1475        }
1476        @supports (-moz-appearance: none) {
1477          &::-moz-progress-bar {
1478            background-color: transparent;
1479            @media (prefers-reduced-motion: no-preference) {
1480              animation: progress 5s ease-in-out infinite;
1481              background-image: repeating-linear-gradient( 90deg, currentColor -1%, currentColor 10%, #0000 10%, #0000 90% );
1482              background-size: 200%;
1483              background-position-x: 15%;
1484            }
1485          }
1486        }
1487      }
1488      @supports (-moz-appearance: none) {
1489        &::-moz-progress-bar {
1490          border-radius: var(--radius-box);
1491          background-color: currentcolor;
1492        }
1493      }
1494      @supports (-webkit-appearance: none) {
1495        &::-webkit-progress-bar {
1496          border-radius: var(--radius-box);
1497          background-color: transparent;
1498        }
1499        &::-webkit-progress-value {
1500          border-radius: var(--radius-box);
1501          background-color: currentColor;
1502        }
1503      }
1504    }
1505  }
1506  .absolute {
1507    position: absolute;
1508  }
1509  .fixed {
1510    position: fixed;
1511  }
1512  .relative {
1513    position: relative;
1514  }
1515  .static {
1516    position: static;
1517  }
1518  .inset-0 {
1519    inset: 0;
1520  }
1521  .top-0 {
1522    top: 0;
1523  }
1524  .right-0 {
1525    right: 0;
1526  }
1527  .right-2 {
1528    right: calc(var(--spacing) * 2);
1529  }
1530  .bottom-0 {
1531    bottom: 0;
1532  }
1533  .left-0 {
1534    left: 0;
1535  }
1536  .textarea {
1537    @layer daisyui.l1.l2.l3 {
1538      border: var(--border) solid #0000;
1539      min-height: calc(0.25rem * 20);
1540      flex-shrink: 1;
1541      appearance: none;
1542      border-radius: var(--radius-field);
1543      background-color: var(--color-base-100);
1544      padding-block: calc(0.25rem * 2);
1545      vertical-align: middle;
1546      width: clamp(3rem, 20rem, 100%);
1547      padding-inline-start: 0.75rem;
1548      padding-inline-end: 0.75rem;
1549      font-size: max(var(--font-size, 0.875rem), 0.875rem);
1550      touch-action: manipulation;
1551      border-color: var(--input-color);
1552      box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
1553      @supports (color: color-mix(in lab, red, red)) {
1554        box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
1555      }
1556      --input-color: var(--color-base-content);
1557      @supports (color: color-mix(in lab, red, red)) {
1558        --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
1559      }
1560      textarea {
1561        appearance: none;
1562        background-color: transparent;
1563        border: none;
1564        &:focus, &:focus-within {
1565          --tw-outline-style: none;
1566          outline-style: none;
1567          @media (forced-colors: active) {
1568            outline: 2px solid transparent;
1569            outline-offset: 2px;
1570          }
1571        }
1572      }
1573      &:focus, &:focus-within {
1574        --input-color: var(--color-base-content);
1575        box-shadow: 0 1px var(--input-color);
1576        @supports (color: color-mix(in lab, red, red)) {
1577          box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
1578        }
1579        outline: 2px solid var(--input-color);
1580        outline-offset: 2px;
1581        isolation: isolate;
1582      }
1583      @media (pointer: coarse) {
1584        @supports (-webkit-touch-callout: none) {
1585          &:focus, &:focus-within {
1586            --font-size: 1rem;
1587          }
1588        }
1589      }
1590      &:has( > textarea[disabled]), &:is(:disabled, [disabled]) {
1591        cursor: not-allowed;
1592        border-color: var(--color-base-200);
1593        background-color: var(--color-base-200);
1594        color: var(--color-base-content);
1595        @supports (color: color-mix(in lab, red, red)) {
1596          color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
1597        }
1598        &::placeholder {
1599          color: var(--color-base-content);
1600          @supports (color: color-mix(in lab, red, red)) {
1601            color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
1602          }
1603        }
1604        box-shadow: none;
1605      }
1606      &:has( > textarea[disabled]) > textarea[disabled] {
1607        cursor: not-allowed;
1608      }
1609    }
1610  }
1611  .stack {
1612    @layer daisyui.l1.l2.l3 {
1613      display: inline-grid;
1614      grid-template-columns: 3px 4px 1fr 4px 3px;
1615      grid-template-rows: 3px 4px 1fr 4px 3px;
1616      & > * {
1617        height: 100%;
1618        width: 100%;
1619        &:nth-child(n + 2) {
1620          width: 100%;
1621          opacity: 70%;
1622        }
1623        &:nth-child(2) {
1624          z-index: 2;
1625          opacity: 90%;
1626        }
1627        &:nth-child(1) {
1628          z-index: 3;
1629          width: 100%;
1630        }
1631      }
1632    }
1633    @layer daisyui.l1.l2 {
1634      &, &.stack-bottom {
1635         > * {
1636          grid-column: 3 / 4;
1637          grid-row: 3 / 6;
1638          &:nth-child(2) {
1639            grid-column: 2 / 5;
1640            grid-row: 2 / 5;
1641          }
1642          &:nth-child(1) {
1643            grid-column: 1 / 6;
1644            grid-row: 1 / 4;
1645          }
1646        }
1647      }
1648      &.stack-top {
1649         > * {
1650          grid-column: 3 / 4;
1651          grid-row: 1 / 4;
1652          &:nth-child(2) {
1653            grid-column: 2 / 5;
1654            grid-row: 2 / 5;
1655          }
1656          &:nth-child(1) {
1657            grid-column: 1 / 6;
1658            grid-row: 3 / 6;
1659          }
1660        }
1661      }
1662      &.stack-start {
1663         > * {
1664          grid-column: 1 / 4;
1665          grid-row: 3 / 4;
1666          &:nth-child(2) {
1667            grid-column: 2 / 5;
1668            grid-row: 2 / 5;
1669          }
1670          &:nth-child(1) {
1671            grid-column: 3 / 6;
1672            grid-row: 1 / 6;
1673          }
1674        }
1675      }
1676      &.stack-end {
1677         > * {
1678          grid-column: 3 / 6;
1679          grid-row: 3 / 4;
1680          &:nth-child(2) {
1681            grid-column: 2 / 5;
1682            grid-row: 2 / 5;
1683          }
1684          &:nth-child(1) {
1685            grid-column: 1 / 4;
1686            grid-row: 1 / 6;
1687          }
1688        }
1689      }
1690    }
1691  }
1692  .z-0 {
1693    z-index: 0;
1694  }
1695  .z-10 {
1696    z-index: 10;
1697  }
1698  .col-span-1 {
1699    grid-column: span 1 / span 1;
1700  }
1701  .container {
1702    width: 100%;
1703    @media (width >= 40rem) {
1704      max-width: 40rem;
1705    }
1706    @media (width >= 48rem) {
1707      max-width: 48rem;
1708    }
1709    @media (width >= 64rem) {
1710      max-width: 64rem;
1711    }
1712    @media (width >= 80rem) {
1713      max-width: 80rem;
1714    }
1715    @media (width >= 96rem) {
1716      max-width: 96rem;
1717    }
1718  }
1719  .mx-4 {
1720    margin-inline: calc(var(--spacing) * 4);
1721  }
1722  .mx-auto {
1723    margin-inline: auto;
1724  }
1725  .my-1 {
1726    margin-block: var(--spacing);
1727  }
1728  .my-2 {
1729    margin-block: calc(var(--spacing) * 2);
1730  }
1731  .my-4 {
1732    margin-block: calc(var(--spacing) * 4);
1733  }
1734  .my-8 {
1735    margin-block: calc(var(--spacing) * 8);
1736  }
1737  .my-auto {
1738    margin-block: auto;
1739  }
1740  .label {
1741    @layer daisyui.l1.l2.l3 {
1742      display: inline-flex;
1743      align-items: center;
1744      gap: calc(0.25rem * 1.5);
1745      white-space: nowrap;
1746      color: currentcolor;
1747      @supports (color: color-mix(in lab, red, red)) {
1748        color: color-mix(in oklab, currentcolor 60%, transparent);
1749      }
1750      &:has(input) {
1751        cursor: pointer;
1752      }
1753      &:is(.input > *, .select > *) {
1754        display: flex;
1755        height: calc(100% - 0.5rem);
1756        align-items: center;
1757        padding-inline: calc(0.25rem * 3);
1758        white-space: nowrap;
1759        font-size: inherit;
1760        &:first-child {
1761          margin-inline-start: calc(0.25rem * -3);
1762          margin-inline-end: calc(0.25rem * 3);
1763          border-inline-end: var(--border) solid currentColor;
1764          @supports (color: color-mix(in lab, red, red)) {
1765            border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
1766          }
1767        }
1768        &:last-child {
1769          margin-inline-start: calc(0.25rem * 3);
1770          margin-inline-end: calc(0.25rem * -3);
1771          border-inline-start: var(--border) solid currentColor;
1772          @supports (color: color-mix(in lab, red, red)) {
1773            border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000);
1774          }
1775        }
1776      }
1777    }
1778  }
1779  .-mt-2\.5 {
1780    margin-top: calc(var(--spacing) * -2.5);
1781  }
1782  .mt-0 {
1783    margin-top: 0;
1784  }
1785  .mt-1 {
1786    margin-top: var(--spacing);
1787  }
1788  .mt-2 {
1789    margin-top: calc(var(--spacing) * 2);
1790  }
1791  .mt-3 {
1792    margin-top: calc(var(--spacing) * 3);
1793  }
1794  .mt-4 {
1795    margin-top: calc(var(--spacing) * 4);
1796  }
1797  .mt-5 {
1798    margin-top: calc(var(--spacing) * 5);
1799  }
1800  .mt-6 {
1801    margin-top: calc(var(--spacing) * 6);
1802  }
1803  .mt-8 {
1804    margin-top: calc(var(--spacing) * 8);
1805  }
1806  .mb-0 {
1807    margin-bottom: 0;
1808  }
1809  .mb-1 {
1810    margin-bottom: var(--spacing);
1811  }
1812  .mb-2 {
1813    margin-bottom: calc(var(--spacing) * 2);
1814  }
1815  .mb-3 {
1816    margin-bottom: calc(var(--spacing) * 3);
1817  }
1818  .mb-4 {
1819    margin-bottom: calc(var(--spacing) * 4);
1820  }
1821  .mb-5 {
1822    margin-bottom: calc(var(--spacing) * 5);
1823  }
1824  .mb-6 {
1825    margin-bottom: calc(var(--spacing) * 6);
1826  }
1827  .ml-1 {
1828    margin-left: var(--spacing);
1829  }
1830  .ml-2 {
1831    margin-left: calc(var(--spacing) * 2);
1832  }
1833  .status {
1834    @layer daisyui.l1.l2.l3 {
1835      display: inline-block;
1836      aspect-ratio: 1 / 1;
1837      width: calc(0.25rem * 2);
1838      height: calc(0.25rem * 2);
1839      border-radius: var(--radius-selector);
1840      background-color: var(--color-base-content);
1841      @supports (color: color-mix(in lab, red, red)) {
1842        background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
1843      }
1844      background-position: center;
1845      background-repeat: no-repeat;
1846      vertical-align: middle;
1847      color: color-mix(in srgb, #000 30%, transparent);
1848      @supports (color: color-mix(in lab, red, red)) {
1849        color: color-mix(in oklab, var(--color-black) 30%, transparent);
1850      }
1851      background-image: radial-gradient( circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * 0.5)), #0000 );
1852      box-shadow: 0 2px 3px -1px currentColor;
1853      @supports (color: color-mix(in lab, red, red)) {
1854        box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000);
1855      }
1856    }
1857  }
1858  .tabs {
1859    @layer daisyui.l1.l2.l3 {
1860      display: flex;
1861      flex-wrap: wrap;
1862      --tabs-height: auto;
1863      --tabs-direction: row;
1864      --tab-height: calc(var(--size-field, 0.25rem) * 10);
1865      height: var(--tabs-height);
1866      flex-direction: var(--tabs-direction);
1867    }
1868  }
1869  .footer {
1870    @layer daisyui.l1.l2.l3 {
1871      display: grid;
1872      width: 100%;
1873      grid-auto-flow: row;
1874      place-items: start;
1875      column-gap: calc(0.25rem * 4);
1876      row-gap: calc(0.25rem * 10);
1877      font-size: 0.875rem;
1878      line-height: 1.25rem;
1879      & > * {
1880        display: grid;
1881        place-items: start;
1882        gap: calc(0.25rem * 2);
1883      }
1884      &.footer-center {
1885        grid-auto-flow: column dense;
1886        place-items: center;
1887        text-align: center;
1888        & > * {
1889          place-items: center;
1890        }
1891      }
1892    }
1893  }
1894  .card-body {
1895    @layer daisyui.l1.l2.l3 {
1896      display: flex;
1897      flex: auto;
1898      flex-direction: column;
1899      gap: calc(0.25rem * 2);
1900      padding: var(--card-p, 1.5rem);
1901      font-size: var(--card-fs, 0.875rem);
1902      :where(p) {
1903        flex-grow: 1;
1904      }
1905    }
1906  }
1907  .alert {
1908    border-width: var(--border);
1909    border-color: var(--alert-border-color, var(--color-base-200));
1910    @layer daisyui.l1.l2.l3 {
1911      border-style: solid;
1912      --alert-border-color: var(--color-base-200);
1913      display: grid;
1914      align-items: center;
1915      gap: calc(0.25rem * 4);
1916      border-radius: var(--radius-box);
1917      padding-inline: calc(0.25rem * 4);
1918      padding-block: calc(0.25rem * 3);
1919      color: var(--color-base-content);
1920      background-color: var(--alert-color, var(--color-base-200));
1921      justify-content: start;
1922      justify-items: start;
1923      grid-auto-flow: column;
1924      grid-template-columns: auto;
1925      text-align: start;
1926      font-size: 0.875rem;
1927      line-height: 1.25rem;
1928      background-size: auto, calc(var(--noise) * 100%);
1929      background-image: none, var(--fx-noise);
1930      box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
1931      @supports (color: color-mix(in lab, red, red)) {
1932        box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * 0.08)) inset, 0 1px color-mix( in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000 ), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * 0.08));
1933      }
1934      &:has(:nth-child(2)) {
1935        grid-template-columns: auto minmax(auto, 1fr);
1936      }
1937    }
1938  }
1939  .block {
1940    display: block;
1941  }
1942  .contents {
1943    display: contents;
1944  }
1945  .flex {
1946    display: flex;
1947  }
1948  .grid {
1949    display: grid;
1950  }
1951  .hidden {
1952    display: none;
1953  }
1954  .h-3\.5 {
1955    height: calc(var(--spacing) * 3.5);
1956  }
1957  .h-6 {
1958    height: calc(var(--spacing) * 6);
1959  }
1960  .h-8 {
1961    height: calc(var(--spacing) * 8);
1962  }
1963  .h-12 {
1964    height: calc(var(--spacing) * 12);
1965  }
1966  .h-24 {
1967    height: calc(var(--spacing) * 24);
1968  }
1969  .h-64 {
1970    height: calc(var(--spacing) * 64);
1971  }
1972  .h-\[200px\] {
1973    height: 200px;
1974  }
1975  .h-full {
1976    height: 100%;
1977  }
1978  .h-screen {
1979    height: 100vh;
1980  }
1981  .min-h-\[56px\] {
1982    min-height: 56px;
1983  }
1984  .min-h-\[60vh\] {
1985    min-height: 60vh;
1986  }
1987  .min-h-screen {
1988    min-height: 100vh;
1989  }
1990  .w-3\.5 {
1991    width: calc(var(--spacing) * 3.5);
1992  }
1993  .w-8 {
1994    width: calc(var(--spacing) * 8);
1995  }
1996  .w-100 {
1997    width: calc(var(--spacing) * 100);
1998  }
1999  .w-full {
2000    width: 100%;
2001  }
2002  .max-w-\[297px\] {
2003    max-width: 297px;
2004  }
2005  .max-w-\[520px\] {
2006    max-width: 520px;
2007  }
2008  .min-w-0 {
2009    min-width: 0;
2010  }
2011  .flex-1 {
2012    flex: 1;
2013  }
2014  .flex-shrink {
2015    flex-shrink: 1;
2016  }
2017  .flex-shrink-0 {
2018    flex-shrink: 0;
2019  }
2020  .flex-grow {
2021    flex-grow: 1;
2022  }
2023  .transform {
2024    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
2025  }
2026  .animate-spin {
2027    animation: var(--animate-spin);
2028  }
2029  .link {
2030    @layer daisyui.l1.l2.l3 {
2031      cursor: pointer;
2032      text-decoration-line: underline;
2033      &:focus {
2034        --tw-outline-style: none;
2035        outline-style: none;
2036        @media (forced-colors: active) {
2037          outline: 2px solid transparent;
2038          outline-offset: 2px;
2039        }
2040      }
2041      &:focus-visible {
2042        outline: 2px solid currentColor;
2043        outline-offset: 2px;
2044      }
2045    }
2046  }
2047  .cursor-pointer {
2048    cursor: pointer;
2049  }
2050  .grid-cols-1 {
2051    grid-template-columns: repeat(1, minmax(0, 1fr));
2052  }
2053  .flex-col {
2054    flex-direction: column;
2055  }
2056  .flex-wrap {
2057    flex-wrap: wrap;
2058  }
2059  .items-center {
2060    align-items: center;
2061  }
2062  .items-start {
2063    align-items: flex-start;
2064  }
2065  .justify-center {
2066    justify-content: center;
2067  }
2068  .justify-start {
2069    justify-content: flex-start;
2070  }
2071  .gap-2 {
2072    gap: calc(var(--spacing) * 2);
2073  }
2074  .gap-3 {
2075    gap: calc(var(--spacing) * 3);
2076  }
2077  .gap-4 {
2078    gap: calc(var(--spacing) * 4);
2079  }
2080  .gap-6 {
2081    gap: calc(var(--spacing) * 6);
2082  }
2083  .space-y-4 {
2084    :where(& > :not(:last-child)) {
2085      --tw-space-y-reverse: 0;
2086      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
2087      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
2088    }
2089  }
2090  .space-y-6 {
2091    :where(& > :not(:last-child)) {
2092      --tw-space-y-reverse: 0;
2093      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
2094      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
2095    }
2096  }
2097  .gap-y-2 {
2098    row-gap: calc(var(--spacing) * 2);
2099  }
2100  .gap-y-4 {
2101    row-gap: calc(var(--spacing) * 4);
2102  }
2103  .gap-y-6 {
2104    row-gap: calc(var(--spacing) * 6);
2105  }
2106  .self-start {
2107    align-self: flex-start;
2108  }
2109  .rounded-\[24px\] {
2110    border-radius: 24px;
2111  }
2112  .rounded-full {
2113    border-radius: calc(infinity * 1px);
2114  }
2115  .rounded-lg {
2116    border-radius: var(--radius-lg);
2117  }
2118  .rounded-l {
2119    border-top-left-radius: 0.25rem;
2120    border-bottom-left-radius: 0.25rem;
2121  }
2122  .rounded-l-none {
2123    border-top-left-radius: 0;
2124    border-bottom-left-radius: 0;
2125  }
2126  .rounded-b-\[24px\] {
2127    border-bottom-right-radius: 24px;
2128    border-bottom-left-radius: 24px;
2129  }
2130  .border {
2131    border-style: var(--tw-border-style);
2132    border-width: 1px;
2133  }
2134  .border-t {
2135    border-top-style: var(--tw-border-style);
2136    border-top-width: 1px;
2137  }
2138  .border-r-0 {
2139    border-right-style: var(--tw-border-style);
2140    border-right-width: 0px;
2141  }
2142  .border-b {
2143    border-bottom-style: var(--tw-border-style);
2144    border-bottom-width: 1px;
2145  }
2146  .border-none {
2147    --tw-border-style: none;
2148    border-style: none;
2149  }
2150  .border-base-300 {
2151    border-color: var(--color-base-300);
2152  }
2153  .border-slate-300 {
2154    border-color: var(--color-slate-300);
2155  }
2156  .border-white\/30 {
2157    border-color: color-mix(in srgb, #fff 30%, transparent);
2158    @supports (color: color-mix(in lab, red, red)) {
2159      border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
2160    }
2161  }
2162  .bg-base-200 {
2163    background-color: var(--color-base-200);
2164  }
2165  .bg-transparent {
2166    background-color: transparent;
2167  }
2168  .bg-gradient-to-b {
2169    --tw-gradient-position: to bottom in oklab;
2170    background-image: linear-gradient(var(--tw-gradient-stops));
2171  }
2172  .from-transparent {
2173    --tw-gradient-from: transparent;
2174    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2175  }
2176  .to-black {
2177    --tw-gradient-to: var(--color-black);
2178    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2179  }
2180  .object-cover {
2181    object-fit: cover;
2182  }
2183  .p-0 {
2184    padding: 0;
2185  }
2186  .p-2\.5 {
2187    padding: calc(var(--spacing) * 2.5);
2188  }
2189  .p-3 {
2190    padding: calc(var(--spacing) * 3);
2191  }
2192  .p-4 {
2193    padding: calc(var(--spacing) * 4);
2194  }
2195  .p-8 {
2196    padding: calc(var(--spacing) * 8);
2197  }
2198  .\!px-0 {
2199    padding-inline: 0 !important;
2200  }
2201  .px-0 {
2202    padding-inline: 0;
2203  }
2204  .px-3 {
2205    padding-inline: calc(var(--spacing) * 3);
2206  }
2207  .px-4 {
2208    padding-inline: calc(var(--spacing) * 4);
2209  }
2210  .py-2 {
2211    padding-block: calc(var(--spacing) * 2);
2212  }
2213  .py-4 {
2214    padding-block: calc(var(--spacing) * 4);
2215  }
2216  .pt-2 {
2217    padding-top: calc(var(--spacing) * 2);
2218  }
2219  .pr-0 {
2220    padding-right: 0;
2221  }
2222  .pr-2 {
2223    padding-right: calc(var(--spacing) * 2);
2224  }
2225  .pb-3 {
2226    padding-bottom: calc(var(--spacing) * 3);
2227  }
2228  .pb-4 {
2229    padding-bottom: calc(var(--spacing) * 4);
2230  }
2231  .pb-5 {
2232    padding-bottom: calc(var(--spacing) * 5);
2233  }
2234  .pl-2 {
2235    padding-left: calc(var(--spacing) * 2);
2236  }
2237  .text-center {
2238    text-align: center;
2239  }
2240  .text-left {
2241    text-align: left;
2242  }
2243  .font-sans {
2244    font-family: var(--font-sans);
2245  }
2246  .\!text-xs {
2247    font-size: var(--text-xs) !important;
2248    line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
2249  }
2250  .text-base {
2251    font-size: var(--text-base);
2252    line-height: var(--tw-leading, var(--text-base--line-height));
2253  }
2254  .text-lg {
2255    font-size: var(--text-lg);
2256    line-height: var(--tw-leading, var(--text-lg--line-height));
2257  }
2258  .text-sm {
2259    font-size: var(--text-sm);
2260    line-height: var(--tw-leading, var(--text-sm--line-height));
2261  }
2262  .text-xs {
2263    font-size: var(--text-xs);
2264    line-height: var(--tw-leading, var(--text-xs--line-height));
2265  }
2266  .\!font-bold {
2267    --tw-font-weight: var(--font-weight-bold) !important;
2268    font-weight: var(--font-weight-bold) !important;
2269  }
2270  .font-bold {
2271    --tw-font-weight: var(--font-weight-bold);
2272    font-weight: var(--font-weight-bold);
2273  }
2274  .font-medium {
2275    --tw-font-weight: var(--font-weight-medium);
2276    font-weight: var(--font-weight-medium);
2277  }
2278  .tracking-wide {
2279    --tw-tracking: var(--tracking-wide);
2280    letter-spacing: var(--tracking-wide);
2281  }
2282  .\!text-\[\#E5DDCFBF\] {
2283    color: #E5DDCFBF !important;
2284  }
2285  .text-\[\#2f2c2c\] {
2286    color: #2f2c2c;
2287  }
2288  .text-\[color\:white\] {
2289    color: white;
2290  }
2291  .text-base-content {
2292    color: var(--color-base-content);
2293  }
2294  .text-error {
2295    color: var(--color-error);
2296  }
2297  .text-gray-500 {
2298    color: var(--color-gray-500);
2299  }
2300  .text-gray-700 {
2301    color: var(--color-gray-700);
2302  }
2303  .text-info {
2304    color: var(--color-info);
2305  }
2306  .text-sand-lightest {
2307    color: var(--color-sand-lightest);
2308  }
2309  .text-slate-600 {
2310    color: var(--color-slate-600);
2311  }
2312  .text-white {
2313    color: var(--color-white);
2314  }
2315  .text-white\/80 {
2316    color: color-mix(in srgb, #fff 80%, transparent);
2317    @supports (color: color-mix(in lab, red, red)) {
2318      color: color-mix(in oklab, var(--color-white) 80%, transparent);
2319    }
2320  }
2321  .text-yellow {
2322    color: var(--color-yellow);
2323  }
2324  .lowercase {
2325    text-transform: lowercase;
2326  }
2327  .uppercase {
2328    text-transform: uppercase;
2329  }
2330  .underline {
2331    text-decoration-line: underline;
2332  }
2333  .shadow-none {
2334    --tw-shadow: 0 0 #0000;
2335    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
2335dow);
2336  }
2337  .outline {
2338    outline-style: var(--tw-outline-style);
2339    outline-width: 1px;
2340  }
2341  .btn-lg {
2342    @layer daisyui.l1.l2 {
2343      --fontsize: 1.125rem;
2344      --btn-p: 1.25rem;
2345      --size: calc(var(--size-field, 0.25rem) * 12);
2346    }
2347  }
2348  .btn-primary {
2349    @layer daisyui.l1.l2.l3 {
2350      --btn-color: var(--color-primary);
2351      --btn-fg: var(--color-primary-content);
2352    }
2353  }
2354  .input-error {
2355    @layer daisyui.l1.l2 {
2356      &, &:focus, &:focus-within {
2357        --input-color: var(--color-error);
2358      }
2359    }
2360  }
2361  .hover\:bg-gray-50 {
2362    &:hover {
2363      @media (hover: hover) {
2364        background-color: var(--color-gray-50);
2365      }
2366    }
2367  }
2368  .hover\:underline {
2369    &:hover {
2370      @media (hover: hover) {
2371        text-decoration-line: underline;
2372      }
2373    }
2374  }
2375  .focus\:ring-0 {
2376    &:focus {
2377      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2378      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
2378dow);
2379    }
2380  }
2381  .focus\:outline-none {
2382    &:focus {
2383      --tw-outline-style: none;
2384      outline-style: none;
2385    }
2386  }
2387  .md\:block {
2388    @media (width >= 48rem) {
2389      display: block;
2390    }
2391  }
2392  .md\:h-auto {
2393    @media (width >= 48rem) {
2394      height: auto;
2395    }
2396  }
2397  .md\:w-1\/2 {
2398    @media (width >= 48rem) {
2399      width: calc(1 / 2 * 100%);
2400    }
2401  }
2402  .md\:flex-row {
2403    @media (width >= 48rem) {
2404      flex-direction: row;
2405    }
2406  }
2407  .md\:flex-row-reverse {
2408    @media (width >= 48rem) {
2409      flex-direction: row-reverse;
2410    }
2411  }
2412  .md\:items-center {
2413    @media (width >= 48rem) {
2414      align-items: center;
2415    }
2416  }
2417  .md\:p-8 {
2418    @media (width >= 48rem) {
2419      padding: calc(var(--spacing) * 8);
2420    }
2421  }
2422  .md\:px-8 {
2423    @media (width >= 48rem) {
2424      padding-inline: calc(var(--spacing) * 8);
2425    }
2426  }
2427  .md\:text-center {
2428    @media (width >= 48rem) {
2429      text-align: center;
2430    }
2431  }
2432  .lg\:col-span-1 {
2433    @media (width >= 64rem) {
2434      grid-column: span 1 / span 1;
2435    }
2436  }
2437  .lg\:col-span-2 {
2438    @media (width >= 64rem) {
2439      grid-column: span 2 / span 2;
2440    }
2441  }
2442  .lg\:col-start-2 {
2443    @media (width >= 64rem) {
2444      grid-column-start: 2;
2445    }
2446  }
2447  .lg\:grid-cols-2 {
2448    @media (width >= 64rem) {
2449      grid-template-columns: repeat(2, minmax(0, 1fr));
2450    }
2451  }
2452}
2453@font-face {
2454  font-family: Degular;
2455  src: url(https://prod-cdn.centr.com/deploy/static/fonts/Degular-Black.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/Degular-Black.woff) format("woff");
2456  font-weight: 800;
2457  font-style: normal;
2458  font-display: swap;
2459}
2460@font-face {
2461  font-family: SuisseIntl;
2462  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Ultralight-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Ultralight-WebM.woff) format("woff");
2463  font-weight: 250;
2464  font-style: normal;
2465  font-display: swap;
2466}
2467@font-face {
2468  font-family: SuisseIntl;
2469  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-UltralightItalic-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-UltralightItalic-WebM.woff) format("woff");
2470  font-weight: 250;
2471  font-style: italic;
2472  font-display: swap;
2473}
2474@font-face {
2475  font-family: SuisseIntl;
2476  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Thin-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Thin-WebM.woff) format("woff");
2477  font-weight: 275;
2478  font-style: normal;
2479  font-display: swap;
2480}
2481@font-face {
2482  font-family: SuisseIntl;
2483  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-ThinItalic-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-ThinItalic-WebM.woff) format("woff");
2484  font-weight: 275;
2485  font-style: italic;
2486  font-display: swap;
2487}
2488@font-face {
2489  font-family: SuisseIntl;
2490  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Light-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Light-WebM.woff) format("woff");
2491  font-weight: 300;
2492  font-style: normal;
2493  font-display: swap;
2494}
2495@font-face {
2496  font-family: SuisseIntl;
2497  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-LightItalic-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-LightItalic-WebM.woff) format("woff");
2498  font-weight: 300;
2499  font-style: italic;
2500  font-display: swap;
2501}
2502@font-face {
2503  font-family: SuisseIntl;
2504  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Regular-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Regular-WebM.woff) format("woff");
2505  font-weight: 400;
2506  font-style: normal;
2507  font-display: swap;
2508}
2509@font-face {
2510  font-family: SuisseIntl;
2511  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-RegularItalic-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-RegularItalic-WebM.woff) format("woff");
2512  font-weight: 400;
2513  font-style: italic;
2514  font-display: swap;
2515}
2516@font-face {
2517  font-family: SuisseIntl;
2518  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Book-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Book-WebM.woff) format("woff");
2519  font-weight: 450;
2520  font-style: normal;
2521  font-display: swap;
2522}
2523@font-face {
2524  font-family: SuisseIntl;
2525  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BookItalic-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BookItalic-WebM.woff) format("woff");
2526  font-weight: 450;
2527  font-style: italic;
2528  font-display: swap;
2529}
2530@font-face {
2531  font-family: SuisseIntl;
2532  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Medium-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Medium-WebM.woff) format("woff");
2533  font-weight: 500;
2534  font-style: normal;
2535  font-display: swap;
2536}
2537@font-face {
2538  font-family: SuisseIntl;
2539  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-MediumItalic-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-MediumItalic-WebM.woff) format("woff");
2540  font-weight: 500;
2541  font-style: italic;
2542  font-display: swap;
2543}
2544@font-face {
2545  font-family: SuisseIntl;
2546  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-SemiBold-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-SemiBold-WebM.woff) format("woff");
2547  font-weight: 600;
2548  font-style: normal;
2549  font-display: swap;
2550}
2551@font-face {
2552  font-family: SuisseIntl;
2553  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-SemiBoldItalic-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-SemiBoldItalic-WebM.woff) format("woff");
2554  font-weight: 600;
2555  font-style: italic;
2556  font-display: swap;
2557}
2558@font-face {
2559  font-family: SuisseIntl;
2560  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Bold-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Bold-WebM.woff) format("woff");
2561  font-weight: 700;
2562  font-style: normal;
2563  font-display: swap;
2564}
2565@font-face {
2566  font-family: SuisseIntl;
2567  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BoldItalic-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BoldItalic-WebM.woff) format("woff");
2568  font-weight: 700;
2569  font-style: italic;
2570  font-display: swap;
2571}
2572@font-face {
2573  font-family: SuisseIntl;
2574  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Black-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Black-WebM.woff) format("woff");
2575  font-weight: 900;
2576  font-style: normal;
2577  font-display: swap;
2578}
2579@font-face {
2580  font-family: SuisseIntl;
2581  src: url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BlackItalic-WebM.woff2) format("woff2"), url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BlackItalic-WebM.woff) format("woff");
2582  font-weight: 900;
2583  font-style: italic;
2584  font-display: swap;
2585}
2586@font-face {
2587  font-family: SuisseIntl Mono;
2588  src: url(https://cdn.shopify.com/s/files/1/0754/7135/6203/files/SuisseIntlMono-Regular-WebS.woff2?v=1778908193) format("woff2");
2589  font-weight: 400;
2590  font-style: normal;
2591  font-display: swap;
2592}
2593@font-face {
2594  font-family: SuisseIntl Mono;
2595  src: url(https://cdn.shopify.com/s/files/1/0754/7135/6203/files/SuisseIntlMono-Bold-WebS.woff2?v=1778908200) format("woff2");
2596  font-weight: 700;
2597  font-style: normal;
2598  font-display: swap;
2599}
2600body {
2601  background-color: #f2f2f7;
2602}
2603html, * {
2604  touch-action: manipulation;
2605}
2606.btn {
2607  filter: none !important;
2608  background-image: none !important;
2609}
2610.btn-spinner {
2611  display: none;
2612}
2613.btn.is-loading .btn-spinner {
2614  display: inline-flex;
2615}
2616.btn.is-loading .btn-text, .btn.is-loading .btn-icon {
2617  display: none;
2618}
2619.btn-primary {
2620  color: var(--color-charcoal) !important;
2621  background-color: var(--color-yellow) !important;
2622  border-color: var(--color-yellow) !important;
2623  border-radius: 2px !important;
2624}
2625.btn-primary:hover:not(:disabled), .btn-primary:focus-visible:not(:disabled) {
2626  background-color: #c4c212 !important;
2627  border-color: #c4c212 !important;
2628}
2629.btn-alt-login {
2630  border: 1px solid #cfcfcf;
2631  background-color: #fff !important;
2632}
2633.input-bordered {
2634  background-color: #fff !important;
2635}
2636.input::placeholder {
2637  color: var(--color-charcoal);
2638  opacity: 1;
2639}
2640@supports (-webkit-touch-callout: none) {
2641  .input, textarea, select {
2642    font-size: 16px !important;
2643  }
2644}
2645.password-toggle-btn .icon-hide, .password-toggle-btn.showing .icon-show {
2646  display: none;
2647}
2648.password-toggle-btn.showing .icon-hide {
2649  display: inline;
2650}
2651.password-toggle-btn:focus-visible {
2652  outline-offset: 2px;
2653  border-radius: 9999px;
2654  outline: 2px solid #2563eb;
2655}
2656.font-degular-black {
2657  letter-spacing: 0.75px;
2658  text-transform: uppercase;
2659  font-family: Degular;
2660  font-size: 32px;
2661  font-weight: 800;
2662  line-height: 0.95;
2663}
2664.font-suisseintl-regular {
2665  letter-spacing: 0.2px;
2666  text-align: left;
2667  font-family: SuisseIntl;
2668  font-size: 16px;
2669  font-weight: 400;
2670  line-height: 1.4;
2671}
2672.label-suisseintl-book {
2673  letter-spacing: 0.15px;
2674  color: var(--color-charcoal);
2675  font-family: SuisseIntl, sans-serif;
2676  font-size: 12px;
2677  font-weight: 450;
2678  line-height: 1.3;
2679}
2680.divider-or {
2681  align-items: center;
2682  width: 100%;
2683  display: flex;
2684}
2685.divider-line {
2686  background: #e0e0e0;
2687  flex: 1;
2688  height: 1px;
2689}
2690.divider-text {
2691  color: var(--color-charcoal);
2692  letter-spacing: 0.4px;
2693  text-align: center;
2694  text-transform: uppercase;
2695  margin: 0 16px;
2696  font-family: SuisseIntl, sans-serif;
2697  font-size: 14px;
2698  font-weight: 400;
2699  line-height: 1.4;
2700}
2701.custom-checkbox-label {
2702  cursor: pointer;
2703  align-items: center;
2704  gap: 10px;
2705  display: flex;
2706  position: relative;
2707}
2708.custom-checkbox-box {
2709  box-sizing: border-box;
2710  background: #fff;
2711  border: 2px solid #b4ab9e;
2712  border-radius: 6px;
2713  width: 24px;
2714  height: 24px;
2715  transition: background 0.2s, border-color 0.2s;
2716  display: inline-block;
2717  position: relative;
2718}
2719.custom-checkbox-input:checked + .custom-checkbox-box {
2720  background: var(--color-charcoal);
2721  border-color: var(--color-charcoal);
2722}
2723.custom-checkbox-box:after {
2724  content: "";
2725  border: 2.5px solid #fff;
2726  border-width: 0 2.5px 2.5px 0;
2727  border-radius: 0.5px;
2728  width: 6px;
2729  height: 12px;
2730  display: none;
2731  position: absolute;
2732  top: 3px;
2733  left: 7px;
2734  transform: rotate(45deg);
2735}
2736.custom-checkbox-input:checked + .custom-checkbox-box:after {
2737  display: block;
2738}
2739.vdb-input-glass {
2740  -webkit-backdrop-filter: blur(24px);
2741  background-color: #fff3 !important;
2742  border: 1px solid #ffffff4d !important;
2743  box-shadow: 0 12px 20px #00000040 !important;
2744}
2745.vdb-title-brand {
2746  color: var(--color-yellow) !important;
2747  font-family: SuisseIntl, sans-serif !important;
2748  font-weight: 900 !important;
2749}
2750.vdb-title-white {
2751  color: #fff !important;
2752  font-family: SuisseIntl, sans-serif !important;
2753  font-weight: 900 !important;
2754}
2755#mainBoost .font-degular-black {
2756  text-align: left !important;
2757  font-family: SuisseIntl, sans-serif !important;
2758  font-weight: 900 !important;
2759}
2760#mainBoost .input, #mainBoost .input-bordered {
2761  -webkit-backdrop-filter: blur(24px);
2762  color: #fff !important;
2763  background-color: #fff3 !important;
2764  border: 1px solid #ffffff4d !important;
2765  box-shadow: 0 12px 20px #00000040 !important;
2766}
2767#mainBoost .input::placeholder {
2768  color: #ffffffe6 !important;
2769}
2770#mainBoost .btn-primary {
2771  color: var(--color-charcoal) !important;
2772  background-color: var(--color-yellow) !important;
2773  border-color: var(--color-yellow) !important;
2774}
2775#mainBoost .btn-primary:hover:not(:disabled), #mainBoost .btn-primary:focus-visible:not(:disabled) {
2776  background-color: #c4c212 !important;
2777  border-color: #c4c212 !important;
2778}
2779#mainBoost .btn-alt-login {
2780  -webkit-backdrop-filter: blur(24px);
2781  color: #fff !important;
2782  background-color: #fff3 !important;
2783  border: 1px solid #ffffff4d !important;
2784}
2785#mainBoost a:not(.btn) {
2786  color: #fff;
2787}
2788#mainBoost .custom-checkbox-box {
2789  background: none;
2790  border-color: #ffffff80;
2791}
2792#mainBoost .custom-checkbox-label {
2793  color: #fff !important;
2794}
2795#mainBoost .custom-checkbox-input:checked + .custom-checkbox-box {
2796  background: none !important;
2797  border-color: var(--color-yellow) !important;
2798}
2799#mainBoost .custom-checkbox-input:checked + .custom-checkbox-box:after {
2800  border-color: var(--color-yellow) !important;
2801}
2802#mainBoost .divider-line {
2803  background: #ffffff4d;
2804}
2805#mainBoost .divider-text {
2806  color: #fff;
2807}
2808#mainBoost .font-suisseintl-regular {
2809  color: #ffffffe6;
2810  text-align: left !important;
2811}
2812@media (min-width: 768px) {
2813  #mainBoost .font-suisseintl-regular {
2814    text-align: left !important;
2815  }
2816}
2817#mainBoost .vdb-info-text {
2818  color: #fffc !important;
2819}
2820#mainBoost .password-toggle-btn svg path {
2821  fill: #fff !important;
2822}
2823#mainBoost .input, #mainBoost input {
2824  letter-spacing: 0.4px !important;
2825  font-family: SuisseIntl, sans-serif !important;
2826  font-size: 14px !important;
2827  font-weight: 600 !important;
2828  line-height: 140% !important;
2829}
2830#mainBoost input::placeholder {
2831  color: #ffffffe6 !important;
2832}
2833#mainBoost .form-row > label.label-suisseintl-book {
2834  display: none !important;
2835}
2836.vdb-social-btn, .vdb-social-btn span, .vdb-social-btn .font-suisseintl-regular {
2837  letter-spacing: 1.5px !important;
2838  text-transform: uppercase !important;
2839  font-family: SuisseIntl, sans-serif !important;
2840  font-size: 14px !important;
2841  font-weight: 700 !important;
2842  line-height: 100% !important;
2843}
2844.vdb-social-btn {
2845  -webkit-backdrop-filter: blur(24px);
2846  box-shadow: 0 12px 20px #00000026;
2847  color: #fff !important;
2848  background-color: #ffffff26 !important;
2849  border: 1px solid #ffffff4d !important;
2850}
2851html:has(#mainBoost), body:has(#mainBoost) {
2852  scrollbar-color: #555 #1a1a1a;
2853  background-color: #1a1a1a !important;
2854}
2855html:has(#mainBoost)::-webkit-scrollbar {
2856  width: 8px;
2857}
2858html:has(#mainBoost)::-webkit-scrollbar-track {
2859  background: #1a1a1a;
2860}
2861html:has(#mainBoost)::-webkit-scrollbar-thumb {
2862  background: #555;
2863  border-radius: 4px;
2864}
2865html:has(#mainBoost)::-webkit-scrollbar-thumb:hover {
2866  background: #777;
2867}
2868#mainBoost > .absolute.inset-0 {
2869  width: 100% !important;
2870  height: 100% !important;
2871  min-height: 100vh !important;
2872  min-height: -webkit-fill-available !important;
2873  position: fixed !important;
2874  inset: 0 !important;
2875}
2876.vdb-cover-bg picture {
2877  width: 100%;
2878  height: 100%;
2879  display: block;
2880}
2881.vdb-cover-bg picture img {
2882  object-fit: cover;
2883  object-position: center;
2884  width: 100%;
2885  height: 100%;
2886}
2887.vdb-optin-panel {
2888  z-index: 10;
2889  background: #000;
2890  border-radius: 32px 32px 0 0;
2891  flex-direction: column;
2892  gap: 24px;
2893  margin: -120px -16px -220px;
2894  padding: 24px 40px 220px;
2895  display: flex;
2896  position: relative;
2897  box-shadow: 0 -12px 20px #0003;
2898}
2899.vdb-optin-panel .custom-checkbox-label, .vdb-optin-panel .vdb-optin-text {
2900  color: #fff;
2901  letter-spacing: 0.4px;
2902  font-family: SuisseIntl, sans-serif;
2903  font-size: 14px;
2904  font-weight: 400;
2905  line-height: 140%;
2906}
2907@media (min-width: 540px) {
2908  .vdb-optin-panel {
2909    border-radius: 32px;
2910    margin: -120px 0 0;
2911    padding: 24px 32px 40px;
2912  }
2913}
2914.vdb-fixed-footer {
2915  padding: 16px 16px calc(40px + env(safe-area-inset-bottom, 0px));
2916  z-index: 50;
2917  background: #000;
2918  position: fixed;
2919  bottom: 0;
2920  left: 0;
2921  right: 0;
2922}
2923.vdb-fixed-footer .btn {
2924  width: 100%;
2925  min-height: 48px;
2926  letter-spacing: 1.5px !important;
2927  text-transform: uppercase !important;
2928  font-family: SuisseIntl, sans-serif !important;
2929  font-size: 14px !important;
2930  font-weight: 700 !important;
2931  line-height: 100% !important;
2932}
2933@media (min-width: 768px) {
2934  .vdb-fixed-footer {
2935    z-index: auto;
2936    background: none;
2937    margin-top: 56px;
2938    padding: 24px 0;
2939    position: relative;
2940    bottom: auto;
2941    left: auto;
2942    right: auto;
2943  }
2944}
2945#mainBoost .alert {
2946  -webkit-backdrop-filter: blur(24px);
2947  border-radius: 8px;
2948  color: #fff !important;
2949  background-color: #ffffff26 !important;
2950  border: 1px solid #ffffff4d !important;
2951  box-shadow: 0 12px 20px #00000040 !important;
2952}
2953#mainBoost .alert.error {
2954  background-color: #ba1a1a4d !important;
2955  border: 1px solid #ff646480 !important;
2956}
2957#mainBoost .alert.info {
2958  background-color: #1b68bb4d !important;
2959  border: 1px solid #64b4ff80 !important;
2960}
2961#mainBoost .alert i, #mainBoost .alert p {
2962  color: #fff !important;
2963}
2964#mainBoost .alert.error i {
2965  color: #ff6b6b !important;
2966}
2967#mainBoost .alert .dismiss-button {
2968  color: #ffffffb3 !important;
2969}
2970#mainBoost > .relative.z-10.min-h-screen {
2971  -webkit-overflow-scrolling: touch;
2972  padding-bottom: 120px;
2973  overflow-y: auto;
2974}
2975@media (min-width: 768px) {
2976  #mainBoost > .relative.z-10.min-h-screen {
2977    padding-bottom: 32px;
2978    justify-content: flex-start;
2979  }
2980  #mainBoost .h-24 {
2981    display: none;
2982  }
2983}
2984.vdb-logout-progress {
2985  background-color: #fff3;
2986  border-radius: 2px;
2987  width: 100%;
2988  height: 4px;
2989  margin-top: 24px;
2990  overflow: hidden;
2991}
2992.vdb-logout-progress-bar {
2993  background-color: var(--color-yellow);
2994  width: 0%;
2995  height: 100%;
2996  animation: linear forwards vdb-progress-fill;
2997}
2998@keyframes vdb-progress-fill {
2999  0% {
3000    width: 0%;
3001  }
3002  to {
3003    width: 100%;
3004  }
3005}
3006.authcard-page {
3007  position: relative;
3008  min-height: 100vh;
3009  color: #fff;
3010}
3011.authcard-bg {
3012  position: fixed;
3013  inset: 0;
3014  z-index: 0;
3015}
3016.authcard-bg picture, .authcard-bg video, .authcard-bg img {
3017  width: 100%;
3018  height: 100%;
3019  display: block;
3020  object-fit: cover;
3021  object-position: center;
3022}
3023.authcard-content {
3024  position: relative;
3025  z-index: 10;
3026  min-height: 100vh;
3027  display: flex;
3028  flex-direction: column;
3029  align-items: center;
3030  justify-content: center;
3031  padding: 24px;
3032}
3033@media (min-width: 768px) {
3034  .authcard-content {
3035    padding: 32px;
3036  }
3037}
3038.authcard-card {
3039  width: 100%;
3040  background-color: var(--color-charcoal-darkest);
3041  border-radius: 2px;
3042  overflow: hidden;
3043  padding: 24px;
3044}
3045@media (min-width: 768px) {
3046  .authcard-card {
3047    padding: 28px;
3048  }
3049}
3050.authcard-card.authcard-single {
3051  max-width: 480px;
3052}
3053.authcard-card.authcard-split {
3054  max-width: 840px;
3055  display: grid;
3056  gap: 24px;
3057}
3058@media (min-width: 768px) {
3059  .authcard-card.authcard-split {
3060    display: grid;
3061    grid-template-columns: 2fr 3fr;
3062    gap: 32px;
3063  }
3064}
3065.authcard-marketing, .authcard-form {
3066  display: flex;
3067  flex-direction: column;
3068  gap: 12px;
3069}
3070.authcard-eyebrow {
3071  font-family: var(--font-mono);
3072  text-transform: uppercase;
3073  letter-spacing: 0.15em;
3074  font-size: 12px;
3075  font-weight: 400;
3076  color: var(--color-sand);
3077}
3078.authcard-heading {
3079  font-family: SuisseIntl, sans-serif;
3080  text-transform: uppercase;
3081  font-weight: 900;
3082  letter-spacing: -1.8px;
3083  color: #fff;
3084  font-size: var(--text-2xl);
3085  line-height: var(--tw-leading, var(--text-2xl--line-height));
3086  --tw-leading: 1;
3087  line-height: 1;
3088  @media (width >= 64rem) {
3089    font-size: 40px;
3090  }
3091  @media (width >= 64rem) {
3092    --tw-leading: 0.85;
3093    line-height: 0.85;
3094  }
3095}
3096.authcard-heading.authcard-warranty {
3097  @media (width >= 64rem) {
3098    font-size: 36px;
3099  }
3100}
3101.authcard-description {
3102  font-family: SuisseIntl, sans-serif;
3103  font-size: 14px;
3104  font-weight: 400;
3105  line-height: 1.4;
3106  color: var(--color-sand-lightest);
3107}
3108.authcard-tabs {
3109  display: flex;
3110}
3111.authcard-tab {
3112  width: 100%;
3113  display: inline-flex;
3114  align-items: center;
3115  justify-content: center;
3116  padding: 6px;
3117  text-decoration: none !important;
3118  text-transform: uppercase;
3119  letter-spacing: 0.05em;
3120  font-size: 12px;
3121  font-weight: 600;
3122  color: var(--color-sand) !important;
3123  border-bottom: 1px solid transparent;
3124  border-bottom-color: #dfd5c34d;
3125}
3126.authcard-tab-active {
3127  color: var(--color-yellow) !important;
3128  border-bottom-color: var(--color-yellow);
3129}
3130.authcard-card .label-suisseintl-book {
3131  color: var(--color-sand-lightest);
3132  text-transform: uppercase;
3133  letter-spacing: 0.05em;
3134  font-weight: 600;
3135  font-family: SuisseIntl, sans-serif;
3136}
3137.authcard-card .input, .authcard-card .input-bordered {
3138  background-color: var(--color-charcoal-light) !important;
3139  border: 1px solid var(--color-charcoal-light) !important;
3140  color: #fff !important;
3141  box-shadow: none !important;
3142  border-radius: 2px !important;
3143}
3144.authcard-card .input::placeholder {
3145  color: var(--color-sand) !important;
3146  opacity: 1;
3147}
3148.authcard-card .password-toggle-btn svg path {
3149  fill: #fff !important;
3150}
3151.authcard-card .custom-checkbox-box {
3152  background: none;
3153  border-color: var(--color-sand);
3154}
3155.authcard-card .custom-checkbox-label {
3156  color: var(--color-sand-lightest) !important;
3157}
3158.authcard-card .custom-checkbox-input:checked + .custom-checkbox-box {
3159  background: var(--color-yellow) !important;
3160  border-color: var(--color-yellow) !important;
3161}
3162.authcard-card .custom-checkbox-input:checked + .custom-checkbox-box:after {
3163  border-color: var(--color-charcoal-darkest) !important;
3164}
3165.authcard-card a:not(.btn) {
3166  color: var(--color-sand-lightest);
3167}
3168.authcard-card .vdb-social-btn {
3169  -webkit-backdrop-filter: none !important;
3170  box-shadow: none !important;
3171  color: var(--color-sand-light) !important;
3172  background-color: transparent !important;
3173  border: 1px solid var(--color-sand-light) !important;
3174  border-radius: 0px !important;
3175  font-size: 12px !important;
3176  text-transform: uppercase !important;
3177  font-weight: 700 !important;
3178}
3179.authcard-card .divider-line {
3180  background: var(--color-charcoal-light);
3181}
3182.authcard-card .divider-text {
3183  color: var(--color-sand);
3184}
3185.authcard-card .font-suisseintl-regular {
3186  color: var(--color-sand-lightest);
3187}
3188.authcard-card .alert {
3189  -webkit-backdrop-filter: blur(24px);
3190  border-radius: 8px;
3191  color: #fff !important;
3192  background-color: #ffffff26 !important;
3193  border: 1px solid #ffffff4d !important;
3194  box-shadow: 0 12px 20px #00000040 !important;
3195}
3196.authcard-card .alert.error {
3197  background-color: #ba1a1a4d !important;
3198  border: 1px solid #ff646480 !important;
3199}
3200.authcard-card .alert.info {
3201  background-color: #1b68bb4d !important;
3202  border: 1px solid #64b4ff80 !important;
3203}
3204.authcard-card .alert i, .authcard-card .alert p {
3205  color: #fff !important;
3206}
3207.authcard-card .alert.error i {
3208  color: #ff6b6b !important;
3209}
3210.authcard-card .alert .dismiss-button {
3211  color: #ffffffb3 !important;
3212}
3213@layer base {
3214  :where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
3215    color-scheme: light;
3216    --color-base-100: oklch(100% 0 0);
3217    --color-base-200: oklch(98% 0 0);
3218    --color-base-300: oklch(95% 0 0);
3219    --color-base-content: oklch(21% 0.006 285.885);
3220    --color-primary: oklch(45% 0.24 277.023);
3221    --color-primary-content: oklch(93% 0.034 272.788);
3222    --color-secondary: oklch(65% 0.241 354.308);
3223    --color-secondary-content: oklch(94% 0.028 342.258);
3224    --color-accent: oklch(77% 0.152 181.912);
3225    --color-accent-content: oklch(38% 0.063 188.416);
3226    --color-neutral: oklch(14% 0.005 285.823);
3227    --color-neutral-content: oklch(92% 0.004 286.32);
3228    --color-info: oklch(74% 0.16 232.661);
3229    --color-info-content: oklch(29% 0.066 243.157);
3230    --color-success: oklch(76% 0.177 163.223);
3231    --color-success-content: oklch(37% 0.077 168.94);
3232    --color-warning: oklch(82% 0.189 84.429);
3233    --color-warning-content: oklch(41% 0.112 45.904);
3234    --color-error: oklch(71% 0.194 13.428);
3235    --color-error-content: oklch(27% 0.105 12.094);
3236    --radius-selector: 0.5rem;
3237    --radius-field: 0.25rem;
3238    --radius-box: 0.5rem;
3239    --size-selector: 0.25rem;
3240    --size-field: 0.25rem;
3241    --border: 1px;
3242    --depth: 1;
3243    --noise: 0;
3244  }
3245}
3246@layer base {
3247  @media (prefers-color-scheme: dark) {
3248    :root:not([data-theme]) {
3249      color-scheme: dark;
3250      --color-base-100: oklch(25.33% 0.016 252.42);
3251      --color-base-200: oklch(23.26% 0.014 253.1);
3252      --color-base-300: oklch(21.15% 0.012 254.09);
3253      --color-base-content: oklch(97.807% 0.029 256.847);
3254      --color-primary: oklch(58% 0.233 277.117);
3255      --color-primary-content: oklch(96% 0.018 272.314);
3256      --color-secondary: oklch(65% 0.241 354.308);
3257      --color-secondary-content: oklch(94% 0.028 342.258);
3258      --color-accent: oklch(77% 0.152 181.912);
3259      --color-accent-content: oklch(38% 0.063 188.416);
3260      --color-neutral: oklch(14% 0.005 285.823);
3261      --color-neutral-content: oklch(92% 0.004 286.32);
3262      --color-info: oklch(74% 0.16 232.661);
3263      --color-info-content: oklch(29% 0.066 243.157);
3264      --color-success: oklch(76% 0.177 163.223);
3265      --color-success-content: oklch(37% 0.077 168.94);
3266      --color-warning: oklch(82% 0.189 84.429);
3267      --color-warning-content: oklch(41% 0.112 45.904);
3268      --color-error: oklch(71% 0.194 13.428);
3269      --color-error-content: oklch(27% 0.105 12.094);
3270      --radius-selector: 0.5rem;
3271      --radius-field: 0.25rem;
3272      --radius-box: 0.5rem;
3273      --size-selector: 0.25rem;
3274      --size-field: 0.25rem;
3275      --border: 1px;
3276      --depth: 1;
3277      --noise: 0;
3278    }
3279  }
3280}
3281@layer base {
3282  :root:has(input.theme-controller[value=light]:checked),[data-theme=light] {
3283    color-scheme: light;
3284    --color-base-100: oklch(100% 0 0);
3285    --color-base-200: oklch(98% 0 0);
3286    --color-base-300: oklch(95% 0 0);
3287    --color-base-content: oklch(21% 0.006 285.885);
3288    --color-primary: oklch(45% 0.24 277.023);
3289    --color-primary-content: oklch(93% 0.034 272.788);
3290    --color-secondary: oklch(65% 0.241 354.308);
3291    --color-secondary-content: oklch(94% 0.028 342.258);
3292    --color-accent: oklch(77% 0.152 181.912);
3293    --color-accent-content: oklch(38% 0.063 188.416);
3294    --color-neutral: oklch(14% 0.005 285.823);
3295    --color-neutral-content: oklch(92% 0.004 286.32);
3296    --color-info: oklch(74% 0.16 232.661);
3297    --color-info-content: oklch(29% 0.066 243.157);
3298    --color-success: oklch(76% 0.177 163.223);
3299    --color-success-content: oklch(37% 0.077 168.94);
3300    --color-warning: oklch(82% 0.189 84.429);
3301    --color-warning-content: oklch(41% 0.112 45.904);
3302    --color-error: oklch(71% 0.194 13.428);
3303    --color-error-content: oklch(27% 0.105 12.094);
3304    --radius-selector: 0.5rem;
3305    --radius-field: 0.25rem;
3306    --radius-box: 0.5rem;
3307    --size-selector: 0.25rem;
3308    --size-field: 0.25rem;
3309    --border: 1px;
3310    --depth: 1;
3311    --noise: 0;
3312  }
3313}
3314@layer base {
3315  :root:has(input.theme-controller[value=dark]:checked),[data-theme=dark] {
3316    color-scheme: dark;
3317    --color-base-100: oklch(25.33% 0.016 252.42);
3318    --color-base-200: oklch(23.26% 0.014 253.1);
3319    --color-base-300: oklch(21.15% 0.012 254.09);
3320    --color-base-content: oklch(97.807% 0.029 256.847);
3321    --color-primary: oklch(58% 0.233 277.117);
3322    --color-primary-content: oklch(96% 0.018 272.314);
3323    --color-secondary: oklch(65% 0.241 354.308);
3324    --color-secondary-content: oklch(94% 0.028 342.258);
3325    --color-accent: oklch(77% 0.152 181.912);
3326    --color-accent-content: oklch(38% 0.063 188.416);
3327    --color-neutral: oklch(14% 0.005 285.823);
3328    --color-neutral-content: oklch(92% 0.004 286.32);
3329    --color-info: oklch(74% 0.16 232.661);
3330    --color-info-content: oklch(29% 0.066 243.157);
3331    --color-success: oklch(76% 0.177 163.223);
3332    --color-success-content: oklch(37% 0.077 168.94);
3333    --color-warning: oklch(82% 0.189 84.429);
3334    --color-warning-content: oklch(41% 0.112 45.904);
3335    --color-error: oklch(71% 0.194 13.428);
3336    --color-error-content: oklch(27% 0.105 12.094);
3337    --radius-selector: 0.5rem;
3338    --radius-field: 0.25rem;
3339    --radius-box: 0.5rem;
3340    --size-selector: 0.25rem;
3341    --size-field: 0.25rem;
3342    --border: 1px;
3343    --depth: 1;
3344    --noise: 0;
3345  }
3346}
3347@layer base {
3348  :root:not(span) {
3349    overflow: var(--page-overflow);
3350  }
3351}
3352@layer base {
3353  :root {
3354    background: var(--page-scroll-bg, var(--root-bg));
3355    --page-scroll-bg-on: linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000))
3356    var(--root-bg, #0000);
3357    @supports (color: color-mix(in lab, red, red)) {
3358      --page-scroll-bg-on: linear-gradient(var(--root-bg, #0000), var(--root-bg, #0000))
3359    color-mix(in srgb, var(--root-bg, #0000), oklch(0% 0 0) calc(var(--page-has-backdrop, 0) * 40%));
3360    }
3361    --page-scroll-transition-on: background-color 0.3s ease-out;
3362    transition: var(--page-scroll-transition);
3363    scrollbar-gutter: var(--page-scroll-gutter, unset);
3364    scrollbar-gutter: if(style(--page-has-scroll: 1): var(--page-scroll-gutter, unset) ; else: unset);
3365  }
3366  @keyframes set-page-has-scroll {
3367    0%, to {
3368      --page-has-scroll: 1;
3369    }
3370  }
3371}
3372@layer base {
3373  :root {
3374    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
3375  }
3376}
3377@layer base {
3378  :root, [data-theme] {
3379    background: var(--page-scroll-bg, var(--root-bg));
3380    color: var(--color-base-content);
3381  }
3382  :where(:root, [data-theme]) {
3383    --root-bg: var(--color-base-100);
3384  }
3385}
3386@layer base {
3387  :root {
3388    scrollbar-color: currentColor #0000;
3389    @supports (color: color-mix(in lab, red, red)) {
3390      scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
3391    }
3392  }
3393}
3394@layer base {
3395  @property --radialprogress {
3396    syntax: "<percentage>";
3397    inherits: true;
3398    initial-value: 0%;
3399  }
3400}
3401@keyframes rating {
3402  0%, 40% {
3403    scale: 1.1;
3404    filter: brightness(1.05) contrast(1.05);
3405  }
3406}
3407@keyframes menu {
3408  0% {
3409    opacity: 0;
3410  }
3411}
3412@keyframes rotator {
3413  89.9999%, 100% {
3414    --first-item-position: 0 0%;
3415  }
3416  90%, 99.9999% {
3417    --first-item-position: 0 calc(var(--items) * 100%);
3418  }
3419  100% {
3420    translate: 0 -100%;
3421  }
3422}
3423@keyframes progress {
3424  50% {
3425    background-position-x: -115%;
3426  }
3427}
3428@keyframes radio {
3429  0% {
3430    padding: 5px;
3431  }
3432  50% {
3433    padding: 3px;
3434  }
3435}
3436@keyframes dropdown {
3437  0% {
3438    opacity: 0;
3439  }
3440}
3441@keyframes toast {
3442  0% {
3443    scale: 0.9;
3444    opacity: 0;
3445  }
3446  100% {
3447    scale: 1;
3448    opacity: 1;
3449  }
3450}
3451@keyframes skeleton {
3452  0% {
3453    background-position: 150%;
3454  }
3455  100% {
3456    background-position: -50%;
3457  }
3458}
3459@layer base {
3460  :where(:root),:root:has(input.theme-controller[value=centr-light]:checked),[data-theme="centr-light"] {
3461    color-scheme: light;
3462    --color-base-100: var(--color-soft-neutrals-lightest);
3463    --color-base-200: var(--color-soft-neutrals-light);
3464 
3464   --color-base-300: var(--color-soft-neutrals);
3465    --color-base-content: var(--color-charcoal-dark);
3466    --color-primary: var(--color-charcoal-dark);
3467    --color-primary-content: var(--color-yellow);
3468    --color-secondary: var(--color-greige-dark);
3469    --color-secondary-content: var(--color-charcoal);
3470    --color-accent: var(--color-yellow);
3471    --color-accent-content: var(--color-charcoal-dark);
3472    --color-neutral: var(--color-charcoal-darkest);
3473    --color-neutral-content: var(--color-soft-neutrals-dark);
3474    --color-info: var(--color-blue);
3475    --color-info-content: var(--color-earth-blue-lightest);
3476    --color-success: var(--color-green);
3477    --color-success-content: var(--color-green-lightest);
3478    --color-warning: var(--color-orange);
3479    --color-warning-content: var(--color-orange-lightest);
3480    --color-error: var(--color-red);
3481    --color-error-content: var(--color-red-lightest);
3482    --radius-selector: 0.25rem;
3483    --radius-field: 0.5rem;
3484    --radius-box: 0.5rem;
3485    --size-selector: 0.25rem;
3486    --size-field: 0.25rem;
3487    --border: 1px;
3488    --depth: 1;
3489    --noise: 1;
3490  }
3491}
3492@property --tw-rotate-x {
3493  syntax: "*";
3494  inherits: false;
3495}
3496@property --tw-rotate-y {
3497  syntax: "*";
3498  inherits: false;
3499}
3500@property --tw-rotate-z {
3501  syntax: "*";
3502  inherits: false;
3503}
3504@property --tw-skew-x {
3505  syntax: "*";
3506  inherits: false;
3507}
3508@property --tw-skew-y {
3509  syntax: "*";
3510  inherits: false;
3511}
3512@property --tw-space-y-reverse {
3513  syntax: "*";
3514  inherits: false;
3515  initial-value: 0;
3516}
3517@property --tw-border-style {
3518  syntax: "*";
3519  inherits: false;
3520  initial-value: solid;
3521}
3522@property --tw-gradient-position {
3523  syntax: "*";
3524  inherits: false;
3525}
3526@property --tw-gradient-from {
3527  syntax: "<color>";
3528  inherits: false;
3529  initial-value: #0000;
3530}
3531@property --tw-gradient-via {
3532  syntax: "<color>";
3533  inherits: false;
3534  initial-value: #0000;
3535}
3536@property --tw-gradient-to {
3537  syntax: "<color>";
3538  inherits: false;
3539  initial-value: #0000;
3540}
3541@property --tw-gradient-stops {
3542  syntax: "*";
3543  inherits: false;
3544}
3545@property --tw-gradient-via-stops {
3546  syntax: "*";
3547  inherits: false;
3548}
3549@property --tw-gradient-from-position {
3550  syntax: "<length-percentage>";
3551  inherits: false;
3552  initial-value: 0%;
3553}
3554@property --tw-gradient-via-position {
3555  syntax: "<length-percentage>";
3556  inherits: false;
3557  initial-value: 50%;
3558}
3559@property --tw-gradient-to-position {
3560  syntax: "<length-percentage>";
3561  inherits: false;
3562  initial-value: 100%;
3563}
3564@property --tw-font-weight {
3565  syntax: "*";
3566  inherits: false;
3567}
3568@property --tw-tracking {
3569  syntax: "*";
3570  inherits: false;
3571}
3572@property --tw-shadow {
3573  syntax: "*";
3574  inherits: false;
3575  initial-value: 0 0 #0000;
3576}
3577@property --tw-shadow-color {
3578  syntax: "*";
3579  inherits: false;
3580}
3581@property --tw-shadow-alpha {
3582  syntax: "<percentage>";
3583  inherits: false;
3584  initial-value: 100%;
3585}
3586@property --tw-inset-shadow {
3587  syntax: "*";
3588  inherits: false;
3589  initial-value: 0 0 #0000;
3590}
3591@property --tw-inset-shadow-color {
3592  syntax: "*";
3593  inherits: false;
3594}
3595@property --tw-inset-shadow-alpha {
3596  syntax: "<percentage>";
3597  inherits: false;
3598  initial-value: 100%;
3599}
3600@property --tw-ring-color {
3601  syntax: "*";
3602  inherits: false;
3603}
3604@property --tw-ring-shadow {
3605  syntax: "*";
3606  inherits: false;
3607  initial-value: 0 0 #0000;
3608}
3609@property --tw-inset-ring-color {
3610  syntax: "*";
3611  inherits: false;
3612}
3613@property --tw-inset-ring-shadow {
3614  syntax: "*";
3615  inherits: false;
3616  initial-value: 0 0 #0000;
3617}
3618@property --tw-ring-inset {
3619  syntax: "*";
3620  inherits: false;
3621}
3622@property --tw-ring-offset-width {
3623  syntax: "<length>";
3624  inherits: false;
3625  initial-value: 0px;
3626}
3627@property --tw-ring-offset-color {
3628  syntax: "*";
3629  inherits: false;
3630  initial-value: #fff;
3631}
3632@property --tw-ring-offset-shadow {
3633  syntax: "*";
3634  inherits: false;
3635  initial-value: 0 0 #0000;
3636}
3637@property --tw-outline-style {
3638  syntax: "*";
3639  inherits: false;
3640  initial-value: solid;
3641}
3642@property --tw-leading {
3643  syntax: "*";
3644  inherits: false;
3645}
3646@keyframes spin {
3647  to {
3648    transform: rotate(360deg);
3649  }
3650}
3651@layer properties {
3652  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
3653    *, ::before, ::after, ::backdrop {
3654      --tw-rotate-x: initial;
3655      --tw-rotate-y: initial;
3656      --tw-rotate-z: initial;
3657      --tw-skew-x: initial;
3658      --tw-skew-y: initial;
3659      --tw-space-y-reverse: 0;
3660      --tw-border-style: solid;
3661      --tw-gradient-position: initial;
3662      --tw-gradient-from: #0000;
3663      --tw-gradient-via: #0000;
3664      --tw-gradient-to: #0000;
3665      --tw-gradient-stops: initial;
3666      --tw-gradient-via-stops: initial;
3667      --tw-gradient-from-position: 0%;
3668      --tw-gradient-via-position: 50%;
3669      --tw-gradient-to-position: 100%;
3670      --tw-font-weight: initial;
3671      --tw-tracking: initial;
3672      --tw-shadow: 0 0 #0000;
3673      --tw-shadow-color: initial;
3674      --tw-shadow-alpha: 100%;
3675      --tw-inset-shadow: 0 0 #0000;
3676      --tw-inset-shadow-color: initial;
3677      --tw-inset-shadow-alpha: 100%;
3678      --tw-ring-color: initial;
3679      --tw-ring-shadow: 0 0 #0000;
3680      --tw-inset-ring-color: initial;
3681      --tw-inset-ring-shadow: 0 0 #0000;
3682      --tw-ring-inset: initial;
3683      --tw-ring-offset-width: 0px;
3684      --tw-ring-offset-color: #fff;
3685      --tw-ring-offset-shadow: 0 0 #0000;
3686      --tw-outline-style: solid;
3687      --tw-leading: initial;
3688    }
3689  }
3690}
3691/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
3692@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.variant-try *,.variant-try :before,.variant-try :after,.variant-try ::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@font-face{font-family:Degular;src:url(https://prod-cdn.centr.com/deploy/static/fonts/Degular-Black.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/Degular-Black.woff)format("woff");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Ultralight-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Ultralight-WebM.woff)format("woff");font-weight:250;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-UltralightItalic-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-UltralightItalic-WebM.woff)format("woff");font-weight:250;font-style:italic;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Thin-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Thin-WebM.woff)format("woff");font-weight:275;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-ThinItalic-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-ThinItalic-WebM.woff)format("woff");font-weight:275;font-style:italic;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Light-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Light-WebM.woff)format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-LightItalic-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-LightItalic-WebM.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Regular-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Regular-WebM.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-RegularItalic-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-RegularItalic-WebM.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Book-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Book-WebM.woff)format("woff");font-weight:450;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BookItalic-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BookItalic-WebM.woff)format("woff");font-weight:450;font-style:italic;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Medium-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Medium-WebM.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-MediumItalic-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-MediumItalic-WebM.woff)format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-SemiBold-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-SemiBold-WebM.woff)format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-SemiBoldItalic-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-SemiBoldItalic-WebM.woff)format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Bold-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Bold-WebM.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BoldItalic-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BoldItalic-WebM.woff)format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Black-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-Black-WebM.woff)format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:SuisseIntl;src:url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BlackItalic-WebM.woff2)format("woff2"),url(https://prod-cdn.centr.com/deploy/static/fonts/SuisseIntl-BlackItalic-WebM.woff)format("woff");font-weight:900;font-style:italic;font-display:swap}@layer theme{body.variant-try,body.variant-try{--font-sans:"SuisseIntl", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;
3692--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-yellow:#f1ef17;--color-earth-blue-lightest:#bcdff0;--color-green:#2bab38;--color-green-lightest:#effbf0;--color-red:#ba1a1a;--color-red-lightest:#feecec;--color-charcoal-darkest:#050404;--color-charcoal-dark:#222121;--color-charcoal:#2f2c2c;--color-charcoal-light:#464242;--color-blue:#1b68bb;--color-orange:#bb761b;--color-orange-lightest:#fcefcf;--color-soft-neutrals-dark:#dfdfec;--color-soft-neutrals:#e6e6ef;--color-soft-neutrals-light:#ebebf3;--color-soft-neutrals-lightest:#f2f2f7;--color-greige-dark:#d9d5cf}}@layer base{.variant-try *,.variant-try :after,.variant-try :before,.variant-try ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}.variant-try ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}body.variant-try,body.variant-try{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}.variant-try hr{height:0;color:inherit;border-top-width:1px}.variant-try abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.variant-try h1,.variant-try h2,.variant-try h3,.variant-try h4,.variant-try h5,.variant-try h6{font-size:inherit;font-weight:inherit}.variant-try a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.variant-try b,.variant-try strong{font-weight:bolder}.variant-try code,.variant-try kbd,.variant-try samp,.variant-try pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}.variant-try small{font-size:80%}.variant-try sub,.variant-try sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}.variant-try sub{bottom:-.25em}.variant-try sup{top:-.5em}.variant-try table{text-indent:0;border-color:inherit;border-collapse:collapse}.variant-try :-moz-focusring:where(:not(iframe)){outline:auto}.variant-try progress{vertical-align:baseline}.variant-try summary{display:list-item}.variant-try ol,.variant-try ul,.variant-try menu{list-style:none}.variant-try img,.variant-try svg,.variant-try video,.variant-try canvas,.variant-try audio,.variant-try iframe,.variant-try embed,.variant-try object{vertical-align:middle;display:block}.variant-try img,.variant-try video{max-width:100%;height:auto}.variant-try button,.variant-try input,.variant-try select,.variant-try optgroup,.variant-try textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.variant-try ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}.variant-try :where(select:is([multiple],[size])) optgroup{font-weight:bolder}.variant-try :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}.variant-try ::file-selector-button{margin-inline-end:4px}.variant-try ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){.variant-try ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){.variant-try ::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}.variant-try textarea{resize:vertical}.variant-try ::-webkit-search-decoration{-webkit-appearance:none}.variant-try ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}.variant-try ::-webkit-datetime-edit{display:inline-flex}.variant-try ::-webkit-datetime-edit-fields-wrapper{padding:0}.variant-try ::-webkit-datetime-edit{padding-block:0}.variant-try ::-webkit-datetime-edit-year-field{padding-block:0}.variant-try ::-webkit-datetime-edit-month-field{padding-block:0}
3692.variant-try ::-webkit-datetime-edit-day-field{padding-block:0}.variant-try ::-webkit-datetime-edit-hour-field{padding-block:0}.variant-try ::-webkit-datetime-edit-minute-field{padding-block:0}.variant-try ::-webkit-datetime-edit-second-field{padding-block:0}.variant-try ::-webkit-datetime-edit-millisecond-field{padding-block:0}.variant-try ::-webkit-datetime-edit-meridiem-field{padding-block:0}.variant-try ::-webkit-calendar-picker-indicator{line-height:1}.variant-try :-moz-ui-invalid{box-shadow:none}.variant-try button,.variant-try input:where([type=button],[type=reset],[type=submit]){appearance:button}.variant-try ::file-selector-button{appearance:button}.variant-try ::-webkit-inner-spin-button{height:auto}.variant-try ::-webkit-outer-spin-button{height:auto}.variant-try [hidden]:where(:not([hidden=until-found])){display:none!important}body.variant-try{--page-has-backdrop:var(--page-scroll-lock) 1;--page-scroll-bg:var(--page-scroll-lock) var(--root-bg,#0000)}@supports (color:color-mix(in lab, red, red)){body.variant-try{--page-scroll-bg:var(--page-scroll-lock) color-mix(in srgb, var(--root-bg,#0000), oklch(0% 0 0) calc(var(--page-has-backdrop,0) * 40%))}}body.variant-try{background-image:var(--page-scroll-lock) linear-gradient(var(--root-bg,#0000), var(--root-bg,#0000));transition:var(--page-scroll-lock) background-color .3s ease-out;animation:var(--page-scroll-lock) set-page-has-scroll forwards;animation-timeline:var(--page-scroll-lock) scroll();--page-has-scroll:initial;scrollbar-gutter:var(--page-has-scroll) var(--page-scroll-lock) stable}@keyframes set-page-has-scroll{0%,to{--page-has-scroll: }}body.variant-try{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");scrollbar-color:currentColor #0000}@supports (color:color-mix(in lab, red, red)){body.variant-try{scrollbar-color:color-mix(in oklch, currentColor 35%, #0000) #0000}}@property --radialprogress{syntax:"<percentage>";inherits:true;initial-value:0%}@property --aura-angle{syntax:"<angle>";inherits:false;initial-value:0deg}body.variant-try,.variant-try [data-theme]{background-color:var(--root-bg);color:var(--color-base-content)}body.variant-try{background-color:var(--page-scroll-bg,var(--root-bg))}.variant-try :where(:root,[data-theme]){--root-bg:var(--color-base-100)}body.variant-try{--page-scroll-lock:initial;--page-overflow:var(--page-scroll-lock) hidden}body.variant-try:not(span){overflow:var(--page-overflow)}.variant-try :where(:root),body.variant-try:has(input.theme-controller[value=centr-light]:checked),.variant-try [data-theme=centr-light]{color-scheme:light;--color-base-100:var(--color-soft-neutrals-lightest);--color-base-200:var(--color-soft-neutrals-light);--color-base-300:var(--color-soft-neutrals);--color-base-content:var(--color-charcoal-dark);--color-primary:var(--color-charcoal-dark);--color-primary-content:var(--color-yellow);--color-secondary:var(--color-greige-dark);--color-secondary-content:var(--color-charcoal);
3692--color-accent:var(--color-yellow);--color-accent-content:var(--color-charcoal-dark);--color-neutral:var(--color-charcoal-darkest);--color-neutral-content:var(--color-soft-neutrals-dark);--color-info:var(--color-blue);--color-info-content:var(--color-earth-blue-lightest);--color-success:var(--color-green);--color-success-content:var(--color-green-lightest);--color-warning:var(--color-orange);--color-warning-content:var(--color-orange-lightest);--color-error:var(--color-red);--color-error-content:var(--color-red-lightest);--radius-selector:.25rem;--radius-field:.5rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:1}}@layer components;@layer utilities{@layer daisyui.l1.l2{.variant-try .diff{webkit-user-select:none;-webkit-user-select:none;user-select:none;direction:ltr;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;align-items:normal;width:100%;display:grid;position:relative;overflow:hidden;container-type:inline-size}.variant-try .diff:focus-visible,.variant-try .diff:has(.diff-item-1:focus-visible),.variant-try .diff:focus-visible{outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px;outline-color:var(--color-base-content)}.variant-try .diff:focus-visible .diff-resizer{min-width:95cqi;max-width:95cqi}.variant-try .diff:has(.diff-item-1:focus-visible){outline-style:var(--tw-outline-style);outline-offset:1px;outline-width:2px}.variant-try .diff:has(.diff-item-1:focus-visible) .diff-resizer{min-width:5cqi;max-width:5cqi}.variant-try .diff:hover .diff-item-2:after{height:2.4rem}@supports (-webkit-overflow-scrolling:touch) and (overflow:-webkit-paged-x){.variant-try .diff:focus .diff-resizer{min-width:5cqi;max-width:5cqi}.variant-try .diff:has(.diff-item-1:focus) .diff-resizer{min-width:95cqi;max-width:95cqi}}.variant-try .tabs-border>.tab{--tab-border-color:#0000 #0000 var(--tab-border-color) #0000;border-radius:var(--radius-field);position:relative}.variant-try .tabs-border>.tab:before{content:"";background-color:var(--tab-border-color);width:calc(100% - var(--tab-p) * 2);border-radius:var(--radius-field);height:3px;bottom:0;left:var(--tab-p);transition:background-color .2s;position:absolute}.variant-try :is(.tabs-border>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-border>.tab:is(input:checked),.tabs-border>.tab:is(label:has(:checked))):before{--tab-border-color:currentColor;border-top:3px solid}.variant-try .tabs-lift>.tab{--tab-border:0 0 var(--border) 0;--tab-radius-ss:var(--tab-radius-limit);--tab-radius-se:var(--tab-radius-limit);--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border) var(--tab-p) 0 var(--tab-p);--tab-border-colors:#0000 #0000 var(--tab-border-color) #0000;--tab-corner-width:calc(100% + var(--tab-radius-limit) * 2);--tab-corner-height:var(--tab-radius-limit);--tab-corner-position:top left, top right;border-width:var(--tab-border);padding:var(--tab-paddings);border-color:var(--tab-border-colors);border-start-start-radius:var(--tab-radius-ss);border-start-end-radius:var(--tab-radius-se);border-end-end-radius:var(--tab-radius-ee);border-end-start-radius:var(--tab-radius-es)}.variant-try .tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.variant-try .tabs-lift>.tab:is(input:checked,label:has(:checked)){--tab-border:var(--border) var(--border) 0 var(--border);--tab-border-colors:var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);--tab-paddings:0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left, var(--tab-radius-grad));--radius-end:radial-gradient(circle at top right, var(--tab-radius-grad));background-color:var(--tab-bg)}.variant-try :is(.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked))):before{z-index:1;content:"";width:var(--tab-corner-width);height:var(--tab-corner-height);background-position:var(--tab-corner-position);background-image:var(--radius-start), var(--radius-end);background-size:var(--tab-radius-limit) var(--tab-radius-limit);inset:var(--tab-inset);background-repeat:no-repeat;display:block;position:absolute}.variant-try :is(.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked))):first-child:before{--radius-start:none}.variant-try [dir=rtl] :is(.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked))):first-child:before{transform:rotateY(180deg)}.variant-try :is(.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked))):last-child:before{--radius-end:none}.variant-try [dir=rtl] :is(.tabs-lift>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.tabs-lift>.tab:is(input:checked,label:has(:checked))):last-child:before{transform:rotateY(180deg)}.variant-try .tabs-lift:has(>.tab-content)>.tab:first-child:not(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){--tab-border-colors:var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color)}.variant-try .tabs-top>.tab{--tab-order:0;--tab-border:0 0 var(--border) 0;--tab-radius-ss:var(--tab-radius-limit);--tab-radius-se:var(--tab-radius-limit);--tab-radius-es:0;--tab-radius-ee:0;--tab-paddings:var(--border) var(--tab-p) 0 var(--tab-p);--tab-border-colors:#0000 #0000 var(--tab-border-color) #0000;--tab-corner-width:calc(100% + var(--tab-radius-limit) * 2);--tab-corner-height:var(--tab-radius-limit);--tab-corner-position:top left, top right}.variant-try .tabs-top>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.variant-try .tabs-top>.tab:is(input:checked),.variant-try .tabs-top>.tab:is(label:has(:checked)){--tab-border:var(--border) var(--border) 0 var(--border);--tab-border-colors:var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color);--tab-paddings:0 calc(var(--tab-p) - var(--border)) var(--border) calc(var(--tab-p) - var(--border));--tab-inset:auto auto 0 auto;--radius-start:radial-gradient(circle at top left, var(--tab-radius-grad));--radius-end:radial-gradient(circle at top right, var(--tab-radius-grad))}.variant-try .tabs-top:has(>.tab-content)>.tab:first-child:not(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){--tab-border-colors:var(--tab-border-color) var(--tab-border-color) #0000 var(--tab-border-color)}.variant-try .tabs-bottom>.tab{--tab-order:1;--tab-border:var(--border) 0 0 0;--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:var(--tab-radius-limit);--tab-radius-ee:var(--tab-radius-limit);--tab-border-colors:var(--tab-border-color) #0000 #0000 #0000;--tab-paddings:0 var(--tab-p) var(--border) var(--tab-p);--tab-corner-width:calc(100% + var(--tab-radius-limit) * 2);--tab-corner-height:var(--tab-radius-limit);--tab-corner-position:top left, top right}.variant-try .tabs-bottom>.tab:is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]):not(.tab-disabled,[disabled]),.variant-try .tabs-bottom>.tab:is(input:checked),.variant-try .tabs-bottom>.tab:is(label:has(:checked)){--tab-border:0 var(--border) var(--border) var(--border);--tab-border-colors:#0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color);--tab-paddings:var(--border) calc(var(--tab-p) - var(--border)) 0 calc(var(--tab-p) - var(--border));--tab-inset:0 auto auto auto;--radius-start:radial-gradient(circle at bottom left, var(--tab-radius-grad));--radius-end:radial-gradient(circle at bottom right, var(--tab-radius-grad))}.variant-try .tabs-bottom:has(>.tab-content)>.tab:first-child:not(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){--tab-border-colors:#0000 var(--tab-border-color) var(--tab-border-color) var(--tab-border-color)}.variant-try .tabs-box>.tab{border-radius:var(--radius-field);border-style:none}.variant-try .tabs-box>.tab:focus-visible,.variant-try .tabs-box>.tab:is(label:has(:checked:focus-visible)){outline-offset:2px}.variant-try .tabs-box>.tab:focus-visible{z-index:1}.variant-try .tabs-xs>.tab{--tab-p:.375rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.75rem}.variant-try .tabs-sm>.tab{--tab-p:.5rem;--tab-radius-min:calc(.5rem - var(--border));font-size:.875rem}.variant-try .tabs-md>.tab{--tab-p:.75rem;--tab-radius-min:calc(.75rem - var(--border));font-size:.875rem}.variant-try .tabs-lg>.tab{--tab-p:1rem;--tab-radius-min:calc(1.5rem - var(--border));font-size:1.125rem}.variant-try .tabs-xl>.tab{--tab-p:1.25rem;--tab-radius-min:calc(2rem - var(--border));font-size:1.125rem}.variant-try .btn:is([aria-pressed=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.variant-try .btn:is([aria-pressed=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%)}}.variant-try .btn:is([aria-pressed=true],[aria-current]:not([aria-current=false],[aria-current=""])){color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.variant-try .btn:is([aria-pressed=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%)}}.variant-try .btn:is([aria-pressed=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);isolation:isolate}.variant-try .list .list-row:has(>.list-col-grow:first-child){--list-grid-cols:1fr}.variant-try .list .list-row:has(>.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0, auto) 1fr}.variant-try .list .list-row:has(>.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0, auto) minmax(0, auto) 1fr}.variant-try .list .list-row:has(>.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.variant-try .list .list-row:has(>.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.variant-try .list .list-row:has(>
3692.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr}.variant-try .list .list-row>*{grid-row-start:1}.variant-try .steps-horizontal .step{text-align:center;grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid}.variant-try .steps-horizontal .step:before{width:100%;height:.5rem;margin-inline-start:-100%;translate:0}.variant-try [dir=rtl] :is(.steps-horizontal .step):before{translate:0}.variant-try .steps-vertical .step{grid-template-rows:auto;grid-template-columns:40px 1fr;justify-items:start;gap:.5rem;min-height:4rem;display:grid}.variant-try .steps-vertical .step:before{width:.5rem;height:100%;margin-inline-start:50%;translate:-50% -50%}.variant-try [dir=rtl] :is(.steps-vertical .step):before{translate:50% -50%}.variant-try .steps .step-neutral+.step-neutral:before,.variant-try .steps .step-neutral:after,.variant-try .steps .step-neutral>.step-icon{--step-bg:var(--color-neutral);--step-fg:var(--color-neutral-content)}.variant-try .steps .step-primary+.step-primary:before,.variant-try .steps .step-primary:after,.variant-try .steps .step-primary>.step-icon{--step-bg:var(--color-primary);--step-fg:var(--color-primary-content)}.variant-try .steps .step-secondary+.step-secondary:before,.variant-try .steps .step-secondary:after,.variant-try .steps .step-secondary>.step-icon{--step-bg:var(--color-secondary);--step-fg:var(--color-secondary-content)}.variant-try .steps .step-accent+.step-accent:before,.variant-try .steps .step-accent:after,.variant-try .steps .step-accent>.step-icon{--step-bg:var(--color-accent);--step-fg:var(--color-accent-content)}.variant-try .steps .step-info+.step-info:before,.variant-try .steps .step-info:after,.variant-try .steps .step-info>.step-icon{--step-bg:var(--color-info);--step-fg:var(--color-info-content)}.variant-try .steps .step-success+.step-success:before,.variant-try .steps .step-success:after,.variant-try .steps .step-success>.step-icon{--step-bg:var(--color-success);--step-fg:var(--color-success-content)}.variant-try .steps .step-warning+.step-warning:before,.variant-try .steps .step-warning:after,.variant-try .steps .step-warning>.step-icon{--step-bg:var(--color-warning);--step-fg:var(--color-warning-content)}.variant-try .steps .step-error+.step-error:before,.variant-try .steps .step-error:after,.variant-try .steps .step-error>.step-icon{--step-bg:var(--color-error);--step-fg:var(--color-error-content)}.variant-try .swap{cursor:pointer;vertical-align:middle;webkit-user-select:none;-webkit-user-select:none;user-select:none;place-content:center;display:inline-grid;position:relative}.variant-try .swap input{appearance:none;border:none}.variant-try .swap>*{grid-row-start:1;grid-column-start:1}@media (prefers-reduced-motion:no-preference){.variant-try .swap>*{transition-property:transform,rotate,opacity;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}}.variant-try .swap .swap-on,.variant-try .swap .swap-indeterminate,.variant-try .swap input:indeterminate~.swap-on,.variant-try .swap input:is(:checked,:indeterminate)~.swap-off{opacity:0}.variant-try .swap input:checked~.swap-on,.variant-try .swap input:indeterminate~.swap-indeterminate{opacity:1;backface-visibility:visible}.variant-try .checkbox:disabled,.variant-try .radio:disabled{cursor:not-allowed;opacity:.2}.variant-try .image-full>.card-body{color:var(--color-neutral-content);position:relative}.variant-try .card-xs .card-body{--card-p:.5rem;--card-fs:.6875rem}.variant-try .card-sm .card-body{--card-p:1rem;--card-fs:.75rem}.variant-try .card-md .card-body{--card-p:1.5rem;--card-fs:.875rem}.variant-try .card-lg .card-body{--card-p:2rem;--card-fs:1rem}.variant-try .card-xl .card-body{--card-p:2.5rem;--card-fs:1.125rem}.variant-try :is(.stack,.stack.stack-bottom)>*{grid-area:3/3/6/4}.variant-try :is(.stack,.stack.stack-bottom)>:nth-child(2){grid-area:2/2/5/5}.variant-try :is(.stack,.stack.stack-bottom)>:first-child{grid-area:1/1/4/6}.variant-try .stack.stack-top>*{grid-area:1/3/4/4}.variant-try .stack.stack-top>
3692:nth-child(2){grid-area:2/2/5/5}.variant-try .stack.stack-top>:first-child{grid-area:3/1/6/6}.variant-try .stack.stack-start>*{grid-area:3/1/4/4}.variant-try .stack.stack-start>:nth-child(2){grid-area:2/2/5/5}.variant-try .stack.stack-start>:first-child{grid-area:1/3/6/6}.variant-try .stack.stack-end>*{grid-area:3/3/4/6}.variant-try .stack.stack-end>:nth-child(2){grid-area:2/2/5/5}.variant-try .stack.stack-end>:first-child{grid-area:1/1/6/4}.variant-try .divider-horizontal.divider{flex-direction:column;width:1rem;height:auto}.variant-try .divider-horizontal.divider:before,.variant-try .divider-horizontal.divider:after{width:.125rem;height:100%}.variant-try .divider-vertical.divider{flex-direction:row;width:auto;height:1rem}.variant-try .divider-vertical.divider:before,.variant-try .divider-vertical.divider:after{width:100%;height:.125rem}.variant-try .btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem) * 12)}.variant-try .btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);--btn-soft-bg:initial}.variant-try .btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content);--btn-soft-bg:initial}.variant-try .input-error,.variant-try .input-error:focus,.variant-try .input-error:focus-within{--input-color:var(--color-error)}@media (prefers-reduced-motion:no-preference){.variant-try .collapse:not(td,tr,colgroup)[open].collapse-arrow>.collapse-title:after,.variant-try .collapse:not(td,tr,colgroup).collapse-open.collapse-arrow>.collapse-title:after{transform:translateY(-50%)rotate(225deg)}}.variant-try .collapse:not(td,tr,colgroup).collapse-open.collapse-plus>.collapse-title:after{--tw-content:"−";content:var(--tw-content)}.variant-try :is(.collapse:not(td,tr,colgroup)[tabindex].collapse-arrow:focus:not(.collapse-close),.collapse:not(td,tr,colgroup).collapse-arrow[tabindex]:focus-within:not(.collapse-close))>.collapse-title:after,.variant-try .collapse:not(td,tr,colgroup).collapse-arrow:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{transform:translateY(-50%)rotate(225deg)}.variant-try .collapse:not(td,tr,colgroup)[open].collapse-plus>.collapse-title:after,.variant-try .collapse:not(td,tr,colgroup)[tabindex].collapse-plus:focus:not(.collapse-close)>.collapse-title:after,.variant-try .collapse:not(td,tr,colgroup).collapse-plus:not(.collapse-close)>input:is([type=checkbox],[type=radio]):checked~.collapse-title:after{--tw-content:"−";content:var(--tw-content)}}@layer daisyui.l1.l2.l3{@media (hover:hover){.variant-try .tab:is(.tabs>.tab):hover{color:var(--color-base-content)}}@supports (color:color-mix(in lab, red, red)){.variant-try .tab:is(.tabs>.tab):not(:checked,label:has(:checked),:hover,.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}}@media (forced-colors:active){.variant-try .tab:is(.tabs>.tab):focus{outline-offset:2px;outline:2px solid #0000}}@media (hover:hover){.variant-try .tab:is(.tabs>.tab):hover{color:var(--color-base-content)}}@supports (color:color-mix(in lab, red, red)){.variant-try .tab:is(.tabs>.tab):not(:checked,label:has(:checked),:hover,.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}}@media (forced-colors:active){.variant-try .tab:is(.tabs>.tab):focus{outline-offset:2px;outline:2px solid #0000}}.variant-try .tooltip{--tt-bg:var(--color-neutral);--tt-off:calc(100% + .5rem);--tt-tail:calc(100% + 1px + .25rem);--tt-tail-off:.5rem;display:inline-block;position:relative}.variant-try .tooltip>.tooltip-content,.variant-try .tooltip[data-tip]:before{border-radius:var(--radius-field);text-align:center;white-space:normal;max-width:20rem;color:var(--color-neutral-content);opacity:0;background-color:var(--tt-bg);pointer-events:none;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);width:max-content;transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-off) 50%;padding-block:.25rem;padding-inline:.5rem;font-size:.875rem;font-weight:400;line-height:1.25;position:absolute}.variant-try .tooltip:after{opacity:0;background-color:var(--tt-bg);content:"";pointer-events:none;--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");width:.625rem;height:.25rem;-webkit-mask-position:-1px 0;mask-position:-1px 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--mask-tooltip);-webkit-mask-image:var(--mask-tooltip);mask-image:var(--mask-tooltip);transform:translateX(var(--tt-trans,-50%)) translateY(var(--tt-pos,.25rem));inset:auto auto var(--tt-tail) 50%;display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.variant-try .tooltip>.tooltip-content,.variant-try .tooltip[data-tip]:before,.variant-try .tooltip:after{transition:opacity .2s cubic-bezier(.4,0,.2,1) 75ms,transform .2s cubic-bezier(.4,0,.2,1) 75ms}.variant-try :is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}.variant-try :is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content{opacity:1;--tt-pos:0rem}@media (prefers-reduced-motion:no-preference){.variant-try :is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))>.tooltip-content,.variant-try :is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,.variant-try :is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}.variant-try :is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before{opacity:1;--tt-pos:0rem}@media (prefers-reduced-motion:no-preference){.variant-try :is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible))[data-tip]:before,.variant-try :is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after,.variant-try :is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}.variant-try :is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{opacity:1;--tt-pos:0rem}@media (prefers-reduced-motion:no-preference){.variant-try :is(.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))).tooltip-open,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):hover,.tooltip:is([data-tip]:not([data-tip=""]),:has(.tooltip-content:not(:empty))):has(:focus-visible)):after{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}}.variant-try .tabs{--tabs-height:auto;--tabs-direction:row;--tab-height:calc(var(--size-field,.25rem) * 10);height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.variant-try .tab:is(.tabs>.tab){cursor:pointer;appearance:none;text-align:center;webkit-user-select:none;-webkit-user-select:none;user-select:none;flex-wrap:wrap;justify-content:center;align-items:center;display:inline-flex;position:relative}@media (hover:hover){.variant-try .tab:is(.tabs>.tab):hover{color:var(--color-base-content)}}.variant-try .tab:is(.tabs>.tab){--tab-p:.75rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));--tab-radius-limit:min(var(--radius-field), var(--tab-radius-min));--tab-radius-grad:#0000 calc(69% - var(--border)), var(--tab-border-color) calc(69% - var(--border) + .25px), var(--tab-border-color) 69%, var(--tab-bg) calc(69% + .25px);order:var(--tab-order);height:var(--tab-height);padding-inline:var(--tab-p);border-color:#0000;font-size:.875rem}.variant-try .tab:is(.tabs>.tab):is(input[type=radio]){min-width:fit-content}.variant-try .tab:is(.tabs>.tab):is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.variant-try .tab:is(.tabs>.tab):is(label){position:relative}.variant-try .tab:is(.tabs>.tab):is(label) input{cursor:pointer;appearance:none;opacity:0;position:absolute;inset:0}.variant-try :is(.tab:is(.tabs>.tab):checked,.tab:is(.tabs>.tab):is(label:has(:checked)),.tab:is(.tabs>.tab):is(.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]))+.tab-content{display:block}.variant-try .tab:is(.tabs>.tab):not(:checked,label:has(:checked),:hover,.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try .tab:is(.tabs>.tab):not(:checked,label:has(:checked),:hover,.tab-active,[aria-selected=true],[aria-current=true],[aria-current=page]){color:color-mix(in oklab, var(--color-base-content) 50%, transparent)}}.variant-try .tab:is(.tabs>.tab):not(input):empty{cursor:default;flex-grow:1}.variant-try .tab:is(.tabs>.tab):focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.variant-try .tab:is(.tabs>.tab):focus{outline-offset:2px;outline:2px solid #0000}}.variant-try .tab:is(.tabs>.tab):focus-visible,.variant-try .tab:is(.tabs>.tab):is(label:has(:checked:focus-visible)){outline-offset:-5px;outline:2px solid}.variant-try .tab:is(.tabs>.tab)[disabled]{pointer-events:none;opacity:.4}.variant-try .otp{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
3692clip-path:inset(-3.5px 3.5px -3.5px -3.5px);border-radius:var(--radius-field);gap:var(--otp-gap);--input-color:var(--color-base-content);direction:ltr;font-size:1.75rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.variant-try .otp{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.variant-try .otp{--otp-ch:1ch;--otp-gap:calc(var(--otp-ch) * .5);--otp-w:calc(var(--otp-ch) * 2);--otp-size:calc(var(--size-field,.25rem) * 10);--stride:calc(var(--otp-w) + var(--otp-gap))}@supports (font:-apple-system-body){.variant-try .otp{--otp-ch:.618164em}}.variant-try .otp>input{pointer-events:none;z-index:1;appearance:none;border-style:var(--tw-border-style);outline-style:var(--tw-outline-style);field-sizing:content;text-indent:1px;letter-spacing:calc(var(--stride) - var(--otp-ch));font-variant-numeric:tabular-nums;background-color:#0000;border-width:0;outline-width:0;margin:0;padding:0;padding-inline-start:calc(var(--otp-ch) * .5 - 1px);line-height:1;inset-inline-start:0}.variant-try .otp>input::selection{color:var(--color-base-content);background-color:#0000}@supports (color:color-mix(in lab, red, red)){.variant-try .otp>input::selection{color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.variant-try .otp>input:valid{caret-color:#0000}.variant-try .otp:has(>span:first-child){width:calc(var(--stride) * 1)}.variant-try .otp:has(>span:nth-child(2)){width:calc(var(--stride) * 2)}.variant-try .otp:has(>span:nth-child(3)){width:calc(var(--stride) * 3)}.variant-try .otp:has(>span:nth-child(4)){width:calc(var(--stride) * 4)}.variant-try .otp:has(>span:nth-child(5)){width:calc(var(--stride) * 5)}.variant-try .otp:has(>span:nth-child(6)){width:calc(var(--stride) * 6)}.variant-try .otp:has(>span:nth-child(7)){width:calc(var(--stride) * 7)}.variant-try .otp:has(>span:nth-child(8)){width:calc(var(--stride) * 8)}.variant-try .otp>span{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));inline-size:var(--otp-w);block-size:var(--otp-size);background-color:var(--color-base-100);border:var(--border) solid var(--input-color);border-radius:inherit;outline-offset:1px;box-shadow:0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;outline:2px solid #0000;transition:border-color .2s;display:flex;position:absolute}@supports (color:color-mix(in lab, red, red)){.variant-try .otp>span{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}}.variant-try .otp>span:first-child{left:0}@supports (font:-apple-system-body){.variant-try .otp>span:first-child{left:1px}}.variant-try .otp>span:nth-child(2){left:calc(var(--stride) * 1);transition-delay:20ms}.variant-try .otp>span:nth-child(3){left:calc(var(--stride) * 2);transition-delay:40ms}.variant-try .otp>span:nth-child(4){left:calc(var(--stride) * 3);transition-delay:60ms}.variant-try .otp>span:nth-child(5){left:calc(var(--stride) * 4);transition-delay:80ms}.variant-try .otp>span:nth-child(6){left:calc(var(--stride) * 5);transition-delay:.1s}.variant-try .otp>span:nth-child(7){left:calc(var(--stride) * 6);transition-delay:.12s}.variant-try .otp>span:nth-child(8){left:calc(var(--stride) * 7);transition-delay:.14s}.variant-try .otp:has(input:valid:focus)>span{outline:2px solid var(--input-color);outline-offset:1px}.variant-try .otp:has(input:valid:focus):after{opacity:0}.variant-try .otp:after{content:"";width:var(--otp-w);height:var(--otp-size);border-radius:var(--radius-field);outline-offset:1px;z-index:10;outline:2px solid #0000;flex-shrink:0;margin-inline-start:calc(-1 * (var(--otp-gap) + var(--otp-ch) * .5))}.variant-try .otp:focus-within{--input-color:var(--color-base-content)}.variant-try .otp:focus-within>span{box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.variant-try .otp:focus-within>span{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.variant-try .otp:focus-within:after{outline-color:var(--input-color)}.variant-try .otp:has(>input:disabled){cursor:not-allowed}.variant-try .otp:has(>input:disabled)>input{color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try .otp:has(>input:disabled)>input{color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.variant-try .otp:has(>input:disabled)>span{border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none}.variant-try :where(.btn){width:unset}.variant-try .btn{--size:calc(var(--size-field,.25rem) * 10);--btn-p:1rem;--btn-fg:var(--color-base-content);cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;border-width:var(--border);touch-action:manipulation;--btn-bg:var(--btn-color,var(--color-base-200));--btn-border:var(--btn-color,var(--color-base-200));border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@supports (color:color-mix(in lab, red, red)){.variant-try .btn{--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 calc(var(--depth) * 5%))}}.variant-try .btn{--btn-soft-bg:initial;--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.variant-try .btn{--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.variant-try .btn{--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));height:var(--size);padding-inline:var(--btn-p);font-size:var(--fontsize,.875rem);background-color:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-border);border-style:var(--btn-border-style,solid);outline-color:var(--btn-color,var(--color-base-content));--tw-prose-links:var(--btn-fg);background-image:none, var(--fx-noise);background-size:auto, calc(var(--noise,0) * 100%);text-shadow:0 .5px oklch(100% 0 0 / calc(var(--depth) * .15));box-shadow:var(--btn-inset) inset, var(--btn-shadow)}
3692.variant-try .btn:is([type=checkbox],[type=radio]){appearance:none}.variant-try .btn:is([type=checkbox],[type=radio])[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}.variant-try .btn:where(:checked:not(.filter [type=radio].btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.variant-try .loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem) * 6);background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='8s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='6s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (prefers-reduced-motion:no-preference){.variant-try .loading{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}}.variant-try .filter{flex-wrap:wrap;display:flex}.variant-try .filter [type=radio]{width:auto}.variant-try .filter input{opacity:1;transition:visibility .1s allow-discrete, margin .1s, opacity .3s, padding .3s, border-width .1s;overflow:hidden;scale:1}.variant-try .filter input.filter-reset{aspect-ratio:1}.variant-try .filter input.filter-reset:after{--tw-content:"×";content:var(--tw-content)}.variant-try .filter>input:not(:last-child),.variant-try .filter>:not(:last-child) input{margin-inline-end:.25rem}.variant-try :is(.validator:user-valid,.validator:has(:user-valid)),.variant-try :is(.validator:user-valid,.validator:has(:user-valid)):focus,.variant-try :is(.validator:user-valid,.validator:has(:user-valid)):checked,.variant-try :is(.validator:user-valid,.validator:has(:user-valid))[aria-checked=true],.variant-try :is(.validator:user-valid,.validator:has(:user-valid)):focus-within{--input-color:var(--color-success)}.variant-try :is(.validator:user-invalid,.validator:has(:user-invalid),.validator[aria-invalid]:not([aria-invalid=false]),.validator:has([aria-invalid]:not([aria-invalid=false]))),.variant-try :is(.validator:user-invalid,.validator:has(:user-invalid),.validator[aria-invalid]:not([aria-invalid=false]),.validator:has([aria-invalid]:not([aria-invalid=false]))):focus,.variant-try :is(.validator:user-invalid,.validator:has(:user-invalid),.validator[aria-invalid]:not([aria-invalid=false]),.validator:has([aria-invalid]:not([aria-invalid=false]))):checked,.variant-try :is(.validator:user-invalid,.validator:has(:user-invalid),.validator[aria-invalid]:not([aria-invalid=false]),.validator:has([aria-invalid]:not([aria-invalid=false])))[aria-checked=true],.variant-try :is(.validator:user-invalid,.validator:has(:user-invalid),.validator[aria-invalid]:not([aria-invalid=false]),.validator:has([aria-invalid]:not([aria-invalid=false]))):focus-within{--input-color:var(--color-error)}.variant-try .list{flex-direction:column;font-size:.875rem;display:flex}.variant-try .list .list-row{--list-grid-cols:minmax(0, auto) 1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);
3692gap:1rem;padding:1rem;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.variant-try :is(.list>:not(:last-child).list-row,.list>:not(:last-child) .list-row):after{border-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}}.variant-try :is(.list>:not(:last-child).list-row,.list>:not(:last-child) .list-row):after{content:"";border-bottom:var(--border) solid;inset-inline:var(--radius-box);border-color:var(--color-base-content);position:absolute;bottom:0}@supports (color:color-mix(in lab, red, red)){.variant-try :is(.list>:not(:last-child).list-row,.list>:not(:last-child) .list-row):after{border-color:color-mix(in oklab, var(--color-base-content) 5%, transparent)}}.variant-try .toggle{border:var(--border) solid currentColor;color:var(--input-color);cursor:pointer;appearance:none;vertical-align:middle;webkit-user-select:none;-webkit-user-select:none;user-select:none;--radius-selector-max:calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector));border-radius:calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max)));padding:var(--toggle-p);flex-shrink:0;grid-template-columns:0fr 1fr 1fr;place-content:center;display:inline-grid;position:relative;box-shadow:inset 0 1px}@supports (color:color-mix(in lab, red, red)){.variant-try .toggle{box-shadow:0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset}}.variant-try .toggle{--input-color:var(--color-base-content);transition:color .3s,grid-template-columns .2s}@supports (color:color-mix(in lab, red, red)){.variant-try .toggle{--input-color:color-mix(in oklab, var(--color-base-content) 50%, #0000)}}.variant-try .toggle{--toggle-p:calc(var(--size) * .125);--size:calc(var(--size-selector,.25rem) * 6);width:calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2);height:var(--size)}.variant-try .toggle>*{z-index:1;cursor:pointer;appearance:none;background-color:#0000;border:none;grid-column:2/span 1;grid-row-start:1;height:100%;padding:.125rem;transition:opacity .2s,rotate .4s}.variant-try .toggle>:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.variant-try .toggle>:focus{outline-offset:2px;outline:2px solid #0000}}.variant-try .toggle>:nth-child(2){color:var(--color-base-100);rotate:0deg}.variant-try .toggle>:nth-child(3){color:var(--color-base-100);opacity:0;rotate:-15deg}.variant-try .toggle:has(:checked)>:nth-child(2){opacity:0;rotate:15deg}.variant-try .toggle:has(:checked)>:nth-child(3){opacity:1;rotate:0deg}.variant-try .toggle:before{aspect-ratio:1;border-radius:var(--radius-selector);--tw-content:"";content:var(--tw-content);width:100%;height:100%;box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor;background-color:currentColor;grid-row-start:1;grid-column-start:2;transition:background-color .1s,translate .2s,inset-inline-start .2s;position:relative;inset-inline-start:0;translate:0}@supports (color:color-mix(in lab, red, red)){.variant-try .toggle:before{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000)}}.variant-try .toggle:before{background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise)}@media (forced-colors:active){.variant-try .toggle:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{.variant-try .toggle:before{outline-offset:-1rem;outline:.25rem solid}}.variant-try .toggle:focus-visible,.variant-try .toggle:has(:focus-visible){outline-offset:2px;outline:2px solid}.variant-try .toggle:checked{background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr}.variant-try .toggle:checked:before{background-color:currentColor}@starting-style{.variant-try .toggle:checked:before{opacity:0}}.variant-try .toggle[aria-checked=true]{background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr}.variant-try .toggle[aria-checked=true]:before{background-color:currentColor}@starting-style{.variant-try .toggle[aria-checked=true]:before{opacity:0}
3692}.variant-try .toggle:has(>input:checked){background-color:var(--color-base-100);--input-color:var(--color-base-content);grid-template-columns:1fr 1fr 0fr}.variant-try .toggle:has(>input:checked):before{background-color:currentColor}@starting-style{.variant-try .toggle:has(>input:checked):before{opacity:0}}.variant-try .toggle:indeterminate{grid-template-columns:.5fr 1fr .5fr}.variant-try .toggle:disabled{cursor:not-allowed;opacity:.3}.variant-try .toggle:disabled:before{border:var(--border) solid currentColor;background-color:#0000}.variant-try .input{appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;--size:calc(var(--size-field,.25rem) * var(--in-size-mul,10));--input-color:var(--color-base-content);flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.variant-try .input{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.variant-try .input{cursor:text;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field))}@supports (color:color-mix(in lab, red, red)){.variant-try .input{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}}.variant-try .input input{appearance:none;background-color:#0000;border:none;width:100%;height:100%}.variant-try .input input::placeholder{color:var(--color-base-content);opacity:.5}.variant-try .input input:focus,.variant-try .input input:focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.variant-try .input input:focus,.variant-try .input input:focus-within{outline-offset:2px;outline:2px solid #0000}}.variant-try .input input::-webkit-calendar-picker-indicator{inset-inline-end:-.15em}.variant-try .input::-webkit-inner-spin-button{margin-inline-end:-10px}.variant-try .input::-webkit-calendar-picker-indicator{inset-inline-end:.75em}.variant-try input.input{text-align:start;display:inline-flex;position:relative}.variant-try input.input[type=url],.variant-try input.input[type=tel],.variant-try input.input[type=email],.variant-try input.input[type=number]{direction:ltr}.variant-try input.input::-webkit-datetime-edit{min-height:100%;text-align:inherit;align-items:center;display:grid}.variant-try input.input::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}.variant-try input.input::-webkit-inner-spin-button{margin-block:calc(.25rem * var(--spin-my,-3))}.variant-try input.input::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute}.variant-try input.input::-webkit-color-swatch-wrapper{padding-block:.25rem}.variant-try .input input{text-align:start;display:inline-flex;position:relative}.variant-try .input input[type=url],.variant-try .input input[type=tel],.variant-try .input input[type=email],.variant-try .input input[type=number]{direction:ltr}.variant-try .input input::-webkit-datetime-edit{min-height:100%;text-align:inherit;align-items:center;display:grid}.variant-try .input input::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}.variant-try .input input::-webkit-inner-spin-button{margin-block:calc(.25rem * var(--spin-my,-3))}.variant-try .input input::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute}.variant-try .input input::-webkit-color-swatch-wrapper{padding-block:.25rem}.variant-try .input:focus{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.variant-try .input:focus{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.variant-try .input:focus{outline:2px solid var(--input-color);outline-offset:2px}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.variant-try .input:focus{--font-size:1rem}}}.variant-try .input:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.variant-try .input:focus-within{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.variant-try .input:focus-within{outline:2px solid var(--input-color);outline-offset:2px}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.variant-try .input:focus-within{--font-size:1rem}}}.variant-try .input:has(>input[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.variant-try .input:has(>input[disabled]):is(input),.variant-try .input:has(>input[disabled]) :is(input){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try .input:has(>input[disabled]):is(input),.variant-try .input:has(>input[disabled]) :is(input){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.variant-try .input:has(>input[disabled]){box-shadow:none}.variant-try .input:has(>input[disabled])::placeholder,.variant-try .input:has(>input[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}.variant-try .input:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.variant-try .input:is(:disabled,[disabled]):is(input),.variant-try .input:is(:disabled,[disabled]) :is(input){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try .input:is(:disabled,[disabled]):is(input),.variant-try .input:is(:disabled,[disabled]) :is(input){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.variant-try .input:is(:disabled,[disabled]){box-shadow:none}.variant-try .input:is(:disabled,[disabled])::placeholder,.variant-try .input:is(:disabled,[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}
3692.variant-try fieldset:disabled .input{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.variant-try fieldset:disabled .input:is(input),.variant-try fieldset:disabled .input :is(input){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try fieldset:disabled .input:is(input),.variant-try fieldset:disabled .input :is(input){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.variant-try fieldset:disabled .input{box-shadow:none}.variant-try fieldset:disabled .input::placeholder,.variant-try fieldset:disabled .input ::placeholder{color:var(--color-base-content);opacity:.2}.variant-try .input:has(>input[disabled])>input[disabled]{cursor:not-allowed}.variant-try .steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;overflow:auto hidden}.variant-try .steps .step{text-align:center;--step-bg:var(--color-base-300);--step-fg:var(--color-base-content);grid-template-rows:40px 1fr;grid-template-columns:auto;place-items:center;min-width:4rem;display:grid}.variant-try .steps .step:before{width:100%;height:.5rem;color:var(--step-bg);background-color:var(--step-bg);content:"";border:1px solid;grid-row-start:1;grid-column-start:1;margin-inline-start:-100%;top:0}.variant-try .steps .step>.step-icon,.variant-try .steps .step:not(:has(.step-icon)):after{--tw-content:counter(step);content:var(--tw-content);counter-increment:step;z-index:1;color:var(--step-fg);background-color:var(--step-bg);border:1px solid var(--step-bg);border-radius:3.40282e38px;grid-row-start:1;grid-column-start:1;place-self:center;place-items:center;width:2rem;height:2rem;display:grid;position:relative}.variant-try .steps .step:first-child:before{--tw-content:none;content:var(--tw-content)}.variant-try .steps .step[data-content]:after{--tw-content:attr(data-content);content:var(--tw-content)}.variant-try .select{appearance:none;background-color:var(--color-base-100);vertical-align:middle;--size:calc(var(--size-field,.25rem) * var(--sl-size-mul,10));--input-color:var(--color-base-content);flex-shrink:1;align-items:center;gap:.375rem;padding-inline:.75rem 1.75rem;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.variant-try .select{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.variant-try .select{width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;white-space:nowrap;text-overflow:ellipsis;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16.1px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));overflow:hidden}@supports (color:color-mix(in lab, red, red)){.variant-try .select{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}}.variant-try [dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}.variant-try .select[multiple]{background-image:none;height:auto;padding-block:.75rem;padding-inline-end:.75rem;overflow:auto}.variant-try .select select{appearance:none;width:calc(100% + 2.75rem);height:calc(100% - calc(var(--border) * 2));background:inherit;border-radius:inherit;border-style:none;align-items:center;margin-inline:-.75rem -1.75rem;padding-inline:.75rem 1.75rem}.variant-try .select select::placeholder{color:var(--color-base-content);opacity:.5}.variant-try .select select:focus,.variant-try .select select:focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.variant-try .select select:focus,.variant-try .select select:focus-within{outline-offset:2px;outline:2px solid #0000}}.variant-try .select select:not(:last-child){background-image:none;margin-inline-end:-1.375rem}.variant-try .select:focus{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.variant-try .select:focus{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.variant-try .select:focus{outline:2px solid var(--input-color);outline-offset:2px}.variant-try .select:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.variant-try .select:focus-within{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.variant-try .select:focus-within{outline:2px solid var(--input-color);outline-offset:2px}.variant-try .select:open{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.variant-try .select:open{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.variant-try .select:open{outline:2px solid var(--input-color);outline-offset:2px;background-image:linear-gradient(135deg,#0000 50%,currentColor 50%),linear-gradient(45deg,currentColor 50%,#0000 50%)}.variant-try .select:has(>select[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.variant-try .select:has(>select[disabled]):is(select),.variant-try .select:has(>select[disabled]) :is(select){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try .select:has(>select[disabled]):is(select),.variant-try .select:has(>select[disabled]) :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.variant-try .select:has(>select[disabled]){box-shadow:none}.variant-try .select:has(>select[disabled])::placeholder,.variant-try .select:has(>select[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}.variant-try .select:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.variant-try .select:is(:disabled,[disabled]):is(select),.variant-try .select:is(:disabled,[disabled]) :is(select){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try .select:is(:disabled,[disabled]):is(select),.variant-try .select:is(:disabled,[disabled]) :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.variant-try .select:is(:disabled,[disabled]){box-shadow:none}.variant-try .select:is(:disabled,[disabled])::placeholder,.variant-try .select:is(:disabled,[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}
3692.variant-try fieldset:disabled .select{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200)}.variant-try fieldset:disabled .select:is(select),.variant-try fieldset:disabled .select :is(select){color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try fieldset:disabled .select:is(select),.variant-try fieldset:disabled .select :is(select){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.variant-try fieldset:disabled .select{box-shadow:none}.variant-try fieldset:disabled .select::placeholder,.variant-try fieldset:disabled .select ::placeholder{color:var(--color-base-content);opacity:.2}.variant-try .select:has(>select[disabled])>select[disabled]{cursor:not-allowed}@supports (appearance:base-select){.variant-try :is(.select,.select select){appearance:base-select}.variant-try :is(.select,.select select)::picker(select){appearance:base-select}}.variant-try :is(.select,.select select)::picker(select){color:inherit;border:var(--border) solid var(--color-base-200);border-radius:var(--radius-box);background-color:inherit;max-height:min(24rem,70dvh);box-shadow:0 2px calc(var(--depth) * 3px) -2px oklch(0% 0 0/.2);box-shadow:0 20px 25px -5px rgb(0 0 0/calc(var(--depth) * .1)), 0 8px 10px -6px rgb(0 0 0/calc(var(--depth) * .1));margin-block:.5rem;margin-inline:.5rem;padding:.5rem;translate:-.5rem}.variant-try :is(.select,.select select)::picker-icon{display:none}.variant-try :is(.select,.select select) selectedcontent{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.variant-try :is(.select,.select select) optgroup{padding-top:.5em}.variant-try :is(.select,.select select) optgroup option:first-child{margin-top:.5em}@supports (color:color-mix(in lab, red, red)){.variant-try :is(.select,.select select) option:not(:disabled):hover,.variant-try :is(.select,.select select) option:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}@media (forced-colors:active){.variant-try :is(.select,.select select) option:not(:disabled):hover,.variant-try :is(.select,.select select) option:not(:disabled):focus-visible{outline-offset:2px;outline:2px solid #0000}}.variant-try :is(.select,.select select) option{border-radius:var(--radius-field);padding-block:.375rem;padding-inline:calc(.25rem * var(--option-px,3));white-space:normal;transition-property:color,background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1)}.variant-try :is(.select,.select select) option:not(:disabled):hover,.variant-try :is(.select,.select select) option:not(:disabled):focus-visible{cursor:pointer;background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try :is(.select,.select select) option:not(:disabled):hover,.variant-try :is(.select,.select select) option:not(:disabled):focus-visible{background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.variant-try :is(.select,.select select) option:not(:disabled):hover,.variant-try :is(.select,.select select) option:not(:disabled):focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.variant-try :is(.select,.select select) option:not(:disabled):hover,.variant-try :is(.select,.select select) option:not(:disabled):focus-visible{outline-offset:2px;outline:2px solid #0000}}.variant-try :is(.select,.select select) option:not(:disabled):active{background-color:var(--color-neutral);color:var(--color-neutral-content);box-shadow:0 2px calc(var(--depth) * 3px) -2px var(--color-neutral)}.variant-try [dir=rtl] .select::picker(select){translate:.5rem}.variant-try [dir=rtl] .select select::picker(select){translate:.5rem}.variant-try .avatar-group .avatar{border:4px solid var(--color-base-100);border-radius:3.40282e38px;overflow:hidden}.variant-try .avatar{vertical-align:middle;align-self:center;display:inline-flex;position:relative}.variant-try .avatar>div{aspect-ratio:1;display:block;overflow:hidden}.variant-try .avatar img{object-fit:cover;width:100%;height:100%}.variant-try .checkbox{border:var(--border) solid var(--input-color,var(--color-base-content))}@supports (color:color-mix(in lab, red, red)){.variant-try .checkbox{border:var(--border) solid var(--input-color,color-mix(in oklab, var(--color-base-content) 20%, #0000))}}.variant-try .checkbox{cursor:pointer;appearance:none;border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 0 #0000 inset, 0 0 #0000;--size:calc(var(--size-selector,.25rem) * 6);width:var(--size);height:var(--size);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);flex-shrink:0;padding:.25rem;transition:background-color .2s,box-shadow .2s;display:inline-block;position:relative}.variant-try .checkbox:before{--tw-content:"";content:var(--tw-content);opacity:0;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,70% 80%,70% 100%);width:100%;height:100%;box-shadow:0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * .1)) inset;background-color:currentColor;font-size:1rem;line-height:.75;transition:clip-path .3s .1s,opacity .1s .1s,rotate .3s .1s,translate .3s .1s;display:block;rotate:45deg}.variant-try .checkbox:focus-visible{outline:2px solid var(--input-color,currentColor);outline-offset:2px}.variant-try .checkbox:checked{background-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1))}.variant-try .checkbox:checked:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1;translate:3.5% -7%}@media (forced-colors:active){.variant-try .checkbox:checked:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:0deg}}@media print{.variant-try .checkbox:checked:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:0deg}}.variant-try .checkbox[aria-checked=true]{background-color:var(--input-color,#0000);box-shadow:0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1))}.variant-try .checkbox[aria-checked=true]:before{clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0%,70% 0%,70% 100%);opacity:1;translate:3.5% -7%}@media (forced-colors:active){.variant-try .checkbox[aria-checked=true]:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:0deg}}@media print{.variant-try .checkbox[aria-checked=true]:before{--tw-content:"✔︎";clip-path:none;background-color:#0000;rotate:0deg}}.variant-try .checkbox:indeterminate{background-color:var(--input-color,var(--color-base-content))}@supports (color:color-mix(in lab, red, red)){.variant-try .checkbox:indeterminate{background-color:var(--input-color,color-mix(in oklab, var(--color-base-content) 20%, #0000))}}.variant-try .checkbox:indeterminate:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -40%;rotate:0deg}.variant-try .checkbox[aria-checked=mixed]{background-color:var(--input-color,var(--color-base-content))}@supports (color:color-mix(in lab, red, red)){.variant-try .checkbox[aria-checked=mixed]{background-color:var(--input-color,color-mix(in oklab, var(--color-base-content) 20%, #0000))}}.variant-try .checkbox[aria-checked=mixed]:before{opacity:1;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%);translate:0 -40%;rotate:0deg}.variant-try .radio{cursor:pointer;appearance:none;vertical-align:middle;border:var(--border) solid var(--input-color,currentColor);border-radius:3.40282e38px;flex-shrink:0;padding:.25rem;display:inline-block;position:relative}@supports (color:color-mix(in lab, red, red)){.variant-try .radio{border:var(--border) solid var(--input-color,color-mix(in srgb, currentColor 20%, #0000))}}.variant-try .radio{box-shadow:0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset;--size:calc(var(--size-selector,.25rem) * 6);width:var(--size);height:var(--size);color:var(--input-color,currentColor)}.variant-try .radio:before{--tw-content:"";content:var(--tw-content);background-size:auto, calc(var(--noise) * 100%);background-image:none, var(--fx-noise);border-radius:3.40282e38px;width:100%;height:100%;display:block}.variant-try .radio:focus-visible{outline:2px solid}.variant-try .radio:checked{background-color:var(--color-base-100);border-color:currentColor}@media (prefers-reduced-motion:no-preference){.variant-try .radio:checked{animation:.2s ease-out radio}}.variant-try .radio:checked:before{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));background-color:currentColor}@media (forced-colors:active){.variant-try .radio:checked:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{.variant-try .radio:checked:before{outline-offset:-1rem;outline:.25rem solid}}.variant-try .radio[aria-checked=true]{background-color:var(--color-base-100);border-color:currentColor}@media (prefers-reduced-motion:no-preference){.variant-try .radio[aria-checked=true]{animation:.2s ease-out radio}}.variant-try .radio[aria-checked=true]:before{box-shadow:0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1));background-color:currentColor}@media (forced-colors:active){.variant-try .radio[aria-checked=true]:before{outline-style:var(--tw-outline-style);outline-offset:calc(1px * -1);outline-width:1px}}@media print{.variant-try .radio[aria-checked=true]:before{outline-offset:-1rem;outline:.25rem solid}}.variant-try .card-body{padding:var(--card-p,1.5rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;display:flex}.variant-try .card{border-radius:var(--radius-box);outline-offset:2px;outline:2px solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative}.variant-try .card:focus-visible,.variant-try .card[aria-checked=true],.variant-try .card:has(>:checked,>
3692:is([type=checkbox],[type=radio]):focus-visible){outline-color:currentColor}.variant-try .card:has(>:checked:focus-visible),.variant-try .card[aria-checked=true]:focus-visible,.variant-try .card[aria-checked=true]:has(>:is([type=checkbox],[type=radio]):focus-visible){outline-width:4px}.variant-try .card:has(>:is([type=checkbox],[type=radio])){cursor:pointer;-webkit-user-select:none;user-select:none}.variant-try .card>:is([type=checkbox],[type=radio]){appearance:none}.variant-try .progress{appearance:none;border-radius:var(--radius-box);background-color:currentColor;width:100%;height:.5rem;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.variant-try .progress{background-color:color-mix(in oklab, currentcolor 20%, transparent)}}.variant-try .progress{color:var(--color-base-content)}.variant-try .progress:indeterminate{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%}@media (prefers-reduced-motion:no-preference){.variant-try .progress:indeterminate{animation:5s ease-in-out infinite progress}}@supports ((-moz-appearance:none)){.variant-try .progress:indeterminate::-moz-progress-bar{background-color:#0000}@media (prefers-reduced-motion:no-preference){.variant-try .progress:indeterminate::-moz-progress-bar{background-image:repeating-linear-gradient(90deg,currentColor -1% 10%,#0000 10% 90%);background-position-x:15%;background-size:200%;animation:5s ease-in-out infinite progress}}.variant-try .progress::-moz-progress-bar{border-radius:var(--radius-box);background-color:currentColor}@media (prefers-reduced-motion:no-preference){.variant-try .progress::-moz-progress-bar{transition:inline-size .3s}}}@supports ((-webkit-appearance:none)){.variant-try .progress::-webkit-progress-bar{border-radius:var(--radius-box);background-color:#0000}.variant-try .progress::-webkit-progress-value{border-radius:var(--radius-box);background-color:currentColor}@media (prefers-reduced-motion:no-preference){.variant-try .progress::-webkit-progress-value{transition:inline-size .3s}}}.variant-try .textarea{appearance:none;border-radius:var(--radius-field);background-color:var(--color-base-100);vertical-align:middle;--input-color:var(--color-base-content);flex-shrink:1;min-height:5rem;padding-block:.5rem;padding-inline:.75rem}@supports (color:color-mix(in lab, red, red)){.variant-try .textarea{--input-color:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}.variant-try .textarea{width:clamp(3rem,20rem,100%);font-size:max(var(--font-size,0rem), var(--font-size-min,.875rem));touch-action:manipulation;border:var(--border) solid var(--input-color,#0000);box-shadow:0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}@supports (color:color-mix(in lab, red, red)){.variant-try .textarea{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset}}.variant-try .textarea textarea{appearance:none;background-color:#0000;border:none}.variant-try .textarea textarea::placeholder{color:var(--color-base-content);opacity:.5}.variant-try .textarea textarea:focus,.variant-try .textarea textarea:focus-within{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.variant-try .textarea textarea:focus,.variant-try .textarea textarea:focus-within{outline-offset:2px;outline:2px solid #0000}}.variant-try .textarea:focus{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.variant-try .textarea:focus{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.variant-try .textarea:focus{outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.variant-try .textarea:focus{--font-size:1rem}}}.variant-try .textarea:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px var(--input-color)}@supports (color:color-mix(in lab, red, red)){.variant-try .textarea:focus-within{box-shadow:0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)}}.variant-try .textarea:focus-within{outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){.variant-try .textarea:focus-within{--font-size:1rem}}}.variant-try .textarea:has(>textarea[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try .textarea:has(>textarea[disabled]){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.variant-try .textarea:has(>textarea[disabled]){box-shadow:none}.variant-try .textarea:has(>textarea[disabled])::placeholder,.variant-try .textarea:has(>textarea[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}.variant-try .textarea:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try .textarea:is(:disabled,[disabled]){color:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.variant-try .textarea:is(:disabled,[disabled]){box-shadow:none}.variant-try .textarea:is(:disabled,[disabled])::placeholder,.variant-try .textarea:is(:disabled,[disabled]) ::placeholder{color:var(--color-base-content);opacity:.2}.variant-try .textarea:has(>textarea[disabled])>textarea[disabled]{cursor:not-allowed}.variant-try .stack{grid-template-rows:3px 4px 1fr 4px 3px;grid-template-columns:3px 4px 1fr 4px 3px;display:inline-grid}.variant-try .stack>*{width:100%;height:100%}.variant-try .stack>:nth-child(n+2){opacity:.7;width:100%}.variant-try .stack>:nth-child(2){z-index:2;opacity:.9}.variant-try .stack>:first-child{z-index:3;width:100%}.variant-try .divider{white-space:nowrap;height:1rem;
3692margin:var(--divider-m,1rem 0);--divider-color:var(--color-base-content);flex-direction:row;align-self:stretch;align-items:center;display:flex}@supports (color:color-mix(in lab, red, red)){.variant-try .divider{--divider-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.variant-try .divider:before{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.variant-try .divider:before{border:.5px solid}}.variant-try .divider:after{content:"";background-color:var(--divider-color);flex-grow:1;width:100%;height:.125rem}@media print{.variant-try .divider:after{border:.5px solid}}.variant-try .divider:not(:empty){gap:1rem}.variant-try .label{white-space:nowrap;color:currentColor;align-items:center;gap:.375rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.variant-try .label{color:color-mix(in oklab, currentcolor 60%, transparent)}}.variant-try .label:has(input){cursor:pointer}@supports (color:color-mix(in lab, red, red)){.variant-try .label:is(.input>*,.select>*):first-child{border-inline-end:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}}@supports (color:color-mix(in lab, red, red)){.variant-try .label:is(.input>*,.select>*):last-child{border-inline-start:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}}@supports (color:color-mix(in lab, red, red)){.variant-try .label:is(.input>*,.select>*):first-child{border-inline-end:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}}@supports (color:color-mix(in lab, red, red)){.variant-try .label:is(.input>*,.select>*):last-child{border-inline-start:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}}.variant-try .label:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex}.variant-try .label:is(.input>*,.select>*):first-child{border-inline-end:var(--border) solid currentColor;margin-inline:-.75rem .75rem}@supports (color:color-mix(in lab, red, red)){.variant-try .label:is(.input>*,.select>*):first-child{border-inline-end:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}}.variant-try .label:is(.input>*,.select>*):last-child{border-inline-start:var(--border) solid currentColor;margin-inline:.75rem -.75rem}@supports (color:color-mix(in lab, red, red)){.variant-try .label:is(.input>*,.select>*):last-child{border-inline-start:var(--border) solid color-mix(in oklab, currentColor 10%, #0000)}}.variant-try .status{aspect-ratio:1;border-radius:var(--radius-selector);background-color:var(--color-base-content);width:.5rem;height:.5rem;display:inline-block}@supports (color:color-mix(in lab, red, red)){.variant-try .status{background-color:color-mix(in oklab, var(--color-base-content) 20%, transparent)}}.variant-try .status{vertical-align:middle;color:var(--color-black);background-position:50%;background-repeat:no-repeat}@supports (color:color-mix(in lab, red, red)){.variant-try .status{color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.variant-try .status{background-image:radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000);box-shadow:0 2px 3px -1px}@supports (color:color-mix(in lab, red, red)){.variant-try .status{box-shadow:0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000)}}.variant-try .footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.variant-try .footer>:not(script,style,template){place-items:start;gap:.5rem;display:grid}.variant-try .link{cursor:pointer;text-decoration-line:underline}.variant-try .link:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.variant-try .link:focus{outline-offset:2px;outline:2px solid #0000}}.variant-try .link:focus-visible{outline-offset:2px;outline:2px solid}.variant-try .aura:has(>.card,>.alert){--aura-radius:var(--radius-box)}.variant-try .aura:has(>.btn,>.input,>.select){--aura-radius:var(--radius-field)}.variant-try .aura:has(>.checkbox,>.toggle,>.badge){--aura-radius:var(--radius-selector)}.variant-try .collapse:not(td,tr,colgroup){border-radius:var(--radius-box,1rem);isolation:isolate;grid-template-rows:max-content 0fr;grid-template-columns:minmax(0,1fr);width:100%;display:grid;position:relative}@media (prefers-reduced-motion:no-preference){.variant-try .collapse:not(td,tr,colgroup){transition:grid-template-rows .2s}}.variant-try .collapse:not(td,tr,colgroup)>
3692input:is([type=checkbox],[type=radio]){appearance:none;opacity:0;z-index:1;grid-row-start:1;grid-column-start:1;width:100%;min-height:1lh;padding:1rem;padding-inline-end:3rem;transition:background-color .2s ease-out}.variant-try .collapse:not(td,tr,colgroup):is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close)),.variant-try .collapse:not(td,tr,colgroup):not(.collapse-close):has(>input:is([type=checkbox],[type=radio]):checked){grid-template-rows:max-content 1fr}.variant-try .collapse:not(td,tr,colgroup):is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,.variant-try .collapse:not(td,tr,colgroup):not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){--overflow-delay:.2s;overflow:revert-layer;content-visibility:visible;min-height:fit-content}@supports not (content-visibility:visible){.variant-try .collapse:not(td,tr,colgroup):is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>.collapse-content,.variant-try .collapse:not(td,tr,colgroup):not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){visibility:visible}}.variant-try .collapse:not(td,tr,colgroup):focus-visible,.variant-try .collapse:not(td,tr,colgroup):has(>input:is([type=checkbox],[type=radio]):focus-visible),.variant-try .collapse:not(td,tr,colgroup):has(summary:focus-visible){outline-color:var(--color-base-content);outline-offset:2px;outline-width:2px;outline-style:solid}.variant-try .collapse:not(td,tr,colgroup):not(.collapse-close)>input[type=checkbox],.variant-try .collapse:not(td,tr,colgroup):not(.collapse-close)>input[type=radio]:not(:checked),.variant-try .collapse:not(td,tr,colgroup):not(.collapse-close)>.collapse-title{cursor:pointer}.variant-try :is(.collapse:not(td,tr,colgroup)[tabindex]:focus:not(.collapse-close,.collapse[open]),.collapse:not(td,tr,colgroup)[tabindex]:focus-within:not(.collapse-close,.collapse[open]))>.collapse-title{cursor:unset}.variant-try .collapse:not(td,tr,colgroup):is([open],[tabindex]:focus:not(.collapse-close),[tabindex]:focus-within:not(.collapse-close))>:where(.collapse-content),.variant-try .collapse:not(td,tr,colgroup):not(.collapse-close)>:where(input:is([type=checkbox],[type=radio]):checked~.collapse-content){padding-bottom:1rem}.variant-try .collapse:not(td,tr,colgroup):is(details){width:100%}.variant-try .collapse:not(td,tr,colgroup):is(details)::details-content{--overflow-delay:0s;height:0;overflow:clip}.variant-try .collapse:not(td,tr,colgroup):is(details):where([open])::details-content{overflow:revert-layer;height:auto}@media (prefers-reduced-motion:no-preference){.variant-try .collapse:not(td,tr,colgroup):is(details)::details-content{transition:overflow .2s allow-discrete var(--overflow-delay), content-visibility .2s allow-discrete, visibility .2s allow-discrete, min-height .2s ease-out allow-discrete, padding .1s ease-out 20ms, background-color .2s ease-out, height .2s;interpolate-size:allow-keywords}.variant-try .collapse:not(td,tr,colgroup):is(details):where([open])::details-content{--overflow-delay:.2s}}.variant-try .collapse:not(td,tr,colgroup):is(details)>summary{outline:none;display:block;position:relative}.variant-try .collapse:not(td,tr,colgroup):is(details)>summary::-webkit-details-marker{display:none}.variant-try :is(.validator:user-invalid,.validator:has(:user-invalid),.validator[aria-invalid]:not([aria-invalid=false]),.validator:has([aria-invalid]:not([aria-invalid=false])))~.validator-hint{visibility:visible;color:var(--color-error);visibility:visible;visibility:visible;visibility:visible}.variant-try .alert{--alert-border-color:var(--color-base-200);border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;background-size:auto, calc(var(--noise) * 33%);background-image:none, var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08));border-style:solid;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}@supports (color:color-mix(in lab, red, red)){.variant-try .alert{box-shadow:0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color,var(--color-base-200))) calc(var(--depth) * 20%), #0000), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08))}}.variant-try .alert:has(>:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}@layer daisyui.l1{@media (hover:hover){.variant-try .btn:hover{--btn-bg:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.variant-try .btn:hover{--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%)}}.variant-try .btn:hover{color:var(--btn-fg);--btn-border:var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.variant-try .btn:hover{--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))}}.variant-try .btn:hover{--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.variant-try .btn:hover{--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}}.variant-try .btn:active:not(.btn-active,[aria-pressed=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:var(--btn-color,var(--color-base-200));translate:0 .5px}@supports (color:color-mix(in lab, red, red)){.variant-try .btn:active:not(.btn-active,[aria-pressed=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-bg:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 5%)}}.variant-try .btn:active:not(.btn-active,[aria-pressed=true],[aria-current]:not([aria-current=false],[aria-current=""])){color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-color,var(--color-base-200))}@supports (color:color-mix(in lab, red, red)){.variant-try .btn:active:not(.btn-active,[aria-pressed=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border:color-mix(in oklab, var(--btn-color,var(--color-base-200)), #000 7%)}}.variant-try .btn:active:not(.btn-active,[aria-pressed=true],[aria-current]:not([aria-current=false],[aria-current=""])){--btn-border-style:solid;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0)}.variant-try .btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-bg:var(--btn-color,var(--color-base-200));color:var(--btn-fg,var(--color-base-content));--btn-border:var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.variant-try .btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-border:color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%))}}.variant-try .btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-border-style:solid;--btn-inset:0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%));--btn-shadow:0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg)}@supports (color:color-mix(in lab, red, red)){.variant-try .btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){--btn-shadow:0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)}}.variant-try .btn:where(:checked:not(.filter [type=radio].btn),:not([type=radio],[type=checkbox]):focus-visible){isolation:isolate}.variant-try .btn:focus-visible,.variant-try .btn:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}.variant-try .filter:not(:has(:checked:not(.filter-reset))) :is(.filter-reset,[type=reset]):not(:focus-visible){visibility:hidden;opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}.variant-try .filter:not(:has(:focus-visible)):has(:checked:not(.filter-reset,[type=checkbox])) :is(input,button):not(:checked,.filter-reset,[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}@layer daisyui{.variant-try .btn:is(:disabled,[disabled],[aria-disabled=true]){pointer-events:none;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try .btn:is(:disabled,[disabled],[aria-disabled=true]){color:color-mix(in oklch, var(--color-base-content) 20%, #0000)}}.variant-try .btn:is(:disabled,[disabled],[aria-disabled=true]){--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}@supports (color:color-mix(in lab, red, red)){.variant-try :is(.btn-disabled,.btn:is(:disabled,[disabled],[aria-disabled=true])):not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}.variant-try .btn-disabled{pointer-events:none;color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try .btn-disabled{color:color-mix(in oklch, var(--color-base-content) 20%, #0000)}}.variant-try .btn-disabled{--btn-bg:#0000;--btn-border:#0000;--btn-inset:0 0 0 0 oklch(0% 0 0/0);--btn-shadow:0 0 0 0 oklch(0% 0 0/0);background-image:none}.variant-try :is(.btn-disabled,.btn:is(:disabled,[disabled],[aria-disabled=true])):not(.btn-link,.btn-ghost){background-color:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){.variant-try :is(.btn-disabled,.btn:is(:disabled,[disabled],[aria-disabled=true])):not(.btn-link,.btn-ghost){background-color:color-mix(in oklab, var(--color-base-content) 10%, transparent)}}}.variant-try .collapse:not(td,tr,colgroup){visibility:revert-layer}.variant-try :is(.validator:user-invalid,.validator:has(:user-invalid),.validator[aria-invalid]:not([aria-invalid=false]),.validator:has([aria-invalid]:not([aria-invalid=false])))~.validator-hint{display:revert-layer}.variant-try .collapse{visibility:collapse}.variant-try .invisible{visibility:hidden}.variant-try .visible{visibility:visible}.variant-try :is(.input[type=url],.input[type=tel],.input[type=email],.input[type=number]):dir(rtl){border-start-start-radius:var(--join-se,var(--radius-field));border-start-end-radius:var(--join-ss,var(--radius-field));border-end-end-radius:var(--join-es,var(--radius-field));border-end-start-radius:var(--join-ee,var(--radius-field))}.variant-try .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@layer daisyui.l1.l2.l3.l4{.variant-try .card-body p{flex-grow:1}.variant-try .card 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}.variant-try .card 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}.variant-try .card figure{justify-content:center;align-items:center;display:flex}}.variant-try .absolute{position:absolute}.variant-try .fixed{position:fixed}.variant-try .relative{position:relative}.variant-try .static{position:static}.variant-try .inset-0{inset:0}.variant-try .top-0{top:0}.variant-try .right-0{right:0}.variant-try .right-2{right:calc(var(--spacing) * 2)}.variant-try .bottom-0{bottom:0}.variant-try .left-0{left:0}.variant-try .isolate{isolation:isolate}.variant-try .join{--join-ss:0;--join-se:0;--join-es:0;--join-ee:0;--join-ml:0;--join-mt:0;--join-v:0;--join-h:1;align-items:stretch;display:inline-flex}@scope(.join){.variant-try :scope>:where(:focus,:has(:focus)){z-index:2}@media (hover:hover){.variant-try :scope>:where(.btn:hover,:has(.btn:hover)){z-index:1}}.variant-try :scope :where(:scope>:first-child){--join-ss:var(--radius-field);--join-se:calc(var(--radius-field) * var(--join-v));--join-es:calc(var(--radius-field) * var(--join-h));--join-ee:0}.variant-try :scope :where(:scope>:last-child){--join-ss:0;--join-se:calc(var(--radius-field) * var(--join-h));--join-es:calc(var(--radius-field) * var(--join-v));--join-ee:var(--radius-field)}.variant-try :scope :where(:scope>:only-child){--join-ss:var(--radius-field);--join-se:var(--radius-field);--join-es:var(--radius-field);--join-ee:var(--radius-field)}.variant-try :scope :where(:scope>:not(:first-child)){--join-ml:calc(var(--border,1px) * -1 * var(--join-h));--join-mt:calc(var(--border,1px) * -1 * var(--join-v))}}.variant-try .z-0{z-index:0}.variant-try .z-10{z-index:10}
3692.variant-try .col-span-1{grid-column:span 1/span 1}.variant-try .container{width:100%}@media (min-width:40rem){.variant-try .container{max-width:40rem}}@media (min-width:48rem){.variant-try .container{max-width:48rem}}@media (min-width:64rem){.variant-try .container{max-width:64rem}}@media (min-width:80rem){.variant-try .container{max-width:80rem}}@media (min-width:96rem){.variant-try .container{max-width:96rem}}.variant-try .mx-4{margin-inline:calc(var(--spacing) * 4)}.variant-try .mx-auto{margin-inline:auto}.variant-try .my-1{margin-block:var(--spacing)}.variant-try .my-2{margin-block:calc(var(--spacing) * 2)}.variant-try .my-4{margin-block:calc(var(--spacing) * 4)}.variant-try .my-8{margin-block:calc(var(--spacing) * 8)}.variant-try .my-auto{margin-block:auto}.variant-try .-mt-2\.5{margin-top:calc(var(--spacing) * -2.5)}.variant-try .mt-0{margin-top:0}.variant-try .mt-1{margin-top:var(--spacing)}.variant-try .mt-2{margin-top:calc(var(--spacing) * 2)}.variant-try .mt-3{margin-top:calc(var(--spacing) * 3)}.variant-try .mt-4{margin-top:calc(var(--spacing) * 4)}.variant-try .mt-5{margin-top:calc(var(--spacing) * 5)}.variant-try .mt-6{margin-top:calc(var(--spacing) * 6)}.variant-try .mt-8{margin-top:calc(var(--spacing) * 8)}.variant-try .mt-12{margin-top:calc(var(--spacing) * 12)}.variant-try .mb-0{margin-bottom:0}.variant-try .mb-1{margin-bottom:var(--spacing)}.variant-try .mb-2{margin-bottom:calc(var(--spacing) * 2)}.variant-try .mb-3{margin-bottom:calc(var(--spacing) * 3)}.variant-try .mb-4{margin-bottom:calc(var(--spacing) * 4)}.variant-try .mb-5{margin-bottom:calc(var(--spacing) * 5)}.variant-try .mb-6{margin-bottom:calc(var(--spacing) * 6)}.variant-try .ml-1{margin-left:var(--spacing)}.variant-try .ml-2{margin-left:calc(var(--spacing) * 2)}.variant-try .alert{border-width:var(--border);border-color:var(--alert-border-color,var(--color-base-200))}body.variant-try .prose{--tw-prose-body:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){body.variant-try .prose{--tw-prose-body:color-mix(in oklab, var(--color-base-content) 80%, #0000)}}body.variant-try .prose{--tw-prose-headings:var(--color-base-content);--tw-prose-lead:var(--color-base-content);--tw-prose-links:var(--color-base-content);--tw-prose-bold:var(--color-base-content);--tw-prose-counters:var(--color-base-content);--tw-prose-bullets:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){body.variant-try .prose{--tw-prose-bullets:color-mix(in oklab, var(--color-base-content) 50%, #0000)}}body.variant-try .prose{--tw-prose-hr:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){body.variant-try .prose{--tw-prose-hr:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}body.variant-try .prose{--tw-prose-quotes:var(--color-base-content);--tw-prose-quote-borders:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){body.variant-try .prose{--tw-prose-quote-borders:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}body.variant-try .prose{--tw-prose-captions:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){body.variant-try .prose{--tw-prose-captions:color-mix(in oklab, var(--color-base-content) 50%, #0000)}}body.variant-try .prose{--tw-prose-code:var(--color-base-content);--tw-prose-pre-code:var(--color-neutral-content);--tw-prose-pre-bg:var(--color-neutral);--tw-prose-th-borders:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){body.variant-try .prose{--tw-prose-th-borders:color-mix(in oklab, var(--color-base-content) 50%, #0000)}}body.variant-try .prose{--tw-prose-td-borders:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){body.variant-try .prose{--tw-prose-td-borders:color-mix(in oklab, var(--color-base-content) 20%, #0000)}}body.variant-try .prose{--tw-prose-kbd:var(--color-base-content)}@supports (color:color-mix(in lab, red, red)){body.variant-try .prose{--tw-prose-kbd:color-mix(in oklab, var(--color-base-content) 80%, #0000)}}body.variant-try .prose :where(code):not(pre>code){background-color:var(--color-base-200);border-radius:var(--radius-selector);border:var(--border) solid var(--color-base-300);font-weight:inherit;padding-block:.2em;padding-inline:.5em}body.variant-try .prose :where(code):not(pre>code):before,body.variant-try .prose :where(code):not(pre>code):after{display:none}.variant-try .block{display:block}.variant-try .contents{display:contents}
3692.variant-try .flex{display:flex}.variant-try .grid{display:grid}.variant-try .hidden{display:none}.variant-try .inline{display:inline}.variant-try .inline-block{display:inline-block}.variant-try .h-3\.5{height:calc(var(--spacing) * 3.5)}.variant-try .h-5{height:calc(var(--spacing) * 5)}.variant-try .h-6{height:calc(var(--spacing) * 6)}.variant-try .h-8{height:calc(var(--spacing) * 8)}.variant-try .h-12{height:calc(var(--spacing) * 12)}.variant-try .h-24{height:calc(var(--spacing) * 24)}.variant-try .h-64{height:calc(var(--spacing) * 64)}.variant-try .h-\[200px\]{height:200px}.variant-try .h-full{height:100%}.variant-try .h-screen{height:100vh}.variant-try .min-h-\[56px\]{min-height:56px}.variant-try .min-h-\[60vh\]{min-height:60vh}.variant-try .min-h-screen{min-height:100vh}.variant-try .w-3\.5{width:calc(var(--spacing) * 3.5)}.variant-try .w-5{width:calc(var(--spacing) * 5)}.variant-try .w-8{width:calc(var(--spacing) * 8)}.variant-try .w-100{width:calc(var(--spacing) * 100)}.variant-try .w-auto{width:auto}.variant-try .w-full{width:100%}.variant-try .max-w-2xl{max-width:var(--container-2xl)}.variant-try .max-w-24{max-width:calc(var(--spacing) * 24)}.variant-try .max-w-\[297px\]{max-width:297px}.variant-try .max-w-\[520px\]{max-width:520px}.variant-try .min-w-0{min-width:0}.variant-try .flex-1{flex:1}.variant-try .flex-shrink{flex-shrink:1}.variant-try .flex-shrink-0{flex-shrink:0}.variant-try .shrink{flex-shrink:1}.variant-try .flex-grow,.variant-try .grow{flex-grow:1}.variant-try .border-collapse{border-collapse:collapse}.variant-try .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.variant-try .animate-spin{animation:var(--animate-spin)}.variant-try .cursor-pointer{cursor:pointer}.variant-try .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.variant-try .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-try .flex-col{flex-direction:column}.variant-try .flex-wrap{flex-wrap:wrap}.variant-try .items-center{align-items:center}.variant-try .items-start{align-items:flex-start}.variant-try .justify-center{justify-content:center}.variant-try .justify-start{justify-content:flex-start}.variant-try .gap-2{gap:calc(var(--spacing) * 2)}.variant-try .gap-3{gap:calc(var(--spacing) * 3)}.variant-try .gap-4{gap:calc(var(--spacing) * 4)}.variant-try .gap-6{gap:calc(var(--spacing) * 6)}.variant-try :where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.variant-try :where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.variant-try .gap-y-2{row-gap:calc(var(--spacing) * 2)}.variant-try .gap-y-4{row-gap:calc(var(--spacing) * 4)}.variant-try .gap-y-6{row-gap:calc(var(--spacing) * 6)}.variant-try .self-start{align-self:flex-start}.variant-try .rounded{border-radius:.25rem}.variant-try .rounded-\[24px\]{border-radius:24px}.variant-try .rounded-full{border-radius:3.40282e38px}.variant-try .rounded-lg{border-radius:var(--radius-lg)}.variant-try .rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.variant-try .rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.variant-try .rounded-b-\[24px\]{border-bottom-right-radius:24px;border-bottom-left-radius:24px}.variant-try .border{border-style:var(--tw-border-style);border-width:1px}.variant-try .border-2{border-style:var(--tw-border-style);border-width:2px}.variant-try .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.variant-try .border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.variant-try .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.variant-try .border-dashed{--tw-border-style:dashed;border-style:dashed}.variant-try .border-none{--tw-border-style:none;border-style:none}.variant-try .border-base-300{border-color:var(--color-base-300)}.variant-try .bg-base-200{background-color:var(--color-base-200)}.variant-try .bg-primary{background-color:var(--color-primary)}.variant-try .bg-transparent{background-color:#0000}.variant-try .bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.variant-try .from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.variant-try .object-contain{object-fit:contain}.variant-try .object-cover{object-fit:cover}.variant-try .p-0{padding:0}.variant-try .p-2\.5{padding:calc(var(--spacing) * 2.5)}.variant-try .p-3{padding:calc(var(--spacing) * 3)}.variant-try .p-4{padding:calc(var(--spacing) * 4)}.variant-try .p-6{padding:calc(var(--spacing) * 6)}.variant-try .p-8{padding:calc(var(--spacing) * 8)}.variant-try .\!px-0{padding-inline:0!important}.variant-try .px-0{padding-inline:0}.variant-try .px-3{padding-inline:calc(var(--spacing) * 3)}.variant-try .px-4{padding-inline:calc(var(--spacing) * 4)}.variant-try .px-6{padding-inline:calc(var(--spacing) * 6)}.variant-try .py-2{padding-block:calc(var(--spacing) * 2)}.variant-try .py-3{padding-block:calc(var(--spacing) * 3)}.variant-try .py-4{padding-block:calc(var(--spacing) * 4)}.variant-try .py-6{padding-block:calc(var(--spacing) * 6)}.variant-try .pt-2{padding-top:calc(var(--spacing) * 2)}.variant-try .pr-0{padding-right:0}.variant-try .pr-2{padding-right:calc(var(--spacing) * 2)}.variant-try .pb-3{padding-bottom:calc(var(--spacing) * 3)}.variant-try .pb-4{padding-bottom:calc(var(--spacing) * 4)}.variant-try .pb-5{padding-bottom:calc(var(--spacing) * 5)}.variant-try .pl-2{padding-left:calc(var(--spacing) * 2)}.variant-try .text-center{text-align:center}.variant-try .text-left{text-align:left}.variant-try .text-right{text-align:right}.variant-try .font-mono{font-family:var(--font-mono)}.variant-try .font-sans{font-family:var(--font-sans)}.variant-try .\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.variant-try .text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.variant-try .text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.variant-try .text-base{font-size:var(--text-base);
3692line-height:var(--tw-leading,var(--text-base--line-height))}.variant-try .text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.variant-try .text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.variant-try .text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.variant-try .text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.variant-try .\!font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.variant-try .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.variant-try .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.variant-try .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.variant-try .tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.variant-try .tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.variant-try .break-all{word-break:break-all}.variant-try .\!text-\[\#E5DDCFBF\]{color:#e5ddcfbf!important}.variant-try .text-\[\#2f2c2c\]{color:#2f2c2c}.variant-try .text-\[color\:white\]{color:#fff}.variant-try .text-base-content{color:var(--color-base-content)}.variant-try .text-error{color:var(--color-error)}.variant-try .text-info{color:var(--color-info)}.variant-try .text-yellow{color:var(--color-yellow)}.variant-try .lowercase{text-transform:lowercase}.variant-try .uppercase{text-transform:uppercase}.variant-try .prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.variant-try .underline{text-decoration-line:underline}
3692.variant-try .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.variant-try .shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.variant-try .outline{outline-style:var(--tw-outline-style);outline-width:1px}.variant-try .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,)}.variant-try .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.variant-try .hover\:underline:hover{text-decoration-line:underline}}.variant-try .focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
3692dow)}.variant-try .focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:48rem){.variant-try .md\:block{display:block}.variant-try .md\:hidden{display:none}.variant-try .md\:h-auto{height:auto}.variant-try .md\:w-1\/2{width:50%}.variant-try .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.variant-try .md\:flex-row{flex-direction:row}.variant-try .md\:flex-row-reverse{flex-direction:row-reverse}.variant-try .md\:items-center{align-items:center}.variant-try .md\:p-8{padding:calc(var(--spacing) * 8)}.variant-try .md\:px-8{padding-inline:calc(var(--spacing) * 8)}.variant-try .md\:text-center{text-align:center}}@media (min-width:64rem){.variant-try .lg\:col-span-1{grid-column:span 1/span 1}.variant-try .lg\:col-span-2{grid-column:span 2/span 2}.variant-try .lg\:col-start-2{grid-column-start:2}.variant-try .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}body.variant-try{background-color:#f2f2f7}body.variant-try,.variant-try *{touch-action:manipulation}.variant-try .btn{filter:none!important;background-image:none!important}.variant-try .btn-spinner{display:none}.variant-try .btn.is-loading .btn-spinner{display:inline-flex}.variant-try .btn.is-loading .btn-text,.variant-try .btn.is-loading .btn-icon{display:none}.variant-try .font-degular-black{letter-spacing:.75px;text-transform:uppercase;font-family:Degular;font-size:32px;font-weight:800;line-height:.95}.variant-try .font-suisseintl-regular{letter-spacing:.2px;text-align:left;font-family:SuisseIntl;font-size:16px;font-weight:400;line-height:1.4}.variant-try .label-suisseintl-book{letter-spacing:.15px;color:#2f2c2c;font-family:SuisseIntl,sans-serif;font-size:12px;font-weight:450;line-height:1.3}.variant-try .btn-alt-login{border:1px solid #cfcfcf;background-color:#fff!important}.variant-try .input-bordered{background-color:#fff!important}.variant-try .input::placeholder{color:#2f2c2c;opacity:1}.variant-try .password-toggle-btn .icon-hide,.variant-try .password-toggle-btn.showing .icon-show{display:none}.variant-try .password-toggle-btn.showing .icon-hide{display:inline}.variant-try .password-toggle-btn:focus-visible{outline-offset:2px;border-radius:9999px;outline:2px solid #2563eb}.variant-try .divider-or{align-items:center;width:100%;margin:16px 0;display:flex}.variant-try .divider-line{background:#e0e0e0;flex:1;height:1px}.variant-try .divider-text{color:#2f2c2c;letter-spacing:.4px;text-align:center;text-transform:none;margin:0 16px;font-family:SuisseIntl,sans-serif;font-size:14px;font-weight:400;line-height:1.4}.variant-try .custom-checkbox-label{cursor:pointer;align-items:center;gap:10px;display:flex;position:relative}.variant-try .custom-checkbox-box{box-sizing:border-box;background:#fff;border:2px solid #b4ab9e;border-radius:6px;width:24px;height:24px;transition:background .2s,border-color .2s;display:inline-block;position:relative}.variant-try .custom-checkbox-input:checked+.custom-checkbox-box{background:#2f2c2c;border-color:#2f2c2c}.variant-try .custom-checkbox-box:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;border-radius:.5px;width:6px;height:12px;display:none;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.variant-try .custom-checkbox-input:checked+.custom-checkbox-box:after{display:block}@supports (-webkit-touch-callout:none){.variant-try .input,.variant-try textarea,.variant-try select{font-size:16px!important}}.variant-try .vdb-input-glass{-webkit-backdrop-filter:blur(24px);background-color:#fff3!important;border:1px solid #ffffff4d!important;box-shadow:0 12px 20px #00000040!important}.variant-try .vdb-title-brand{color:#f1ef17!important;font-family:SuisseIntl,sans-serif!important;font-weight:900!important}.variant-try .vdb-title-white{color:#fff!important;font-family:SuisseIntl,sans-serif!important;font-weight:900!important}.variant-try .relative.min-h-screen .font-degular-black{text-align:left!important;font-family:SuisseIntl,sans-serif!important;font-weight:900!important}.variant-try .relative.min-h-screen .input,.variant-try .relative.min-h-screen .input-bordered{-webkit-backdrop-filter:blur(24px);color:#fff!important;background-color:#fff3!important;border:1px solid #ffffff4d!important;box-shadow:0 12px 20px #00000040!important}.variant-try .relative.min-h-screen .input::placeholder{color:#ffffffe6!important}.variant-try .relative.min-h-screen .btn-primary{color:#2f2c2c!important;background-color:#f1ef17!important;border-color:#f1ef17!important}.variant-try .relative.min-h-screen .btn-primary:hover:not(:disabled),.variant-try .relative.min-h-screen .btn-primary:focus-visible:not(:disabled){background-color:#c4c212!important;border-color:#c4c212!important}.variant-try .relative.min-h-screen .btn-alt-login{-webkit-backdrop-filter:blur(24px);color:#fff!important;background-color:#fff3!important;border:1px solid #ffffff4d!important}.variant-try .relative.min-h-screen a:not(.btn){color:#fff}.variant-try .relative.min-h-screen .custom-checkbox-box{background:0 0;border-color:#ffffff80}.variant-try .relative.min-h-screen .custom-checkbox-label{color:#fff!important}.variant-try .relative.min-h-screen .custom-checkbox-input:checked+.custom-checkbox-box{background:0 0!important;border-color:#f1ef17!important}.variant-try .relative.min-h-screen .custom-checkbox-input:checked+.custom-checkbox-box:after{border-color:#f1ef17!important}.variant-try .relative.min-h-screen .divider-line{background:#ffffff4d}.variant-try .relative.min-h-screen .divider-text{color:#fff}.variant-try .relative.min-h-screen .font-suisseintl-regular{color:#ffffffe6;text-align:left!important}@media (min-width:768px){.variant-try .relative.min-h-screen .font-suisseintl-regular{text-align:left!important}}.variant-try .vdb-info-text{color:#6b6b6b}.variant-try .relative.min-h-screen .vdb-info-text{color:#fffc!important}.variant-try .relative.min-h-screen .password-toggle-btn svg path{f
3692ill:#fff!important}.variant-try .relative.min-h-screen .input,.variant-try .relative.min-h-screen input{letter-spacing:.4px!important;font-family:SuisseIntl,sans-serif!important;font-size:14px!important;font-weight:600!important;line-height:140%!important}.variant-try .relative.min-h-screen input::placeholder{color:#ffffffe6!important}.variant-try .relative.min-h-screen .form-row>label.label-suisseintl-book{display:none!important}.variant-try .vdb-social-btn{-webkit-backdrop-filter:blur(24px);box-shadow:0 12px 20px #00000026;color:#fff!important;letter-spacing:1.5px!important;text-transform:uppercase!important;background-color:#ffffff26!important;border:1px solid #ffffff4d!important;font-family:SuisseIntl,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:100%!important}.variant-try .vdb-social-btn span,.variant-try .vdb-social-btn .font-suisseintl-regular{letter-spacing:1.5px!important;text-transform:uppercase!important;font-family:SuisseIntl,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:100%!important}body.variant-try:has(.relative.min-h-screen),body.variant-try:has(.relative.min-h-screen){scrollbar-color:#555 #1a1a1a;background-color:#1a1a1a!important}body.variant-try:has(.relative.min-h-screen)::-webkit-scrollbar{width:8px}body.variant-try:has(.relative.min-h-screen)::-webkit-scrollbar-track{background:#1a1a1a}body.variant-try:has(.relative.min-h-screen)::-webkit-scrollbar-thumb{background:#555;border-radius:4px}body.variant-try:has(.relative.min-h-screen)::-webkit-scrollbar-thumb:hover{background:#777}.variant-try .relative.min-h-screen>.absolute.inset-0{width:100%!important;height:100%!important;min-height:100vh!important;min-height:-webkit-fill-available!important;position:fixed!important;inset:0!important}.variant-try .vdb-cover-bg picture{width:100%;height:100%;display:block}.variant-try .vdb-cover-bg picture img{object-fit:cover;object-position:center;width:100%;height:100%}.variant-try .vdb-optin-panel{z-index:10;background:#000;border-radius:32px 32px 0 0;flex-direction:column;gap:24px;margin:-120px -16px -220px;padding:24px 40px 220px;display:flex;position:relative;box-shadow:0 -12px 20px #0003}.variant-try .vdb-optin-panel .custom-checkbox-label,.variant-try .vdb-optin-panel .vdb-optin-text{color:#fff;letter-spacing:.4px;font-family:SuisseIntl,sans-serif;font-size:14px;font-weight:400;line-height:140%}@media (min-width:540px){.variant-try .vdb-optin-panel{border-radius:32px;margin:-120px 0 0;padding:24px 32px 40px}}.variant-try .vdb-fixed-footer{padding:16px 16px calc(40px + env(safe-area-inset-bottom,0px));z-index:50;background:#000;position:fixed;bottom:0;left:0;right:0}.variant-try .vdb-fixed-footer .btn{width:100%;min-height:48px;letter-spacing:1.5px!important;text-transform:uppercase!important;font-family:SuisseIntl,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:100%!important}@media (min-width:768px){.variant-try .vdb-fixed-footer{z-index:auto;background:0 0;margin-top:56px;padding:24px 0;position:relative;bottom:auto;left:auto;right:auto}}.variant-try .relative.min-h-screen .alert{-webkit-backdrop-filter:blur(24px);border-radius:8px;color:#fff!important;background-color:#ffffff26!important;border:1px solid #ffffff4d!important;box-shadow:0 12px 20px #00000040!important}.variant-try .relative.min-h-screen .alert.error{background-color:#ba1a1a4d!important;border:1px solid #ff646480!important}.variant-try .relative.min-h-screen .alert.info{background-color:#1b68bb4d!important;border:1px solid #64b4ff80!important}.variant-try .relative.min-h-screen .alert i,.variant-try .relative.min-h-screen .alert p{color:#fff!important}.variant-try .relative.min-h-screen .alert.error i{color:#ff6b6b!important}.variant-try .relative.min-h-screen .alert .dismiss-button{color:#ffffffb3!important}.variant-try .relative.min-h-screen>.relative.z-10.min-h-screen{-webkit-overflow-scrolling:touch;padding-bottom:120px;overflow-y:auto}@media (min-width:768px){.variant-try .relative.min-h-screen>.relative.z-10.min-h-screen{padding-bottom:32px}.variant-try .relative.min-h-screen .h-24{display:none}.variant-try .relative.min-h-screen>.relative.z-10.min-h-screen{justify-content:flex-start}}.variant-try .vdb-logout-progress{background-color:#fff3;border-radius:2px;width:100%;height:4px;margin-top:24px;overflow:hidden}.variant-try .vdb-logout-progress-bar{background-color:#f1ef17;width:0%;height:100%;animation:linear forwards vdb-progress-fill}@keyframes vdb-progress-fill{0%{width:0%}to{width:100%}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes rotator{89.9999%,to{--first-item-position:0 0%}90%,99.9999%{--first-item-position:0 calc(var(--items) * 100%)}to{translate:0 -100%}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@keyframes dropdown{0%{opacity:0}
3692}@keyframes aura{to{--aura-angle:360deg;transform:translateZ(1px)}}@keyframes aura-glow{20%,80%{opacity:.7;filter:blur(.25rem)}50%{opacity:1;filter:blur(.75rem)}}@keyframes aura-glow-after{20%,80%{opacity:.3;filter:blur(1rem)}50%{opacity:.6;filter:blur(1.5rem)}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes menu{0%{opacity:0}}@keyframes progress{50%{background-position-x:-115%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}
3693    </style>
3694
3695  
3695<script src="/js/prime-min-1.7.0.js?version=1.62.1"></script>
3695
3696  
3696<script src="/js/Util.js?version=1.62.1"></script>
3696
3697  
3697<script src="/js/oauth2/LocaleSelect.js?version=1.62.1"></script>
3697
3698  
3699    
3699<script>
vendor: 526 bytes, lines 3699-3716
3699
3700      (function (w, d, s, l, i) {
3701        w[l] = w[l] || []; w[l].push({
3702          'gtm.start': new Date().getTime(), 
3703          event: 'gtm.js'
3704        }); 
3705        var f = d.getElementsByTagName(s)[0],
3706            j = d.createElement(s), 
3707            dl = l != 'dataLayer' ? '&l=' + l : ''; 
3708        j.async = true; 
3709        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 
3710        f.parentNode.insertBefore(j, f);
3711      })(
3712        window,
3713        document,
3714        'script',
3715        'dataLayer',
3716        '
3716GTM-5RBJD4D
vendor: 15 bytes, lines 3716-3718
3716'
3717      );
3718    
3718</script>
3718
3719    <!-- End Google Tag Manager -->
3720
3721    
3721<script>
3722      window.dataLayer = window.dataLayer || [];
3723      
3724      // FusionAuth context data - available on every page
3725      const fusionAuthContext = {
3726        application: {
3727          id: 'c2762fb5-aaa3-44e5-8d11-c33b042fe6f1',
3728          name: 'PROD Web',
3729          tenantId: '2bf8b095-d393-4621-aab1-05bf2a00aa20',
3730          clientId: 'c2762fb5-aaa3-44e5-8d11-c33b042fe6f1'
3731        },
3732        tenant: {
3733          id: '2bf8b095-d393-4621-aab1-05bf2a00aa20'
3734        },
3735        system: {
3736          version: '1.62.1',
3737          timezone: '',
3738          locale: 'en_US'
3739        },
3740        oauth: {
3741          redirectUri: 'https://shopify.com/authentication/75471356203/login/external/callback',
3742          responseType: 'code',
3743          scope: 'openid email profile offline_access',
3744          state: 'hWNHUT0Jp5qURdMOcU0DMNvt',
3745          nonce: '71222a94-4856-4356-bd1e-6741fb185a12'
3746        },
3747        request: {
3748          uri: '\/oauth2/authorize',
3749          contextPath: ''
3750        }
3751      };
3752      
3753      // Intercept ALL dataLayer.push calls to ensure FusionAuth context is included
3754      const originalPush = window.dataLayer.push;
3755      window.dataLayer.push = function(...args) {
3756        // Enhance each object with FusionAuth context
3757        const enhancedArgs = args.map(arg => {
3758          if (typeof arg === 'object' && arg !== null) {
3759            return {
3760              ...arg,
3761              fusionAuth: fusionAuthContext
3762            };
3763          }
3764          return arg;
3765        });
3766        
3767        return originalPush.apply(this, enhancedArgs);
3768      };
3769      
3770    </script>
3770
3771
3772    <!-- Amplitude (consent-gated, CX-11358) -->
3773    
3773<script data-cookieconsent="ignore">
3774      (function (w, d) {
3775        if (w.__centrAmplitude) return;
3776        w.__centrAmplitude = true;
3777
3778        var API_KEY = '98236a3473cb386e9002af333579e52c';
3779        var SR_SAMPLE_RATE = 0.1;
3780        var POLL_MS = 100;
3781        var POLL_MAX = 150; // ~15s waiting for GTM to inject Cookiebot
3782
3783        var state = null; // true granted · false denied · null undecided
3784        var handlers = [];
3785
3786        function apply(next) {
3787          if (typeof next !== 'boolean' || next === state) return;
3788          state = next;
3789          for (var i = 0; i < handlers.length; i++) {
3790            try { handlers[i](next); } catch (e) {}
3791          }
3792        }
3793        function onConsent(handler) {
3794          handlers.push(handler);
3795          if (typeof state === 'boolean') handler(state);
3796        }
3797        function gpc() {
3798          return navigator.globalPrivacyControl === true;
3799        }
3800        function storedStatistics() {
3801          var match = d.cookie.match(/(?:^|;\s*)CookieConsent=([^;]*)/);
3802          if (!match) return null;
3803          var raw = decodeURIComponent(match[1]);
3804          if (/statistics:true/.test(raw)) return true;
3805          if (/statistics:false/.test(raw)) return false;
3806          return null;
3807        }
3808        // Under GPC a response merely remembered from an earlier visit must not re-enable
3809        // anything; only a choice made in this page view (Cookiebot.changed) may.
3810        function fromCookiebot(cb) {
3811          if (gpc() && cb.changed !== true) return false;
3812          return !!cb.consent.statistics;
3813        }
3814        function sync() {
3815          var cb = w.Cookiebot;
3816          if (cb && cb.consent) apply(fromCookiebot(cb));
3817        }
3818        // Cookiebot reports gdprApplies=true as a placeholder until its geo lookup settles
3819        // (userCountry empty), so the regime is re-read on the dialog events.
3820        function decide() {
3821          var cb = w.Cookiebot;
3822          if (!cb || !cb.consent) return;
3823          if (cb.hasResponse) return apply(fromCookiebot(cb));
3824          if (gpc()) return;
3825          var regs = cb.regulations;
3826          var settled = typeof cb.userCountry === 'string' && cb.userCountry !== '';
3827          var optIn = !settled || !regs || regs.gdprApplies !== false;
3828          if (!optIn && state === null) apply(true);
3829        }
3830
3831        if (gpc()) {
3832          apply(false);
3833        } else {
3834          var stored = storedStatistics();
3835          if (stored !== null) apply(stored);
3836        }
3837
3838        w.addEventListener('CookiebotOnAccept', sync);
3839        w.addEventListener('CookiebotOnDecline', sync);
3840        w.addEventListener('CookiebotOnConsentReady', sync);
3841        w.addEventListener('CookiebotOnDialogInit', decide);
3842        w.addEventListener('CookiebotOnDialogDisplay', decide);
3843
3844        var attempts = 0;
3845        (function waitForCookiebot() {
3846          var cb = w.Cookiebot;
3847          if (!cb || !cb.consent) {
3848            if (attempts++ < POLL_MAX) setTimeout(waitForCookiebot, POLL_MS);
3849            return;
3850          }
3851          decide();
3852        })();
3853
3854        // ---- loader ------------------------------------------------------------------
3855        var loading = false;     // SDK bundle requested and not yet resolved
3856        var initialised = false; // amplitude.init() has run on this page
3857        var INIT_TRIES = 40;     // ~2s for the bundle to define its globals after onload
3858
3859        var host = (w.location && w.location.hostname) || '';
3860        var parts = host.split('.');
3861        var domain = parts.length >= 2 ? '; domain=.' + parts.slice(-2).join('.') : '';
3862
3863        // A provisional load the visitor then rejected has already written Amplitude's
3864        // device / attribution cookies; setOptOut only stops sending. Clear them in both
3865        // scopes (host-only and .centr.com).
3866        function clearAmplitudeCookies() {
3867          var names = d.cookie.split(';');
3868          for (var i = 0; i < names.length; i++) {
3869            var name = names[i].split('=')[0].trim();
3870            if (!/^AMP_/.test(name)) continue;
3871            d.cookie = name + '=; path=/; max-age=0';
3872            if (domain) d.cookie = name + '=; path=/; max-age=0' + domain;
3873          }
3874        }
3875
3876        function init() {
3877          if (initialised || state !== true) return;
3878          if (!(w.amplitude && w.sessionReplay)) return;
3879          initialised = true;
3880          // Reduced from 100% to 10% sample rate to cut usage by 90%. Conservative masking:
3881          // sign-up, login and "check your email" render the address as plain text and the
3882          // default level only masks inputs.
3883          w.amplitude.add(w.sessionReplay.plugin({
3884            sampleRate: SR_SAMPLE_RATE,
3885            privacyConfig: { defaultMaskLevel: 'conservative' }
3886          }));
3887          // cookieDomain shares the device id with try.centr.com and centr.com (same project),
3888          // so the try → auth → try sign-up funnel is one device, not two.
3889          w.amplitude.init(API_KEY, {
3890            fetchRemoteConfig: true,
3891            cookieDomain: '.centr.com',
3892            autocapture: true
3893          });
3894        }
3895
3896        onConsent(function (granted) {
3897          if (!granted) {
3898            // A reject while the bundle is downloading is handled in onload: it sees
3899            // state === false and never calls init.
3900            if (initialised && w.amplitude && w.amplitude.setOptOut) w.amplitude.setOptOut(true);
3901            clearAmplitudeCookies();
3902            return;
3903          }
3904          if (initialised) {
3905            if (w.amplitude && w.amplitude.setOptOut) w.amplitude.setOptOut(false);
3906            return;
3907          }
3908          // The bundle may already be on the page from a load that was rejected mid-download.
3909          if (w.amplitude && w.sessionReplay) return init();
3910          if (loading) return;
3911          loading = true;
3912          var s = d.createElement('script');
3913          s.async = true;
3914          s.src = 'https://cdn.amplitude.com/script/' + API_KEY + '.js';
3915          s.setAttribute('data-cookieconsent', 'statistics');
3916          var tries = 0;
3917          // A blocked or failed fetch must not wedge the loader: release the flag so a later
3918          // grant can retry.
3919          s.onerror = function () { loading = false; };
3920          s.onload = function ready() {
3921            // The gate may have flipped to denied while the bundle was downloading.
3922            if (state !== true) { loading = false; return; }
3923            if (!(w.amplitude && w.sessionReplay)) {
3924              if (tries++ < INIT_TRIES) return void setTimeout(ready, 50);
3925              loading = false;
3926              return;
3927            }
3928            loading = false;
3929            init();
3930          };
3931          d.head.appendChild(s);
3932        });
3933      })(window, document);
3934    </script>
3934
3935    <!-- End Amplitude -->
3936
3937    <!-- Datadog Browser Agent -->
3938    
3938<script type="text/javascript" src="https://www.datadoghq-browser-agent.com/us5/v5/datadog-logs.js"></script>
3938
3939    
3939<script>
3940      if (window.DD_LOGS && window.DD_LOGS.init) {
3941        window.DD_LOGS.init({
3942          clientToken: 'pub6ef5addfab3afb8d8b2c88dd7f163f5c',
3943          service: 'fusionauth',
3944          site: 'us5.datadoghq.com',
3945          forwardErrorsToLogs: true,
3946          sessionSampleRate: 100,
3947          env: 'prod'
3948        });
3949
3950      // Global error handlers for Datadog logging
3951      window.addEventListener('error', function(event) {
3952        if (window.DD_LOGS) {
3953          window.DD_LOGS.logger.error('FusionAuth JavaScript Error', {
3954            message: event.message,
3955            filename: event.filename,
3956            lineno: event.lineno,
3957            colno: event.colno,
3958            error: event.error?.stack,
3959            tenantId: '2bf8b095-d393-4621-aab1-05bf2a00aa20',
3960            applicationId: 'c2762fb5-aaa3-44e5-8d11-c33b042fe6f1',
3961            page: '\/oauth2/authorize',
3962            brand: 'centr'
3963          });
3964        }
3965      });
3966
3967      // Handle unhandled promise rejections
3968      window.addEventListener('unhandledrejection', function(event) {
3969        if (window.DD_LOGS) {
3970          window.DD_LOGS.logger.error('FusionAuth Unhandled Promise Rejection', {
3971            reason: event.reason,
3972            tenantId: '2bf8b095-d393-4621-aab1-05bf2a00aa20',
3973            applicationId: 'c2762fb5-aaa3-44e5-8d11-c33b042fe6f1',
3974            page: '\/oauth2/authorize',
3975            brand: 'centr'
3976          });
3977        }
3978      });
3979      }
3980    </script>
3980
3981    <!-- End Datadog Browser Agent -->
3982    
3983    
3983<script>
3984      // Analytics utilities following main app pattern
3985      const analyticsUtils = (() => {
3986        const push = (data) => {
3987          if (typeof window.dataLayer !== 'object') {
3988            return;
3989          }
3990          window.dataLayer.push(data);
3991        };
3992
3993        const track = (object) => {
3994          push(object);
3995        };
3996
3997        const getUserType = () => {
3998          // For FusionAuth, we'll determine user type based on context
3999          // This can be enhanced later with actual user data
4000          return 'Prospect'; // Default for authentication pages
4001        };
4002
4003        const trackPageView = (additionalProps = {}) => {
4004          if (typeof window !== 'undefined') {
4005            const {
4006              eventName,
4007              eventData,
4008              pageContent,
4009              overrideTitle,
4010              overrideCategory
4011            } = additionalProps;
4012            
4013            const url = window.location.pathname + window.location.search;
4014            const title = overrideTitle
4015              ? overrideTitle
4016              : location.pathname.slice(1).split('/')[0] || 'FusionAuth';
4017            const userType = getUserType();
4018
4019            const pageInfo = {
4020              pageID: url.lastIndexOf('/') === url.length - 1
4021                ? url.slice(0, url.length - 1)
4022                : url,
4023              pageTitle: title,
4024              pageVariant: 'default',
4025              pageURL: window.location.href,
4026              domain: window.location.hostname,
4027              brand: 'centr'
4028            };
4029
4030            const trackingDetails = {
4031              event: eventName ? eventName : 'virtual_page_view',
4032              ...(eventData ? { eventData: eventData } : {}),
4033              page: {
4034                pageInfo,
4035                category: { 
4036                  primaryCategory: 'Authentication',
4037                  subCategory1: 'FusionAuth',
4038                  subCategory2: '',
4039                  pageType: 'Auth'
4040                },
4041                ...(pageContent ? { content: pageContent } : {})
4042              },
4043              user: {
4044                profileInfo: {
4045                  userType,
4046                  brandCustomerId: null,
4047                  country: 'US',
4048                  linkUserId: null
4049                }
4050              }
4051            };
4052
4053            track(trackingDetails);
4054          }
4055        };
4056
4057        return {
4058          trackPageView,
4059          track
4060        };
4061      })();
4062
4063      // Amplitude utilities following main app pattern
4064      const amplitudeUtils = {
4065        track: (eventName, eventProperties) => {
4066          if (typeof window !== 'undefined' && window.amplitude) {
4067            window.amplitude.track(eventName, eventProperties);
4068          }
4069        },
4070
4071        identify: (userId, userProperties) => {
4072          if (typeof window !== 'undefined' && window.amplitude) {
4073            window.amplitude.setUserId(userId);
4074            window.amplitude.identify(userProperties);
4075          }
4076        }
4077      };
4078
4079      // Datadog utilities following main app pattern
4080      const datadogUtils = {
4081        log: (message, context = {}) => {
4082          if (typeof window !== 'undefined' && window.DD_LOGS) {
4083            window.DD_LOGS.logger.info(message, {
4084              ...context,
4085              fusionAuth: fusionAuthContext
4086            });
4087          }
4088        },
4089
4090        error: (message, error = null, context = {}) => {
4091          if (typeof window !== 'undefined' && window.DD_LOGS) {
4092            window.DD_LOGS.logger.error(message, {
4093              error: error?.message || error,
4094              stack: error?.stack,
4095              ...context,
4096              fusionAuth: fusionAuthContext
4097            });
4098          }
4099        },
4100
4101        warn: (message, context = {}) => {
4102          if (typeof window !== 'undefined' && window.DD_LOGS) {
4103            window.DD_LOGS.logger.warn(message, {
4104              ...context,
4105              fusionAuth: fusionAuthContext
4106            });
4107          }
4108        },
4109
4110        trackEvent: (eventName, eventProperties = {}) => {
4111          if (typeof window !== 'undefined' && window.DD_LOGS) {
4112            window.DD_LOGS.logger.info('FusionAuth Event: ' + eventName, {
4113              eventName,
4114              eventProperties,
4115              fusionAuth: fusionAuthContext
4116            });
4117          }
4118        }
4119      };
4120
4121      // Track initial page view
4122      analyticsUtils.trackPageView();
4123
4124      // FusionAuth-specific error logging
4125      document.addEventListener('DOMContentLoaded', function() {
4126        // Log form validation errors
4127        const forms = document.querySelectorAll('form');
4128        forms.forEach(function(form) {
4129          form.addEventListener('submit', function(event) {
4130            datadogUtils.trackEvent('form_submission', {
4131              formId: form.id || form.className,
4132              action: form.action,
4133              method: form.method
4134            });
4135          });
4136
4137          // Log form validation errors
4138          form.addEventListener('invalid', function(event) {
4139            datadogUtils.warn('Form validation error', {
4140              field: event.target.name,
4141              formId: form.id || form.className,
4142              action: form.action
4143            });
4144          }, true);
4145        });
4146
4147        // Log authentication-specific events
4148        const loginButton = document.querySelector('input[type="submit"][value*="Login"], button[type="submit"]');
4149        if (loginButton) {
4150          loginButton.addEventListener('click', function() {
4151            datadogUtils.trackEvent('login_attempt', {
4152              page: window.location.pathname
4153            });
4154          });
4155        }
4156
4157        // Log password field interactions
4158        const passwordFields = document.querySelectorAll('input[type="password"]');
4159        passwordFields.forEach(function(field) {
4160          field.addEventListener('focus', function() {
4161            datadogUtils.trackEvent('password_field_focus', {
4162              fieldId: field.id || field.name,
4163              page: window.location.pathname
4164            });
4165          });
4166        });
4167
4168        // Log error messages
4169        const errorElements = document.querySelectorAll('.alert-error, .error, [class*="error"]');
4170        errorElements.forEach(function(element) {
4171          if (element.textContent.trim()) {
4172            datadogUtils.error('FusionAuth UI Error', null, {
4173              errorMessage: element.textContent.trim(),
4174              page: window.location.pathname,
4175              elementClass: element.className
4176            });
4177          }
4178        });
4179      });
4180    </script>
4180
4181  
4181<script>
4182    "use strict";
4183    Prime.Document.onReady(function() {
4184      Prime.Document.query('.alert').each(function(e) {
4185        var dismissButton = e.queryFirst('a.dismiss-button');
4186        if (dismissButton !== null) {
4187          new Prime.Widgets.Dismissable(e, dismissButton).initialize();
4188        }
4189      });
4190      Prime.Document.query('[data-tooltip]').each(function(e) {
4191        new Prime.Widgets.Tooltip(e).withClassName('tooltip').initialize();
4192      });
4193      Prime.Document.query('.date-picker').each(function(e) {
4194        new Prime.Widgets.DateTimePicker(e).withDateOnly().initialize();
4195      });
4196      var localeSelect = Prime.Document.queryById('locale-select');
4197      if (localeSelect !== null) {
4198        new FusionAuth.OAuth2.LocaleSelect(localeSelect);
4199      }
4200    });
4201    FusionAuth.Version = "1.62.1";
4202  </script>
4202
4203  
4203<script>
4204    function togglePassword(id, btn) {
4205      var input = document.getElementById(id);
4206      if (!input) return;
4207      var showIcon = btn.querySelector('.icon-show');
4208      var hideIcon = btn.querySelector('.icon-hide');
4209      if (input.type === 'password') {
4210        input.type = 'text';
4211        btn.classList.add('showing');
4212        if (showIcon && hideIcon) {
4213          showIcon.style.display = 'none';
4214          hideIcon.style.display = '';
4215        }
4216      } else {
4217        input.type = 'password';
4218        btn.classList.remove('showing');
4219        if (showIcon && hideIcon) {
4220          showIcon.style.display = '';
4221          hideIcon.style.display = 'none';
4222        }
4223      }
4224    }
4225  </script>
4225
4226
4227    
4227<script src="/js/jstz-min-1.0.6.js"></script>
4227
4228    
4228<script src="/js/oauth2/Authorize.js?version=1.62.1"></script>
4228
4229    
4229<script src="/js/identityProvider/InProgress.js?version=1.62.1"></script>
4229
4230    
4230<script id="idp_helper" src="/js/identityProvider/Helper.js?version=1.62.1"></script>
4230
4231    
4231<script src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
4231
4232    
4232<script src="/js/identityProvider/Apple.js?version=1.62.1"></script>
4232
4233    
4233<script src="/js/identityProvider/Redirect.js?version=1.62.1"></script>
4233
4234    
4234<script>
4235      Prime.Document.onReady(function() {
4236        new FusionAuth.OAuth2.Authorize();
4237      });
4238    </script>
4238
4239    
4239<script type="text/javascript">
4240    /*
4241     * Redirect mobile app users to registration page when redirectFusionAuthTo=register flag is present.
4242     *
4243     * Mobile apps use this flag in redirect_uri to direct users to registration instead of login.
4244     * We use sessionStorage to track the redirect and avoid modifying the redirect_uri parameter
4245     * to prevent PKCE validation failures in FusionAuth.
4246     */
4247    (function() {
4248        try {
4249            var redirectUri = "https://shopify.com/authentication/75471356203/login/external/callback";
4250            if (redirectUri && redirectUri.includes('redirectFusionAuthTo=register')) {
4251                // Check if we've already redirected to prevent loops
4252                var hasRedirected = false;
4253                try {
4254                    hasRedirected = sessionStorage.getItem('redirectFusionAuthToRegister') === 'true';
4255                } catch (e) {
4256                    // sessionStorage not available, continue with redirect
4257                }
4258
4259                if (!hasRedirected) {
4260                    try {
4261                        sessionStorage.setItem('redirectFusionAuthToRegister', 'true');
4262                    } catch (e) {
4263                        // sessionStorage failed, continue with redirect anyway
4264                    }
4265
4266                    var url = new URL(window.location.href);
4267                    var newPath = url.pathname.replace('/oauth2/authorize', '/oauth2/register');
4268                    url.pathname = newPath;
4269                    window.location.replace(url.toString());
4270                }
4271            }
4272        } catch (e) {
4273            // Silently fail - don't break the auth flow
4274            console.warn('Registration redirect failed:', e);
4275        }
4276    })();
4277
4278    /*
4279     * Detect Amplitude experiment parameter from redirect_uri and store in sessionStorage for signup page title variation.
4280     */
4281    (function() {
4282        try {
4283            var redirectUri = "https://shopify.com/authentication/75471356203/login/external/callback";
4284            if (redirectUri && redirectUri.includes('experimentAmplitudeVariant=')) {
4285                var match = redirectUri.match(/experimentAmplitudeVariant=([^&]+)/);
4286                if (match && match[1]) {
4287                    sessionStorage.setItem('experimentAmplitudeVariant', decodeURIComponent(match[1]));
4288                }
4289            }
4290        } catch (e) {
4291            // Silently fail
4292        }
4293    })();
4294    </script>
4294
4295    
4295<script>
4296      Prime.Document.onReady(function() {
4297        const redirectURI = "https://shopify.com/authentication/75471356203/login/external/callback";
4298        const loginHint = "";
4299        if (!redirectURI.includes('https://shopify.com/authentication') || !loginHint) return;
4300
4301        const warrantyMessages = { 
4302          eyebrow: "Log in to Your account",
4303          headingLine1: "Activate Your",
4304          headingLine2: "Warranty",
4305          description: "Log in to your account to finish registering your equipment and activate your warranty.",
4306        }
4307
4308        const warrantyElements = {
4309          eyebrow: document.querySelector('.authcard-eyebrow'),
4310          headingLine1: document.querySelector('.heading-line-1'),
4311          headingLine2: document.querySelector('.heading-line-2'),
4312          description: document.querySelector('.authcard-description'),
4313        }
4314
4315        Object.keys(warrantyElements).forEach(key => {
4316          if (warrantyElements[key]){
4317            warrantyElements[key].innerText = warrantyMessages[key]
4318          }
4319        })
4320
4321        if (document.querySelector('.authcard-heading')){
4322          document.querySelector('.authcard-heading').classList.add('authcard-warranty')
4323        }
4324      });
4325    </script>
4325
4326
4327</head>
4328<body class="app-sidebar-closed">
vendor: 87 bytes, lines 4328-4331
4328
4329    <noscript>
4330      <iframe
4331        src="https://www.googletagmanager.com/ns.html?id=
4331GTM-5RBJD4D
vendor: 107 bytes, lines 4331-4335
4331"
4332        height="0" width="0" style="display:none;visibility:hidden">
4333      </iframe>
4334    </noscript>
4335    
4335<!-- End Google Tag Manager (noscript) -->
4336
4337<main class="flex flex-col h-screen">
4338<div class="authcard-page">
4339  <!-- Full Background Cover -->
4340  <div class="authcard-bg">
4341      <video autoplay loop muted playsinline >
4342        <source src="https://cdn.shopify.com/videos/c/o/v/9f3b0d7732bc4124abc41f91c9224c7c.mp4" type="video/mp4">
4343      </video>
4344  </div>
4345
4346  <!-- Content -->
4347  <div class="authcard-content">
4348    <div class="authcard-card authcard-split" data-in-progress>
4349        <div class="authcard-marketing">
4350            <span class="authcard-eyebrow">Your account</span>
4351            <h1 class="authcard-heading">
4352              <span class="block heading-line-1">Your gym.</span>
4353              <span class="block text-yellow heading-line-2">Your coach.</span>
4354            </h1>
4355            <p class="authcard-description">Manage your subscription, orders, and Centr Coach training plan.</p>
4356        </div>
4357        <div class="authcard-form">
4358          <div class="authcard-tabs">
4359            <a
4360  href="/oauth2/authorize?tenantId=2bf8b095-d393-4621-aab1-05bf2a00aa20&client_id=c2762fb5-aaa3-44e5-8d11-c33b042fe6f1&nonce=71222a94-4856-4356-bd1e-6741fb185a12&pendingIdPLinkId=&redirect_uri=https%3A%2F%2Fshopify.com%2Fauthentication%2F75471356203%2Flogin%2Fexternal%2Fcallback&login_hint=&response_mode=&response_type=code&scope=openid%20email%20profile%20offline_access&state=hWNHUT0Jp5qURdMOcU0DMNvt&timezone=&metaData.device.name=&metaData.device.type=&code_challenge=&code_challenge_method=&user_code="
4361  class="font-suisseintl-regular text-base authcard-tab authcard-tab-active">
4362Sign In</a>
4363
4364            <a
4365  href="/oauth2/register?tenantId=2bf8b095-d393-4621-aab1-05bf2a00aa20&client_id=c2762fb5-aaa3-44e5-8d11-c33b042fe6f1&nonce=71222a94-4856-4356-bd1e-6741fb185a12&pendingIdPLinkId=&redirect_uri=https%3A%2F%2Fshopify.com%2Fauthentication%2F75471356203%2Flogin%2Fexternal%2Fcallback&login_hint=&response_mode=&response_type=code&scope=openid%20email%20profile%20offline_access&state=hWNHUT0Jp5qURdMOcU0DMNvt&timezone=&metaData.device.name=&metaData.device.type=&code_challenge=&code_challenge_method=&user_code="
4366  class="font-suisseintl-regular text-base authcard-tab">
4367Create Account</a>
4368
4369          </div>
4370      <form action="/oauth2/authorize" method="POST" class="flex flex-col gap-3 w-full mt-3">
4371  <input type="hidden" name="captcha_token" value="" />
4372  <input type="hidden" name="client_id" value="c2762fb5-aaa3-44e5-8d11-c33b042fe6f1"/>
4373  <input type="hidden" name="code_challenge" value="" />
4374  <input type="hidden" name="code_challenge_method" value="" />
4375  <input type="hidden" name="metaData.device.name" value="" />
4376  <input type="hidden" name="metaData.device.type" value="" />
4377  <input type="hidden" name="nonce" value="71222a94-4856-4356-bd1e-6741fb185a12"/>
4378  <input type="hidden" name="oauth_context" value="" />
4379  <input type="hidden" name="pendingIdPLinkId" value="" />
4380  <input type="hidden" name="redirect_uri" value="https://shopify.com/authentication/75471356203/login/external/callback"/>
4381  <input type="hidden" name="response_mode" value="" />
4382  <input type="hidden" name="response_type" value="code"/>
4383  <input type="hidden" name="scope" value="openid email profile offline_access"/>
4384  <input type="hidden" name="state" value="hWNHUT0Jp5qURdMOcU0DMNvt"/>
4385  <input type="hidden" name="tenantId" value="2bf8b095-d393-4621-aab1-05bf2a00aa20"/>
4386  <input type="hidden" name="timezone" value="" />
4387  <input type="hidden" name="user_code" value="" />
4388  
4389  <input type="hidden" name="showPasswordField" value="true"/>
4390  <input type="hidden" name="userVerifyingPlatformAuthenticatorAvailable" value="false"/>
4391
4392        <fieldset class="grid lg:grid-cols-2 gap-4">
4393<div class="form-row ">
4394  <label for="loginId"
4395    class="block mb-1 font-medium text-base label-suisseintl-book
4396       text-gray-700 
4397    ">
4398    Email
4399     <span class="text-error">*</span>
4400  </label>
4401    <input
4402      id="loginId"
4403      type="text"
4404      name="loginId"
4405      placeholder="Email"
4406      value=""
4407      class="input input-bordered w-full h-12
4408        
4409        
4410        focus:outline-none focus:ring-0
4411        
4412      "
4413      autocapitalize="none"
4414      autocomplete="username"
4415      autocorrect="off"
4416      spellcheck="false"
4417      
4418      
4419    />
4420</div>
4421<div class="form-row ">
4422  <label for="password"
4423    class="block mb-1 font-medium text-base label-suisseintl-book
4424       text-gray-700 
4425    ">
4426    Password
4427     <span class="text-error">*</span>
4428  </label>
4429    <div class="flex items-center relative h-12">
4430      <input
4431        id="password"
4432        type="password"
4433        name="password"
4434        placeholder="Password"
4435        class="input input-bordered w-full h-12
4436          
4437          
4438          focus:outline-none focus:ring-0
4439          
4440        "
4441        autocapitalize="none"
4442        autocomplete="current-password"
4443        autocorrect="off"
4444        spellcheck="false"
4445        
4446        
4447      />
4448      <button type="button" class="absolute right-2 flex items-center justify-center rounded-full w-8 h-8 p-0 border-none bg-transparent shadow-none z-10 password-toggle-btn cursor-pointer" aria-label="Toggle password visibility" onclick="togglePassword('password', this)">
4449        <span class="icon-show">
4450          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4451            <path fill-rule="evenodd" clip-rule="evenodd" d="M3.8806 12C6.14365 15.584 8.85254 17.25 12 17.25C15.1475 17.25 17.8564 15.584 20.1194 12C17.8564 8.41604 15.1475 6.75 12 6.75C8.85254 6.75 6.14365 8.41604 3.8806 12ZM2.35688 11.6141C4.84664 7.46452 8.05833 5.25 12 5.25C15.9417 5.25 19.1534 7.46452 21.6431 11.6141C21.7856 11.8516 21.7856 12.1484 21.6431 12.3859C19.1534 16.5355 15.9417 18.75 12 18.75C8.05833 18.75 4.84664 16.5355 2.35688 12.3859C2.21437 12.1484 2.21437 11.8516 2.35688 11.6141ZM10.0555 10.0555C10.5712 9.53973 11.2707 9.25 12 9.25C12.7293 9.25 13.4288 9.53973 13.9445 10.0555C14.4603 10.5712 14.75 11.2707 14.75 12C14.75 12.7293 14.4603 13.4288 13.9445 13.9445C13.4288 14.4603 12.7293 14.75 12 14.75C11.2707 14.75 10.5712 14.4603 10.0555 13.9445C9.53973 13.4288 9.25 12.7293 9.25 12C9.25 11.2707 9.53973 10.5712 10.0555 10.0555ZM12 10.75C11.6685 10.75 11.3505 10.8817 11.1161 11.1161C10.8817 11.3505 10.75 11.6685 10.75 12C10.75 12.3315 10.8817 12.6495 11.1161 12.8839C11.3505 13.1183 11.6685 13.25 12 13.25C12.3315 13.25 12.6495 13.1183 12.8839 12.8839C13.1183 12.6495 13.25 12.3315 13.25 12C13.25 11.6685 13.1183 11.3505 12.8839 11.1161C12.6495 10.8817 12.3315 10.75 12 10.75Z" fill="#2F2C2C"/>
4452          </svg>
4453        </span>
4454        <span class="icon-hide" style="display:none;">
4455          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
4456            <path fill-rule="evenodd" clip-rule="evenodd" d="M2.21967 2.21967C2.51256 1.92678 2.98744 1.92678 3.28033 2.21967L16.8912 15.8305C16.9395 15.868 16.9838 15.912 17.0227 15.962L21.2803 20.2197C21.5732 20.5126 21.5732 20.9874 21.2803 21.2803C20.9874 21.5732 20.5126 21.5732 20.2197 21.2803L16.3037 17.3644C14.9073 18.118 13.3407 18.5101 11.7475 18.5C7.80698 18.4991 4.59612 16.2846 2.10688 12.1359C1.96437 11.8984 1.96437 11.6016 2.10688 11.3641C3.22369 9.50278 4.48592 8.02627 5.90414 6.9648L2.21967 3.28033C1.92678 2.98744 1.92678 2.51256 2.21967 2.21967ZM6.9775 8.03816C5.77763 8.8941 4.65876 10.1221 3.63061 11.75C5.89366 15.334 8.60254 17 11.75 17H11.7549V17C12.9447 17.0079 14.117 16.7492 15.1872 16.2478L13.091 14.1517C12.6847 14.3787 12.2237 14.501 11.75 14.5011C11.0206 14.5012 10.3211 14.2116 9.80526 13.6959C9.28944 13.1803 8.99958 12.4808 8.99945 11.7515C8.99937 11.2775 9.12166 10.8161 9.34884 10.4095L6.9775 8.03816ZM10.5122 11.5729C10.5037 11.6316 10.4994 11.6912 10.4994 11.7512C10.4995 12.0828 10.6313 12.4007 10.8657 12.6351C11.1002 12.8695 11.4182 13.0011 11.7497 13.0011C11.8096 13.001 11.8691 12.9967 11.9276 12.9883L10.5122 11.5729ZM11.7481 6.5C11.1875 6.49855 10.6282 6.55386 10.0788 6.66509C9.67283 6.74727 9.2771 6.48479 9.19491 6.07881C9.11273 5.67283 9.37521 5.2771 9.78119 5.19491C10.4295 5.06366 11.0895 4.99836 11.751 5C11.7513 5 11.7516 5 11.7519 5L11.75 5.75V5C11.7503 5 11.7507 5 11.751 5C15.6922 5.00038 18.9036 7.21488 21.3931 11.3641C21.5356 11.6016 21.5356 11.8984 21.3931 12.1359C20.7038 13.2847 19.959 14.2867 19.1571 15.1352C18.8725 15.4362 18.3978 15.4496 18.0968 15.1651C17.7958 14.8805 17.7824 14.4058 18.0669 14.1048C18.6954 13.4399 19.2971 12.656 19.8694 11.75C19.9491 11.8762 20.0283 12.0048 20.1069 12.1359L20.75 11.75L20.1069 11.3641C20.0283 11.4951 19.9491 11.6237 19.8694 11.75C17.6063 8.16603 14.8975 6.5 11.75 6.5L11.7481 6.5Z" fill="#2F2C2C"/>
4457          </svg>
4458        </span>
4459      </button>
4460    </div>
4461</div>
4462            <div class="w-full text-center -mt-2.5 lg:col-span-1 lg:col-start-2">
4463              <a
4464  href="/password/forgot?tenantId=2bf8b095-d393-4621-aab1-05bf2a00aa20&client_id=c2762fb5-aaa3-44e5-8d11-c33b042fe6f1&nonce=71222a94-4856-4356-bd1e-6741fb185a12&pendingIdPLinkId=&redirect_uri=https%3A%2F%2Fshopify.com%2Fauthentication%2F75471356203%2Flogin%2Fexternal%2Fcallback&login_hint=&response_mode=&response_type=code&scope=openid%20email%20profile%20offline_access&state=hWNHUT0Jp5qURdMOcU0DMNvt&timezone=&metaData.device.name=&metaData.device.type=&code_challenge=&code_challenge_method=&user_code="
4465  class="font-suisseintl-regular text-base !text-[#E5DDCFBF] uppercase !text-xs">
4466<span>Forgot password?</span></a>
4467
4468            </div>
4469
4470  <input type="hidden" name="rememberDevice" value="true"/>
4471        </fieldset>
4472
4473<button
4474  class="btn btn-primary btn-lg w-full flex items-center justify-center gap-2 uppercase font-bold tracking-wide btn-border-custom"
4475  
4476  
4477  
4478  
4479>
4480  <span class="btn-text text-sm">Log in</span>
4481
4482    <svg class="w-3.5 h-3.5" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
4483      <path d="M1 8H15M9.4 15L15 8L9.4 1" stroke="#1A1818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
4484    </svg>
4485
4486  <span class="btn-spinner">
4487    <svg class="animate-spin" width="20" height="20" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
4488      <circle style="opacity: 0.25" cx="12" cy="12" r="10" stroke="#2f2c2c" stroke-width="4"></circle>
4489      <path style="opacity: 0.75" fill="#2f2c2c" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
4490    </svg>
4491  </span>
4492</button>
4493      </form>
4494
4495  <div class="divider-or">
4496    <span class="divider-line"></span>
4497    <span class="divider-text">or</span>
4498    <span class="divider-line"></span>
4499  </div>
4500
4501    <div id="login-button-container" class="login-button-container" data-federated-csrf="zKeQ_2dNejEHvhrL">
4502
4503
4504      <div class="grid grid-cols-1 gap-3 lg:grid-cols-2">
4505    <button type="button" id="google-login-button" class="w-full flex items-center justify-center gap-3 vdb-social-btn p-2.5 cursor-pointer" data-login-method="UseRedirect" data-scope="openid profile email" data-identity-provider-id="82339786-3dff-42a6-aac6-1f1ceecb6c46">
4506      CONTINUE WITH GOOGLE
4507    </button>
4508  
4509
4510 <button type="button" id="apple-login-button" class="apple login-button w-full flex items-center justify-center gap-3 vdb-social-btn p-2.5 cursor-pointer" data-scope="openid email" data-services-id="com.centr.apps" data-identity-provider-id="13d2a5db-7ef9-4d62-b909-0df58612e775">
4511   CONTINUE WITH APPLE
4512 </button>
4513
4514
4515
4516
4517 <button type="button" class="w-full lg:col-span-2 flex items-center justify-center gap-3 vdb-social-btn p-2.5 cursor-pointer" data-login-method="UseRedirect" data-identity-provider-id="edcb2d83-c6ee-4948-b650-023c030654d1">
4518   CONTINUE WITH SHOP
4519 </button>
4520
4521
4522
4523
4524
4525
4526
4527      </div>
4528
4529    </div>
4530
4531      <div>
4532      </div>
4533
4534        </div>
4535    </div>
4536  </div>
4537</div>
4538
4539</main>
4540
4541<script>
4542  // Prevent pinch-to-zoom on iOS
4543  document.addEventListener('gesturestart', function(e) {
4544    e.preventDefault();
4545  });
4546
4547  // Button loading state on form submit
4548  document.addEventListener('DOMContentLoaded', function() {
4549    document.querySelectorAll('form').forEach(function(form) {
4550      form.addEventListener('submit', function(e) {
4551        var submitBtn = form.querySelector('button[type="submit"], button:not([type])');
4552        if (submitBtn && !submitBtn.classList.contains('is-loading')) {
4553          submitBtn.classList.add('is-loading');
4554          submitBtn.disabled = true;
4555        }
4556      });
4557    });
4558  });
4559</script>
4559
4560</body>
4561</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.