/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--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;--tw-duration: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-tracking:initial;--tw-ease:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-leading:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--color-yellow-400:oklch(85.2% .199 91.936);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--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: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Inter","sans-serif";--default-mono-font-family:"Source Code Pro","monospace";--shadow-mini:var(--shadow-mini);--shadow-mini-inset:var(--shadow-mini-inset);--shadow-popover:var(--shadow-popover);--shadow-kbd:var(--shadow-kbd);--shadow-btn:var(--shadow-btn);--shadow-card:var(--shadow-card);--shadow-input-focus:var(--shadow-input-focus)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;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");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,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}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::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}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}body{background-color:var(--background);color:var(--foreground)}}@layer components{:not(body):not(.focus-override){outline:none!important}:not(body):not(.focus-override):focus-visible:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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-shadow);--tw-ring-color:var(--border-input-hover);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:not(body):not(.focus-override):focus-visible:focus-visible{outline-offset:2px;outline:2px solid #0000}}.link{align-items:center;gap:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--primary);text-underline-offset:4px;display:inline-flex}@media (hover:hover){.link:hover{text-decoration-line:underline}}.link:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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-shadow);--tw-ring-color:var(--foreground);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.link:focus-visible{outline-offset:2px;outline:2px solid #0000}}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.top-1\/2{top:50%}.top-\[5px\]{top:5px}.right-2{right:calc(var(--spacing)*2)}.z-50{z-index:50}.container{width:100%}@media (min-width:1440px){.container{max-width:1440px}}@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-auto{margin-inline:auto}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-\[18px\]{width:18px;height:18px}.h-4{height:calc(var(--spacing)*4)}.h-10{height:calc(var(--spacing)*10)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-10{width:calc(var(--spacing)*10)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.flex-1{flex:1}.border-collapse{border-collapse:collapse}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-6{--tw-translate-x:calc(var(--spacing)*6);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-9px{border-radius:9px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-primary{background-color:var(--primary)}.bg-transparent{background-color:#0000}.p-0{padding:calc(var(--spacing)*0)}.p-0\!{padding:calc(var(--spacing)*0)!important}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[15px\]{font-size:15px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-normal\!{--tw-font-weight:var(--font-weight-normal)!important;font-weight:var(--font-weight-normal)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-foreground{color:var(--foreground)}.text-muted-foreground,.text-muted-foreground\/50{color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.text-muted-foreground\/50{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.capitalize{text-transform:capitalize}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);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,)}.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-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}.duration-200{animation-duration:.2s}.group-data-selected\:bg-primary:is(:where(.group)[data-selected] *){background-color:var(--primary)}.group-data-today\:block:is(:where(.group)[data-today] *){display:block}@media (hover:hover){.hover\:border-foreground:hover{border-color:var(--foreground)}}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:text-foreground\/30[data-disabled]{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.data-disabled\:text-foreground\/30[data-disabled]{color:color-mix(in oklab,var(--foreground)30%,transparent)}}.data-outside-month\:pointer-events-none[data-outside-month]{pointer-events:none}.data-selected\:bg-primary[data-selected]{background-color:var(--primary)}.data-selected\:font-medium[data-selected]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-selected\:text-background[data-selected]{color:var(--background)}.data-unavailable\:text-muted-foreground[data-unavailable]{color:var(--muted-foreground)}.data-unavailable\:line-through[data-unavailable]{text-decoration-line:line-through}@media (min-width:64rem){.lg\:flex-nowrap{flex-wrap:nowrap}}}:root{--background:oklch(100% 0 0);--background-alt:oklch(100% 0 0);--foreground:oklch(19% .015 240);--foreground-alt:oklch(42% 0 0);--form-foreground:oklch(10% .018 230);--muted:oklch(96% .005 240);--muted-foreground:oklch(18% 0 0/.4);--border:oklch(19% .015 240);--border-input:oklch(54% .155 253);--border-input-hover:oklch(60% .13 252);--border-card:oklch(88.067% .06286 220.854/.773);--primary:oklch(54% .155 253);--dark:oklch(19% .015 240);--dark-10:oklch(19% .015 240/.1);--dark-40:oklch(19% .015 240/.4);--dark-04:oklch(19% .015 240/.04);--accent:oklch(94% .04 204);--info:oklch(96% .085 104);--accent-foreground:oklch(26% .08 204);--destructive:oklch(58% .18 20);--tertiary:oklch(56% .176 10);--line:oklch(100% 0 0);--contrast:oklch(0% 0 0);--shadow-mini:0px 1px 0px 1px oklch(0% 0 0/.04);--shadow-mini-inset:0px 1px 0px 0px oklch(0% 0 0/.04) inset;--shadow-popover:0px 7px 12px 3px oklch(19% .015 240/.1);--shadow-kbd:0px 2px 0px 0px oklch(0% 0 0/.07);--shadow-btn:0px 1px 0px 1px oklch(0% 0 0/.03);--shadow-card:0px 2px 0px 1px oklch(0% 0 0/.04);--shadow-input-focus:0px 0px 0px 1px oklch(44.305% .20507 267.384/.855)}.dark{--background:oklch(8% 0 0);--background-alt:oklch(12% 0 0);--foreground:oklch(96% 0 0);--foreground-alt:oklch(75% 0 0);--form-foreground:oklch(96% 0 0);--muted:oklch(23% .01 240);--muted-foreground:oklch(100% 0 0/.4);--border:oklch(96% 0 0);--border-input:oklch(64% .132 250);--border-input-hover:oklch(70% .135 251);--border-card:oklch(38% .033 240);--primary:oklch(64% .132 250);--dark:oklch(96% 0 0);--dark-40:oklch(96% 0 0/.4);--dark-10:oklch(96% 0 0/.1);--dark-04:oklch(96% 0 0/.04);--accent:oklch(87% .04 204);--info:oklch(93% .111 99);--accent-foreground:oklch(94% .04 204);--destructive:oklch(65% .18 20);--line:oklch(15% 0 0);--tertiary:oklch(64% .203 10);--contrast:oklch(100% 0 0);--shadow-mini:0px 1px 0px 1px oklch(0% 0 0/.3);--shadow-mini-inset:0px 1px 0px 0px oklch(0% 0 0/.5) inset;--shadow-popover:0px 7px 12px 3px oklch(0% 0 0/.3);--shadow-kbd:0px 2px 0px 0px oklch(100% 0 0/.07);--shadow-btn:0px 1px 0px 1px oklch(0% 0 0/.2);--shadow-card:0px 2px 0px 1px oklch(25.434% .07263 261.09/.5);--shadow-input-focus:0px 0px 0px 1px oklch(44.305% .20507 267.384/.855)}@layer xyui{.xy-form-control{padding:calc(var(--spacing)*1)}.xy-button{height:calc(var(--spacing)*10);background-color:var(--primary);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--background);--tw-shadow:var(--shadow-mini);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:9px;justify-content:center;align-items:center;padding-inline:15px;display:inline-flex}@media (hover:hover){.xy-button:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.xy-button:hover{background-color:color-mix(in srgb,var(--primary)85%,blue)}}}.xy-button:active{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));scale:.98}.xy-input{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-input);background-color:var(--background);width:100%;height:2.5rem;padding-inline:calc(var(--spacing)*3);color:var(--form-foreground);overflow:hidden}.xy-date-picker{gap:calc(var(--spacing)*1.5);flex-direction:column;width:100%;display:flex}.xy-date-picker-segments{padding-inline:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*1);border-radius:5px}@media (hover:hover){.xy-date-picker-segments:hover{background-color:var(--muted)}}.xy-date-picker-segments:focus{background-color:var(--muted);color:var(--foreground)}.xy-date-picker-segments:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important;--tw-ring-offset-width:0px!important;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)!important}.xy-date-picker-segments[aria-valuetext=Empty]{color:var(--muted-foreground)}.xy-date-picker-trigger{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8);color:var(--foreground);border-radius:5px;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.xy-date-picker-trigger{color:color-mix(in oklab,var(--foreground)40%,transparent)}}.xy-date-picker-trigger{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.xy-date-picker-trigger:hover{background-color:var(--muted)}}.xy-date-picker-trigger:active{background-color:var(--dark-10)}.xy-date-picker-input{border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-input);background-color:var(--background);width:100%;height:2.5rem;padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-tracking:.01em;letter-spacing:.01em;color:var(--foreground);-webkit-user-select:none;user-select:none;border-radius:9px;align-items:center;display:flex}.xy-date-picker-input:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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-shadow);--tw-ring-color:var(--border-input-hover);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.xy-calendar{border-style:var(--tw-border-style);border-width:1px;border-color:var(--dark-10);background-color:var(--background-alt);--tw-shadow:var(--shadow-popover);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-radius:15px;padding:10px}.xy-calendar-nav-button{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);background-color:var(--background-alt);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:9px;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.xy-calendar-nav-button:hover{background-color:var(--muted)}}.xy-calendar-nav-button:active{scale:.98}.xy-calendar-content{flex-direction:column;display:flex}:where(.xy-calendar-content>: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)))}.xy-calendar-content{padding-top:calc(var(--spacing)*4)}@media (min-width:40rem){.xy-calendar-content{flex-direction:row}:where(.xy-calendar-content>:not(:last-child)){--tw-space-y-reverse:0;--tw-space-x-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)));margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}}.xy-checkbox{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-input);background-color:var(--primary);width:25px;height:25px;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;--tw-ease:var(--ease-in-out);transition-duration:.15s;transition-timing-function:var(--ease-in-out);justify-content:center;align-items:center;animation-duration:.15s;animation-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.xy-checkbox:active{scale:.98}.xy-checkbox[data-state=unchecked]{border-color:var(--border-input);background-color:var(--background)}@media (hover:hover){.xy-checkbox[data-state=unchecked]:hover{border-color:var(--border-input-hover)}}.xy-checkbox-state-wrapper{width:calc(var(--spacing)*6);color:var(--background);justify-content:center;align-items:center;display:inline-flex}.xy-checkbox-state{--tw-font-weight:var(--font-weight-bold);width:15px;height:15px;font-weight:var(--font-weight-bold)}.xy-checkbox-group{flex-direction:column;display:flex}:where(.xy-checkbox-group>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.xy-card{min-height:calc(var(--spacing)*48)}:where(.xy-card>: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)))}.xy-card{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-card);background-color:var(--background);color:var(--foreground);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.xy-radio-item-container{align-items:center;display:flex}:where(.xy-radio-item-container>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.xy-radio-item-container{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));-webkit-user-select:none;user-select:none}.xy-radio-item{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5);cursor:default;border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-input);background-color:var(--background);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;--tw-ease:var(--ease-in-out);transition-duration:.1s;transition-timing-function:var(--ease-in-out);border-radius:3.40282e38px;flex-shrink:0;animation-duration:.1s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.xy-radio-item:hover{border-color:var(--dark-40)}}.xy-radio-item[data-state=checked]{border-style:var(--tw-border-style);border-width:6px;border-color:var(--border-input)}.xy-radio-group{gap:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);display:flex}.xy-toggle{height:calc(var(--spacing)*5);width:calc(var(--spacing)*11);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-input);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));border-radius:3.40282e38px;align-items:center;display:inline-flex;position:relative}.xy-toggle:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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-shadow);--tw-ring-color:var(--border-input);--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}.xy-toggle-handle{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4);transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,);border-style:var(--tw-border-style);background-color:var(--background-alt);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);--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-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-width:1px;border-radius:3.40282e38px;display:inline-block}.xy-label{--tw-leading:1;line-height:1}.xy-label:is(:where(.peer):disabled~*){cursor:not-allowed;opacity:.7}.xy-tooltip{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-input);background-color:var(--background-alt);--tw-shadow:var(--shadow-btn);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--dark);--tw-ring-offset-color:var(--background);border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.xy-tooltip:hover{background-color:var(--muted)}}.xy-tooltip:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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-shadow);--tw-ring-color:var(--dark);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-offset-color:var(--background);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.xy-tooltip:focus-visible{outline-offset:2px;outline:2px solid #0000}}.xy-tooltip-content{z-index:0;margin-left:calc(var(--spacing)*7);max-height:calc(var(--spacing)*76);max-width:calc(var(--spacing)*76);border-style:var(--tw-border-style);border-width:1px;border-color:var(--dark-10);background-color:var(--info);padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-shadow:var(--shadow-popover);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;border-radius:9px;outline-style:none;justify-content:center;align-items:center;display:flex;overflow:auto}@media (forced-colors:active){.xy-tooltip-content{outline-offset:2px;outline:2px solid #0000}}@media (min-width:64rem){.xy-tooltip-content{max-width:calc(var(--spacing)*96)}}.xy-select-trigger{width:100%;height:2.5rem;min-width:calc(var(--spacing)*0);touch-action:none;border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-input);background-color:var(--background);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));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));-webkit-user-select:none;user-select:none;border-radius:9px;align-items:center;padding-inline:11px;display:inline-flex}.xy-select-trigger[data-placeholder]{color:var(--foreground-alt)}@supports (color:color-mix(in lab,red,red)){.xy-select-trigger[data-placeholder]{color:color-mix(in oklab,var(--foreground-alt)50%,transparent)}}.xy-select-chevrons{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6);color:var(--muted-foreground);margin-left:auto}.xy-select-selected-label{text-overflow:ellipsis;white-space:nowrap;text-align:start;width:265px;overflow:hidden}.xy-select-item{height:calc(var(--spacing)*10);width:100%;padding-block:calc(var(--spacing)*3);padding-right:calc(var(--spacing)*1.5);padding-left:calc(var(--spacing)*5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));text-transform:capitalize;--tw-outline-style:none;border-radius:5px;outline-style:none;align-items:center;display:flex}@media (forced-colors:active){.xy-select-item{outline-offset:2px;outline:2px solid #0000}}.xy-select-item{-webkit-user-select:none;user-select:none}.xy-select-item[data-disabled]{opacity:.5}.xy-select-item[data-highlighted]{background-color:var(--muted)}.xy-select-tick-margin{margin-left:auto}.xy-select-content{z-index:50;max-height:calc(var(--spacing)*96);max-height:var(--bits-select-content-available-height);width:var(--bits-select-anchor-width);min-width:var(--bits-select-anchor-width);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--muted);background-color:var(--background);padding-inline:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*3);--tw-shadow:var(--shadow-popover);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.xy-select-content{outline-offset:2px;outline:2px solid #0000}}.xy-select-content{-webkit-user-select:none;user-select:none}.xy-select-content[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-enter-translate-y:-.5rem}.xy-select-content[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-enter-translate-x:.5rem}.xy-select-content[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-enter-translate-x:-.5rem}.xy-select-content[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y);--tw-enter-translate-y:.5rem}.xy-select-content[data-state=closed]{--tw-exit-opacity:0;--tw-exit-scale:.95;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.xy-select-content[data-state=open]{--tw-enter-opacity:0;--tw-enter-scale:.95;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.xy-form{width:100%}:where(.xy-form>: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)))}.xy-action-control-group{width:fit-content;height:100%;display:flex}.xy-form-control-wrapper{width:100%}:where(.xy-form-control-wrapper>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.xy-action-control{margin-inline:calc(var(--spacing)*2);height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.xy-action-control-message-container{margin-top:calc(var(--spacing)*2);margin-left:calc(var(--spacing)*-4);position:absolute}.xy-action-control-message{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light);color:var(--foreground)}.xy-xapp-envelope{--tw-font-weight:var(--font-weight-semibold);min-width:100%;font-weight:var(--font-weight-semibold);overflow-x:auto}.xy-section-title{border-top-right-radius:var(--radius-lg);background-color:var(--color-yellow-400);padding:calc(var(--spacing)*1);color:var(--color-black)}.xy-xapp-wrapper{margin-top:calc(var(--spacing)*1);margin-bottom:calc(var(--spacing)*3);width:100%}.xy-xapp{margin-bottom:calc(var(--spacing)*2);border-radius:.25rem;justify-content:center;width:100%;display:flex;overflow:hidden}.xy-xapp-container{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--primary);width:100%}@supports (color:color-mix(in lab,red,red)){.xy-xapp-container{border-color:color-mix(in oklab,var(--primary)40%,transparent)}}.xy-xapp-container-inner{min-width:100%}:where(.xy-xapp-container-inner>:not(:last-child)){border-color:var(--primary)}.xy-xapp-container-inner{padding:calc(var(--spacing)*3)}.xy-xapp-control-container{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--primary);background-color:var(--primary);width:100%;display:flex}@supports (color:color-mix(in lab,red,red)){.xy-xapp-control-container{background-color:color-mix(in oklab,var(--primary)80%,transparent)}}.xy-xapp-control-container{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--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)}.xy-xapp-control-container-left{width:70%;padding:calc(var(--spacing)*2);justify-content:flex-start;display:flex}.xy-xapp-control-container-right{width:100%;padding:calc(var(--spacing)*2);justify-content:flex-end;display:flex}.xy-form-element-small-max-width{width:100%}@media (min-width:48rem){.xy-form-element-small-max-width{max-width:calc(var(--spacing)*76)}}.xy-form-element-max-width{width:100%}.xy-slider-wrapper{align-items:center;display:flex}:where(.xy-slider-wrapper>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}.xy-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;display:flex;position:relative}.xy-slider-range-wrapper{height:calc(var(--spacing)*2);cursor:pointer;background-color:var(--dark-10);border-radius:3.40282e38px;flex-grow:1;width:100%;position:relative;overflow:hidden}.xy-slider-range{background-color:var(--primary);height:100%;position:absolute}.xy-slider-thumb{cursor:pointer;border-style:var(--tw-border-style);border-width:1px;border-color:var(--border-input);background-color:var(--background);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);width:25px;height:25px;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);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));border-radius:3.40282e38px;display:block}@media (hover:hover){.xy-slider-thumb:hover{border-color:var(--dark-40)}}.xy-slider-thumb:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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-shadow);--tw-ring-color:var(--primary);--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.xy-slider-thumb:focus-visible{outline-offset:2px;outline:2px solid #0000}}.xy-slider-thumb:disabled{pointer-events:none;opacity:.5}.xy-slider-thumb[data-active]{border-color:var(--dark-40);scale:.98}.xy-slider-thumb:is(.dark *){background-color:var(--foreground);--tw-shadow:var(--shadow-card);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.xy-accordion-header{width:100%;padding-block:calc(var(--spacing)*1);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));-webkit-user-select:none;user-select:none;border-top-left-radius:.25rem;border-top-right-radius:.25rem;flex:1;display:flex}.xy-accordion-header[data-state=open]>button>span>svg{rotate:180deg}.xy-accordion-header-chevron{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8);background-color:#0000;border-radius:7px;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.xy-accordion-header-chevron:hover{background-color:var(--dark-10)}}}@layer xapp;@layer learn-organic-compounds{.learn-organic-compounds .xa-header-wrapper{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);background-color:var(--background);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);flex-shrink:0;display:flex}.learn-organic-compounds .xa-header-wrapper-title{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);white-space:nowrap;color:var(--foreground);flex-shrink:0}.learn-organic-compounds .xa-category-info{align-items:center;gap:calc(var(--spacing)*3);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);background-color:var(--muted);flex-shrink:0;display:flex}@supports (color:color-mix(in lab,red,red)){.learn-organic-compounds .xa-category-info{background-color:color-mix(in oklab,var(--muted)30%,transparent)}}.learn-organic-compounds .xa-category-info{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2)}.learn-organic-compounds .xa-functional-group-badge{border-style:var(--tw-border-style);border-width:1px;border-color:var(--primary);border-radius:3.40282e38px;flex-shrink:0;align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.learn-organic-compounds .xa-functional-group-badge{border-color:color-mix(in oklab,var(--primary)20%,transparent)}}.learn-organic-compounds .xa-functional-group-badge{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.learn-organic-compounds .xa-functional-group-badge{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.learn-organic-compounds .xa-functional-group-badge{padding-inline:calc(var(--spacing)*3);padding-block:calc(var(--spacing)*1);font-family:Source Code Pro,"monospace";font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--primary)}.learn-organic-compounds .xa-category-description{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--muted-foreground)}.learn-organic-compounds .xa-compounds-grid{gap:calc(var(--spacing)*4);grid-template-columns:repeat(1,minmax(0,1fr));display:grid}@media (min-width:40rem){.learn-organic-compounds .xa-compounds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.learn-organic-compounds .xa-compounds-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:80rem){.learn-organic-compounds .xa-compounds-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.learn-organic-compounds .xa-compound-card{border-radius:var(--radius-lg);border-style:var(--tw-border-style);color:var(--foreground);--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);border-width:1px;overflow:hidden}.learn-organic-compounds .xa-compound-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing)*2);border-bottom-style:var(--tw-border-style);background-color:var(--muted);border-bottom-width:1px;display:flex}@supports (color:color-mix(in lab,red,red)){.learn-organic-compounds .xa-compound-header{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.learn-organic-compounds .xa-compound-header{padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*2)}.learn-organic-compounds .xa-compound-formula{font-family:Source Code Pro,"monospace";font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--primary)}.learn-organic-compounds .xa-compound-name{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--foreground)}.learn-organic-compounds .xa-compound-body{gap:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*3);flex-direction:column;display:flex}.learn-organic-compounds .xa-compound-row{justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing)*2);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));display:flex}.learn-organic-compounds .xa-compound-label{white-space:nowrap;color:var(--muted-foreground);flex-shrink:0}.learn-organic-compounds .xa-compound-value{text-align:right;color:var(--foreground)}.learn-organic-compounds .xa-compound-mono{font-family:Source Code Pro,"monospace";font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.learn-organic-compounds .xa-compound-uses{margin-top:calc(var(--spacing)*1);gap:calc(var(--spacing)*.5);border-top-style:var(--tw-border-style);padding-top:calc(var(--spacing)*1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border-top-width:1px;flex-direction:column;display:flex}.learn-organic-compounds .xa-compound-header-btn{cursor:pointer;text-align:left;width:100%;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));--tw-duration:.15s;transition-duration:.15s;animation-duration:.15s}@media (hover:hover){.learn-organic-compounds .xa-compound-header-btn:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.learn-organic-compounds .xa-compound-header-btn:hover{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}}.learn-organic-compounds .xa-loading-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.learn-organic-compounds .xa-loading-spinner{height:calc(var(--spacing)*12);width:calc(var(--spacing)*12);animation:var(--animate-spin);border-style:var(--tw-border-style);border-width:4px;border-color:var(--color-gray-200);border-top-color:var(--primary);border-radius:3.40282e38px}.learn-organic-compounds .xa-main-wrapper{width:100%;height:100%;display:flex;overflow:hidden}.learn-organic-compounds .xa-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.learn-organic-compounds .xa-sidebar{width:calc(var(--spacing)*16);border-right-style:var(--tw-border-style);border-right-width:1px;border-color:var(--color-gray-200);flex-shrink:0}@media (min-width:64rem){.learn-organic-compounds .xa-sidebar{width:calc(var(--spacing)*20)}}:where(.learn-organic-compounds .xa-sidebar-nav>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}.learn-organic-compounds .xa-sidebar-nav-item{padding-inline:calc(var(--spacing)*2);padding-block:calc(var(--spacing)*2)}.learn-organic-compounds .xa-sidebar-cat-btn{align-items:center;gap:calc(var(--spacing)*1);text-align:center;width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;flex-direction:column;transition-duration:.2s;animation-duration:.2s;display:flex}.learn-organic-compounds .xa-sidebar-cat-span{border-radius:var(--radius-lg);width:100%;padding-inline:calc(var(--spacing)*1);padding-block:calc(var(--spacing)*2);font-family:Source Code Pro,"monospace";font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;justify-content:center;align-items:center;transition-duration:.2s;animation-duration:.2s;display:flex}@media (hover:hover){.learn-organic-compounds .xa-sidebar-cat-span:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.learn-organic-compounds .xa-sidebar-cat-active{background-color:var(--primary);color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.learn-organic-compounds .xa-sidebar-cat-inactive{background-color:var(--muted);color:var(--muted-foreground)}@media (hover:hover){.learn-organic-compounds .xa-sidebar-cat-inactive:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.learn-organic-compounds .xa-sidebar-cat-inactive:hover{background-color:color-mix(in oklab,var(--muted)80%,transparent)}}}.learn-organic-compounds .xa-toggle-btn{border-radius:var(--radius-lg);padding:calc(var(--spacing)*2);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;animation-duration:.2s;display:flex}.learn-organic-compounds .xa-toggle-btn--open{background-color:var(--primary);color:var(--color-white);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.learn-organic-compounds .xa-toggle-btn--closed{background-color:var(--muted);color:var(--muted-foreground)}@media (hover:hover){.learn-organic-compounds .xa-toggle-btn--closed:hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.learn-organic-compounds .xa-toggle-btn--closed:hover{background-color:color-mix(in oklab,var(--muted)80%,transparent)}}}.learn-organic-compounds .xa-search-wrapper{width:100%;max-width:var(--container-md);position:relative}.learn-organic-compounds .xa-search-icon{pointer-events:none;top:50%;right:calc(var(--spacing)*2);height:calc(var(--spacing)*4);width:calc(var(--spacing)*4);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);color:var(--muted-foreground);position:absolute}.learn-organic-compounds .xa-grid-content{padding-inline:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*4);padding-bottom:calc(var(--spacing)*8)}.learn-organic-compounds .xa-empty-state{padding-block:calc(var(--spacing)*20);color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;display:flex}.learn-organic-compounds .xa-chevron-icon{height:calc(var(--spacing)*3.5);width:calc(var(--spacing)*3.5);color:var(--muted-foreground);flex-shrink:0;margin-left:auto}.learn-organic-compounds .xa-icon-sm{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.learn-organic-compounds .xa-detail-wrapper{gap:calc(var(--spacing)*6);height:100%;padding:calc(var(--spacing)*6);flex-direction:column;display:flex}.learn-organic-compounds .xa-detail-topbar{align-items:center;gap:calc(var(--spacing)*4);border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-200);padding-bottom:calc(var(--spacing)*4);display:flex}.learn-organic-compounds .xa-detail-back-btn{align-items:center;gap:calc(var(--spacing)*1.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--muted-foreground);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));flex-shrink:0;display:flex}@media (hover:hover){.learn-organic-compounds .xa-detail-back-btn:hover{color:var(--foreground)}}.learn-organic-compounds .xa-detail-title{align-items:center;gap:calc(var(--spacing)*2);text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--foreground);display:flex;overflow:hidden}.learn-organic-compounds .xa-detail-content{gap:calc(var(--spacing)*6);flex-wrap:wrap;display:flex}.learn-organic-compounds .xa-detail-3d-panel{min-width:280px;padding-block:calc(var(--spacing)*1);flex-direction:column;flex:1;display:flex}.learn-organic-compounds .xa-detail-3d-container{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--background);height:360px;position:relative;overflow:hidden}.learn-organic-compounds .xa-detail-3d-placeholder{inset:calc(var(--spacing)*0);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.learn-organic-compounds .xa-detail-info-panel{gap:calc(var(--spacing)*4);flex-direction:column;flex:1;min-width:280px;display:flex}.learn-organic-compounds .xa-detail-panel-label{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);color:var(--muted-foreground);text-transform:uppercase}.learn-organic-compounds .xa-detail-info-card{gap:calc(var(--spacing)*2);border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--background);padding:calc(var(--spacing)*4);flex-direction:column;display:flex}.learn-organic-compounds .xa-detail-uses-card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-200);background-color:var(--background);padding:calc(var(--spacing)*4)}.learn-organic-compounds .xa-viewer-canvas{width:100%;height:100%}.learn-organic-compounds .xa-loading-spinner-md{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);animation:var(--animate-spin);border-style:var(--tw-border-style);border-width:4px;border-color:var(--color-gray-200);border-top-color:var(--primary);border-radius:3.40282e38px}.learn-organic-compounds .xa-loading-text{margin-top:calc(var(--spacing)*3);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--muted-foreground)}.learn-organic-compounds .xa-error-icon{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10);color:var(--muted-foreground)}@supports (color:color-mix(in lab,red,red)){.learn-organic-compounds .xa-error-icon{color:color-mix(in oklab,var(--muted-foreground)50%,transparent)}}.learn-organic-compounds .xa-viewer-hint{margin-top:calc(var(--spacing)*2);text-align:center;font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));color:var(--muted-foreground)}.learn-organic-compounds .xa-uses-text{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);color:var(--foreground)}.learn-organic-compounds .xa-uses-label{margin-bottom:calc(var(--spacing)*2)}.learn-organic-compounds .xa-compound-value-category{text-transform:capitalize}.learn-organic-compounds .xa-sidebar-scroll{height:100%;width:calc(var(--spacing)*2.5);touch-action:none;border-left-style:var(--tw-border-style);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));-webkit-user-select:none;user-select:none;border-left-width:1px;border-left-color:#0000;padding:1px;display:flex}@media (hover:hover){.learn-organic-compounds .xa-sidebar-scroll:hover{background-color:#31415880}@supports (color:color-mix(in lab,red,red)){.learn-organic-compounds .xa-sidebar-scroll:hover{background-color:color-mix(in oklab,var(--color-slate-700)50%,transparent)}}}.learn-organic-compounds .xa-sidebar-scroll-thump{background-color:var(--color-slate-500);opacity:.5;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;flex:1;position:relative}@media (hover:hover){.learn-organic-compounds .xa-sidebar-scroll-thump:hover{opacity:1}}.learn-organic-compounds .xa-vert-scroll{height:100%;width:calc(var(--spacing)*2.5);touch-action:none;border-left-style:var(--tw-border-style);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));-webkit-user-select:none;user-select:none;border-left-width:1px;border-left-color:#0000;padding:1px;display:flex}@media (hover:hover){.learn-organic-compounds .xa-vert-scroll:hover{background-color:var(--color-gray-100)}}.learn-organic-compounds .xa-vert-scroll-thump{background-color:var(--color-gray-400);opacity:.5;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;flex:1;position:relative}@media (hover:hover){.learn-organic-compounds .xa-vert-scroll-thump:hover{opacity:1}}.learn-organic-compounds .xa-hori-scroll{height:calc(var(--spacing)*2.5);touch-action:none;border-top-style:var(--tw-border-style);width:100%;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));-webkit-user-select:none;user-select:none;border-top-width:1px;border-top-color:#0000;padding:1px;display:flex}@media (hover:hover){.learn-organic-compounds .xa-hori-scroll:hover{background-color:var(--color-gray-100)}}.learn-organic-compounds .xa-hori-scroll-thump{background-color:var(--color-gray-400);opacity:.5;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));border-radius:3.40282e38px;flex:1;position:relative}@media (hover:hover){.learn-organic-compounds .xa-hori-scroll-thump:hover{opacity:1}}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@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}@property --tw-duration{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-tracking{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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-leading{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}[data-scroll-area-viewport]{scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch!important}[data-scroll-area-viewport]::-webkit-scrollbar{display:none!important}:where([data-scroll-area-viewport]){display:flex;flex-direction:column;align-items:stretch}:where([data-scroll-area-content]){flex-grow:1}