/*!🚀 flyonui 2.4.1*//*!tailwindcss v4.1.18 | MIT License | https://tailwindcss.com*/@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: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;--color-zinc-100:oklch(96.7% 0.001 286.375);--color-zinc-200:oklch(92% 0.004 286.32);--color-zinc-300:oklch(87.1% 0.006 286.286);--color-zinc-400:oklch(70.5% 0.015 286.067);--color-zinc-500:oklch(55.2% 0.016 285.938);--color-zinc-600:oklch(44.2% 0.017 285.786);--color-zinc-700:oklch(37% 0.013 285.805);--color-zinc-800:oklch(27.4% 0.006 286.033);--color-zinc-900:oklch(21% 0.006 285.885);--color-zinc-950:oklch(14.1% 0.005 285.823);--color-white:#fff;--spacing:0.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.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-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-0.025em;--tracking-wider:0.05em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:initial;opacity:1}: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)){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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-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{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]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.link{--link-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){--link-color: color-mix(in oklab,var(--color-base-content) 80%,#0000);}display:inline-block;cursor:pointer;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-decoration-line:underline;color:var(--link-color);&:hover { color:var(--link-color); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--link-color) 80%,#000); } } &:focus { --tw-outline-style:none; outline-style:none; } &:focus-visible { outline:2px solid currentColor; outline-offset:2px; } &.disabled,&[disabled],&:disabled { pointer-events:none; opacity:50%; } &:where(.link-hover) { text-decoration-line:none; @media (hover:hover) { &:hover { @media (hover:hover) { text-decoration-line:underline; } } } } &:where(.link-animated) { position:relative; text-decoration-line:none; &::before { content:var(--tw-content); pointer-events:none; position:absolute; inset-inline-start:calc(0.25rem * 0); bottom:calc(0.25rem * 0); height:1px; width:100%; background-color:currentColor; transition-property:transform,translate,scale,rotate; transition-timing-function:var(--ease-in-out); transition-duration:300ms; --tw-duration:300ms; --tw-ease:var(--ease-in-out); --tw-content:''; } } &:where(.link-animated)::before { transform-origin:100% 50%; transform:scale3d(0,1,1); } &:where(.link-animated):hover::before { transform-origin:0% 50%; transform:scale3d(1,1,1); }}.link{--link-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){--link-color: color-mix(in oklab,var(--color-base-content) 80%,#0000);}display:inline-block;cursor:pointer;--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);text-decoration-line:underline;color:var(--link-color);&:hover { color:var(--link-color); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--link-color) 80%,#000); } } &:focus { --tw-outline-style:none; outline-style:none; } &:focus-visible { outline:2px solid currentColor; outline-offset:2px; } &.disabled,&[disabled],&:disabled { pointer-events:none; opacity:50%; } &:where(.link-hover) { text-decoration-line:none; @media (hover:hover) { &:hover { @media (hover:hover) { text-decoration-line:underline; } } } } &:where(.link-animated) { position:relative; text-decoration-line:none; &::before { content:var(--tw-content); pointer-events:none; position:absolute; inset-inline-start:calc(0.25rem * 0); bottom:calc(0.25rem * 0); height:1px; width:100%; background-color:currentColor; transition-property:transform,translate,scale,rotate; transition-timing-function:var(--ease-in-out); transition-duration:300ms; --tw-duration:300ms; --tw-ease:var(--ease-in-out); --tw-content:''; } } &:where(.link-animated)::before { transform-origin:100% 50%; transform:scale3d(0,1,1); } &:where(.link-animated):hover::before { transform-origin:0% 50%; transform:scale3d(1,1,1); }}.range{appearance:none;webkit-appearance:none;--range-color:var(--color-base-content);--range-thumb-border-width:3px;--range-track-height:8px;--range-thumb-size:16px;position:relative;width:100%;border-radius:calc(infinity * 1px);background-color:initial;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));height:var(--range-track-height);&::-webkit-slider-runnable-track { width:100%; border-radius:calc(infinity * 1px); background-color:var(--color-neutral); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent); } height:var(--range-track-height); } &::-moz-range-track { width:100%; border-radius:calc(infinity * 1px); background-color:var(--color-neutral); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent); } height:var(--range-track-height); } &::-webkit-slider-thumb { position:relative; top:calc(1/2 * 100%); --tw-translate-y:calc(calc(1/2 * 100%) * -1); translate:var(--tw-translate-x) var(--tw-translate-y); border-radius:calc(infinity * 1px); background-color:var(--color-base-100); --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0/0.1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0/0.1)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-shadow-color:var(--color-base-300); @supports (color:color-mix(in lab,red,red)) { --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-base-300) 20%,transparent) var(--tw-shadow-alpha),transparent); } transition-property:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-timing-function:var(--ease-in-out); transition-duration:var(--tw-duration,var(--default-transition-duration)); transition-duration:150ms; --tw-duration:150ms; --tw-ease:var(--ease-in-out); &:hover { @media (hover:hover) { --tw-scale-x:125%; --tw-scale-y:125%; --tw-scale-z:125%; scale:var(--tw-scale-x) var(--tw-scale-y); } cursor:grab; box-shadow:0 0 0 2px var(--range-color); } &:active { --tw-scale-x:125%; --tw-scale-y:125%; --tw-scale-z:125%; scale:var(--tw-scale-x) var(--tw-scale-y); cursor:grabbing; box-shadow:0 0 0 3px var(--range-color); } appearance:none; box-sizing:border-box; webkit-appearance:none; color:var(--range-color); border-color:var(--range-color); border-style:solid; border-width:var(--range-thumb-border-width); height:var(--range-thumb-size); width:var(--range-thumb-size); } &::-moz-range-thumb { position:relative; border-radius:calc(infinity * 1px); background-color:var(--color-base-100); --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0/0.1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0/0.1)); 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:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-timing-function:var(--ease-in-out); transition-duration:var(--tw-duration,var(--default-transition-duration)); transition-duration:150ms; --tw-duration:150ms; --tw-ease:var(--ease-in-out); top:50%; color:var(--range-color); box-sizing:border-box; border-color:var(--range-color); border-style:solid; border-width:var(--range-thumb-border-width); height:var(--range-thumb-size); width:var(--range-thumb-size); &:hover { cursor:grab; box-shadow:0 0 0 2px var(--range-color); } &:active { cursor:grabbing; box-shadow:0 0 0 3px var(--range-color); } } &:focus { outline:none; } &.disabled { pointer-events:none; opacity:50%; } &:disabled { pointer-events:none; opacity:50%; } &[disabled] { pointer-events:none; opacity:50%; } [dir="rtl"] &::-webkit-slider-thumb { transform:scaleX(-1); } [dir="rtl"] &::-moz-range-thumb { transform:scaleX(-1); } [dir="rtl"] &::-webkit-slider-runnable-track { direction:rtl; } [dir="rtl"] &::-moz-range-track { direction:rtl; }}.range{appearance:none;webkit-appearance:none;--range-color:var(--color-base-content);--range-thumb-border-width:3px;--range-track-height:8px;--range-thumb-size:16px;position:relative;width:100%;border-radius:calc(infinity * 1px);background-color:initial;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));height:var(--range-track-height);&::-webkit-slider-runnable-track { width:100%; border-radius:calc(infinity * 1px); background-color:var(--color-neutral); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent); } height:var(--range-track-height); } &::-moz-range-track { width:100%; border-radius:calc(infinity * 1px); background-color:var(--color-neutral); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent); } height:var(--range-track-height); } &::-webkit-slider-thumb { position:relative; top:calc(1/2 * 100%); --tw-translate-y:calc(calc(1/2 * 100%) * -1); translate:var(--tw-translate-x) var(--tw-translate-y); border-radius:calc(infinity * 1px); background-color:var(--color-base-100); --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0/0.1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0/0.1)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-shadow-color:var(--color-base-300); @supports (color:color-mix(in lab,red,red)) { --tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-base-300) 20%,transparent) var(--tw-shadow-alpha),transparent); } transition-property:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-timing-function:var(--ease-in-out); transition-duration:var(--tw-duration,var(--default-transition-duration)); transition-duration:150ms; --tw-duration:150ms; --tw-ease:var(--ease-in-out); &:hover { @media (hover:hover) { --tw-scale-x:125%; --tw-scale-y:125%; --tw-scale-z:125%; scale:var(--tw-scale-x) var(--tw-scale-y); } cursor:grab; box-shadow:0 0 0 2px var(--range-color); } &:active { --tw-scale-x:125%; --tw-scale-y:125%; --tw-scale-z:125%; scale:var(--tw-scale-x) var(--tw-scale-y); cursor:grabbing; box-shadow:0 0 0 3px var(--range-color); } appearance:none; box-sizing:border-box; webkit-appearance:none; color:var(--range-color); border-color:var(--range-color); border-style:solid; border-width:var(--range-thumb-border-width); height:var(--range-thumb-size); width:var(--range-thumb-size); } &::-moz-range-thumb { position:relative; border-radius:calc(infinity * 1px); background-color:var(--color-base-100); --tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0/0.1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0/0.1)); 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:all; transition-timing-function:var(--tw-ease,var(--default-transition-timing-function)); transition-timing-function:var(--ease-in-out); transition-duration:var(--tw-duration,var(--default-transition-duration)); transition-duration:150ms; --tw-duration:150ms; --tw-ease:var(--ease-in-out); top:50%; color:var(--range-color); box-sizing:border-box; border-color:var(--range-color); border-style:solid; border-width:var(--range-thumb-border-width); height:var(--range-thumb-size); width:var(--range-thumb-size); &:hover { cursor:grab; box-shadow:0 0 0 2px var(--range-color); } &:active { cursor:grabbing; box-shadow:0 0 0 3px var(--range-color); } } &:focus { outline:none; } &.disabled { pointer-events:none; opacity:50%; } &:disabled { pointer-events:none; opacity:50%; } &[disabled] { pointer-events:none; opacity:50%; } [dir="rtl"] &::-webkit-slider-thumb { transform:scaleX(-1); } [dir="rtl"] &::-moz-range-thumb { transform:scaleX(-1); } [dir="rtl"] &::-webkit-slider-runnable-track { direction:rtl; } [dir="rtl"] &::-moz-range-track { direction:rtl; }}.tab{.tabs-lifted > &:focus-visible { border-end-end-radius: 0; border-end-start-radius: 0; } position: relative;display:inline-flex;cursor:pointer;appearance:none;align-items:center;justify-content:center;text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);webkit-user-select:none;user-select:none;height:var(--size);--size:calc(var(--size-field, 0.25rem) * 9.5);--tab-p:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){--tab-border-color: color-mix(in oklab,var(--color-base-content),#0000 90%);}padding-inline:var(--tab-p,1rem);&:focus,&:focus-visible { --tw-outline-style:none; outline-style:none; } &[disabled] { pointer-events:none; opacity:40%; } @media (hover:hover) { &[disabled]:hover { pointer-events:none; opacity:40%; } } .tabs-bordered > & { border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 10%,transparent); } @media (hover:hover) { &:hover { @media (hover:hover) { border-color:var(--color-primary); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-primary) 30%,transparent); } } } } @media (hover:hover) { &:hover { @media (hover:hover) { color:var(--color-primary); } } } border-style:solid; border-bottom-width:calc(var(--border,1px) + 1px); } .tabs-lifted > & { @media (hover:hover) { &:hover { @media (hover:hover) { border-color:var(--color-primary); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-primary) 30%,transparent); } } } } @media (hover:hover) { &:hover { @media (hover:hover) { color:var(--color-primary); } } } border:var(--tab-border,1px) solid transparent; border-width:0 0 var(--tab-border,1px) 0; border-radius:var(--radius-field,0.375rem); border-bottom-color:var(--tab-border-color); padding-inline-start:var(--tab-p,1rem); padding-inline-end:var(--tab-p,1rem); padding-top:var(--tab-border,1px); } .tabs-lifted > &.tab-active:not([disabled]) { background-color:var(--tab-bg); border-width:var(--tab-border,1px) var(--tab-border,1px) 0 var(--tab-border,1px); border-color:var(--tab-border-color); border-end-start-radius:0; border-end-end-radius:0; padding-inline-start:calc(var(--tab-p,1rem) - var(--tab-border,1px)); padding-inline-end:calc(var(--tab-p,1rem) - var(--tab-border,1px)); padding-bottom:var(--tab-border,1px); padding-top:0; } .tabs-lifted > &.tab-active:not([disabled]):before { content:""; display:block; position:absolute; z-index:1; width:calc(100% + var(--radius-field,0.375rem) * 2); height:var(--radius-field,0.375rem); bottom:0; background-size:var(--radius-field,0.375rem); background-repeat:no-repeat; background-position:top left,top right; --tab-grad:calc(69% - var(--tab-border,1px)); --radius-start:radial-gradient( circle at top left,transparent var(--tab-grad),var(--tab-border-color) calc(var(--tab-grad) + 0.25px),var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border,1px)),var(--tab-bg) calc(var(--tab-grad) + var(--tab-border,1px) + 0.25px) ); --radius-end:radial-gradient( circle at top right,transparent var(--tab-grad),var(--tab-border-color) calc(var(--tab-grad) + 0.25px),var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border,1px)),var(--tab-bg) calc(var(--tab-grad) + var(--tab-border,1px) + 0.25px) ); background-image:var(--radius-start),var(--radius-end); } .tabs-lifted > &.tab-active:not([disabled]):first-child:before { background-image:var(--radius-end); background-position:top right; } .tabs-lifted > &.tab-active:not([disabled]):last-child:before { background-image:var(--radius-start); background-position:top left; } [dir="rtl"] .tabs-lifted > &.tab-active:not([disabled]):first-child:before { background-image:var(--radius-start); background-position:top left; } [dir="rtl"] .tabs-lifted > &.tab-active:not([disabled]):last-child:before { background-image:var(--radius-end); background-position:top right; } .tabs-xl:where(&) { font-size:var(--text-xl); line-height:var(--tw-leading,var(--text-xl--line-height)); --size:calc(var(--size-field,0.25rem) * 14); --tab-p:1.5rem; } .tabs-lg:where(&) { font-size:var(--text-lg); line-height:var(--tw-leading,var(--text-lg--line-height)); --size:calc(var(--size-field,0.25rem) * 11.5); --tab-p:1.25rem; } .tabs-md:where(&) { font-size:var(--text-base); line-height:var(--tw-leading,var(--text-base--line-height)); --size:calc(var(--size-field,0.25rem) * 9.5); --tab-p:1rem; } .tabs-sm:where(&) { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); --size:calc(var(--size-field,0.25rem) * 7.5); --tab-p:0.75rem; } .tabs-xs:where(&) { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); --size:calc(var(--size-field,0.25rem) * 6); --tab-p:0.5rem; }}.tab{.tabs-lifted > &:focus-visible { border-end-end-radius: 0; border-end-start-radius: 0; } position: relative;display:inline-flex;cursor:pointer;appearance:none;align-items:center;justify-content:center;text-align:center;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));color:var(--color-base-content);webkit-user-select:none;user-select:none;height:var(--size);--size:calc(var(--size-field, 0.25rem) * 9.5);--tab-p:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){--tab-border-color: color-mix(in oklab,var(--color-base-content),#0000 90%);}padding-inline:var(--tab-p,1rem);&:focus,&:focus-visible { --tw-outline-style:none; outline-style:none; } &[disabled] { pointer-events:none; opacity:40%; } @media (hover:hover) { &[disabled]:hover { pointer-events:none; opacity:40%; } } .tabs-bordered > & { border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 10%,transparent); } @media (hover:hover) { &:hover { @media (hover:hover) { border-color:var(--color-primary); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-primary) 30%,transparent); } } } } @media (hover:hover) { &:hover { @media (hover:hover) { color:var(--color-primary); } } } border-style:solid; border-bottom-width:calc(var(--border,1px) + 1px); } .tabs-lifted > & { @media (hover:hover) { &:hover { @media (hover:hover) { border-color:var(--color-primary); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-primary) 30%,transparent); } } } } @media (hover:hover) { &:hover { @media (hover:hover) { color:var(--color-primary); } } } border:var(--tab-border,1px) solid transparent; border-width:0 0 var(--tab-border,1px) 0; border-radius:var(--radius-field,0.375rem); border-bottom-color:var(--tab-border-color); padding-inline-start:var(--tab-p,1rem); padding-inline-end:var(--tab-p,1rem); padding-top:var(--tab-border,1px); } .tabs-lifted > &.tab-active:not([disabled]) { background-color:var(--tab-bg); border-width:var(--tab-border,1px) var(--tab-border,1px) 0 var(--tab-border,1px); border-color:var(--tab-border-color); border-end-start-radius:0; border-end-end-radius:0; padding-inline-start:calc(var(--tab-p,1rem) - var(--tab-border,1px)); padding-inline-end:calc(var(--tab-p,1rem) - var(--tab-border,1px)); padding-bottom:var(--tab-border,1px); padding-top:0; } .tabs-lifted > &.tab-active:not([disabled]):before { content:""; display:block; position:absolute; z-index:1; width:calc(100% + var(--radius-field,0.375rem) * 2); height:var(--radius-field,0.375rem); bottom:0; background-size:var(--radius-field,0.375rem); background-repeat:no-repeat; background-position:top left,top right; --tab-grad:calc(69% - var(--tab-border,1px)); --radius-start:radial-gradient( circle at top left,transparent var(--tab-grad),var(--tab-border-color) calc(var(--tab-grad) + 0.25px),var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border,1px)),var(--tab-bg) calc(var(--tab-grad) + var(--tab-border,1px) + 0.25px) ); --radius-end:radial-gradient( circle at top right,transparent var(--tab-grad),var(--tab-border-color) calc(var(--tab-grad) + 0.25px),var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border,1px)),var(--tab-bg) calc(var(--tab-grad) + var(--tab-border,1px) + 0.25px) ); background-image:var(--radius-start),var(--radius-end); } .tabs-lifted > &.tab-active:not([disabled]):first-child:before { background-image:var(--radius-end); background-position:top right; } .tabs-lifted > &.tab-active:not([disabled]):last-child:before { background-image:var(--radius-start); background-position:top left; } [dir="rtl"] .tabs-lifted > &.tab-active:not([disabled]):first-child:before { background-image:var(--radius-start); background-position:top left; } [dir="rtl"] .tabs-lifted > &.tab-active:not([disabled]):last-child:before { background-image:var(--radius-end); background-position:top right; } .tabs-xl:where(&) { font-size:var(--text-xl); line-height:var(--tw-leading,var(--text-xl--line-height)); --size:calc(var(--size-field,0.25rem) * 14); --tab-p:1.5rem; } .tabs-lg:where(&) { font-size:var(--text-lg); line-height:var(--tw-leading,var(--text-lg--line-height)); --size:calc(var(--size-field,0.25rem) * 11.5); --tab-p:1.25rem; } .tabs-md:where(&) { font-size:var(--text-base); line-height:var(--tw-leading,var(--text-base--line-height)); --size:calc(var(--size-field,0.25rem) * 9.5); --tab-p:1rem; } .tabs-sm:where(&) { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); --size:calc(var(--size-field,0.25rem) * 7.5); --tab-p:0.75rem; } .tabs-xs:where(&) { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); --size:calc(var(--size-field,0.25rem) * 6); --tab-p:0.5rem; }}.loading{pointer-events:none;display:inline-block;aspect-ratio:1/1;background-color:currentColor;vertical-align:middle;width:calc(var(--size-selector,.25rem) * 6);mask-size:100%;mask-repeat:no-repeat;mask-position:center;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.loading{pointer-events:none;display:inline-block;aspect-ratio:1/1;background-color:currentColor;vertical-align:middle;width:calc(var(--size-selector,.25rem) * 6);mask-size:100%;mask-repeat:no-repeat;mask-position:center;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.accordion-toggle{width:100%;cursor:pointer;padding-inline:calc(.25rem * 5);padding-block:calc(.25rem * 4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);&:disabled { pointer-events:none; opacity:50%; }}.accordion-toggle{width:100%;cursor:pointer;padding-inline:calc(.25rem * 5);padding-block:calc(.25rem * 4);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-base-content);&:disabled { pointer-events:none; opacity:50%; }}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.table{position:relative;width:100%;overflow-x:hidden;overflow-y:auto;border-radius:var(--radius-box);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { text-align:right; } tr.row-hover { &,&:nth-child(even) { &:hover { @media (hover:hover) { background-color:var(--color-base-200); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-base-200) 80%,transparent); } } } } } tr.row-active { &,&:nth-child(even) { background-color:var(--color-base-200); } }:where(th,td) { padding-inline:calc(0.25rem * 5); padding-block:calc(0.25rem * 3); vertical-align:middle; text-wrap:nowrap; }:where(thead,tfoot) { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); white-space:nowrap; color:var(--color-base-content); text-transform:uppercase; letter-spacing:1px; }:where(th) { --tw-font-weight:var(--font-weight-medium); font-weight:var(--font-weight-medium); }:where(.table-pin-rows thead tr) { position:sticky; top:calc(0.25rem * 0); z-index:1; background-color:var(--color-base-100); }:where(.table-pin-rows tfoot tr) { position:sticky; bottom:calc(0.25rem * 0); z-index:1; background-color:var(--color-base-100); }:where(.table-pin-cols tr th) { position:sticky; right:calc(0.25rem * 0); left:calc(0.25rem * 0); background-color:var(--color-base-100); }:where(thead tr) { border-bottom:var(--border) solid var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-bottom:var(--border) solid color-mix(in oklch,var(--color-base-content) 25%,#0000); } }:where(tbody tr:not(:last-child)) { border-bottom:var(--border) solid var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-bottom:var(--border) solid color-mix(in oklch,var(--color-base-content) 10%,#0000); } }:where(tfoot) { border-top:var(--border) solid var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-top:var(--border) solid color-mix(in oklch,var(--color-base-content) 25%,#0000); } }}.table{position:relative;width:100%;overflow-x:hidden;overflow-y:auto;border-radius:var(--radius-box);text-align:left;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));&:where(:dir(rtl),[dir="rtl"],[dir="rtl"] *) { text-align:right; } tr.row-hover { &,&:nth-child(even) { &:hover { @media (hover:hover) { background-color:var(--color-base-200); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-base-200) 80%,transparent); } } } } } tr.row-active { &,&:nth-child(even) { background-color:var(--color-base-200); } }:where(th,td) { padding-inline:calc(0.25rem * 5); padding-block:calc(0.25rem * 3); vertical-align:middle; text-wrap:nowrap; }:where(thead,tfoot) { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); white-space:nowrap; color:var(--color-base-content); text-transform:uppercase; letter-spacing:1px; }:where(th) { --tw-font-weight:var(--font-weight-medium); font-weight:var(--font-weight-medium); }:where(.table-pin-rows thead tr) { position:sticky; top:calc(0.25rem * 0); z-index:1; background-color:var(--color-base-100); }:where(.table-pin-rows tfoot tr) { position:sticky; bottom:calc(0.25rem * 0); z-index:1; background-color:var(--color-base-100); }:where(.table-pin-cols tr th) { position:sticky; right:calc(0.25rem * 0); left:calc(0.25rem * 0); background-color:var(--color-base-100); }:where(thead tr) { border-bottom:var(--border) solid var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-bottom:var(--border) solid color-mix(in oklch,var(--color-base-content) 25%,#0000); } }:where(tbody tr:not(:last-child)) { border-bottom:var(--border) solid var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-bottom:var(--border) solid color-mix(in oklch,var(--color-base-content) 10%,#0000); } }:where(tfoot) { border-top:var(--border) solid var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-top:var(--border) solid color-mix(in oklch,var(--color-base-content) 25%,#0000); } }}.card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-box);--tw-border-style:solid;border-style:solid;border-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-base-content) 20%,transparent);}background-color:var(--color-base-100);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,var(--color-base-content) 80%,transparent);}--tw-outline-style:none;outline-style:none;box-shadow:var( --card-shadow,0 1px 3px 0 var(--color-base-300),0 1px 2px -1px var(--color-base-300) );@supports(color:color-mix(in lab,red,red)){box-shadow: var( --card-shadow,0 1px 3px 0 color-mix(in oklab,var(--color-base-300) 20%,#0000),0 1px 2px -1px color-mix(in oklab,var(--color-base-300) 20%,#0000) );}border-width:var(--card-border,0px);&:focus { --tw-outline-style:none; outline-style:none; @media (forced-colors:active) { outline:2px solid transparent; outline-offset:2px; } }:where(figure:first-child) { overflow:hidden; border-start-start-radius:inherit; border-start-end-radius:inherit; border-end-start-radius:unset; border-end-end-radius:unset; }:where(figure:last-child) { overflow:hidden; border-start-start-radius:unset; border-start-end-radius:unset; border-end-start-radius:inherit; border-end-end-radius:inherit; } &:where(.card-border) { border:var(--border) solid var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border:var(--border) solid color-mix(in oklab,var(--color-base-content) 20%,transparent); } } &.image-full { display:grid; &:before { position:relative; grid-column-start:1; grid-row-start:1; border-radius:var(--radius-box); background-color:var(--color-neutral); opacity:75%; content:""; } > * { grid-column-start:1; grid-row-start:1; } > .card-body { position:relative; color:var(--color-neutral-content); }:where(figure) { overflow:hidden; border-radius:inherit; } > figure img { height:100%; object-fit:cover; } } figure { display:flex; align-items:center; justify-content:center; } &:has(> input:is(input[type="checkbox"],input[type="radio"])) { cursor:pointer; user-select:none; } &:has(>:checked) { outline:2px solid currentColor; } & .card-alert { border-radius:0; &:first-child { border-top-left-radius:var(--radius-box); border-top-right-radius:var(--radius-box); } &:last-child { border-bottom-right-radius:var(--radius-box); border-bottom-left-radius:var(--radius-box); } }}.card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-box);--tw-border-style:solid;border-style:solid;border-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-base-content) 20%,transparent);}background-color:var(--color-base-100);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,var(--color-base-content) 80%,transparent);}--tw-outline-style:none;outline-style:none;box-shadow:var( --card-shadow,0 1px 3px 0 var(--color-base-300),0 1px 2px -1px var(--color-base-300) );@supports(color:color-mix(in lab,red,red)){box-shadow: var( --card-shadow,0 1px 3px 0 color-mix(in oklab,var(--color-base-300) 20%,#0000),0 1px 2px -1px color-mix(in oklab,var(--color-base-300) 20%,#0000) );}border-width:var(--card-border,0px);&:focus { --tw-outline-style:none; outline-style:none; @media (forced-colors:active) { outline:2px solid transparent; outline-offset:2px; } }:where(figure:first-child) { overflow:hidden; border-start-start-radius:inherit; border-start-end-radius:inherit; border-end-start-radius:unset; border-end-end-radius:unset; }:where(figure:last-child) { overflow:hidden; border-start-start-radius:unset; border-start-end-radius:unset; border-end-start-radius:inherit; border-end-end-radius:inherit; } &:where(.card-border) { border:var(--border) solid var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border:var(--border) solid color-mix(in oklab,var(--color-base-content) 20%,transparent); } } &.image-full { display:grid; &:before { position:relative; grid-column-start:1; grid-row-start:1; border-radius:var(--radius-box); background-color:var(--color-neutral); opacity:75%; content:""; } > * { grid-column-start:1; grid-row-start:1; } > .card-body { position:relative; color:var(--color-neutral-content); }:where(figure) { overflow:hidden; border-radius:inherit; } > figure img { height:100%; object-fit:cover; } } figure { display:flex; align-items:center; justify-content:center; } &:has(> input:is(input[type="checkbox"],input[type="radio"])) { cursor:pointer; user-select:none; } &:has(>:checked) { outline:2px solid currentColor; } & .card-alert { border-radius:0; &:first-child { border-top-left-radius:var(--radius-box); border-top-right-radius:var(--radius-box); } &:last-child { border-bottom-right-radius:var(--radius-box); border-bottom-left-radius:var(--radius-box); } }}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:calc(1/2 * 100%)}.top-\[calc\(100\%\+4px\)\]{top:calc(100% + 4px)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-3{left:calc(var(--spacing) * 3)}.input{display:inline-flex;width:100%;flex-shrink:1;cursor:text;appearance:none;background-color:var(--color-base-100);padding-inline:calc(.25rem * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);&::placeholder { color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-base-content) 50%,transparent); } } &:focus-visible { --tw-outline-style:none; outline-style:none; } border:var(--border) solid #0000;height:var(--size);touch-action:manipulation;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-color:var(--input-color);--input-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){--input-color: color-mix(in oklab,var(--color-base-content) 40%,#0000);}--size:calc(var(--size-field, 0.25rem) * 9.5);&:hover:not(:focus,:focus-within),&:has(:hover):not(:focus,:focus-within) { border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 60%,transparent); } } &:where(input) { display:inline-block; }:where(input:not([type="checkbox"]):not([type="radio"])) { display:inline-block; height:100%; width:100%; appearance:none; background-color:transparent; border:none; &:focus,&:focus-within,&:focus-visible { --tw-outline-style:none; outline-style:none; } } &:focus,&:focus-within { --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,rgb(0 0 0/0.05)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --input-color:var(--color-primary); --tw-shadow-color:var(--input-color); @supports (color:color-mix(in lab,red,red)) { --tw-shadow-color:color-mix(in oklab,var(--input-color) 30%,#0000); } outline:1px solid var(--input-color); isolation:isolate; } &:has(> input[disabled]),&:is(:disabled,[disabled]) { cursor:not-allowed; border-style:var(--tw-border-style); border-width:0px; background-color:var(--color-neutral); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent); } color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-base-content) 50%,transparent); } box-shadow:none; } &:has(> input[disabled]) > input[disabled] { cursor:not-allowed; } &::-webkit-date-and-time-value { text-align:inherit; } &[type="number"] { &::-webkit-inner-spin-button { margin-block:calc(0.25rem * -3); margin-inline-end:calc(0.25rem * -3); } } &:has(> .input-floating) input { &::placeholder { color:transparent; } &:focus { &::placeholder { color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-base-content) 50%,transparent); } } } }}.input{display:inline-flex;width:100%;flex-shrink:1;cursor:text;appearance:none;background-color:var(--color-base-100);padding-inline:calc(.25rem * 3);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-base-content);&::placeholder { color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-base-content) 50%,transparent); } } &:focus-visible { --tw-outline-style:none; outline-style:none; } border:var(--border) solid #0000;height:var(--size);touch-action:manipulation;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-color:var(--input-color);--input-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){--input-color: color-mix(in oklab,var(--color-base-content) 40%,#0000);}--size:calc(var(--size-field, 0.25rem) * 9.5);&:hover:not(:focus,:focus-within),&:has(:hover):not(:focus,:focus-within) { border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 60%,transparent); } } &:where(input) { display:inline-block; }:where(input:not([type="checkbox"]):not([type="radio"])) { display:inline-block; height:100%; width:100%; appearance:none; background-color:transparent; border:none; &:focus,&:focus-within,&:focus-visible { --tw-outline-style:none; outline-style:none; } } &:focus,&:focus-within { --tw-shadow:0 1px 2px 0 var(--tw-shadow-color,rgb(0 0 0/0.05)); box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --input-color:var(--color-primary); --tw-shadow-color:var(--input-color); @supports (color:color-mix(in lab,red,red)) { --tw-shadow-color:color-mix(in oklab,var(--input-color) 30%,#0000); } outline:1px solid var(--input-color); isolation:isolate; } &:has(> input[disabled]),&:is(:disabled,[disabled]) { cursor:not-allowed; border-style:var(--tw-border-style); border-width:0px; background-color:var(--color-neutral); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-neutral) 10%,transparent); } color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-base-content) 50%,transparent); } box-shadow:none; } &:has(> input[disabled]) > input[disabled] { cursor:not-allowed; } &::-webkit-date-and-time-value { text-align:inherit; } &[type="number"] { &::-webkit-inner-spin-button { margin-block:calc(0.25rem * -3); margin-inline-end:calc(0.25rem * -3); } } &:has(> .input-floating) input { &::placeholder { color:transparent; } &:focus { &::placeholder { color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-base-content) 50%,transparent); } } } }}.stack{display:inline-grid;place-items:center;align-items:flex-end;& > * { grid-column-start: 1; grid-row-start: 1; height: 100%; width: 100%; opacity: 60%; transform: translateY(14%) scale(0.9); z-index: 1; } & > *:nth-child(2) { opacity: 80%; transform: translateY(7%) scale(0.95); z-index: 2; } & > *:nth-child(1) { opacity: 100%; transform: translateY(0) scale(1) translateX(0); z-index: 3; }}.stack{display:inline-grid;place-items:center;align-items:flex-end;& > * { grid-column-start: 1; grid-row-start: 1; height: 100%; width: 100%; opacity: 60%; transform: translateY(14%) scale(0.9); z-index: 1; } & > *:nth-child(2) { opacity: 80%; transform: translateY(7%) scale(0.95); z-index: 2; } & > *:nth-child(1) { opacity: 100%; transform: translateY(0) scale(1) translateX(0); z-index: 3; }}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[100\]{z-index:100}.m-0{margin:calc(var(--spacing) * 0)}.filter{display:flex;flex-wrap:wrap;input[type="radio"] { width: auto; } input { overflow: hidden; opacity: 100%; scale: 1; border-width: 0; transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s; &:not(:last-child) { margin-inline-end: calc(0.25rem * 1); } &.filter-reset { aspect-ratio: 1 / 1; &::after { content: "×"; } } } &:not(:has(input:checked:not(.filter-reset))) { .filter-reset, input[type="reset"] { scale: 0; border-width: 0; margin-inline: calc(0.25rem * 0); width: calc(0.25rem * 0); padding-inline: calc(0.25rem * 0); opacity: 0%; } } &:has(input:checked:not(.filter-reset)) { input:not(:checked, .filter-reset, input[type="reset"]) { scale: 0; border-width: 0; margin-inline: calc(0.25rem * 0); width: calc(0.25rem * 0); padding-inline: calc(0.25rem * 0); opacity: 0%; } }}.filter{display:flex;flex-wrap:wrap;input[type="radio"] { width: auto; } input { overflow: hidden; opacity: 100%; scale: 1; border-width: 0; transition: margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s; &:not(:last-child) { margin-inline-end: calc(0.25rem * 1); } &.filter-reset { aspect-ratio: 1 / 1; &::after { content: "×"; } } } &:not(:has(input:checked:not(.filter-reset))) { .filter-reset, input[type="reset"] { scale: 0; border-width: 0; margin-inline: calc(0.25rem * 0); width: calc(0.25rem * 0); padding-inline: calc(0.25rem * 0); opacity: 0%; } } &:has(input:checked:not(.filter-reset)) { input:not(:checked, .filter-reset, input[type="reset"]) { scale: 0; border-width: 0; margin-inline: calc(0.25rem * 0); width: calc(0.25rem * 0); padding-inline: calc(0.25rem * 0); opacity: 0%; } }}.mx-auto{margin-inline:auto}.input-sm{padding-inline:calc(.25rem * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field, 0.25rem) * 7.5);&[type="number"] { &::-webkit-inner-spin-button { margin-block: calc(0.25rem * -2); margin-inline-end: calc(0.25rem * -3); } }}.input-sm{padding-inline:calc(.25rem * 2.5);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--size:calc(var(--size-field, 0.25rem) * 7.5);&[type="number"] { &::-webkit-inner-spin-button { margin-block: calc(0.25rem * -2); margin-inline-end: calc(0.25rem * -3); } }}.accordion-item{.accordion-shadow :where(&) { margin-block: calc(0.25rem * 2); border-radius: var(--radius-box); background-color: var(--color-base-100); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: var(--color-base-300); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent); } .accordion-item:first-of-type { margin-top: calc(0.25rem * 0); } .accordion-item:last-of-type { margin-bottom: calc(0.25rem * 0); } & > *:first-child { border-top-left-radius: var(--radius-box); border-top-right-radius: var(--radius-box); } & > *:last-child { border-bottom-right-radius: var(--radius-box); border-bottom-left-radius: var(--radius-box); } }}.accordion-item{.accordion-shadow :where(&) { margin-block: calc(0.25rem * 2); border-radius: var(--radius-box); background-color: var(--color-base-100); --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-shadow-color: var(--color-base-300); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-base-300) 20%, transparent) var(--tw-shadow-alpha), transparent); } .accordion-item:first-of-type { margin-top: calc(0.25rem * 0); } .accordion-item:last-of-type { margin-bottom: calc(0.25rem * 0); } & > *:first-child { border-top-left-radius: var(--radius-box); border-top-right-radius: var(--radius-box); } & > *:last-child { border-bottom-right-radius: var(--radius-box); border-bottom-left-radius: var(--radius-box); } }}.my-8{margin-block:calc(var(--spacing) * 8)}.my-16{margin-block:calc(var(--spacing) * 16)}.my-auto{margin-block:auto}.input{&::file-selector-button { margin-inline-end:calc(0.25rem * 4); display:inline-flex; height:100%; flex-shrink:0; cursor:pointer; flex-wrap:wrap; align-items:center; justify-content:center; border-style:var(--tw-border-style); border-width:0px; background-color:var(--color-primary); padding-inline:calc(0.25rem * 4); text-align:center; font-size:var(--text-base); line-height:var(--tw-leading,var(--text-base--line-height)); --tw-leading:1; --tw-font-weight:var(--font-weight-semibold); font-weight:var(--font-weight-semibold); color:var(--color-primary-content); text-transform:uppercase; text-decoration-line:none; webkit-user-select:none; user-select:none; --input-color:var(--color-primary); &.input-sm { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); } &.input-md { font-size:var(--text-base); line-height:var(--tw-leading,var(--text-base--line-height)); } &.input-lg { font-size:var(--text-lg); line-height:var(--tw-leading,var(--text-lg--line-height)); } &.input-xl { font-size:var(--text-xl); line-height:var(--tw-leading,var(--text-xl--line-height)); } } &[type="file"] { overflow:hidden; padding-inline-start:calc(0.25rem * 0); } .input-floating &::file-selector-button { background-color:var(--color-base-100); color:var(--color-base-content); border-inline-end:var(--border) solid var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-inline-end:var(--border) solid color-mix(in oklab,var(--color-base-content) 40%,#0000); } outline:none; }}.input{&::file-selector-button { margin-inline-end:calc(0.25rem * 4); display:inline-flex; height:100%; flex-shrink:0; cursor:pointer; flex-wrap:wrap; align-items:center; justify-content:center; border-style:var(--tw-border-style); border-width:0px; background-color:var(--color-primary); padding-inline:calc(0.25rem * 4); text-align:center; font-size:var(--text-base); line-height:var(--tw-leading,var(--text-base--line-height)); --tw-leading:1; --tw-font-weight:var(--font-weight-semibold); font-weight:var(--font-weight-semibold); color:var(--color-primary-content); text-transform:uppercase; text-decoration-line:none; webkit-user-select:none; user-select:none; --input-color:var(--color-primary); &.input-sm { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); } &.input-md { font-size:var(--text-base); line-height:var(--tw-leading,var(--text-base--line-height)); } &.input-lg { font-size:var(--text-lg); line-height:var(--tw-leading,var(--text-lg--line-height)); } &.input-xl { font-size:var(--text-xl); line-height:var(--tw-leading,var(--text-xl--line-height)); } } &[type="file"] { overflow:hidden; padding-inline-start:calc(0.25rem * 0); } .input-floating &::file-selector-button { background-color:var(--color-base-100); color:var(--color-base-content); border-inline-end:var(--border) solid var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-inline-end:var(--border) solid color-mix(in oklab,var(--color-base-content) 40%,#0000); } outline:none; }}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.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-10{margin-top:calc(var(--spacing) * 10)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.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)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-9{margin-bottom:calc(var(--spacing) * 9)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-14{margin-bottom:calc(var(--spacing) * 14)}.ml-auto{margin-left:auto}.status{display:inline-block;aspect-ratio:1/1;width:calc(.25rem * 2.5);height:calc(.25rem * 2.5);border-radius:calc(infinity * 1px);background-color:var(--color-neutral);background-position:50%;background-repeat:no-repeat;vertical-align:middle;color:var(--color-neutral);background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth) * .5)),#0000);box-shadow:0 2px 3px -1px currentColor;@supports(color:color-mix(in lab,red,red)){box-shadow: 0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth) * 100%),#0000);}}.status{display:inline-block;aspect-ratio:1/1;width:calc(.25rem * 2.5);height:calc(.25rem * 2.5);border-radius:calc(infinity * 1px);background-color:var(--color-neutral);background-position:50%;background-repeat:no-repeat;vertical-align:middle;color:var(--color-neutral);background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth) * .5)),#0000);box-shadow:0 2px 3px -1px currentColor;@supports(color:color-mix(in lab,red,red)){box-shadow: 0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth) * 100%),#0000);}}.divider{display:flex;width:100%;align-items:center;align-self:stretch;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;&:not(:empty) { gap:calc(0.25rem * 4); } &:before { content:""; height:1px; width:100%; flex-grow:1; border-inline-end-style:var(--tw-border-style); border-inline-end-width:0px; border-top-style:var(--tw-border-style); border-top-width:1px; --tw-border-style:solid; border-style:solid; border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 20%,transparent); } } &:after { content:""; height:1px; width:100%; flex-grow:1; border-inline-end-style:var(--tw-border-style); border-inline-end-width:0px; border-top-style:var(--tw-border-style); border-top-width:1px; --tw-border-style:solid; border-style:solid; border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 20%,transparent); } }}.divider{display:flex;width:100%;align-items:center;align-self:stretch;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));white-space:nowrap;&:not(:empty) { gap:calc(0.25rem * 4); } &:before { content:""; height:1px; width:100%; flex-grow:1; border-inline-end-style:var(--tw-border-style); border-inline-end-width:0px; border-top-style:var(--tw-border-style); border-top-width:1px; --tw-border-style:solid; border-style:solid; border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 20%,transparent); } } &:after { content:""; height:1px; width:100%; flex-grow:1; border-inline-end-style:var(--tw-border-style); border-inline-end-width:0px; border-top-style:var(--tw-border-style); border-top-width:1px; --tw-border-style:solid; border-style:solid; border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 20%,transparent); } }}.badge{display:inline-flex;align-items:center;justify-content:center;gap:calc(.25rem * 1.5);border-radius:var(--radius-selector);text-align:center;vertical-align:middle;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border:var(--border)solid var(--badge-border);padding-inline:calc(.25rem * 3);width:fit-content;color:var(--badge-fg);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise);background-color:var(--badge-bg);--badge-border:var(--badge-color, var(--color-neutral));--badge-bg:var(--badge-color, var(--color-neutral));--badge-fg:var(--color-neutral-content);--size:calc(var(--size-selector, 0.25rem) * 6);height:var(--size);&.badge-outline { --badge-fg: var(--badge-color, var(--color-neutral)); --badge-bg: transparent; background-image: none; } &.badge-soft { --badge-border: none; --badge-fg: var(--badge-color, var(--color-neutral)); --badge-bg: var(--badge-color, var(--color-neutral)); @supports (color: color-mix(in lab, red, red)) { --badge-bg: color-mix(in oklab, var(--badge-color, var(--color-neutral)) 10%, var(--color-base-100)); } background-image: none; }}.badge{display:inline-flex;align-items:center;justify-content:center;gap:calc(.25rem * 1.5);border-radius:var(--radius-selector);text-align:center;vertical-align:middle;font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));border:var(--border)solid var(--badge-border);padding-inline:calc(.25rem * 3);width:fit-content;color:var(--badge-fg);background-size:auto,calc(var(--noise) * 100%);background-image:none,var(--fx-noise);background-color:var(--badge-bg);--badge-border:var(--badge-color, var(--color-neutral));--badge-bg:var(--badge-color, var(--color-neutral));--badge-fg:var(--color-neutral-content);--size:calc(var(--size-selector, 0.25rem) * 6);height:var(--size);&.badge-outline { --badge-fg: var(--badge-color, var(--color-neutral)); --badge-bg: transparent; background-image: none; } &.badge-soft { --badge-border: none; --badge-fg: var(--badge-color, var(--color-neutral)); --badge-bg: var(--badge-color, var(--color-neutral)); @supports (color: color-mix(in lab, red, red)) { --badge-bg: color-mix(in oklab, var(--badge-color, var(--color-neutral)) 10%, var(--color-base-100)); } background-image: none; }}.progress{display:flex;height:calc(.25rem * 1.5);width:100%;overflow:hidden;border-radius:var(--radius-box);background-color:var(--color-base-200)}.progress{display:flex;height:calc(.25rem * 1.5);width:100%;overflow:hidden;border-radius:var(--radius-box);background-color:var(--color-base-200)}.icon-\[tabler--api\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 13h5m3 3V8h3a2 2 0 0 1 2 2v1a2 2 0 0 1-2 2h-3m8-5v8M9 16v-5.5a2.5 2.5 0 0 0-5 0V16'/%3E%3C/svg%3E")}.icon-\[tabler--arrow-left\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12l6 6m-6-6l6-6'/%3E%3C/svg%3E")}.icon-\[tabler--arrow-right\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6 6l6-6m-6-6l6 6'/%3E%3C/svg%3E")}.icon-\[tabler--briefcase\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm5-2V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m-4 5v.01'/%3E%3Cpath d='M3 13a20 20 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E")}.icon-\[tabler--chart-dots\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M7 9a2 2 0 1 0 4 0a2 2 0 1 0-4 0m10-2a2 2 0 1 0 4 0a2 2 0 1 0-4 0m-5 8a2 2 0 1 0 4 0a2 2 0 1 0-4 0m-1.84-4.38l2.34 2.88m2.588-.172l2.837-4.586'/%3E%3C/g%3E%3C/svg%3E")}.icon-\[tabler--check\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12l5 5L20 7'/%3E%3C/svg%3E")}.icon-\[tabler--external-link\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5'/%3E%3C/svg%3E")}.icon-\[tabler--file-type-csv\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M5 12V5a2 2 0 0 1 2-2h7l5 5v4M7 16.5a1.5 1.5 0 0 0-3 0v3a1.5 1.5 0 0 0 3 0m3 .75c0 .414.336.75.75.75H12a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1h-1a1 1 0 0 1-1-1v-1a1 1 0 0 1 1-1h1.25a.75.75 0 0 1 .75.75m3-.75l2 6l2-6'/%3E%3C/g%3E%3C/svg%3E")}.icon-\[tabler--license\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 21H6a3 3 0 0 1-3-3v-1h10v2a2 2 0 0 0 4 0V5a2 2 0 1 1 2 2h-2m2-4H8a3 3 0 0 0-3 3v11M9 7h4m-4 4h4'/%3E%3C/svg%3E")}.icon-\[tabler--player-play\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 4v16l13-8z'/%3E%3C/svg%3E")}.icon-\[tabler--refresh\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/%3E%3C/svg%3E")}.icon-\[tabler--search\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0-14 0m18 11l-6-6'/%3E%3C/svg%3E")}.icon-\[tabler--send\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z'/%3E%3C/svg%3E")}.icon-\[tabler--x\]{display:inline-block;width:1em;height:1em;background-color:currentColor;-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E")}.tabs{display:flex;--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-direction:var(--tabs-direction)}.tabs{display:flex;--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-direction:var(--tabs-direction)}.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;column-gap:calc(.25rem * 4);row-gap:calc(.25rem * 10);@media(width >= 48rem){grid-auto-flow: column;}& > * { display: grid; place-items: start; gap: calc(0.25rem * 3); } &.footer-center { place-items: center; text-align: center; @media (width >= 48rem) { grid-auto-flow: row dense; } & > * { place-items: center; } } :where(.link) { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }}.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;column-gap:calc(.25rem * 4);row-gap:calc(.25rem * 10);@media(width >= 48rem){grid-auto-flow: column;}& > * { display: grid; place-items: start; gap: calc(0.25rem * 3); } &.footer-center { place-items: center; text-align: center; @media (width >= 48rem) { grid-auto-flow: row dense; } & > * { place-items: center; } } :where(.link) { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }}.navbar{display:flex;width:100%;align-items:center;background-color:var(--color-base-100);padding-inline:calc(.25rem * 6);padding-block:calc(.25rem * 3)}.navbar{display:flex;width:100%;align-items:center;background-color:var(--color-base-100);padding-inline:calc(.25rem * 6);padding-block:calc(.25rem * 3)}.navbar-end{display:flex;width:calc(1/2 * 100%);justify-content:flex-end}.navbar-end{display:flex;width:calc(1/2 * 100%);justify-content:flex-end}.navbar-start{display:flex;width:calc(1/2 * 100%);justify-content:flex-start}.navbar-start{display:flex;width:calc(1/2 * 100%);justify-content:flex-start}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.\!size-4{width:calc(var(--spacing) * 4)!important;height:calc(var(--spacing) * 4)!important}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.input{& > .select { height: auto; border-style: var(--tw-border-style); border-width: 0px; &:focus, &:focus-within { --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-style: var(--tw-outline-style); outline-width: 0px; } }}.input{& > .select { height: auto; border-style: var(--tw-border-style); border-width: 0px; &:focus, &:focus-within { --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-style: var(--tw-outline-style); outline-width: 0px; } }}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-4{height:calc(var(--spacing) * 4)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-\[80vh\]{min-height:80vh}.min-h-screen{min-height:100vh}.tabs-bordered{& > .tab { border-color: var(--color-base-content); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } @media (hover:hover) { &:hover { @media (hover: hover) { border-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } } @media (hover:hover) { &:hover { @media (hover: hover) { color: var(--color-primary); } } } border-style: solid; border-bottom-width: calc(var(--border, 1px) + 1px); } &.tabs-vertical { --tabs-direction: column; & > .tab { width: 100%; justify-content: flex-start; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; border-inline-end-width: calc(var(--border, 1px) + 1px); } }}.tabs-bordered{& > .tab { border-color: var(--color-base-content); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } @media (hover:hover) { &:hover { @media (hover: hover) { border-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } } } @media (hover:hover) { &:hover { @media (hover: hover) { color: var(--color-primary); } } } border-style: solid; border-bottom-width: calc(var(--border, 1px) + 1px); } &.tabs-vertical { --tabs-direction: column; & > .tab { width: 100%; justify-content: flex-start; border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; border-inline-end-width: calc(var(--border, 1px) + 1px); } }}.w-\[85\%\]{width:85%}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[1280px\]{max-width:1280px}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[5\.5ch\]{min-width:5.5ch}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2 * 100%) * -1);translate:var(--tw-translate-x)var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-\[minmax\(6rem\,10rem\)_1fr_auto\]{grid-template-columns:minmax(6rem,10rem)1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-14{gap:calc(var(--spacing) * 14)}.gap-\[0\.3rem\]{gap:.3rem}.space-y-2\.5{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-3{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); }}.space-y-4{ :where(& > :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))); }}.space-y-6{ :where(& > :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))); }}.space-y-24{ :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse))); }}.accordion{&:where(.accordion-bordered) {:where(& >:not(:last-child)) { --tw-divide-y-reverse:0; border-bottom-style:var(--tw-border-style); border-top-style:var(--tw-border-style); border-top-width:calc(1px * var(--tw-divide-y-reverse)); border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 25%,transparent); } } border-radius:var(--radius-box); border-style:var(--tw-border-style); border-width:1px; border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 25%,transparent); } background-color:var(--color-base-100); }}.accordion{&:where(.accordion-bordered) {:where(& >:not(:last-child)) { --tw-divide-y-reverse:0; border-bottom-style:var(--tw-border-style); border-top-style:var(--tw-border-style); border-top-width:calc(1px * var(--tw-divide-y-reverse)); border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 25%,transparent); } } border-radius:var(--radius-box); border-style:var(--tw-border-style); border-width:1px; border-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { border-color:color-mix(in oklab,var(--color-base-content) 25%,transparent); } background-color:var(--color-base-100); }}.justify-self-center{justify-self:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.input{&.is-valid, &:has(.is-valid), .validate &:valid, .validate &:has(:valid) { border-color: var(--color-success); &:hover { @media (hover: hover) { border-color: var(--color-success); } } &:has(:hover):not(:focus, :focus-within) { border-color: var(--color-success); } &:focus, &:focus-within { --input-color: var(--color-success); } } &.is-invalid, &:has(.is-invalid), .validate &:invalid, .validate &:has(:invalid) { border-color: var(--color-error); &:hover { @media (hover: hover) { border-color: var(--color-error); } } &:has(:hover):not(:focus, :focus-within) { border-color: var(--color-error); } &:focus, &:focus-within { --input-color: var(--color-error); } } &.is-valid::file-selector-button { background-color: var(--color-success); color: var(--color-success-content); --input-color: var(--color-success); } .validate &:valid::file-selector-button { background-color: var(--color-success); color: var(--color-success-content); --input-color: var(--color-success); } &.is-invalid::file-selector-button { background-color: var(--color-error); color: var(--color-error-content); --input-color: var(--color-error); } .validate &:invalid::file-selector-button { background-color: var(--color-error); color: var(--color-error-content); --input-color: var(--color-error); } .input-floating > &.is-valid::file-selector-button { background-color: var(--color-base-100); color: var(--color-base-content); border-inline-end: var(--border) solid var(--color-success); } .validate .input-floating > &:valid::file-selector-button { background-color: var(--color-base-100); color: var(--color-base-content); border-inline-end: var(--border) solid var(--color-success); } .input-floating > &.is-invalid::file-selector-button { background-color: var(--color-base-100); color: var(--color-base-content); border-inline-end: var(--border) solid var(--color-error); } .validate .input-floating > &:invalid::file-selector-button { background-color: var(--color-base-100); color: var(--color-base-content); border-inline-end: var(--border) solid var(--color-error); }}.input{&.is-valid, &:has(.is-valid), .validate &:valid, .validate &:has(:valid) { border-color: var(--color-success); &:hover { @media (hover: hover) { border-color: var(--color-success); } } &:has(:hover):not(:focus, :focus-within) { border-color: var(--color-success); } &:focus, &:focus-within { --input-color: var(--color-success); } } &.is-invalid, &:has(.is-invalid), .validate &:invalid, .validate &:has(:invalid) { border-color: var(--color-error); &:hover { @media (hover: hover) { border-color: var(--color-error); } } &:has(:hover):not(:focus, :focus-within) { border-color: var(--color-error); } &:focus, &:focus-within { --input-color: var(--color-error); } } &.is-valid::file-selector-button { background-color: var(--color-success); color: var(--color-success-content); --input-color: var(--color-success); } .validate &:valid::file-selector-button { background-color: var(--color-success); color: var(--color-success-content); --input-color: var(--color-success); } &.is-invalid::file-selector-button { background-color: var(--color-error); color: var(--color-error-content); --input-color: var(--color-error); } .validate &:invalid::file-selector-button { background-color: var(--color-error); color: var(--color-error-content); --input-color: var(--color-error); } .input-floating > &.is-valid::file-selector-button { background-color: var(--color-base-100); color: var(--color-base-content); border-inline-end: var(--border) solid var(--color-success); } .validate .input-floating > &:valid::file-selector-button { background-color: var(--color-base-100); color: var(--color-base-content); border-inline-end: var(--border) solid var(--color-success); } .input-floating > &.is-invalid::file-selector-button { background-color: var(--color-base-100); color: var(--color-base-content); border-inline-end: var(--border) solid var(--color-error); } .validate .input-floating > &:invalid::file-selector-button { background-color: var(--color-base-100); color: var(--color-base-content); border-inline-end: var(--border) solid var(--color-error); }}.border-base-300\/50{border-color:var(--color-base-300);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-base-300) 50%,transparent);}}.border-base-content\/15{border-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-base-content) 15%,transparent);}}.border-error\/45{border-color:var(--color-error);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-error) 45%,transparent);}}.border-success\/45{border-color:var(--color-success);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-success) 45%,transparent);}}.border-transparent{border-color:transparent}.border-white\/10{border-color:color-mix(in srgb,#fff 10%,transparent);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}.border-white\/15{border-color:color-mix(in srgb,#fff 15%,transparent);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in oklab,var(--color-white) 15%,transparent);}}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-300{border-color:var(--color-zinc-300)}.border-zinc-800{border-color:var(--color-zinc-800)}.\!bg-transparent{background-color:initial!important}.bg-base-100{background-color:var(--color-base-100)}.bg-base-200{background-color:var(--color-base-200)}.bg-error\/20{background-color:var(--color-error);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-error) 20%,transparent);}}.bg-error\/45{background-color:var(--color-error);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-error) 45%,transparent);}}.bg-success\/20{background-color:var(--color-success);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-success) 20%,transparent);}}.bg-success\/45{background-color:var(--color-success);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-success) 45%,transparent);}}.bg-transparent{background-color:initial}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:color-mix(in srgb,#fff 5%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-white) 5%,transparent);}}.bg-white\/\[0\.03\]{background-color:color-mix(in srgb,#fff 3%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-white) 3%,transparent);}}.bg-zinc-500{background-color:var(--color-zinc-500)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\/5{background-color:color-mix(in srgb,oklch(21% .006 285.885) 5%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-zinc-900) 5%,transparent);}}.bg-zinc-900\/80{background-color:color-mix(in srgb,oklch(21% .006 285.885) 80%,transparent);@supports(color:color-mix(in lab,red,red)){background-color: color-mix(in oklab,var(--color-zinc-900) 80%,transparent);}}.bg-zinc-950{background-color:var(--color-zinc-950)}.loading-spinner{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.loading-spinner{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.mask{mask-size:contain;mask-repeat:no-repeat;mask-position:center}.mask{mask-size:contain;mask-repeat:no-repeat;mask-position:center}.object-contain{object-fit:contain}.p-0{padding:calc(var(--spacing) * 0)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.\!px-0{padding-inline:calc(var(--spacing) * 0)!important}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:calc(var(--spacing) * 1)}.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)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.py-28{padding-block:calc(var(--spacing) * 28)}.py-\[0\.2rem\]{padding-block:.2rem}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pt-36{padding-top:calc(var(--spacing) * 36)}.pt-40{padding-top:calc(var(--spacing) * 40)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.\!pl-9{padding-left:calc(var(--spacing) * 9)!important}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-\[0\.3rem\]{padding-left:.3rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.input-sm{&::file-selector-button { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); }}.input-sm{&::file-selector-button { font-size:var(--text-sm); line-height:var(--tw-leading,var(--text-sm--line-height)); }}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-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))}.text-\[0\.65rem\]{font-size:.65rem}.text-\[1rem\]{font-size:1rem}.text-\[2\.6rem\]{font-size:2.6rem}.text-\[2\.85rem\]{font-size:2.85rem}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.08\]{--tw-leading:1.08;line-height:1.08}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.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-\[0\.2em\]{--tw-tracking:0.2em;letter-spacing:.2em}.tracking-\[0\.04em\]{--tw-tracking:0.04em;letter-spacing:.04em}.tracking-\[0\.15em\]{--tw-tracking:0.15em;letter-spacing:.15em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.\!text-white{color:var(--color-white)!important}.text-\[color\:\#666\]{color:#666}.text-base-content{color:var(--color-base-content)}.text-base-content\/50{color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,var(--color-base-content) 50%,transparent);}}.text-base-content\/70{color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,var(--color-base-content) 70%,transparent);}}.text-base-content\/80{color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklab,var(--color-base-content) 80%,transparent);}}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-900{color:var(--color-zinc-900)}.text-zinc-950{color:var(--color-zinc-950)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.opacity-50{opacity:50%}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);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-\[background\]{transition-property:background;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[height\]{transition-property:height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{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))}.transition-opacity{transition-property:opacity;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-100{--tw-duration:100ms;transition-duration:100ms}.duration-200{--tw-duration:200ms;transition-duration:200ms}.duration-300{--tw-duration:300ms;transition-duration:300ms}.selected{.validate select:has(~ * > &) + .advance-select-toggle { --input-color: var(--color-success); &:focus, &:focus-within { --input-color: var(--color-success); } }}.selected{.validate select:has(~ * > &) + .advance-select-toggle { --input-color: var(--color-success); &:focus, &:focus-within { --input-color: var(--color-success); } }}.\[animation-delay\:80ms\]{animation-delay:80ms}.\[animation-delay\:140ms\]{animation-delay:140ms}.\[animation-delay\:160ms\]{animation-delay:160ms}.\[animation-delay\:220ms\]{animation-delay:220ms}.\[animation-delay\:240ms\]{animation-delay:240ms}.\[animation-delay\:300ms\]{animation-delay:300ms}.\[animation-delay\:320ms\]{animation-delay:320ms}.hover\:bg-base-content\/8{&:hover { @media (hover:hover) { background-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-base-content) 8%,transparent); } } }}.hover\:bg-base-content\/10{&:hover { @media (hover:hover) { background-color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-base-content) 10%,transparent); } } }}.hover\:bg-white\/5{&:hover { @media (hover:hover) { background-color:color-mix(in srgb,#fff 5%,transparent); @supports (color:color-mix(in lab,red,red)) { background-color:color-mix(in oklab,var(--color-white) 5%,transparent); } } }}.hover\:bg-zinc-100{&:hover { @media (hover:hover) { background-color:var(--color-zinc-100); } }}.hover\:text-base-content\/80{&:hover { @media (hover:hover) { color:var(--color-base-content); @supports (color:color-mix(in lab,red,red)) { color:color-mix(in oklab,var(--color-base-content) 80%,transparent); } } }}.hover\:text-white{&:hover { @media (hover:hover) { color:var(--color-white); } }}.hover\:text-zinc-200{&:hover { @media (hover:hover) { color:var(--color-zinc-200); } }}.hover\:underline{&:hover { @media (hover:hover) { text-decoration-line:underline; } }}.hover\:opacity-90{&:hover { @media (hover:hover) { opacity:90%; } }}.aria-selected\:bg-base-content\/10{&[aria-selected="true"] { background-color: var(--color-base-content); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } }}.sm\:flex-row{@media(width >= 40rem){flex-direction: row;}}.sm\:items-center{@media(width >= 40rem){align-items: center;}}.sm\:px-6{@media(width >= 40rem){padding-inline: calc(var(--spacing) * 6);}}.sm\:py-16{@media(width >= 40rem){padding-block: calc(var(--spacing) * 16);}}.sm\:py-28{@media(width >= 40rem){padding-block: calc(var(--spacing) * 28);}}.sm\:text-5xl{@media(width >= 40rem){font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height));}}.sm\:text-7xl{@media(width >= 40rem){font-size: var(--text-7xl); line-height: var(--tw-leading,var(--text-7xl--line-height));}}.sm\:text-lg{@media(width >= 40rem){font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height));}}.sm\:leading-\[0\.95\]{@media(width >= 40rem){--tw-leading: 0.95; line-height: 0.95;}}.md\:mb-16{@media(width >= 48rem){margin-bottom: calc(var(--spacing) * 16);}}.md\:w-\[55\%\]{@media(width >= 48rem){width: 55%;}}.md\:gap-2{@media(width >= 48rem){gap: calc(var(--spacing) * 2);}}.md\:text-2xl{@media(width >= 48rem){font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height));}}.md\:text-3xl{@media(width >= 48rem){font-size: var(--text-3xl); line-height: var(--tw-leading,var(--text-3xl--line-height));}}.md\:text-4xl{@media(width >= 48rem){font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height));}}.md\:text-5xl{@media(width >= 48rem){font-size: var(--text-5xl); line-height: var(--tw-leading,var(--text-5xl--line-height));}}.md\:text-6xl{@media(width >= 48rem){font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height));}}.lg\:sticky{@media(width >= 64rem){position: sticky;}}.lg\:top-28{@media(width >= 64rem){top: calc(var(--spacing) * 28);}}.lg\:mb-16{@media(width >= 64rem){margin-bottom: calc(var(--spacing) * 16);}}.lg\:mb-20{@media(width >= 64rem){margin-bottom: calc(var(--spacing) * 20);}}.lg\:w-\[30\%\]{@media(width >= 64rem){width: 30%;}}.lg\:w-\[45\%\]{@media(width >= 64rem){width: 45%;}}.lg\:w-\[70\%\]{@media(width >= 64rem){width: 70%;}}.lg\:max-w-none{@media(width >= 64rem){max-width: none;}}.lg\:grid-cols-2{@media(width >= 64rem){grid-template-columns: repeat(2,minmax(0,1fr));}}.lg\:grid-cols-3{@media(width >= 64rem){grid-template-columns: repeat(3,minmax(0,1fr));}}.lg\:grid-cols-\[0\.8fr_1\.2fr\]{@media(width >= 64rem){grid-template-columns: 0.8fr 1.2fr;}}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{@media(width >= 64rem){grid-template-columns: 1.1fr 0.9fr;}}.lg\:grid-cols-\[1\.2fr_0\.8fr_0\.8fr\]{@media(width >= 64rem){grid-template-columns: 1.2fr 0.8fr 0.8fr;}}.lg\:flex-row{@media(width >= 64rem){flex-direction: row;}}.lg\:gap-4{@media(width >= 64rem){gap: calc(var(--spacing) * 4);}}.lg\:gap-14{@media(width >= 64rem){gap: calc(var(--spacing) * 14);}}.lg\:gap-20{@media(width >= 64rem){gap: calc(var(--spacing) * 20);}}.lg\:space-y-32{@media(width >= 64rem){:where(&>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 32) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 32) * calc(1 - var(--tw-space-y-reverse)))}}}.lg\:px-8{@media(width >= 64rem){padding-inline: calc(var(--spacing) * 8);}}.lg\:py-24{@media(width >= 64rem){padding-block: calc(var(--spacing) * 24);}}.lg\:py-32{@media(width >= 64rem){padding-block: calc(var(--spacing) * 32);}}.lg\:text-2xl{@media(width >= 64rem){font-size: var(--text-2xl); line-height: var(--tw-leading,var(--text-2xl--line-height));}}.lg\:text-4xl{@media(width >= 64rem){font-size: var(--text-4xl); line-height: var(--tw-leading,var(--text-4xl--line-height));}}.lg\:text-6xl{@media(width >= 64rem){font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height));}}.lg\:text-\[5\.5rem\]{@media(width >= 64rem){font-size: 5.5rem;}}.xl\:text-6xl{@media(width >= 80rem){font-size: var(--text-6xl); line-height: var(--tw-leading,var(--text-6xl--line-height));}}.accordion-item-active\:rotate-45{&.accordion-item.active { rotate: 45deg; } .accordion-item.active > & { rotate: 45deg; } .accordion-item.active > .accordion-toggle & { rotate: 45deg; } .accordion-item.active > .accordion-heading > .accordion-toggle & { rotate: 45deg; } &.accordion-toggle { .accordion-item.active > & { rotate: 45deg; } } &.accordion-toggle { .accordion-item.active > .accordion-heading > & { rotate: 45deg; } } &.accordion-force-active { .accordion-item.active & { rotate: 45deg; } }}.active-tab\:tab-active{&[data-tab].active { &:not([disabled]) { border-color: var(--color-primary); color: var(--color-primary); } .tabs-lifted > .tab&:not([disabled]) { background-color: var(--tab-bg); border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px); border-color: var(--tab-border-color); border-end-start-radius: 0; border-end-end-radius: 0; padding-inline-start: calc(var(--tab-p, 1rem) - var(--tab-border, 1px)); padding-inline-end: calc(var(--tab-p, 1rem) - var(--tab-border, 1px)); padding-bottom: var(--tab-border, 1px); padding-top: 0; } .tabs-lifted > .tab&:not([disabled]):before { content: ""; display: block; position: absolute; z-index: 1; width: calc(100% + var(--radius-field, 0.375rem) * 2); height: var(--radius-field, 0.375rem); bottom: 0; background-size: var(--radius-field, 0.375rem); background-repeat: no-repeat; background-position: top left, top right; --tab-grad: calc(69% - var(--tab-border, 1px)); --radius-start: radial-gradient( circle at top left, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) ); --radius-end: radial-gradient( circle at top right, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) ); background-image: var(--radius-start), var(--radius-end); } .tabs-lifted > .tab&:not([disabled]):first-child:before { background-image: var(--radius-end); background-position: top right; } .tabs-lifted > .tab&:not([disabled]):last-child:before { background-image: var(--radius-start); background-position: top left; } [dir="rtl"] .tabs-lifted > .tab&:not([disabled]):first-child:before { background-image: var(--radius-start); background-position: top left; } [dir="rtl"] .tabs-lifted > .tab&:not([disabled]):last-child:before { background-image: var(--radius-end); background-position: top right; } .tabs-lifted > &:not([disabled]) + .tabs-lifted .active-tab\:tab-active:not([disabled]) { &:before { background-image: var(--radius-end); background-position: top right; } } .tabs-lifted > .active-tab\:tab-active:not([disabled]) + .tabs-lifted &:not([disabled]) { &:before { background-image: var(--radius-end); background-position: top right; } } } [data-tab].active & { &:not([disabled]) { border-color: var(--color-primary); color: var(--color-primary); } .tabs-lifted > .tab&:not([disabled]) { background-color: var(--tab-bg); border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px); border-color: var(--tab-border-color); border-end-start-radius: 0; border-end-end-radius: 0; padding-inline-start: calc(var(--tab-p, 1rem) - var(--tab-border, 1px)); padding-inline-end: calc(var(--tab-p, 1rem) - var(--tab-border, 1px)); padding-bottom: var(--tab-border, 1px); padding-top: 0; } .tabs-lifted > .tab&:not([disabled]):before { content: ""; display: block; position: absolute; z-index: 1; width: calc(100% + var(--radius-field, 0.375rem) * 2); height: var(--radius-field, 0.375rem); bottom: 0; background-size: var(--radius-field, 0.375rem); background-repeat: no-repeat; background-position: top left, top right; --tab-grad: calc(69% - var(--tab-border, 1px)); --radius-start: radial-gradient( circle at top left, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) ); --radius-end: radial-gradient( circle at top right, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) ); background-image: var(--radius-start), var(--radius-end); } .tabs-lifted > .tab&:not([disabled]):first-child:before { background-image: var(--radius-end); background-position: top right; } .tabs-lifted > .tab&:not([disabled]):last-child:before { background-image: var(--radius-start); background-position: top left; } [dir="rtl"] .tabs-lifted > .tab&:not([disabled]):first-child:before { background-image: var(--radius-start); background-position: top left; } [dir="rtl"] .tabs-lifted > .tab&:not([disabled]):last-child:before { background-image: var(--radius-end); background-position: top right; } .tabs-lifted > &:not([disabled]) + .tabs-lifted .active-tab\:tab-active:not([disabled]) { &:before { background-image: var(--radius-end); background-position: top right; } } .tabs-lifted > .active-tab\:tab-active:not([disabled]) + .tabs-lifted &:not([disabled]) { &:before { background-image: var(--radius-end); background-position: top right; } } }}.active-tab\:tab-active{&[data-tab].active { &:not([disabled]) { border-color: var(--color-primary); color: var(--color-primary); } .tabs-lifted > .tab&:not([disabled]) { background-color: var(--tab-bg); border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px); border-color: var(--tab-border-color); border-end-start-radius: 0; border-end-end-radius: 0; padding-inline-start: calc(var(--tab-p, 1rem) - var(--tab-border, 1px)); padding-inline-end: calc(var(--tab-p, 1rem) - var(--tab-border, 1px)); padding-bottom: var(--tab-border, 1px); padding-top: 0; } .tabs-lifted > .tab&:not([disabled]):before { content: ""; display: block; position: absolute; z-index: 1; width: calc(100% + var(--radius-field, 0.375rem) * 2); height: var(--radius-field, 0.375rem); bottom: 0; background-size: var(--radius-field, 0.375rem); background-repeat: no-repeat; background-position: top left, top right; --tab-grad: calc(69% - var(--tab-border, 1px)); --radius-start: radial-gradient( circle at top left, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) ); --radius-end: radial-gradient( circle at top right, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) ); background-image: var(--radius-start), var(--radius-end); } .tabs-lifted > .tab&:not([disabled]):first-child:before { background-image: var(--radius-end); background-position: top right; } .tabs-lifted > .tab&:not([disabled]):last-child:before { background-image: var(--radius-start); background-position: top left; } [dir="rtl"] .tabs-lifted > .tab&:not([disabled]):first-child:before { background-image: var(--radius-start); background-position: top left; } [dir="rtl"] .tabs-lifted > .tab&:not([disabled]):last-child:before { background-image: var(--radius-end); background-position: top right; } .tabs-lifted > &:not([disabled]) + .tabs-lifted .active-tab\:tab-active:not([disabled]) { &:before { background-image: var(--radius-end); background-position: top right; } } .tabs-lifted > .active-tab\:tab-active:not([disabled]) + .tabs-lifted &:not([disabled]) { &:before { background-image: var(--radius-end); background-position: top right; } } } [data-tab].active & { &:not([disabled]) { border-color: var(--color-primary); color: var(--color-primary); } .tabs-lifted > .tab&:not([disabled]) { background-color: var(--tab-bg); border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px); border-color: var(--tab-border-color); border-end-start-radius: 0; border-end-end-radius: 0; padding-inline-start: calc(var(--tab-p, 1rem) - var(--tab-border, 1px)); padding-inline-end: calc(var(--tab-p, 1rem) - var(--tab-border, 1px)); padding-bottom: var(--tab-border, 1px); padding-top: 0; } .tabs-lifted > .tab&:not([disabled]):before { content: ""; display: block; position: absolute; z-index: 1; width: calc(100% + var(--radius-field, 0.375rem) * 2); height: var(--radius-field, 0.375rem); bottom: 0; background-size: var(--radius-field, 0.375rem); background-repeat: no-repeat; background-position: top left, top right; --tab-grad: calc(69% - var(--tab-border, 1px)); --radius-start: radial-gradient( circle at top left, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) ); --radius-end: radial-gradient( circle at top right, transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.25px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px) ); background-image: var(--radius-start), var(--radius-end); } .tabs-lifted > .tab&:not([disabled]):first-child:before { background-image: var(--radius-end); background-position: top right; } .tabs-lifted > .tab&:not([disabled]):last-child:before { background-image: var(--radius-start); background-position: top left; } [dir="rtl"] .tabs-lifted > .tab&:not([disabled]):first-child:before { background-image: var(--radius-start); background-position: top left; } [dir="rtl"] .tabs-lifted > .tab&:not([disabled]):last-child:before { background-image: var(--radius-end); background-position: top right; } .tabs-lifted > &:not([disabled]) + .tabs-lifted .active-tab\:tab-active:not([disabled]) { &:before { background-image: var(--radius-end); background-position: top right; } } .tabs-lifted > .active-tab\:tab-active:not([disabled]) + .tabs-lifted &:not([disabled]) { &:before { background-image: var(--radius-end); background-position: top right; } } }}}@keyframes hero-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-reveal{animation:hero-reveal .6s ease-out both}.dark-stage{color:#f4f4f5}.stage-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,8%) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse 60% 60% at 50% 40%,black 30%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 60% 60% at 50% 40%,black 30%,transparent 85%);pointer-events:none}.ghost-num{position:absolute;top:-1rem;right:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11rem;font-weight:700;line-height:1;color:rgba(255,255,255,4%);pointer-events:none;user-select:none}.pre-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.pre-reveal.is-revealed{opacity:1;transform:translateY(0)}.stack-card{box-shadow:0 30px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,4%)}.stack-block{opacity:0;transform:translateY(-14px);transition:opacity .4s ease,transform .4s ease}.stack-block.stack-block-in{opacity:1;transform:translateY(0)}.stack-block.stack-block-out{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.stack-chip{white-space:nowrap}.stack-result{opacity:0;transform:translateY(-6px);transition:opacity .4s ease,transform .4s ease}.stack-result.stack-result-visible{opacity:1;transform:translateY(0)}.dm-window{height:260px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none}.dm-window::-webkit-scrollbar{display:none}.dm-item{opacity:0;transform:translateY(-14px);transition:opacity .7s ease,transform .7s ease}.dm-item.dm-item-in{opacity:1;transform:translateY(0)}.dm-item.dm-item-out{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.dm-check-circle{stroke-dasharray:64;stroke-dashoffset:64}.dm-check-tick{stroke-dasharray:16;stroke-dashoffset:16}.dm-item-in .dm-check-circle{animation:dm-draw .5s ease forwards}.dm-item-in .dm-check-tick{animation:dm-draw .25s ease forwards;animation-delay:.4s}@keyframes dm-draw{to{stroke-dashoffset:0}}.kw-cursor{animation:kw-blink 1s step-end infinite}@keyframes kw-blink{0%,100%{opacity:1}50%{opacity:0}}.kw-item{opacity:0;transform:translateY(-14px);transition:opacity .7s ease,transform .7s ease}.kw-item.kw-item-in{opacity:1;transform:translateY(0)}.kw-item.kw-item-out{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.kw-highlight{position:relative;color:var(--color-primary);font-weight:600;background:0 0;padding:0 2px}.kw-highlight::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:3px;background:var(--color-primary);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-primary) 18%,transparent);}transform:scaleX(0);transform-origin:left}.kw-item-in .kw-highlight::before{animation:kw-sweep .4s ease forwards;animation-delay:.15s}@keyframes kw-sweep{to{transform:scaleX(1)}}.tech-marquee-row{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.tech-marquee-track{display:flex;width:max-content;gap:.75rem;animation-name:tech-marquee-left;animation-timing-function:linear;animation-iteration-count:infinite}.tech-marquee-reverse{animation-name:tech-marquee-right}@keyframes tech-marquee-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes tech-marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}.tech-dark table{color:#d4d4d8}.tech-dark table thead th{color:#a1a1aa}.tech-dark table :where(thead,tbody) :where(tr){border-color:rgba(255,255,255,8%)}.tech-dark .link{color:#e4e4e7}.tech-dark .tab{color:#a1a1aa}.tech-dark .tab.active,.tech-dark .tab[aria-selected=true]{color:#fff}.tech-light table{color:#3f3f46}.tech-light table thead th{color:#71717a}.tech-light table :where(thead,tbody) :where(tr){border-color:rgba(0,0,0,8%)}.tech-light .link{color:#27272a}.tech-light .tab{color:#71717a}.tech-light .tab.active,.tech-light .tab[aria-selected=true]{color:#18181b}.ident-track{overflow-x:auto;scrollbar-width:none;cursor:grab}.ident-track::-webkit-scrollbar{display:none}.ident-track.is-dragging{cursor:grabbing;user-select:none}.ident-track.is-dragging .ident-card{pointer-events:none}#faq-list .accordion-item{margin:0!important;border:0!important;border-radius:0!important;background:0 0!important;box-shadow:none!important}#faq-list .accordion-item+.accordion-item{border-top:1px solid var(--color-base-content)!important;@supports(color:color-mix(in lab,red,red)){border-top: 1px solid color-mix(in srgb,var(--color-base-content) 12%,transparent) !important;}}#faq-list .accordion-toggle{appearance:none;-webkit-appearance:none;margin:0!important;padding:1.25rem 0!important;border:0!important;border-radius:0!important;background:0 0!important;box-shadow:none!important;outline:none;cursor:pointer}#faq-list .accordion-toggle:hover{background:0 0!important}#faq-list .accordion-content{border:0!important;border-radius:0!important;background:0 0!important;box-shadow:none!important}#faq-list .accordion-content p{margin:-.25rem 0 0;padding:0 0 1.25rem}.lic-flow .lic-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:.15em;fill:#71717a}.lic-flow .lic-frame{fill:#fff;stroke:#d4d4d8;stroke-width:1.5}.lic-flow .lic-dot{fill:#d4d4d8}.lic-flow .lic-bar{fill:#e4e4e7}.lic-flow .lic-path{stroke:#a1a1aa;stroke-width:1.5;fill:none;stroke-dasharray:5 6;animation:lic-dash 1.1s linear infinite}@keyframes lic-dash{to{stroke-dashoffset:-11}}.lic-flow .lic-db{fill:#fff;stroke:#a1a1aa;stroke-width:1.5}.lic-flow .lic-db-top{fill:#fff;stroke:var(--color-primary);stroke-width:1.5}.lic-flow .lic-seam{fill:none;stroke:#e4e4e7;stroke-width:1.5}.lic-flow .lic-pulse{fill:none;stroke:var(--color-primary);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:lic-pulse 2.8s ease-out infinite}@keyframes lic-pulse{0%{transform:scale(1);opacity:.5}75%{transform:scale(1.6);opacity:0}100%{transform:scale(1.6);opacity:0}}.lic-flow .lic-marker{fill:var(--color-primary)}.lic-flow .lic-row{opacity:0;animation:lic-row 6.4s ease-in-out infinite}.lic-flow .lic-row:nth-of-type(2){animation-delay:.8s}.lic-flow .lic-row:nth-of-type(3){animation-delay:1.6s}.lic-flow .lic-row:nth-of-type(4){animation-delay:2.4s}@keyframes lic-row{0%{opacity:0}7%{opacity:1}86%{opacity:1}96%{opacity:0}100%{opacity:0}}@media(prefers-reduced-motion:reduce){.lic-flow .lic-path,.lic-flow .lic-row,.lic-flow .lic-pulse{animation:none}.lic-flow .lic-row{opacity:1}.lic-flow .lic-pulse{opacity:0}}.sample-table-wrap{border:1px solid var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border: 1px solid color-mix(in srgb,var(--color-base-content) 12%,transparent);}border-radius:.875rem;overflow-x:auto;background:var(--color-base-100);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-base-100) 92%,transparent);}backdrop-filter:blur(6px)}.sample-table{width:100%;min-width:2600px;border-collapse:collapse;font-size:.8125rem}.sample-table thead th{text-align:left;padding:.75rem 1rem;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-base-content) 4%,var(--color-base-100));}border-bottom:1px solid var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border-bottom: 1px solid color-mix(in srgb,var(--color-base-content) 12%,transparent);}white-space:nowrap}.sample-table tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border-bottom: 1px solid color-mix(in srgb,var(--color-base-content) 8%,transparent);}color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklch,var(--color-base-content) 80%,var(--color-base-100));}white-space:nowrap}.sample-table tbody tr:last-child td{border-bottom:none}.sample-table tbody tr:hover td{background:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-base-content) 3%,transparent);}}.sample-table-domain{font-weight:600;color:var(--color-base-content)}.sample-table thead th:first-child,.sample-table tbody td:first-child{position:sticky;left:0;z-index:1;background:var(--color-base-100);box-shadow:1px 0 0 var(--color-base-content);@supports(color:color-mix(in lab,red,red)){box-shadow: 1px 0 0 color-mix(in srgb,var(--color-base-content) 12%,transparent);}}.sample-table tbody tr:hover td:first-child{background:var(--color-base-200)}.sample-table-empty{color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklch,var(--color-base-content) 70%,var(--color-base-100));}}.tech-chip{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:500;padding:.15rem .55rem;margin:.1rem .3rem .1rem 0;border-radius:9999px;background:var(--color-primary);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-primary) 10%,transparent);}color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklch,var(--color-base-content) 75%,var(--color-base-100));}white-space:nowrap}@font-face{font-family:twemoji country flags;unicode-range:U+1F1E6-1F1FF,U+1F3F4,U+E0062-E0063,U+E0065,U+E0067,U+E006C,U+E006E,U+E0073-U+E0074,U+E0077,U+E007F;src:url(/TwemojiCountryFlags.woff2)format('woff2');font-display:swap}:root,[data-theme=gourmet]{--color-text-muted:oklch(48% 0.012 67.5)}[data-theme=gourmet]{--accordion-disabled-bg:var(--color-base-200);@supports(color:color-mix(in lab,red,red)){--accordion-disabled-bg: color-mix(in oklch,var(--color-base-200) 60%,var(--color-base-100));}--accordion-disabled-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){--accordion-disabled-color: color-mix(in oklch,var(--color-base-content) 35%,var(--color-base-100));}}[data-theme=gourmet] .accordion-toggle{background:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){background: color-mix(in oklch,var(--color-base-content) 7%,var(--color-base-100));}}[data-theme=gourmet] .accordion-toggle:hover{background:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){background: color-mix(in oklch,var(--color-base-content) 10%,var(--color-base-100));}}[data-theme=gourmet] .filter-body{background:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){background: color-mix(in oklch,var(--color-base-content) 4%,var(--color-base-100));}color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklch,var(--color-base-content) 85%,var(--color-base-100));}}[data-theme=gourmet] .preview-card{background:var(--color-primary);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-primary) 5%,color-mix(in oklch,var(--color-base-content) 4%,var(--color-base-100)));}color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklch,var(--color-base-content) 85%,var(--color-base-100));}}[data-theme=gourmet] .order-card{background:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){background: color-mix(in oklch,var(--color-base-content) 7%,var(--color-base-100));}color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklch,var(--color-base-content) 85%,var(--color-base-100));}}[data-theme=gourmet] .accordion-item{border-color:var(--color-base-content)!important;@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in srgb,var(--color-base-content) 25%,transparent) !important;}}[data-theme=gourmet] .accordion-group{border-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in srgb,var(--color-base-content) 25%,transparent);}}[data-theme=gourmet] .accordion-group .accordion-item+.accordion-item{border-top-color:var(--color-base-content)!important;@supports(color:color-mix(in lab,red,red)){border-top-color: color-mix(in srgb,var(--color-base-content) 20%,transparent) !important;}}[data-theme=gourmet] .filter-body{box-shadow:inset 0 1px 0 var(--color-base-content);@supports(color:color-mix(in lab,red,red)){box-shadow: inset 0 1px 0 color-mix(in srgb,var(--color-base-content) 20%,transparent);}}.flag{font-family:twemoji country flags,twemoji mozilla,apple color emoji,segoe ui emoji,noto color emoji,sans-serif}.flag-polyfill{font-family:twemoji country flags;width:18px}[data-theme=gourmet] .text-primary,[data-theme=gourmet] .btn-soft.btn-primary,.text-primary-a11y,.policy-content a{color:oklch(48% .187 47.6)}.text-primary-accent{color:var(--color-primary)}.bg-primary-accent{background:var(--color-primary)}.border-primary-accent{border-color:var(--color-primary);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in srgb,var(--color-primary) 45%,transparent);}}::placeholder,.input::placeholder,textarea::placeholder{color:var(--color-text-muted)!important;opacity:1!important}[data-theme=gourmet] .input{--input-color:oklch(52% 0.008 67.5)}.text-gradient,.gradient-text{background:linear-gradient(135deg,#5a78ff,#c084fc,#ff5f82);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.query-layout{display:grid;grid-template-columns:minmax(0,1fr)420px;align-items:start;gap:1.5rem}@media(max-width:1023px){.query-layout{grid-template-columns:minmax(0,1fr)}}.preview-sticky{position:sticky;top:5.5rem}@media(max-width:1023px){.preview-sticky{position:static}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;gap:.5rem;text-align:center}.empty-state-icon{width:2.75rem;height:2.75rem;margin-bottom:.5rem;color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){color: color-mix(in oklch,var(--color-base-content) 30%,var(--color-base-100));}}.empty-state-title{font-size:.9375rem;font-weight:600;color:var(--color-text-muted)}.empty-state-description{font-size:.8125rem;color:var(--color-text-muted);max-width:28rem;line-height:1.5}.results-table-wrap{overflow-x:auto;border-radius:.5rem;border:1px solid var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border: 1px solid color-mix(in srgb,var(--color-base-content) 10%,transparent);}}.preview-card{border:1px solid var(--color-primary);@supports(color:color-mix(in lab,red,red)){border: 1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);}border-radius:.75rem;padding:1.5rem;background:var(--color-primary);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-primary) 5%,var(--color-base-100));}}.filter-group-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);padding:.25rem .25rem .5rem;margin-top:.5rem}.filter-group-label:first-child{margin-top:0}.btn-primary{box-shadow:var(--btn-shadow)}.btn{transition-property:color,background-color,border-color,box-shadow,opacity;transition-duration:250ms;transition-timing-function:ease}.accordion-item{border:1px solid var(--color-base-content)!important;@supports(color:color-mix(in lab,red,red)){border: 1px solid color-mix(in srgb,var(--color-base-content) 12%,transparent) !important;}border-radius:.75rem!important;margin-bottom:.75rem;overflow:visible!important;background:0 0!important;box-shadow:none!important}.accordion-toggle{display:flex!important;justify-content:space-between;align-items:center;padding:.875rem 1.25rem!important;background:var(--color-base-200);color:var(--color-base-content)!important;border-radius:.75rem!important;transition:background .25s ease,color .25s ease,opacity .25s ease;font-size:1rem!important;width:100%}.accordion-item.active>.accordion-toggle{border-radius:.75rem .75rem 0 0!important}.accordion-toggle:hover{background:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-base-content) 6%,var(--color-base-200));}}.accordion-toggle:disabled,.accordion-toggle:disabled:hover{background:var(--accordion-disabled-bg);color:var(--accordion-disabled-color);cursor:not-allowed;pointer-events:auto}.filter-body{padding:1.25rem;background:var(--color-base-100);border-radius:0 0 .75rem .75rem;box-shadow:inset 0 1px 0 var(--color-base-content);@supports(color:color-mix(in lab,red,red)){box-shadow: inset 0 1px 0 color-mix(in srgb,var(--color-base-content) 10%,transparent);}}.accordion-group{border:1px solid var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border: 1px solid color-mix(in srgb,var(--color-base-content) 12%,transparent);}border-radius:.75rem;margin-bottom:.75rem}.accordion-group .accordion-item{border:none!important;border-radius:0!important;margin-bottom:0!important}.accordion-group .accordion-item+.accordion-item{border-top:1px solid var(--color-base-content)!important;@supports(color:color-mix(in lab,red,red)){border-top: 1px solid color-mix(in srgb,var(--color-base-content) 10%,transparent) !important;}}.accordion-group .accordion-toggle{border-radius:0!important}.accordion-group .accordion-toggle:disabled,.accordion-group .accordion-toggle:disabled:hover{background:var(--accordion-disabled-bg)}.accordion-group .filter-body{border-radius:0!important}.accordion-group .accordion-item:first-child>.accordion-toggle{border-radius:.75rem .75rem 0 0!important}.accordion-group .accordion-item:last-child:not(.active)>.accordion-toggle{border-radius:0 0 .75rem .75rem!important}.accordion-group .accordion-item:last-child .filter-body{border-radius:0 0 .75rem .75rem!important}.accordion-group .accordion-item:first-child:last-child:not(.active)>.accordion-toggle{border-radius:.75rem!important}.accordion-group .accordion-item.active>.accordion-toggle{border-radius:0!important}.accordion-group .accordion-item:first-child.active>.accordion-toggle{border-radius:.75rem .75rem 0 0!important}.next-hint{transition:opacity .3s ease;display:flex;align-items:center;justify-content:flex-end;margin-top:.875rem;padding-top:.625rem;border-top:1px solid var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border-top: 1px solid color-mix(in srgb,var(--color-base-content) 8%,transparent);}}.next-hint button{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--color-primary);background:var(--color-primary);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-primary) 12%,transparent);}border:1px solid var(--color-primary);@supports(color:color-mix(in lab,red,red)){border: 1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);}border-radius:9999px;padding:.3rem .8rem .3rem 1rem;cursor:pointer;letter-spacing:.01em;transition:background .15s,border-color .15s,opacity .2s}.next-hint button:hover{background:var(--color-primary);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-primary) 20%,transparent);}border-color:var(--color-primary);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in srgb,var(--color-primary) 50%,transparent);}}.order-card{border:1px solid var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border: 1px solid color-mix(in srgb,var(--color-base-content) 12%,transparent);}border-radius:.75rem;padding:1.5rem;background:var(--color-base-200)}.navbar-search-inline{width:0;opacity:0;margin-right:0;transform:translateX(16px);overflow:visible;pointer-events:none;transition:width .45s cubic-bezier(.16,1,.3,1),margin-right .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),opacity .25s ease;position:relative;z-index:1}.navbar-search-inline.open{width:min(480px,40vw);opacity:1;pointer-events:auto;margin-right:.5rem;transform:translateX(0);transition:width .45s cubic-bezier(.16,1,.3,1),margin-right .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),opacity .2s ease .05s}@media(prefers-reduced-motion:reduce){.navbar-search-inline,.navbar-search-inline.open{transition:opacity .15s ease;transform:none}}.nav-header{transition:padding .3s ease;padding:0}.nav-header.is-scrolled{padding:.5rem .75rem 0}.nav-shell{max-width:1280px;padding:0 1rem;transition:border-radius .3s ease,box-shadow .3s ease,border-color .3s ease,padding .3s ease,background-color .3s ease,max-width .3s ease}@media(min-width:640px){.nav-shell{padding:0 1.5rem}}@media(min-width:1024px){.nav-shell{padding:0 2rem}}.nav-shell.is-scrolled{max-width:860px;background-color:#fff;border-radius:1rem;border-color:var(--color-base-content);@supports(color:color-mix(in lab,red,red)){border-color: color-mix(in srgb,var(--color-base-content) 10%,transparent);}box-shadow:0 4px 6px -1px oklch(0% 0 0/.1),0 2px 4px -2px oklch(0% 0 0/.1)}@media(min-width:1024px){.nav-shell.is-scrolled{padding:0 1.5rem}}.nav-inner{transition:min-height .3s ease;min-height:4.5rem}.nav-shell.is-scrolled .nav-inner{min-height:3.25rem;padding-top:0;padding-bottom:0}.nav-logo{width:2rem;height:2rem;transition:width .3s ease,height .3s ease}.nav-header.is-scrolled .nav-logo{width:1.75rem;height:1.75rem}.policy-content h1{margin-top:3rem;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:#18181b}.policy-content h1:first-child{margin-top:0}.policy-content p{margin-top:1rem;font-weight:300;line-height:1.75;color:#52525b}.policy-content ol,.policy-content ul{margin-top:1rem;padding-left:1.5rem}.policy-content ol{list-style:decimal}.policy-content ul{list-style:disc}.policy-content li{margin-top:.75rem;font-weight:300;line-height:1.75;color:#52525b}.policy-content li::marker{color:#a1a1aa}.policy-content strong{font-weight:600;color:#27272a}.policy-content a{font-weight:500}.policy-content a:hover{text-decoration:underline}.policy-content hr{display:none}.status-badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-badge.pending{background:var(--color-warning);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-warning) 20%,transparent);}color:var(--color-warning)}.status-badge.paid{background:var(--color-info);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-info) 20%,transparent);}color:var(--color-info)}.status-badge.processing{background:var(--color-primary);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-primary) 20%,transparent);}color:var(--color-primary)}.status-badge.complete{background:var(--color-success);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-success) 20%,transparent);}color:var(--color-success)}.status-badge.failed{background:var(--color-error);@supports(color:color-mix(in lab,red,red)){background: color-mix(in srgb,var(--color-error) 20%,transparent);}color:var(--color-error)}@layer base{:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(97.8% 0.005 297.73);--color-base-300:oklch(37.01% 0.0069 297.49);--color-base-content:oklch(37.57% 0.022 281.8);--color-primary:oklch(57.59% 0.247 287.24);--color-primary-content:oklch(96.57% 0.017 289.61);--color-secondary:oklch(55.79% 0.022 301.91);--color-secondary-content:oklch(97.64% 0.001 286.38);--color-accent:oklch(62.31% 0.188 259.81);--color-accent-content:oklch(97.05% 0.014 254.6);--color-neutral:oklch(37.57% 0.0222 281.8);--color-neutral-content:oklch(0.98 0.0013 286.38);--color-info:oklch(71.48% 0.126 215.22);--color-info-content:oklch(98.41% 0.019 200.87);--color-success:oklch(73.11% 0.217 147.04);--color-success-content:oklch(98.1% 0.014 174.18);--color-warning:oklch(79.87% 0.164 73.09);--color-warning-content:oklch(99.34% 0.011 95.16);--color-error:oklch(65.39% 0.222 25.86);--color-error-content:oklch(98.76% 0.009 67.73);--radius-selector:0.25rem;--radius-field:0.375rem;--radius-box:0.5rem;--size-selector:0.25rem;--size-field:0.25rem;--border:1px;--depth:0;--noise:0}}@layer base{@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-base-100:oklch(31.23% 0.026 301.24);--color-base-200:oklch(25.39% 0.025 298.72);--color-base-300:oklch(23.44% 0.0194 298.63);--color-base-content:oklch(84.98% 0.014 295.28);--color-primary:oklch(53.93% 0.271 286.75);--color-primary-content:oklch(88.22% 0.062 290.17);--color-secondary:oklch(49.12% 0.021 303.05);--color-secondary-content:oklch(88.83% 0.007 304.23);--color-accent:oklch(54.61% 0.215 262.88);--color-accent-content:oklch(88.23% 0.057 254.13);--color-neutral:oklch(65.75% 0.022 294.95);--color-neutral-content:oklch(18.51% 0.017 301.92);--color-info:oklch(60.89% 0.111 221.72);--color-info-content:oklch(91.67% 0.077 205.04);--color-success:oklch(67.35% 0.201 146.84);--color-success-content:oklch(91.38% 0.069 168.24);--color-warning:oklch(72.59% 0.152 69.05);--color-warning-content:oklch(96.07% 0.057 93.2);--color-error:oklch(59.54% 0.208 26.28);--color-error-content:oklch(93.4% 0.039 54.86);--radius-selector:0.25rem;--radius-field:0.375rem;--radius-box:0.5rem;--size-selector:0.25rem;--size-field:0.25rem;--border:1px;--depth:0;--noise:0}}}@layer base{:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(97.8% 0.005 297.73);--color-base-300:oklch(37.01% 0.0069 297.49);--color-base-content:oklch(37.57% 0.022 281.8);--color-primary:oklch(57.59% 0.247 287.24);--color-primary-content:oklch(96.57% 0.017 289.61);--color-secondary:oklch(55.79% 0.022 301.91);--color-secondary-content:oklch(97.64% 0.001 286.38);--color-accent:oklch(62.31% 0.188 259.81);--color-accent-content:oklch(97.05% 0.014 254.6);--color-neutral:oklch(37.57% 0.0222 281.8);--color-neutral-content:oklch(0.98 0.0013 286.38);--color-info:oklch(71.48% 0.126 215.22);--color-info-content:oklch(98.41% 0.019 200.87);--color-success:oklch(73.11% 0.217 147.04);--color-success-content:oklch(98.1% 0.014 174.18);--color-warning:oklch(79.87% 0.164 73.09);--color-warning-content:oklch(99.34% 0.011 95.16);--color-error:oklch(65.39% 0.222 25.86);--color-error-content:oklch(98.76% 0.009 67.73);--radius-selector:0.25rem;--radius-field:0.375rem;--radius-box:0.5rem;--size-selector:0.25rem;--size-field:0.25rem;--border:1px;--depth:0;--noise:0}}@layer base{:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(31.23% 0.026 301.24);--color-base-200:oklch(25.39% 0.025 298.72);--color-base-300:oklch(23.44% 0.0194 298.63);--color-base-content:oklch(84.98% 0.014 295.28);--color-primary:oklch(53.93% 0.271 286.75);--color-primary-content:oklch(88.22% 0.062 290.17);--color-secondary:oklch(49.12% 0.021 303.05);--color-secondary-content:oklch(88.83% 0.007 304.23);--color-accent:oklch(54.61% 0.215 262.88);--color-accent-content:oklch(88.23% 0.057 254.13);--color-neutral:oklch(65.75% 0.022 294.95);--color-neutral-content:oklch(18.51% 0.017 301.92);--color-info:oklch(60.89% 0.111 221.72);--color-info-content:oklch(91.67% 0.077 205.04);--color-success:oklch(67.35% 0.201 146.84);--color-success-content:oklch(91.38% 0.069 168.24);--color-warning:oklch(72.59% 0.152 69.05);--color-warning-content:oklch(96.07% 0.057 93.2);--color-error:oklch(59.54% 0.208 26.28);--color-error-content:oklch(93.4% 0.039 54.86);--radius-selector:0.25rem;--radius-field:0.375rem;--radius-box:0.5rem;--size-selector:0.25rem;--size-field:0.25rem;--border:1px;--depth:0;--noise:0}}@layer base{:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}.chat{--mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")}.tooltip{--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")}}@layer base{:root{scrollbar-color:currentColor #0000;@supports(color:color-mix(in lab,red,red)){scrollbar-color: color-mix(in oklch,currentColor 20%,#0000) #0000;}}}@layer base{@property --radialprogress{syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }}@layer base{:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}}@layer base{button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes radio-inset{0%{padding:1px}50%{padding:4px}}@keyframes skeleton{0%{background-position:150%}100%{background-position:-50%}}@keyframes indeterminate-progress{0%{background-position-x:-75%}50%{background-position-x:125%}100%{background-position-x:-75%}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}@layer base{:where(:root),:root:has(input.theme-controller[value=gourmet]:checked),[data-theme=gourmet]{color-scheme:light;--color-base-100:oklch(99.45% 0.002 67.8);--color-base-200:oklch(98.19% 0.008 61.46);--color-base-300:oklch(47% 0.0131 54.28);--color-base-content:oklch(32.38% 0.009 67.5);--color-primary:oklch(70.49% 0.187 47.6);--color-primary-content:oklch(97.96% 0.016 73.68);--color-secondary:oklch(55.79% 0.022 301.91);--color-secondary-content:oklch(95.05% 0.003 308.43);--color-accent:oklch(65.59% 0.212 354.31);--color-accent-content:oklch(97.14% 0.014 343.2);--color-neutral:oklch(32.38% 0.009 67.5);--color-neutral-content:oklch(99.45% 0.002 67.8);--color-info:oklch(68.47% 0.148 237.32);--color-info-content:oklch(97.71% 0.012 236.62);--color-success:oklch(69.59% 0.149 162.48);--color-success-content:oklch(97.93% 0.021 166.11);--color-warning:oklch(57.59% 0.247 287.24);--color-warning-content:oklch(96.57% 0.017 289.61);--color-error:oklch(65.39% 0.222 25.86);--color-error-content:oklch(98.76% 0.009 67.73);--radius-selector:2rem;--radius-field:2rem;--radius-box:0.75rem;--size-selector:0.25rem;--size-field:0.25rem;--border:1px;--depth:1;--noise:0}}@layer base{:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}.chat{--mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")}.tooltip{--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")}}@layer base{:root{scrollbar-color:currentColor #0000;@supports(color:color-mix(in lab,red,red)){scrollbar-color: color-mix(in oklch,currentColor 20%,#0000) #0000;}}}@layer base{@property --radialprogress{syntax: "<percentage>";
    inherits: true;
    initial-value: 0%;
  }}@layer base{:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}}@layer base{button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes radio-inset{0%{padding:1px}50%{padding:4px}}@keyframes skeleton{0%{background-position:150%}100%{background-position:-50%}}@keyframes indeterminate-progress{0%{background-position-x:-75%}50%{background-position-x:125%}100%{background-position-x:-75%}}@keyframes progress-bar-stripes{0%{background-position-x:.75rem}}@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-border-style{syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-leading{syntax: "*";
  inherits: false;
}@property --tw-font-weight{syntax: "*";
  inherits: false;
}@property --tw-tracking{syntax: "*";
  inherits: false;
}@property --tw-ordinal{syntax: "*";
  inherits: false;
}@property --tw-slashed-zero{syntax: "*";
  inherits: false;
}@property --tw-numeric-figure{syntax: "*";
  inherits: false;
}@property --tw-numeric-spacing{syntax: "*";
  inherits: false;
}@property --tw-numeric-fraction{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: 0px;
}@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-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;
}@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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-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}}}