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.