/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Nunito", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-700:oklch(55.3% .195 38.402);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-sky-400:oklch(74.6% .16 232.661);--color-indigo-400:oklch(67.3% .182 276.935);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-5xl:3rem;--text-5xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-loose:2;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--animate-wiggle:wiggle 1s ease-in-out infinite;--color-primary:hsl(var(--color-primary));--color-secondary:hsl(var(--color-secondary));--color-neutral:hsl(var(--color-neutral));--color-base:hsl(var(--color-base));--color-muted:hsl(var(--color-muted));--color-inverted:hsl(var(--color-inverted));--color-success:hsl(var(--color-success));--color-error:hsl(var(--color-error));--color-warning:hsl(var(--color-warning));--color-inactive:hsl(var(--color-inactive));--color-info:hsl(var(--color-info));--color-background:hsl(var(--color-background));--color-background-secondary:hsl(var(--color-background-secondary))}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentColor)}::file-selector-button{border-color:var(--color-gray-200,currentColor)}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{inset-block:0}.start-0{inset-inline-start:calc(var(--spacing) * 0)}.end-0{inset-inline-end:calc(var(--spacing) * 0)}.-top-1{top:calc(var(--spacing) * -1)}.top-0{top:0}.top-2{top:calc(var(--spacing) * 2)}.top-16{top:calc(var(--spacing) * 16)}.top-\[2px\]{top:2px}.top-full{top:100%}.right-0{right:0}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-\[2px\]{left:2px}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[99\]{z-index:99}.order-1{order:1}.order-2{order:2}.order-first{order:-9999}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.float-right{float:right}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.container\!{width:100%!important}@media (width>=40rem){.container\!{max-width:40rem!important}}@media (width>=48rem){.container\!{max-width:48rem!important}}@media (width>=64rem){.container\!{max-width:64rem!important}}@media (width>=80rem){.container\!{max-width:80rem!important}}@media (width>=96rem){.container\!{max-width:96rem!important}}.container{max-width:1380px;padding-inline:calc(var(--spacing) * 4);margin-inline:auto}@media (width>=40rem){.container{padding-inline:calc(var(--spacing) * 6)}}@media (width>=64rem){.container{padding-inline:calc(var(--spacing) * 8)}}.container\!{max-width:1380px!important;padding-inline:calc(var(--spacing) * 4)!important;margin-inline:auto!important}@media (width>=40rem){.container\!{padding-inline:calc(var(--spacing) * 6)!important}}@media (width>=64rem){.container\!{padding-inline:calc(var(--spacing) * 8)!important}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing) * 2)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-5{margin-block:calc(var(--spacing) * 5)}.my-6{margin-block:calc(var(--spacing) * 6)}.my-12{margin-block:calc(var(--spacing) * 12)}.my-14{margin-block:calc(var(--spacing) * 14)}.ms-2{margin-inline-start:calc(var(--spacing) * 2)}.me-2{margin-inline-end:calc(var(--spacing) * 2)}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.71429}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em;margin-bottom:1.14286em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.888889em;margin-bottom:.888889em;font-size:1.28571em;line-height:1.55556}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.33333em;margin-bottom:1.33333em;padding-inline-start:1.11111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:.8em;font-size:2.14286em;line-height:1.2}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6em;margin-bottom:.8em;font-size:1.42857em;line-height:1.4}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.55556em;margin-bottom:.444444em;font-size:1.28571em;line-height:1.55556}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.42857em;margin-bottom:.571429em;line-height:1.42857}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.71429em;margin-bottom:1.71429em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.71429em;margin-bottom:1.71429em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.142857em;padding-inline-end:.357143em;padding-bottom:.142857em;border-radius:.3125rem;padding-inline-start:.357143em;font-size:.857143em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.857143em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.666667em;padding-inline-end:1em;padding-bottom:.666667em;border-radius:.25rem;margin-top:1.66667em;margin-bottom:1.66667em;padding-inline-start:1em;font-size:.857143em;line-height:1.66667}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em;margin-bottom:1.14286em;padding-inline-start:1.57143em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.285714em;margin-bottom:.285714em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.428571em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.571429em;margin-bottom:.571429em}.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em}.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.14286em}.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em}.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.14286em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.571429em;margin-bottom:.571429em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em;margin-bottom:1.14286em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.14286em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.285714em;padding-inline-start:1.57143em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2.85714em;margin-bottom:2.85714em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.857143em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:1em;padding-bottom:.666667em;padding-inline-start:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.666667em;padding-inline-end:1em;padding-bottom:.666667em;padding-inline-start:1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.71429em;margin-bottom:1.71429em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.666667em;font-size:.857143em;line-height:1.33333}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.\!mt-0{margin-top:0!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-44{margin-top:calc(var(--spacing) * 44)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mr-auto{margin-right:auto}.-mb-px{margin-bottom:-1px}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.form-checkbox{appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:oklch(54.6% .245 262.881);--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:oklch(55.1% .027 264.364);border-radius:0;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}.form-checkbox:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);outline:2px solid #0000}.form-checkbox:checked{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){.form-checkbox:checked{appearance:auto}}.form-checkbox:checked:hover,.form-checkbox:checked:focus{background-color:currentColor;border-color:#0000}.form-checkbox:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){.form-checkbox:indeterminate{appearance:auto}}.form-checkbox:indeterminate:hover,.form-checkbox:indeterminate:focus{background-color:currentColor;border-color:#0000}.form-radio{appearance:none;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle;-webkit-user-select:none;user-select:none;color:oklch(54.6% .245 262.881);--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;border-color:oklch(55.1% .027 264.364);border-radius:100%;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}.form-radio:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);outline:2px solid #0000}.form-radio:checked{background-color:currentColor;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#0000}@media (forced-colors:active){.form-radio:checked{appearance:auto}}.form-radio:checked:hover,.form-radio:checked:focus{background-color:currentColor;border-color:#0000}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline\!{display:inline!important}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table\!{display:table!important}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.aspect-square{aspect-ratio:1}.\!size-4{width:calc(var(--spacing) * 4)!important;height:calc(var(--spacing) * 4)!important}.size-1{width:var(--spacing);height:var(--spacing)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.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-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-16{height:calc(var(--spacing) * 16)}.h-48{height:calc(var(--spacing) * 48)}.h-64{height:calc(var(--spacing) * 64)}.h-96{height:calc(var(--spacing) * 96)}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-28{max-height:calc(var(--spacing) * 28)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[calc\(100\%-theme\(\'spacing\.8\'\)\)\]{max-height:calc(100% - 2rem)}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-\[38px\]{min-height:38px}.min-h-\[100vh\]{min-height:100vh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-14{width:calc(var(--spacing) * 14)!important}.\!w-fit{width:fit-content!important}.w-2{width:calc(var(--spacing) * 2)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-14{width:calc(var(--spacing) * 14)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-84{width:calc(var(--spacing) * 84)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-\[80\%\]{max-width:80%}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.min-w-\[140px\]{min-width:140px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-45{rotate:-45deg}.-rotate-90{rotate:-90deg}.-rotate-180{rotate:-180deg}.rotate-0{rotate:0deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.animate-spin{animation:var(--animate-spin)}.animate-wiggle{animation:var(--animate-wiggle)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize\!{resize:both!important}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.form-select{appearance:none;--tw-shadow:0 0 #0000;background-color:#fff;border-width:1px;border-color:oklch(55.1% .027 264.364);border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}.form-select:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:oklch(54.6% .245 262.881);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-color:oklch(54.6% .245 262.881);outline:2px solid #0000}.form-select{-webkit-print-color-adjust:exact;print-color-adjust:exact;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;print-color-adjust:unset;padding-right:.75rem}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.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}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>: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)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-7{row-gap:calc(var(--spacing) * 7)}:where(.divide-y>: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)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.card{border-radius:var(--radius-xl);border-style:var(--tw-border-style);border-width:1px;border-color:hsl(var(--color-neutral));background-color:hsl(var(--color-background-secondary));color:hsl(var(--color-base))}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-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}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.\!border-yellow-600{border-color:var(--color-yellow-600)!important}.border-background{border-color:hsl(var(--color-background))}.border-base\/50{border-color:color-mix(in srgb, hsl(hsl(var(--color-base))) 50%, transparent)}@supports (color:color-mix(in lab, red, red)){.border-base\/50{border-color:color-mix(in oklab, hsl(var(--color-base)) 50%, transparent)}}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-500{border-color:var(--color-gray-500)}.border-neutral{border-color:hsl(var(--color-neutral))}.border-neutral\/10{border-color:color-mix(in srgb, hsl(hsl(var(--color-neutral))) 10%, transparent)}@supports (color:color-mix(in lab, red, red)){.border-neutral\/10{border-color:color-mix(in oklab, hsl(var(--color-neutral)) 10%, transparent)}}.border-neutral\/20{border-color:color-mix(in srgb, hsl(hsl(var(--color-neutral))) 20%, transparent)}@supports (color:color-mix(in lab, red, red)){.border-neutral\/20{border-color:color-mix(in oklab, hsl(var(--color-neutral)) 20%, transparent)}}.border-neutral\/50{border-color:color-mix(in srgb, hsl(hsl(var(--color-neutral))) 50%, transparent)}@supports (color:color-mix(in lab, red, red)){.border-neutral\/50{border-color:color-mix(in oklab, hsl(var(--color-neutral)) 50%, transparent)}}.border-primary{border-color:hsl(var(--color-primary))}.border-transparent{border-color:#0000}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-background{background-color:hsl(var(--color-background))}.bg-background-secondary{background-color:hsl(var(--color-background-secondary))}.bg-background-secondary\/30{background-color:color-mix(in srgb, hsl(hsl(var(--color-background-secondary))) 30%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-background-secondary\/30{background-color:color-mix(in oklab, hsl(var(--color-background-secondary)) 30%, transparent)}}.bg-background-secondary\/50{background-color:color-mix(in srgb, hsl(hsl(var(--color-background-secondary))) 50%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-background-secondary\/50{background-color:color-mix(in oklab, hsl(var(--color-background-secondary)) 50%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-900{background-color:var(--color-green-900)}.bg-inactive\/20{background-color:color-mix(in srgb, hsl(hsl(var(--color-inactive))) 20%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-inactive\/20{background-color:color-mix(in oklab, hsl(var(--color-inactive)) 20%, transparent)}}.bg-info\/20{background-color:color-mix(in srgb, hsl(hsl(var(--color-info))) 20%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-info\/20{background-color:color-mix(in oklab, hsl(var(--color-info)) 20%, transparent)}}.bg-neutral{background-color:hsl(var(--color-neutral))}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-orange-700{background-color:var(--color-orange-700)}.bg-primary{background-color:hsl(var(--color-primary))}.bg-primary\/5{background-color:color-mix(in srgb, hsl(hsl(var(--color-primary))) 5%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/5{background-color:color-mix(in oklab, hsl(var(--color-primary)) 5%, transparent)}}.bg-primary\/60{background-color:color-mix(in srgb, hsl(hsl(var(--color-primary))) 60%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/60{background-color:color-mix(in oklab, hsl(var(--color-primary)) 60%, transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-900{background-color:var(--color-red-900)}.bg-secondary{background-color:hsl(var(--color-secondary))}.bg-secondary\/10{background-color:color-mix(in srgb, hsl(hsl(var(--color-secondary))) 10%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/10{background-color:color-mix(in oklab, hsl(var(--color-secondary)) 10%, transparent)}}.bg-success{background-color:hsl(var(--color-success))}.bg-success\/20{background-color:color-mix(in srgb, hsl(hsl(var(--color-success))) 20%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-success\/20{background-color:color-mix(in oklab, hsl(var(--color-success)) 20%, transparent)}}.bg-transparent{background-color:#0000}.bg-warning\/20{background-color:color-mix(in srgb, hsl(hsl(var(--color-warning))) 20%, transparent)}@supports (color:color-mix(in lab, red, red)){.bg-warning\/20{background-color:color-mix(in oklab, hsl(var(--color-warning)) 20%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-600\/20{background-color:#cd890033}@supports (color:color-mix(in lab, red, red)){.bg-yellow-600\/20{background-color:color-mix(in oklab, var(--color-yellow-600) 20%, transparent)}}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-none{background-image:none}.from-secondary{--tw-gradient-from:hsl(var(--color-secondary));--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-secondary{--tw-gradient-via:hsl(var(--color-secondary));--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-20\%{--tw-gradient-via-position:20%}.via-50\%{--tw-gradient-via-position:50%}.to-\[\#5573FD80\]{--tw-gradient-to:#5573fd80;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.fill-background{fill:hsl(var(--color-background))}.fill-base\/50{fill:color-mix(in srgb, hsl(hsl(var(--color-base))) 50%, transparent)}@supports (color:color-mix(in lab, red, red)){.fill-base\/50{fill:color-mix(in oklab, hsl(var(--color-base)) 50%, transparent)}}.fill-black{fill:var(--color-black)}.fill-secondary{fill:hsl(var(--color-secondary))}.fill-yellow-600{fill:var(--color-yellow-600)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-center{object-position:center}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-12{padding:calc(var(--spacing) * 12)}.p-14{padding:calc(var(--spacing) * 14)}.p-\[5px\]{padding:5px}.\!px-2{padding-inline:calc(var(--spacing) * 2)!important}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.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-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-20{padding-block:calc(var(--spacing) * 20)}.ps-3{padding-inline-start:calc(var(--spacing) * 3)}.ps-10{padding-inline-start:calc(var(--spacing) * 10)}.pt-0{padding-top:0}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-\[6px\]{padding-top:6px}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.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-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--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-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6)}.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-xs\/5{font-size:var(--text-xs);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-base{color:hsl(var(--color-base))}.text-base\/20{color:color-mix(in srgb, hsl(hsl(var(--color-base))) 20%, transparent)}@supports (color:color-mix(in lab, red, red)){.text-base\/20{color:color-mix(in oklab, hsl(var(--color-base)) 20%, transparent)}}.text-base\/30{color:color-mix(in srgb, hsl(hsl(var(--color-base))) 30%, transparent)}@supports (color:color-mix(in lab, red, red)){.text-base\/30{color:color-mix(in oklab, hsl(var(--color-base)) 30%, transparent)}}.text-base\/50{color:color-mix(in srgb, hsl(hsl(var(--color-base))) 50%, transparent)}@supports (color:color-mix(in lab, red, red)){.text-base\/50{color:color-mix(in oklab, hsl(var(--color-base)) 50%, transparent)}}.text-base\/60{color:color-mix(in srgb, hsl(hsl(var(--color-base))) 60%, transparent)}@supports (color:color-mix(in lab, red, red)){.text-base\/60{color:color-mix(in oklab, hsl(var(--color-base)) 60%, transparent)}}.text-base\/70{color:color-mix(in srgb, hsl(hsl(var(--color-base))) 70%, transparent)}@supports (color:color-mix(in lab, red, red)){.text-base\/70{color:color-mix(in oklab, hsl(var(--color-base)) 70%, transparent)}}.text-base\/80{color:color-mix(in srgb, hsl(hsl(var(--color-base))) 80%, transparent)}@supports (color:color-mix(in lab, red, red)){.text-base\/80{color:color-mix(in oklab, hsl(var(--color-base)) 80%, transparent)}}.text-current{color:currentColor}.text-error\/80{color:color-mix(in srgb, hsl(hsl(var(--color-error))) 80%, transparent)}@supports (color:color-mix(in lab, red, red)){.text-error\/80{color:color-mix(in oklab, hsl(var(--color-error)) 80%, transparent)}}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-950{color:var(--color-gray-950)}.text-green-300{color:var(--color-green-300)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-inactive{color:hsl(var(--color-inactive))}.text-indigo-400{color:var(--color-indigo-400)}.text-info{color:hsl(var(--color-info))}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-orange-500{color:var(--color-orange-500)}.text-primary{color:hsl(var(--color-primary))}.text-red-100{color:var(--color-red-100)}.text-red-300{color:var(--color-red-300)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-800{color:var(--color-red-800)}.text-secondary{color:hsl(var(--color-secondary))}.text-success{color:hsl(var(--color-success))}.text-warning{color:hsl(var(--color-warning))}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.placeholder-neutral\/80::placeholder{color:color-mix(in srgb, hsl(hsl(var(--color-neutral))) 80%, transparent)}@supports (color:color-mix(in lab, red, red)){.placeholder-neutral\/80::placeholder{color:color-mix(in oklab, hsl(var(--color-neutral)) 80%, transparent)}}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-gray-950\/5{--tw-ring-color:#0307120d}@supports (color:color-mix(in lab, red, red)){.ring-gray-950\/5{--tw-ring-color:color-mix(in oklab, var(--color-gray-950) 5%, transparent)}}.ring-neutral-800{--tw-ring-color:var(--color-neutral-800)}.ring-primary{--tw-ring-color:hsl(var(--color-primary))}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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,)!important}.backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-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))}.delay-150{transition-delay:.15s}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[program\:nginx\]{program:nginx}.\[program\:php-fpm\]{program:php-fpm}.\[program\:queue-worker\]{program:queue-worker}.\[rpcinterface\:supervisor\]{rpcinterface:supervisor}@media (hover:hover){.group-hover\:rotate-0:is(:where(.group):hover *){rotate:0deg}}.peer-checked\:translate-x-full:is(:where(.peer):checked~*){--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.peer-checked\:border-secondary:is(:where(.peer):checked~*){border-color:hsl(var(--color-secondary))}.peer-checked\:bg-primary:is(:where(.peer):checked~*){background-color:hsl(var(--color-primary))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0}.before\:bg-primary:before{content:var(--tw-content);background-color:hsl(var(--color-primary))}.before\:\[mask-image\:_linear-gradient\(to_right\,theme\(colors\.white\)\,theme\(colors\.white\)_var\(--progress\)\,transparent_var\(--progress\)\)\]:before{content:var(--tw-content);-webkit-mask-image:linear-gradient(to right,#fff,#fff var(--progress),transparent var(--progress));-webkit-mask-image:linear-gradient(to right,#fff,#fff var(--progress),transparent var(--progress));-webkit-mask-image:linear-gradient(to right,#fff,#fff var(--progress),transparent var(--progress));mask-image:linear-gradient(to right,#fff,#fff var(--progress),transparent var(--progress))}@media (hover:hover){.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:bg-background-secondary\/50:hover{background-color:color-mix(in srgb, hsl(hsl(var(--color-background-secondary))) 50%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-background-secondary\/50:hover{background-color:color-mix(in oklab, hsl(var(--color-background-secondary)) 50%, transparent)}}.hover\:bg-background-secondary\/80:hover{background-color:color-mix(in srgb, hsl(hsl(var(--color-background-secondary))) 80%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-background-secondary\/80:hover{background-color:color-mix(in oklab, hsl(var(--color-background-secondary)) 80%, transparent)}}.hover\:bg-background\/50:hover{background-color:color-mix(in srgb, hsl(hsl(var(--color-background))) 50%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-background\/50:hover{background-color:color-mix(in oklab, hsl(var(--color-background)) 50%, transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-neutral:hover{background-color:hsl(var(--color-neutral))}.hover\:bg-neutral-700:hover{background-color:var(--color-neutral-700)}.hover\:bg-primary\/5:hover{background-color:color-mix(in srgb, hsl(hsl(var(--color-primary))) 5%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab, hsl(var(--color-primary)) 5%, transparent)}}.hover\:bg-primary\/80:hover{background-color:color-mix(in srgb, hsl(hsl(var(--color-primary))) 80%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, hsl(var(--color-primary)) 80%, transparent)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-secondary:hover{background-color:hsl(var(--color-secondary))}.hover\:text-base:hover{color:hsl(var(--color-base))}.hover\:text-base\/80:hover{color:color-mix(in srgb, hsl(hsl(var(--color-base))) 80%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:text-base\/80:hover{color:color-mix(in oklab, hsl(var(--color-base)) 80%, transparent)}}.hover\:text-error:hover{color:hsl(var(--color-error))}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-primary:hover{color:hsl(var(--color-primary))}.hover\:text-primary\/80:hover{color:color-mix(in srgb, hsl(hsl(var(--color-primary))) 80%, transparent)}@supports (color:color-mix(in lab, red, red)){.hover\:text-primary\/80:hover{color:color-mix(in oklab, hsl(var(--color-primary)) 80%, transparent)}}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-secondary:hover{color:hsl(var(--color-secondary))}.hover\:text-yellow-100:hover{color:var(--color-yellow-100)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-primary:focus{border-color:hsl(var(--color-primary))}.focus\:border-secondary:focus{border-color:hsl(var(--color-secondary))}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-neutral-800:focus{--tw-ring-color:var(--color-neutral-800)}.focus\:ring-primary:focus{--tw-ring-color:hsl(var(--color-primary))}.focus\:ring-secondary:focus{--tw-ring-color:hsl(var(--color-secondary))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-gray-100:focus-visible{background-color:var(--color-gray-100)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-background-secondary\/50:disabled{background-color:color-mix(in srgb, hsl(hsl(var(--color-background-secondary))) 50%, transparent)}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-background-secondary\/50:disabled{background-color:color-mix(in oklab, hsl(var(--color-background-secondary)) 50%, transparent)}}.disabled\:opacity-50:disabled{opacity:.5}.has-\[option\:disabled\:checked\]\:text-muted:has(:is(option:disabled:checked)){color:hsl(var(--color-muted))}@media (width>=40rem){.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:col-auto{grid-column:auto}.sm\:mt-0{margin-top:0}.sm\:mt-4{margin-top:calc(var(--spacing) * 4)}.sm\:ml-auto{margin-left:auto}.sm\:flex{display:flex}.sm\:\!w-fit{width:fit-content!important}.sm\:w-72{width:calc(var(--spacing) * 72)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-row-reverse{flex-direction:row-reverse}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-14{padding-inline:calc(var(--spacing) * 14)}.sm\:text-right{text-align:right}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:text-xl\/8{font-size:var(--text-xl);line-height:calc(var(--spacing) * 8)}}@media (width>=48rem){.md\:order-last{order:9999}.md\:col-span-3{grid-column:span 3/span 3}.md\:mx-auto{margin-inline:auto}.md\:ml-64{margin-left:calc(var(--spacing) * 64)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-16{height:calc(var(--spacing) * 16)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:p-12{padding:calc(var(--spacing) * 12)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}}@media (width>=64rem){.lg\:mt-72{margin-top:calc(var(--spacing) * 72)}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-4{padding-inline:calc(var(--spacing) * 4)}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:py-2{padding-block:calc(var(--spacing) * 2)}.lg\:py-6{padding-block:calc(var(--spacing) * 6)}}@media (width>=80rem){.xl\:max-w-\[40\%\]{max-width:40%}.xl\:max-w-\[60\%\]{max-width:60%}.xl\:max-w-\[700px\]{max-width:700px}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.rtl\:right-0:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){right:0}.rtl\:ml-0:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){margin-left:0}@media (width>=48rem){.rtl\:md\:mr-64:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){margin-right:calc(var(--spacing) * 64)}}.dark\:hidden:where(.dark,.dark *){display:none}.dark\:inline-block:where(.dark,.dark *){display:inline-block}.dark\:border-gray-600:where(.dark,.dark *){border-color:var(--color-gray-600)}.dark\:border-gray-700:where(.dark,.dark *){border-color:var(--color-gray-700)}.dark\:border-white\/10:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/10:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:bg-white\/5:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:fill-white:where(.dark,.dark *){fill:var(--color-white)}.dark\:text-base:where(.dark,.dark *){color:hsl(var(--color-base))}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:where(.dark,.dark *){color:var(--color-gray-500)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:ring-white\/10:where(.dark,.dark *){--tw-ring-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:ring-white\/10:where(.dark,.dark *){--tw-ring-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:prose-invert:where(.dark,.dark *){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}@media (hover:hover){.dark\:hover\:border-gray-600:where(.dark,.dark *):hover{border-color:var(--color-gray-600)}.dark\:hover\:bg-gray-700:where(.dark,.dark *):hover{background-color:var(--color-gray-700)}.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:hover\:text-gray-300:where(.dark,.dark *):hover{color:var(--color-gray-300)}}.dark\:focus-visible\:bg-white\/5:where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:bg-white\/5:where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.\[\&\:\:-moz-range-thumb\]\:h-5::-moz-range-thumb{height:calc(var(--spacing) * 5)}.\[\&\:\:-moz-range-thumb\]\:w-5::-moz-range-thumb{width:calc(var(--spacing) * 5)}.\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb{border-radius:2147483647px}.\[\&\:\:-moz-range-thumb\]\:border-none::-moz-range-thumb{--tw-border-style:none;border-style:none}.\[\&\:\:-moz-range-thumb\]\:bg-base::-moz-range-thumb{background-color:hsl(var(--color-base))}.\[\&\:\:-moz-range-thumb\]\:shadow-none::-moz-range-thumb{--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)}.\[\&\:\:-moz-range-thumb\]\:focus\:ring-0::-moz-range-thumb:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[\&\:\:-webkit-slider-thumb\]\:h-5::-webkit-slider-thumb{height:calc(var(--spacing) * 5)}.\[\&\:\:-webkit-slider-thumb\]\:w-5::-webkit-slider-thumb{width:calc(var(--spacing) * 5)}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb{border-radius:2147483647px}.\[\&\:\:-webkit-slider-thumb\]\:bg-white::-webkit-slider-thumb{background-color:var(--color-white)}.\[\&\:\:-webkit-slider-thumb\]\:shadow-none::-webkit-slider-thumb{--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)}.\[\&\:\:-webkit-slider-thumb\]\:focus\:ring-0::-webkit-slider-thumb:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\[\&\[x-cloak\]\]\:hidden[x-cloak]{display:none}}.EasyMDEContainer .editor-statusbar{display:none}.EasyMDEContainer .editor-toolbar .separator{border-style:none;width:.25rem;margin:0!important}.EasyMDEContainer .cm-s-easymde .cm-formatting-code+.cm-comment:not(.cm-formatting-code){background-color:hsl(var(--color-background-secondary) / var(--tw-text-opacity));color:hsl(var(--color-base) / var(--tw-text-opacity))}.EasyMDEContainer .cm-s-easymde .cm-comment{background-image:none}.dark .EasyMDEContainer .CodeMirror-cursor{border-left-color:#fff!important}.EasyMDEContainer .cm-s-easymde .cm-formatting-code-block,.EasyMDEContainer .cm-s-easymde .cm-tab+.cm-comment{border-style:var(--tw-border-style);border-width:0;border-color:hsl(var(--color-neutral));background-color:hsl(var(--color-background-secondary));color:inherit}.EasyMDEContainer .CodeMirror{background-color:hsl(var(--color-background-secondary));padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);color:inherit;border-bottom-right-radius:var(--radius-lg)!important;border-bottom-left-radius:var(--radius-lg)!important;border-style:var(--tw-border-style)!important;border-width:0!important}.EasyMDEContainer .CodeMirror-scroll{height:auto}.EasyMDEContainer .editor-toolbar{column-gap:var(--spacing);border-radius:0;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:0;border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:hsl(var(--color-neutral));background-color:hsl(var(--color-background-secondary));padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 2);display:flex;overflow-x:auto}.EasyMDEContainer .editor-toolbar button{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8);cursor:pointer;border-radius:var(--radius-lg);--tw-border-style:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:75ms;border-style:none;place-content:center;padding:0;transition-duration:75ms;display:grid}@media (hover:hover){.EasyMDEContainer .editor-toolbar button:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.EasyMDEContainer .editor-toolbar button:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}}.EasyMDEContainer .editor-toolbar button:focus-visible{background-color:var(--color-gray-50)}.EasyMDEContainer .editor-toolbar button:where(.dark,.dark *):focus-visible{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.EasyMDEContainer .editor-toolbar button:where(.dark,.dark *):focus-visible{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.EasyMDEContainer .editor-toolbar button.active{background-color:hsl(var(--color-neutral))}.EasyMDEContainer .editor-toolbar button:before{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);background-color:hsl(var(--color-background-secondary));content:"";content:"";background-color:hsl(var(--color-base));width:1rem;height:1rem;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.EasyMDEContainer .editor-toolbar .bold:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M321.1 242.4c19-22.3 30.9-50.8 30.9-82.4 0-70.59-57.42-128-128-128l-192 .01c-17.67 0-32 14.31-32 32s14.33 32 32 32h16v320H32c-17.67 0-32 14.31-32 32s14.33 32 32 32h224c70.58 0 128-57.41 128-128 0-46.71-25.4-87.21-62.9-109.61zM112 96.01h112c35.3 0 64 28.72 64 64s-28.7 64-64 64H112v-128zM256 416H112V288h144c35.3 0 64 28.71 64 63.1S291.3 416 256 416z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M321.1 242.4c19-22.3 30.9-50.8 30.9-82.4 0-70.59-57.42-128-128-128l-192 .01c-17.67 0-32 14.31-32 32s14.33 32 32 32h16v320H32c-17.67 0-32 14.31-32 32s14.33 32 32 32h224c70.58 0 128-57.41 128-128 0-46.71-25.4-87.21-62.9-109.61zM112 96.01h112c35.3 0 64 28.72 64 64s-28.7 64-64 64H112v-128zM256 416H112V288h144c35.3 0 64 28.71 64 63.1S291.3 416 256 416z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .italic:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M384 64.01c0 17.69-14.31 32-32 32h-58.67l-133.3 320H224c17.69 0 32 14.31 32 32s-14.31 32-32 32H32c-17.69 0-32-14.31-32-32s14.31-32 32-32h58.67l133.3-320H160c-17.69 0-32-14.31-32-32s14.31-32 32-32h192c17.7 0 32 14.32 32 32z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M384 64.01c0 17.69-14.31 32-32 32h-58.67l-133.3 320H224c17.69 0 32 14.31 32 32s-14.31 32-32 32H32c-17.69 0-32-14.31-32-32s14.31-32 32-32h58.67l133.3-320H160c-17.69 0-32-14.31-32-32s14.31-32 32-32h192c17.7 0 32 14.32 32 32z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .strikethrough:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M332.2 319.9c17.22 12.17 22.33 26.51 18.61 48.21-3.031 17.59-10.88 29.34-24.72 36.99-35.44 19.75-108.5 11.96-186-19.68-16.34-6.686-35.03 1.156-41.72 17.53s1.188 35.05 17.53 41.71c31.75 12.93 95.69 35.37 157.6 35.37 29.62 0 58.81-5.156 83.72-18.96 30.81-17.09 50.44-45.46 56.72-82.11 3.998-23.27 2.168-42.58-3.488-59.05H332.2zm155.8-80-176.5-.03c-15.85-5.614-31.83-10.34-46.7-14.62-85.47-24.62-110.9-39.05-103.7-81.33 2.5-14.53 10.16-25.96 22.72-34.03 20.47-13.15 64.06-23.84 155.4.343 17.09 4.53 34.59-5.654 39.13-22.74 4.531-17.09-5.656-34.59-22.75-39.12-91.31-24.18-160.7-21.62-206.3 7.654C121.8 73.72 103.6 101.1 98.09 133.1c-8.83 51.4 9.81 84.2 39.11 106.8H24c-13.25 0-24 10.75-24 23.1 0 13.25 10.75 23.1 24 23.1h464c13.25 0 24-10.75 24-23.1 0-12.3-10.7-23.1-24-23.1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M332.2 319.9c17.22 12.17 22.33 26.51 18.61 48.21-3.031 17.59-10.88 29.34-24.72 36.99-35.44 19.75-108.5 11.96-186-19.68-16.34-6.686-35.03 1.156-41.72 17.53s1.188 35.05 17.53 41.71c31.75 12.93 95.69 35.37 157.6 35.37 29.62 0 58.81-5.156 83.72-18.96 30.81-17.09 50.44-45.46 56.72-82.11 3.998-23.27 2.168-42.58-3.488-59.05H332.2zm155.8-80-176.5-.03c-15.85-5.614-31.83-10.34-46.7-14.62-85.47-24.62-110.9-39.05-103.7-81.33 2.5-14.53 10.16-25.96 22.72-34.03 20.47-13.15 64.06-23.84 155.4.343 17.09 4.53 34.59-5.654 39.13-22.74 4.531-17.09-5.656-34.59-22.75-39.12-91.31-24.18-160.7-21.62-206.3 7.654C121.8 73.72 103.6 101.1 98.09 133.1c-8.83 51.4 9.81 84.2 39.11 106.8H24c-13.25 0-24 10.75-24 23.1 0 13.25 10.75 23.1 24 23.1h464c13.25 0 24-10.75 24-23.1 0-12.3-10.7-23.1-24-23.1z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .link:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M598.6 41.41C570.1 13.8 534.8 0 498.6 0s-72.36 13.8-99.96 41.41l-43.36 43.36c15.11 8.012 29.47 17.58 41.91 30.02 3.146 3.146 5.898 6.518 8.742 9.838l37.96-37.96C458.5 72.05 477.1 64 498.6 64c20.67 0 40.1 8.047 54.71 22.66 14.61 14.61 22.66 34.04 22.66 54.71s-8.049 40.1-22.66 54.71l-133.3 133.3C405.5 343.1 386 352 365.4 352s-40.1-8.048-54.71-22.66C296 314.7 287.1 295.3 287.1 274.6s8.047-40.1 22.66-54.71l4.44-3.49c-2.1-3.9-4.3-7.9-7.5-11.1-8.6-8.6-19.9-13.3-32.1-13.3-11.93 0-23.1 4.664-31.61 12.97-30.71 53.96-23.63 123.6 22.39 169.6C293 402.2 329.2 416 365.4 416c36.18 0 72.36-13.8 99.96-41.41L598.6 241.3c28.45-28.45 42.24-66.01 41.37-103.3-.87-35.9-14.57-69.84-41.37-96.59zM234 387.4l-37.9 37.9C181.5 439.1 162 448 141.4 448c-20.67 0-40.1-8.047-54.71-22.66-14.61-14.61-22.66-34.04-22.66-54.71s8.049-40.1 22.66-54.71l133.3-133.3C234.5 168 253.1 160 274.6 160s40.1 8.048 54.71 22.66c14.62 14.61 22.66 34.04 22.66 54.71s-8.047 40.1-22.66 54.71l-3.51 3.52c2.094 3.939 4.219 7.895 7.465 11.15C341.9 315.3 353.3 320 365.4 320c11.93 0 23.1-4.664 31.61-12.97 30.71-53.96 23.63-123.6-22.39-169.6C346.1 109.8 310.8 96 274.6 96c-36.2 0-72.3 13.8-99.9 41.4L41.41 270.7C13.81 298.3 0 334.48 0 370.66c0 36.18 13.8 72.36 41.41 99.97C69.01 498.2 105.2 512 141.4 512c36.18 0 72.36-13.8 99.96-41.41l43.36-43.36c-15.11-8.012-29.47-17.58-41.91-30.02-3.21-3.11-5.91-6.51-8.81-9.81z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M598.6 41.41C570.1 13.8 534.8 0 498.6 0s-72.36 13.8-99.96 41.41l-43.36 43.36c15.11 8.012 29.47 17.58 41.91 30.02 3.146 3.146 5.898 6.518 8.742 9.838l37.96-37.96C458.5 72.05 477.1 64 498.6 64c20.67 0 40.1 8.047 54.71 22.66 14.61 14.61 22.66 34.04 22.66 54.71s-8.049 40.1-22.66 54.71l-133.3 133.3C405.5 343.1 386 352 365.4 352s-40.1-8.048-54.71-22.66C296 314.7 287.1 295.3 287.1 274.6s8.047-40.1 22.66-54.71l4.44-3.49c-2.1-3.9-4.3-7.9-7.5-11.1-8.6-8.6-19.9-13.3-32.1-13.3-11.93 0-23.1 4.664-31.61 12.97-30.71 53.96-23.63 123.6 22.39 169.6C293 402.2 329.2 416 365.4 416c36.18 0 72.36-13.8 99.96-41.41L598.6 241.3c28.45-28.45 42.24-66.01 41.37-103.3-.87-35.9-14.57-69.84-41.37-96.59zM234 387.4l-37.9 37.9C181.5 439.1 162 448 141.4 448c-20.67 0-40.1-8.047-54.71-22.66-14.61-14.61-22.66-34.04-22.66-54.71s8.049-40.1 22.66-54.71l133.3-133.3C234.5 168 253.1 160 274.6 160s40.1 8.048 54.71 22.66c14.62 14.61 22.66 34.04 22.66 54.71s-8.047 40.1-22.66 54.71l-3.51 3.52c2.094 3.939 4.219 7.895 7.465 11.15C341.9 315.3 353.3 320 365.4 320c11.93 0 23.1-4.664 31.61-12.97 30.71-53.96 23.63-123.6-22.39-169.6C346.1 109.8 310.8 96 274.6 96c-36.2 0-72.3 13.8-99.9 41.4L41.41 270.7C13.81 298.3 0 334.48 0 370.66c0 36.18 13.8 72.36 41.41 99.97C69.01 498.2 105.2 512 141.4 512c36.18 0 72.36-13.8 99.96-41.41l43.36-43.36c-15.11-8.012-29.47-17.58-41.91-30.02-3.21-3.11-5.91-6.51-8.81-9.81z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .heading:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 64c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32h-16v112h224V96h-16c-17.7 0-32-14.3-32-32s14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32h-16v320h16c17.7 0 32 14.3 32 32s-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32s14.3-32 32-32h16V272H112v144h16c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h16V96H32C14.3 96 0 81.7 0 64z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 64c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32h-16v112h224V96h-16c-17.7 0-32-14.3-32-32s14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32h-16v320h16c17.7 0 32 14.3 32 32s-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32s14.3-32 32-32h16V272H112v144h16c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h16V96H32C14.3 96 0 81.7 0 64z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .quote:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M96 224c-11.28 0-21.95 2.3-32 5.9V224c0-35.3 28.7-64 64-64 17.67 0 32-14.33 32-32s-14.3-32-32-32C57.42 96 0 153.4 0 224v96c0 53.02 42.98 96 96 96s96-42.98 96-96-43-96-96-96zm256 0c-11.28 0-21.95 2.305-32 5.879V224c0-35.3 28.7-64 64-64 17.67 0 32-14.33 32-32s-14.33-32-32-32c-70.58 0-128 57.42-128 128v96c0 53.02 42.98 96 96 96s96-42.98 96-96-43-96-96-96z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M96 224c-11.28 0-21.95 2.3-32 5.9V224c0-35.3 28.7-64 64-64 17.67 0 32-14.33 32-32s-14.3-32-32-32C57.42 96 0 153.4 0 224v96c0 53.02 42.98 96 96 96s96-42.98 96-96-43-96-96-96zm256 0c-11.28 0-21.95 2.305-32 5.879V224c0-35.3 28.7-64 64-64 17.67 0 32-14.33 32-32s-14.33-32-32-32c-70.58 0-128 57.42-128 128v96c0 53.02 42.98 96 96 96s96-42.98 96-96-43-96-96-96z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .code:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M416 31.94C416 21.75 408.1 0 384.1 0c-13.98 0-26.87 9.072-30.89 23.18l-128 448a31.933 31.933 0 0 0-1.241 8.801C223.1 490.3 232 512 256 512c13.92 0 26.73-9.157 30.75-23.22l128-448c.85-2.97 1.25-5.93 1.25-8.84zM176 143.1c0-18.28-14.95-32-32-32-8.188 0-16.38 3.125-22.62 9.376l-112 112C3.125 239.6 0 247.8 0 255.1s3.125 17.3 9.375 23.5l112 112c6.225 6.3 14.425 8.5 22.625 8.5 17.05 0 32-13.73 32-32 0-8.188-3.125-16.38-9.375-22.63L77.25 255.1l89.38-89.38c6.27-5.42 9.37-13.52 9.37-22.62zm464 112c0-8.188-3.125-16.38-9.375-22.63l-112-112C512.4 115.1 504.2 111.1 496 111.1c-17.05 0-32 13.73-32 32 0 8.188 3.125 16.38 9.375 22.63l89.38 89.38-89.38 89.38C467.1 351.6 464 359.8 464 367.1c0 18.28 14.95 32 32 32 8.188 0 16.38-3.125 22.62-9.376l112-112C636.9 272.4 640 264.2 640 255.1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M416 31.94C416 21.75 408.1 0 384.1 0c-13.98 0-26.87 9.072-30.89 23.18l-128 448a31.933 31.933 0 0 0-1.241 8.801C223.1 490.3 232 512 256 512c13.92 0 26.73-9.157 30.75-23.22l128-448c.85-2.97 1.25-5.93 1.25-8.84zM176 143.1c0-18.28-14.95-32-32-32-8.188 0-16.38 3.125-22.62 9.376l-112 112C3.125 239.6 0 247.8 0 255.1s3.125 17.3 9.375 23.5l112 112c6.225 6.3 14.425 8.5 22.625 8.5 17.05 0 32-13.73 32-32 0-8.188-3.125-16.38-9.375-22.63L77.25 255.1l89.38-89.38c6.27-5.42 9.37-13.52 9.37-22.62zm464 112c0-8.188-3.125-16.38-9.375-22.63l-112-112C512.4 115.1 504.2 111.1 496 111.1c-17.05 0-32 13.73-32 32 0 8.188 3.125 16.38 9.375 22.63l89.38 89.38-89.38 89.38C467.1 351.6 464 359.8 464 367.1c0 18.28 14.95 32 32 32 8.188 0 16.38-3.125 22.62-9.376l112-112C636.9 272.4 640 264.2 640 255.1z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .unordered-list:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M16 96c0-26.51 21.49-48 48-48s48 21.49 48 48c0 26.5-21.49 48-48 48s-48-21.5-48-48zm464-32c17.7 0 32 14.33 32 32 0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32 0-17.67 14.3-32 32-32h288zm0 160c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32h288zm0 160c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32h288zM16 416c0-26.5 21.49-48 48-48s48 21.5 48 48-21.49 48-48 48-48-21.5-48-48zm96-160c0 26.5-21.49 48-48 48s-48-21.5-48-48 21.49-48 48-48 48 21.5 48 48z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M16 96c0-26.51 21.49-48 48-48s48 21.49 48 48c0 26.5-21.49 48-48 48s-48-21.5-48-48zm464-32c17.7 0 32 14.33 32 32 0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32 0-17.67 14.3-32 32-32h288zm0 160c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32h288zm0 160c17.7 0 32 14.3 32 32s-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32h288zM16 416c0-26.5 21.49-48 48-48s48 21.5 48 48-21.49 48-48 48-48-21.5-48-48zm96-160c0 26.5-21.49 48-48 48s-48-21.5-48-48 21.49-48 48-48 48 21.5 48 48z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .ordered-list:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M55.1 56.04c0-13.26 11.64-24 24-24h32c14.2 0 24 10.74 24 24V176h16c14.2 0 24 10.8 24 24 0 13.3-9.8 24-24 24h-80c-12.36 0-24-10.7-24-24 0-13.2 11.64-24 24-24h16V80.04h-8c-12.36 0-24-10.75-24-24zm63.6 285.16c-6.6-7.4-18.3-6.9-24.05 1.2l-11.12 15.5c-7.7 10.8-22.69 13.3-33.48 5.6-10.79-7.7-13.28-22.7-5.58-33.4l11.12-15.6c23.74-33.3 72.31-35.7 99.21-4.9 21.3 23.5 20.8 60.9-1.1 84.7L118.8 432H152c13.3 0 24 10.7 24 24s-10.7 24-24 24H64c-9.53 0-18.16-5.6-21.98-14.4-3.83-8.7-2.12-18.9 4.34-25.9l72.04-78c5.3-5.8 5.4-14.6.3-20.5zM512 64c17.7 0 32 14.33 32 32 0 17.7-14.3 32-32 32H256c-17.7 0-32-14.3-32-32 0-17.67 14.3-32 32-32h256zm0 160c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32s14.3-32 32-32h256zm0 160c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32s14.3-32 32-32h256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M55.1 56.04c0-13.26 11.64-24 24-24h32c14.2 0 24 10.74 24 24V176h16c14.2 0 24 10.8 24 24 0 13.3-9.8 24-24 24h-80c-12.36 0-24-10.7-24-24 0-13.2 11.64-24 24-24h16V80.04h-8c-12.36 0-24-10.75-24-24zm63.6 285.16c-6.6-7.4-18.3-6.9-24.05 1.2l-11.12 15.5c-7.7 10.8-22.69 13.3-33.48 5.6-10.79-7.7-13.28-22.7-5.58-33.4l11.12-15.6c23.74-33.3 72.31-35.7 99.21-4.9 21.3 23.5 20.8 60.9-1.1 84.7L118.8 432H152c13.3 0 24 10.7 24 24s-10.7 24-24 24H64c-9.53 0-18.16-5.6-21.98-14.4-3.83-8.7-2.12-18.9 4.34-25.9l72.04-78c5.3-5.8 5.4-14.6.3-20.5zM512 64c17.7 0 32 14.33 32 32 0 17.7-14.3 32-32 32H256c-17.7 0-32-14.3-32-32 0-17.67 14.3-32 32-32h256zm0 160c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32s14.3-32 32-32h256zm0 160c17.7 0 32 14.3 32 32s-14.3 32-32 32H256c-17.7 0-32-14.3-32-32s14.3-32 32-32h256z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .table:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792'%3E%3Cpath d='M576 1376v-192q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V800q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zM576 608V416q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm-512-768V416q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V416q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm128-320v1088q0 66-47 113t-113 47H224q-66 0-113-47t-47-113V288q0-66 47-113t113-47h1344q66 0 113 47t47 113z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1792 1792'%3E%3Cpath d='M576 1376v-192q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V800q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zM576 608V416q0-14-9-23t-23-9H224q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384v-192q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm-512-768V416q0-14-9-23t-23-9H736q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm512 384V800q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm0-384V416q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v192q0 14 9 23t23 9h320q14 0 23-9t9-23zm128-320v1088q0 66-47 113t-113 47H224q-66 0-113-47t-47-113V288q0-66 47-113t113-47h1344q66 0 113 47t47 113z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .upload-image:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M447.1 32h-484C28.64 32-.01 60.65-.01 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96c.01-35.35-27.79-64-63.99-64zm-336 64c26.51 0 48 21.49 48 48s-20.6 48-48 48-48-21.49-48-48 22.38-48 48-48zm335 311.6c-2.8 5.2-8.2 8.4-14.1 8.4H82.01a15.993 15.993 0 0 1-14.26-8.75 16 16 0 0 1 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51 93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192c3.29 4.875 3.59 11.175.79 16.475z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M447.1 32h-484C28.64 32-.01 60.65-.01 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96c.01-35.35-27.79-64-63.99-64zm-336 64c26.51 0 48 21.49 48 48s-20.6 48-48 48-48-21.49-48-48 22.38-48 48-48zm335 311.6c-2.8 5.2-8.2 8.4-14.1 8.4H82.01a15.993 15.993 0 0 1-14.26-8.75 16 16 0 0 1 1.334-16.68l70-96C142.1 290.4 146.9 288 152 288s9.916 2.441 12.93 6.574l32.46 44.51 93.3-139.1C293.7 194.7 298.7 192 304 192s10.35 2.672 13.31 7.125l128 192c3.29 4.875 3.59 11.175.79 16.475z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .undo:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M480 256c0 123.4-100.5 223.9-223.9 223.9-48.84 0-95.17-15.58-134.2-44.86-14.12-10.59-16.97-30.66-6.375-44.81 10.59-14.12 30.62-16.94 44.81-6.375 27.84 20.91 61 31.94 95.88 31.94C344.3 415.8 416 344.1 416 256S344.31 96.2 256.2 96.2c-37.46 0-73.09 13.49-101.3 36.64l45.12 45.14c17.01 17.02 4.955 46.1-19.1 46.1H35.17C24.58 224.1 16 215.5 16 204.9V59.04C16 35 45.07 22.96 62.07 39.97l47.6 47.63C149.9 52.71 201.5 32.11 256.1 32.11 379.5 32.11 480 132.6 480 256z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M480 256c0 123.4-100.5 223.9-223.9 223.9-48.84 0-95.17-15.58-134.2-44.86-14.12-10.59-16.97-30.66-6.375-44.81 10.59-14.12 30.62-16.94 44.81-6.375 27.84 20.91 61 31.94 95.88 31.94C344.3 415.8 416 344.1 416 256S344.31 96.2 256.2 96.2c-37.46 0-73.09 13.49-101.3 36.64l45.12 45.14c17.01 17.02 4.955 46.1-19.1 46.1H35.17C24.58 224.1 16 215.5 16 204.9V59.04C16 35 45.07 22.96 62.07 39.97l47.6 47.63C149.9 52.71 201.5 32.11 256.1 32.11 379.5 32.11 480 132.6 480 256z'/%3E%3C/svg%3E")}.EasyMDEContainer .editor-toolbar .redo:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M468.9 32.11c13.87 0 27.18 10.77 27.18 27.04v145.9c0 10.59-8.584 19.17-19.17 19.17h-145.7c-16.28 0-27.06-13.32-27.06-27.2 0-6.634 2.461-13.4 7.96-18.9l45.12-45.14c-28.22-23.14-63.85-36.64-101.3-36.64-88.09 0-159.8 71.69-159.8 159.8S167.8 415.9 255.9 415.9c73.14 0 89.44-38.31 115.1-38.31 18.48 0 31.97 15.04 31.97 31.96 0 35.04-81.59 70.41-147 70.41-123.4 0-223.9-100.5-223.9-223.9S132.6 32.44 256 32.44c54.6 0 106.2 20.39 146.4 55.26L450 40.07c5.5-5.5 12.3-7.96 18.9-7.96z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M468.9 32.11c13.87 0 27.18 10.77 27.18 27.04v145.9c0 10.59-8.584 19.17-19.17 19.17h-145.7c-16.28 0-27.06-13.32-27.06-27.2 0-6.634 2.461-13.4 7.96-18.9l45.12-45.14c-28.22-23.14-63.85-36.64-101.3-36.64-88.09 0-159.8 71.69-159.8 159.8S167.8 415.9 255.9 415.9c73.14 0 89.44-38.31 115.1-38.31 18.48 0 31.97 15.04 31.97 31.96 0 35.04-81.59 70.41-147 70.41-123.4 0-223.9-100.5-223.9-223.9S132.6 32.44 256 32.44c54.6 0 106.2 20.39 146.4 55.26L450 40.07c5.5-5.5 12.3-7.96 18.9-7.96z'/%3E%3C/svg%3E")}::-webkit-scrollbar{background:0 0;width:12px;height:12px}::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0 1px hsl(var(--color-primary)), inset 0 0 0 4px hsl(var(--color-primary));border:0 solid #0000;border-width:0 4px;-webkit-border-radius:9px 4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-track-piece{background:0 0;margin:4px 0}::-webkit-scrollbar-thumb:horizontal{border-width:4px 0;-webkit-border-radius:4px 9px}::-webkit-scrollbar-corner{background:0 0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-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:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes wiggle{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}

/* =====================================================================
   RadarHost — billing.radarclips.shop presentation layer
   =====================================================================

   Imported by css/app.css AFTER the default theme's Tailwind entry, and
   deliberately UNLAYERED: Tailwind v4 emits every utility inside
   @layer utilities, and an unlayered rule beats a layered one whatever the
   source order. That is why almost nothing here needs !important, and why
   none of the utility classes in the Blade have to be rewritten.

   Scope discipline (three failures the sandbox spike actually produced —
   docs-polish/billing-theme-plan.md section 3.2):
     1. a blanket colour rule on the nav kills the language/currency selector
        and the outline Login button  -> nav colour is set on .rh-nav__row and
        reset inside [x-ref="dropdown"], and the two buttons are styled by hand;
     2. `main input { min-height }` turns the EULA checkbox into a pill
        -> every control rule excludes [type=checkbox] and [type=radio];
     3. rewriting `.rounded-md` reaches the nav dropdown and the confirmation
        modal -> card/control radii are set on element+context selectors, never
        by redefining a utility class.

   Nothing here touches a wire:*, x-*, :class or @click binding. Livewire
   morphs by DOM structure; this file only paints.

   Token values are copied from src/tokens.css (the storefront's shared token
   layer) so the two sites resolve to the same numbers. They are copied, not
   imported: the billing site cannot load the SPA's stylesheet.
   ===================================================================== */

/* ---------------------------------------------------------------------
   1. Type — the same Archivo variable face the storefront ships
   ---------------------------------------------------------------------
   The two woff2 files are byte-identical to public/assets/ in the SPA repo
   and are shipped inside public/radarhost-live/assets/. The URL is absolute
   and already content-hashed, so it survives both a hand-assembled artifact
   and a real `vite build` (Vite leaves absolute URLs untouched).

   "Archivo Fallback" is the metric-matched stand-in font-display:swap paints
   first. Its size-adjust / ascent-override numbers were measured in
   src/tokens.css against Arial and Liberation Sans; they are reproduced here
   unchanged so the swap causes no layout shift on either site.
   --------------------------------------------------------------------- */

@font-face {
  font-family: "Archivo Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/radarhost-live/assets/archivo-variable-latin-wght.8f704806.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Archivo Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("/radarhost-live/assets/archivo-variable-latin-ext-wght.ff4f17d2.woff2") format("woff2-variations");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Archivo Fallback";
  font-weight: 100 500;
  src: local("Arial"), local("Liberation Sans"), local("Helvetica Neue"), local("Segoe UI");
  size-adjust: 98.62%;
  ascent-override: 89.03%;
  descent-override: 21.29%;
  line-gap-override: 0%;
}

@font-face {
  font-family: "Archivo Fallback";
  font-weight: 501 900;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("Helvetica Neue Bold");
  size-adjust: 98.80%;
  ascent-override: 88.87%;
  descent-override: 21.26%;
  line-gap-override: 0%;
}

/* ---------------------------------------------------------------------
   2. Tokens
   ---------------------------------------------------------------------
   The eight --color-* triplets are the ones views/layouts/colors.blade.php
   emits at request time from the settings table. They are re-declared at
   :root:root (0,2,0) so they win over that inline :root block (0,1,0)
   whatever is persisted in the DB — including the stock Paymenter indigo
   that is in there today. Same trick for .dark.dark, which lands on <body>
   because that is where the Alpine :class puts .dark.

   Every value is an exact conversion of the storefront hex it names.
   --------------------------------------------------------------------- */

:root:root {
  /* light — the storefront's cover ground */
  --color-primary: 201 100% 36%;              /* #0077b6  --signal-600      */
  --color-secondary: 186 70% 46%;             /* #23b8c8  --pulse-teal      */
  --color-neutral: 216 19% 89%;               /* #dfe3e9  --rule-l          */
  --color-base: 240 3% 12%;                   /* #1d1d1f  --ink-l           */
  --color-muted: 220 7% 35%;                  /* #52565e  --ink-l-mid       */
  --color-inverted: 0 0% 100%;                /* #ffffff                    */
  --color-background: 210 20% 96%;            /* #f3f5f7  --surface-l-sunk  */
  --color-background-secondary: 0 0% 100%;    /* #ffffff  --surface-l       */

  /* RadarHost-only tokens. No Paymenter equivalent exists. */
  --rh-nav: 240 6% 10%;                       /* #18181b — the storefront header bar */
  --rh-nav-h: 76px;
  --rh-nav-ink: rgb(245 245 247 / 82%);
  --rh-nav-ink-hi: #f5f5f7;
  --rh-nav-ink-active: #65d7ff;
  --rh-nav-rule: rgb(255 255 255 / 8%);
  --rh-glyph: #18c4df;

  --rh-focus: 201 100% 36%;                   /* #0077b6 — 4.9:1 on white   */
  --rh-focus-dark: #6cd4ff;                   /* rings on the dark nav/footer */

  --rh-hairline: 216 19% 89%;                 /* card + panel borders       */
  --rh-control-border: 215 8% 56%;            /* #868d97 — 3.3:1 on white,
                                                 WCAG 1.4.11 for inputs     */
  --rh-tint: #edf8fc;                         /* secondary-button tint      */
  --rh-tint-ink: #005f8f;                     /* --signal-700, 6.4:1 on it  */
  --rh-tint-rule: rgb(0 119 182 / 25%);

  /* radii — src/tokens.css section 2.5 */
  --rh-r-xs: 8px;
  --rh-r-ctl: 12px;                           /* --r-sm : buttons, fields   */
  --rh-r-panel: 18px;                         /* --r-md : panels, tiles     */
  --rh-r-card: 26px;                          /* --r-lg : cards             */
  --rh-r-pill: 999px;
  --rh-cta-max: 420px;

  /* elevation — src/tokens.css section 2.4 */
  --rh-elev-1: 0 1px 2px rgb(16 24 32 / 5%), 0 2px 6px rgb(16 24 32 / 5%);
  --rh-elev-2: 0 2px 6px rgb(16 24 32 / 6%), 0 10px 26px rgb(16 24 32 / 7%);
  --rh-elev-3: 0 6px 14px rgb(16 24 32 / 8%), 0 24px 56px rgb(16 24 32 / 10%);

  /* motion — src/tokens.css section 2.7 */
  --rh-dur-2: 200ms;
  --rh-dur-3: 320ms;
  --rh-ease-out: cubic-bezier(.22, 1, .36, 1);

  /* type — src/tokens.css section 2.2 */
  --rh-font-display: "Archivo Variable", Archivo, "Archivo Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --rh-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --rh-t-h1: clamp(2.5rem, 1.7rem + 2.9vw, 3.75rem);   /* --t-h1  40 -> 60 */
  --rh-t-lead: clamp(1.125rem, 1rem + .5vw, 1.4375rem);/* --t-lead 18 -> 23 */
  --rh-t-body: 1rem;                                   /* --t-body      16 */
  --rh-t-body-sm: .9375rem;                            /* --t-body-sm   15 */
  --rh-t-meta: .8125rem;                               /* --t-meta      13 */
  --rh-track-display: -.038em;
  --rh-track-heading: -.026em;

  --rh-ground:
    radial-gradient(70% 46% at 12% -6%, rgb(56 207 255 / 10%), transparent 62%),
    radial-gradient(58% 40% at 92% 4%, rgb(0 119 182 / 7%), transparent 64%),
    hsl(210 20% 96%);

  color-scheme: light;
}

.dark.dark {
  /* dark — the storefront's inner-flow ground */
  --color-primary: 198 100% 71%;              /* #6cd4ff  --signal-300      */
  --color-secondary: 199 81% 56%;             /* #35b0ea  --signal-400      */
  --color-neutral: 205 35% 17%;               /* #1d2f3c  --ground-d-4      */
  --color-base: 216 38% 97%;                  /* #f6f8fb  --ink-d-hi        */
  --color-muted: 207 7% 70%;                  /* #acb2b7 = --ink-d-mid flat */
  --color-inverted: 214 41% 3%;               /* #05080c                    */
  --color-background: 214 41% 3%;             /* #05080c  --ground-d-0      */
  --color-background-secondary: 207 41% 11%;  /* #101c26  --ground-d-2      */

  --rh-focus: 198 100% 71%;                   /* #6cd4ff — 11.9:1 on ground */
  --rh-hairline: 205 35% 17%;
  --rh-control-border: 204 27% 40%;           /* #4a6a80 — 3.0:1 on panel   */
  --rh-tint: #101c26;
  --rh-tint-ink: #6cd4ff;
  --rh-tint-rule: rgb(108 212 255 / 28%);

  --rh-elev-1: inset 0 1px 0 rgb(255 255 255 / 6%), 0 4px 14px rgb(0 0 0 / 40%);
  --rh-elev-2: inset 0 1px 0 rgb(255 255 255 / 7%), 0 12px 34px rgb(0 0 0 / 48%);
  --rh-elev-3: inset 0 1px 0 rgb(255 255 255 / 8%), 0 24px 64px rgb(0 0 0 / 55%);

  --rh-ground:
    radial-gradient(72% 48% at 14% -8%, rgb(56 207 255 / 12%), transparent 62%),
    radial-gradient(60% 42% at 90% 2%, rgb(79 127 214 / 10%), transparent 64%),
    hsl(214 41% 3%);

  color-scheme: dark;
}

/* ---------------------------------------------------------------------
   3. Page ground
   ---------------------------------------------------------------------
   The storefront puts white cards on a tinted ground; stock Paymenter puts
   grey cards on white. Inverting that is most of why the two sites currently
   look unrelated (plan section 2.2).

   <html> keeps its own background so overscroll and the address-bar tint do
   not flash white — the .dark class lives on <body>, so :has() is the only
   way to reach up. An engine without :has() simply keeps the light ground,
   which is the pre-existing behaviour, not a regression.
   --------------------------------------------------------------------- */

html { background: hsl(210 20% 96%); }
html:has(body.dark) { background: hsl(214 41% 3%); }

body {
  font-family: var(--rh-font-body);
  font-size: var(--rh-t-body-sm);
  background: var(--rh-ground);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
}

/* ---------------------------------------------------------------------
   4. Header — dark in BOTH themes
   ---------------------------------------------------------------------
   The storefront header is dark on its light home page too, so a dark
   billing bar is what makes the hop read as one site.
   --------------------------------------------------------------------- */

.rh-nav {
  min-height: var(--rh-nav-h);
  border-bottom: 1px solid var(--rh-nav-rule);
  background: hsl(var(--rh-nav) / .96);
  box-shadow: 0 12px 34px rgb(8 14 22 / 14%);
  -webkit-backdrop-filter: saturate(160%) blur(18px);
  backdrop-filter: saturate(160%) blur(18px);
}

.rh-nav__row { min-height: var(--rh-nav-h); }

/* One colour rule for the whole row, then one reset inside the dropdown
   panels — the panels are light surfaces and must not inherit nav ink. */
.rh-nav__row,
.rh-nav__row a,
.rh-nav__row button,
.rh-nav__row span,
.rh-nav__row div,
.rh-nav__row strong,
.rh-nav__row svg { color: var(--rh-nav-ink); }

.rh-nav__row [x-ref="dropdown"],
.rh-nav__row [x-ref="dropdown"] *,
.rh-nav__row [role="listbox"],
.rh-nav__row [role="listbox"] * { color: hsl(var(--color-base)); }

.rh-nav__row [x-ref="dropdown"] {
  border-radius: var(--rh-r-panel);
  border-color: hsl(var(--rh-hairline));
  box-shadow: var(--rh-elev-3);
}

.rh-nav__row a:hover,
.rh-nav__row button:hover,
.rh-nav__row button:hover span { color: var(--rh-nav-ink-active); }

.rh-nav__row [x-ref="dropdown"] a:hover { color: hsl(var(--color-primary)); }

/* the active top-level link is `text-primary`, which is unreadable on ink */
.rh-nav__row a.text-primary { color: var(--rh-nav-ink-active); }

/* x-dropdown's trigger is a 28px-tall button (px-2 py-1) — the Shop menu and
   the language/currency switch are both below the 44px target */
.rh-nav__row [x-data] > button.px-2.py-1 {
  min-height: 44px;
  padding-inline: 10px;
  border-radius: var(--rh-r-ctl);
}

.rh-brand {
  min-height: 44px;   /* the markup pins h-10 = 40px */
  gap: 10px;
}

.rh-brand__glyph {
  display: grid;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  place-items: center;
  color: var(--rh-glyph);
}

.rh-nav__row .rh-brand__glyph { color: var(--rh-glyph); }
.rh-brand__glyph svg { width: 30px; height: 30px; }

.rh-brand__word {
  display: flex;
  align-items: center;
  font-family: var(--rh-font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.025em;
  text-transform: uppercase;
}

.rh-nav__row .rh-brand__word { color: var(--rh-nav-ink-hi); }

/* it leaves the Livewire app, so it is set apart from the in-app nav links */
.rh-nav__row .rh-backlink {
  margin-left: 10px;
  padding-left: 18px;
  border-left: 1px solid rgb(255 255 255 / 14%);
  border-radius: 0 var(--rh-r-pill) var(--rh-r-pill) 0;
}

.rh-backlink {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border-radius: var(--rh-r-pill);
  font-size: var(--rh-t-body-sm);
  font-weight: 500;
  white-space: nowrap;
}

.rh-backlink svg {
  width: 16px;
  height: 16px;
  transition: transform var(--rh-dur-2) var(--rh-ease-out);
}

.rh-backlink:hover svg { transform: translateX(-3px); }

.rh-nav__row .rh-backlink:hover { background: rgb(255 255 255 / 8%); }

/* the mobile slide-over copy of the same link, on a light panel */
.rh-backlink--block {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 12px;
  border: 1px solid hsl(var(--rh-hairline));
  color: hsl(var(--color-primary));
}

/* Login (x-button.secondary) and Register (x-button.primary) sit on ink.
   Left alone, `bg-background-secondary` paints Login white-on-white. */
.rh-nav__row button.bg-background-secondary {
  min-height: 44px;
  border-color: rgb(255 255 255 / 28%);
  border-radius: var(--rh-r-pill);
  color: var(--rh-nav-ink-hi);
  background: transparent;
}

.rh-nav__row button.bg-background-secondary:hover {
  border-color: rgb(255 255 255 / 55%);
  color: var(--rh-nav-ink-hi);
  background: rgb(255 255 255 / 10%);
}

.rh-nav__row button.bg-primary {
  min-height: 44px;
  border-radius: var(--rh-r-pill);
  color: #fff;
  background: hsl(201 100% 36%);
  font-weight: 600;
}

.rh-nav__row button.bg-primary:hover { background: hsl(200 100% 28%); }

/* hamburger and theme toggle — both are w-10 h-10 (40px) in the markup, and
   `hover:bg-neutral` would paint a pale slab on the dark bar */
.rh-nav__row button.w-10 {
  min-width: 44px;
  min-height: 44px;
  border-radius: var(--rh-r-ctl);
  color: var(--rh-nav-ink-hi);
}

.rh-nav__row button.w-10:hover { background: rgb(255 255 255 / 10%); }

/* the theme toggle is the only other `hover:bg-neutral` control in the bar */
.rh-nav__row button[type="button"]:hover:not(.bg-primary):not(.bg-background-secondary) {
  background: rgb(255 255 255 / 10%);
}

/* the slide-over is teleported to <body> and hard-codes top-16 / 4rem; both
   have to follow the bar's real height or it opens 12px too high */
.rh-slideover {
  top: var(--rh-nav-h);
  height: calc(100dvh - var(--rh-nav-h));
}

/* ---------------------------------------------------------------------
   5. Layout — the bar grew from 64px, so everything pinned to it moves
   --------------------------------------------------------------------- */

main { margin-top: var(--rh-nav-h); }

aside#main-aside {
  margin-top: var(--rh-nav-h);
  height: calc(100dvh - var(--rh-nav-h));
  border-color: hsl(var(--rh-hairline));
  background: hsl(var(--color-background-secondary));
}

/* ---------------------------------------------------------------------
   6. Typography
   ---------------------------------------------------------------------
   Deliberately partial. Every heading gets the display face, real tracking
   and a settled weight — plan section 2.1 measures that as the single largest
   typographic gap. Only h1 gets a new SIZE: the product-listing tiles use
   <h2>/<h3> for names and prices, so re-scaling those would blow the grid up
   and re-create exactly the H1/H2 inversion design-spec section 2.2 warns
   about. Tailwind's text-xl / text-2xl keep owning those sizes.
   --------------------------------------------------------------------- */

main :is(h1, h2, h3, h4) {
  font-family: var(--rh-font-display);
  letter-spacing: var(--rh-track-heading);
  text-wrap: balance;
}

/* The page title. `text-3xl` is what every page-title heading carries —
   h1 on /products/<category> and the checkout, and h2 on a product page,
   which ships no h1 at all upstream. Matching the class as well as the tag
   keeps the four page types at one size without touching their markup. */
main h1,
main h2.text-3xl {
  font-size: var(--rh-t-h1);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: var(--rh-track-display);
}

/* the price sits directly under the product title */
main h1 + h3,
main h2.text-3xl + h3 {
  color: hsl(var(--color-primary));
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* The one place a section head can be told apart from a card title without
   guessing: `Services` and the other section heads are DIRECT children of a
   .container, product-tile titles are several levels deep inside a grid cell.
   Left alone they are both text-xl, which is the same H1/H2 inversion
   design-spec section 2.2 flags on the storefront. */
main .container > h2 {
  font-size: clamp(1.5rem, 1.2rem + .9vw, 1.875rem);
  font-weight: 700;
}

main p,
main li,
main article { font-size: var(--rh-t-body-sm); }

main .prose { font-size: var(--rh-t-body-sm); line-height: 1.55; }
main .prose :is(p, li) { font-size: inherit; }

/* prices and totals must not jitter */
main :is(.text-lg, .text-xl, .text-2xl):is(h3, h4, div, span),
.rh-summary { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }

/* The home hero is `w-full ... p-14 rounded-md border-b`: edge to edge, so a
   card radius reads as a mistake. Make it a band instead, and give whatever
   the markdown emits a lead size. */
main > div > .flex > .w-full.bg-background-secondary.p-14 {
  border-radius: 0;
  border-bottom: 1px solid hsl(var(--rh-hairline));
  background:
    radial-gradient(64% 120% at 8% 0%, rgb(0 119 182 / 6%), transparent 60%),
    hsl(var(--color-background-secondary));
  padding-block: clamp(40px, 5vw, 68px);
}

main > div > .flex > .w-full.bg-background-secondary.p-14 .prose > :first-child {
  font-family: var(--rh-font-display);
  font-size: var(--rh-t-lead);
  font-weight: 500;
  letter-spacing: -.018em;
  line-height: 1.35;
}

/* ---------------------------------------------------------------------
   7. Buttons — the storefront pill, and a 44px target everywhere
   ---------------------------------------------------------------------
   `lg:py-2` at 14px text renders a 34px control on desktop, under the 44px
   minimum the accessibility invariants ask for.
   --------------------------------------------------------------------- */

/* A CTA wrapped in a link is `w-full` in the markup, which at 1380px makes the
   product page's "Add to cart" a 1380px bar. Inside a card the cell is narrower
   than the cap, so nothing there changes. */
main a > button.bg-primary,
main a > button.bg-background-secondary { max-width: var(--rh-cta-max); }

main button.bg-primary,
footer button.bg-primary {
  min-height: 44px;
  border-radius: var(--rh-r-pill);
  font-size: var(--rh-t-body-sm);
  font-weight: 600;
  letter-spacing: -.006em;
  transition:
    background-color var(--rh-dur-2) var(--rh-ease-out),
    box-shadow var(--rh-dur-2) var(--rh-ease-out),
    transform var(--rh-dur-2) var(--rh-ease-out);
}

main button.bg-primary:hover:not(:disabled) {
  background: hsl(200 100% 28%);
  box-shadow: 0 10px 26px rgb(0 95 143 / 26%);
}

main button.bg-primary:active:not(:disabled) { transform: translateY(1px); }

/* white on #6cd4ff is 1.7:1 — the dark CTA needs a near-black label */
.dark main button.bg-primary,
.dark main button.bg-primary:hover:not(:disabled) { color: hsl(var(--color-inverted)); }

.dark main button.bg-primary:hover:not(:disabled) {
  background: hsl(198 100% 80%);
  box-shadow: 0 10px 26px rgb(0 0 0 / 45%);
}

main button.bg-background-secondary {
  min-height: 44px;
  border-color: var(--rh-tint-rule);
  border-radius: var(--rh-r-ctl);
  color: var(--rh-tint-ink);
  background: var(--rh-tint);
  font-size: var(--rh-t-body-sm);
  font-weight: 600;
}

main button.bg-background-secondary:hover:not(:disabled) {
  border-color: rgb(0 119 182 / 45%);
  background: var(--rh-tint);
}

.dark main button.bg-background-secondary:hover:not(:disabled) { background: hsl(205 35% 17%); }

/* ---------------------------------------------------------------------
   8. Cards
   ---------------------------------------------------------------------
   Scoped to main + footer so the nav dropdown panel and the teleported
   confirmation modal are never caught by it (spike gotcha 3).

   The static dressing below is deliberately global: `.bg-background-secondary
   .border` is Paymenter's generic card, and a card looking like a card is the
   whole point of a theme. The HOVER LIFT is not - a 2px rise on a card that is
   not a link says "this is clickable" about a card that may not be. It is
   therefore bound to the seven Livewire components the review corpus actually
   captured (see the WHERE THE SCOPES COME FROM note in section 11); on the
   account, ticket and invoice pages, which nobody has captured, the cards keep
   the dressing and simply do not move. */

main .bg-background-secondary.border {
  border-color: hsl(var(--rh-hairline));
  border-radius: var(--rh-r-card);
  background: hsl(var(--color-background-secondary));
  box-shadow: var(--rh-elev-2);
  transition:
    transform var(--rh-dur-3) var(--rh-ease-out),
    box-shadow var(--rh-dur-3) var(--rh-ease-out),
    border-color var(--rh-dur-3) var(--rh-ease-out);
}

main :is([wire\:name="home"], [wire\:name="products"], [wire\:name="products.show"], [wire\:name="cart"],
    [wire\:name="products.checkout"], [wire\:name="auth.login"], [wire\:name="auth.register"]) .bg-background-secondary.border:hover {
  transform: translateY(-2px);
  border-color: rgb(0 119 182 / 38%);
  box-shadow: var(--rh-elev-3);
  background: hsl(var(--color-background-secondary));
}

.dark main :is([wire\:name="home"], [wire\:name="products"], [wire\:name="products.show"], [wire\:name="cart"],
    [wire\:name="products.checkout"], [wire\:name="auth.login"], [wire\:name="auth.register"]) .bg-background-secondary.border:hover { border-color: rgb(108 212 255 / 34%); }

main .bg-background-secondary.border > .prose { color: hsl(var(--color-muted)); }

/* ---------------------------------------------------------------------
   9. Form controls, and the focus ring the theme currently throws away
   ---------------------------------------------------------------------
   Every text input carries `focus:outline-none` with nothing put back, so
   keyboard focus on login, register and checkout is invisible today. That is
   an accessibility defect, not a style preference.

   :not([type=checkbox]):not([type=radio]) is load-bearing — without it the
   EULA checkbox on the checkout page stretches into a 44px pill.
   --------------------------------------------------------------------- */

main input:not([type="checkbox"]):not([type="radio"]),
main select,
main textarea {
  min-height: 44px;
  border-color: hsl(var(--rh-control-border));
  border-radius: var(--rh-r-ctl);
  background: hsl(var(--color-background-secondary));
  font-size: var(--rh-t-body-sm);
  box-shadow: none;
}

main textarea { min-height: 120px; }

main input:not([type="checkbox"]):not([type="radio"])::placeholder,
main textarea::placeholder { color: hsl(var(--color-muted)); }

main input:not([type="checkbox"]):not([type="radio"]):hover,
main select:hover,
main textarea:hover { border-color: hsl(var(--color-primary) / .55); }

main input[type="checkbox"],
main input[type="radio"] {
  width: 18px;
  height: 18px;
  border-color: hsl(var(--rh-control-border));
  accent-color: hsl(var(--color-primary));
}

/* A 44px checkbox would look wrong, so the LABEL carries the target instead —
   it is a real <label for>, so the whole 44px band toggles the control. */
main input[type="checkbox"] + label,
main input[type="radio"] + label {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  font-size: var(--rh-t-body-sm);
}

/* "Forgot your password?" is a standalone control on the row, not a link
   inside a sentence, so it gets the target too. */
#login .flex.flex-row > a.ml-auto {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
}

/* the visible ring — 3px, offset 3px, exactly what the storefront guarantees */
main :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible,
.rh-nav :is(a, button, input, select, summary, [tabindex]):focus-visible,
footer :is(a, button):focus-visible {
  outline: 3px solid hsl(var(--rh-focus));
  outline-offset: 3px;
  border-radius: var(--rh-r-xs);
}

.rh-nav :is(a, button, input, select, summary, [tabindex]):focus-visible,
footer :is(a, button):focus-visible { outline-color: var(--rh-focus-dark); }

/* ---------------------------------------------------------------------
   10. Dead-class repair
   ---------------------------------------------------------------------
   `bg-primary-800`, `text-primary-100`, `text-primary-500`,
   `text-secondary-500` and `ring-offset-primary-800` appear in the shipped
   Blade but do not exist in the build: Tailwind v4's `@theme inline` defines a
   flat --color-primary, not a numeric scale, so they all compile to nothing.
   The visible cost is that the login and register forms have NO card surface —
   a bare form floating on the page
   (docs-polish/billing-live/shot-login-desktop.png).

   Defining them here is the cheapest correct fix and touches no markup. Two of
   the five are bound to the element they were seen on rather than left bare,
   because a bare class selector is unlayered and would outrank a Tailwind
   utility of the same name if a future build ever emits one:
     - bg-primary-800 exists only on the two auth forms, which carry #login /
       #register on the same element;
     - ring-offset-primary-800 exists only on checkboxes.
   `bg-primary-700` was defined here and appears on NO captured page at all, so
   it is dropped: on an uncaptured page it can now only fall through to
   upstream behaviour, which is the safe direction.

   The three remaining text colours stay unbound on purpose: `text-primary-100`
   is also carried by the confirmation modal, which Alpine teleports to <body>,
   so a `main`-scoped rule would miss it. They set a muted ink on a class that
   otherwise paints nothing, so the failure mode on an uncaptured page is a
   colour choice rather than a broken layout — but they are the reason
   /account, /tickets, /tickets/create and /invoices/{id} are on the install
   script's manual check list.
   --------------------------------------------------------------------- */

#login.bg-primary-800,
#register.bg-primary-800 { background: hsl(var(--color-background-secondary)); }
.text-primary-100 { color: hsl(var(--color-muted)); }
.text-primary-500 { color: hsl(var(--color-muted)); }
.text-secondary-500 { color: hsl(var(--color-primary)); }
main input.ring-offset-primary-800 { --tw-ring-offset-color: hsl(var(--color-background-secondary)); }

/* the two auth forms, now that they have a surface to be */
#login,
#register {
  width: min(560px, 100%);
  max-width: 100%;
  margin-block: clamp(24px, 5vw, 64px);
  padding-inline: clamp(20px, 5vw, 56px);
  border: 1px solid hsl(var(--rh-hairline));
  border-radius: var(--rh-r-card);
  box-shadow: var(--rh-elev-3);
}

#register { width: min(720px, 100%); }

#login > .flex.flex-col.items-center,
#register > .flex.flex-col.items-center { margin-block: clamp(28px, 5vw, 56px) 20px; }

#login h1,
#register h1 {
  font-size: clamp(1.75rem, 1.4rem + 1.1vw, 2.25rem);
  font-weight: 700;
  letter-spacing: var(--rh-track-heading);
}

#login .flex.flex-row,
#register .flex.flex-row {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem 1rem;
}

#login .flex.flex-row > a.ml-auto { margin-left: auto; }

/* ---------------------------------------------------------------------
   11. Product listing and the category rail
   ---------------------------------------------------------------------
   WHERE THE SCOPES COME FROM.

   `md:grid-cols-4` is not a page. Paymenter uses that same four-column grid
   for the account, ticket and invoice sidebar layouts, none of which were ever
   captured — so rules written against the category rail and the order summary
   were reaching layouts nobody has looked at. The captures give an exact,
   markup-guaranteed hook for the two surfaces these rules WERE verified on:
   every page's main Livewire component carries `wire:name`, and it reads
   `products` on /products/<category> and `products.checkout` on the checkout
   (docs-polish/billing-live/products-minecraft.html, checkout-mc-paper-16.html).
   On the checkout the grid class sits ON that component root, which is why the
   selector below is compounded there and descendant here.

   Failure mode if Paymenter ever drops the attribute: these rules stop
   matching and the two surfaces fall back to the upstream default look. That
   is the right direction for an override layer — plainer, never wrong. */

/* the category rail is a bare stack of <a> with no padding of their own */
main [wire\:name="products"] .md\:grid-cols-4 > .flex-col > .bg-background-secondary.border { padding: 8px; }

main [wire\:name="products"] .md\:grid-cols-4 > .flex-col > .bg-background-secondary.border > a {
  display: flex;
  min-height: 44px;
  align-items: center;
  padding: 0 12px;
  border-radius: var(--rh-r-ctl);
  color: hsl(var(--color-muted));
  font-size: var(--rh-t-body-sm);
  transition: background-color var(--rh-dur-2) var(--rh-ease-out), color var(--rh-dur-2) var(--rh-ease-out);
}

main [wire\:name="products"] .md\:grid-cols-4 > .flex-col > .bg-background-secondary.border > a:hover {
  color: hsl(var(--color-base));
  background: hsl(var(--color-background));
}

main [wire\:name="products"] .md\:grid-cols-4 > .flex-col > .bg-background-secondary.border > a.font-bold {
  color: hsl(var(--rh-tint-ink));
  background: var(--rh-tint);
}

.dark main [wire\:name="products"] .md\:grid-cols-4 > .flex-col > .bg-background-secondary.border > a.font-bold {
  color: hsl(var(--color-primary));
  background: hsl(205 35% 17%);
}

/* the rail must not lift like a product tile */
main [wire\:name="products"] .md\:grid-cols-4 > .flex-col > .bg-background-secondary.border:hover {
  transform: none;
  border-color: hsl(var(--rh-hairline));
  box-shadow: var(--rh-elev-2);
}

/* product tiles: give the price room and settle the CTA at the bottom */
main .grid > .bg-background-secondary.border { padding: 20px; }
main .grid > .bg-background-secondary.border > h3 { color: hsl(var(--color-primary)); }

/* ---------------------------------------------------------------------
   12. Order summary
   ---------------------------------------------------------------------
   The weakest surface on the site: a pale p-3 box with no border and no
   shadow, followed by ~450px of void at 1440x900. Sticky positioning is what
   makes that void read as intentional rather than as an accident.
   --------------------------------------------------------------------- */

main [wire\:name="products.checkout"].md\:grid-cols-4 > .col-span-1.bg-background-secondary {
  align-self: start;
  padding: 22px;
  border: 1px solid hsl(var(--rh-hairline));
  border-radius: var(--rh-r-card);
  background: hsl(var(--color-background-secondary));
  box-shadow: var(--rh-elev-3);
  font-variant-numeric: tabular-nums;
}

main [wire\:name="products.checkout"].md\:grid-cols-4 > .col-span-1.bg-background-secondary h2 {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: var(--rh-track-heading);
}

main [wire\:name="products.checkout"].md\:grid-cols-4 > .col-span-1.bg-background-secondary > .text-lg {
  padding-top: 14px;
  border-top: 1px solid hsl(var(--rh-hairline));
  font-size: 1.25rem;
}

main [wire\:name="products.checkout"].md\:grid-cols-4 > .col-span-1.bg-background-secondary > .text-lg h4 { font-weight: 600; }

@media (min-width: 768px) {
  main [wire\:name="products.checkout"].md\:grid-cols-4 > .col-span-1.bg-background-secondary {
    position: sticky;
    top: calc(var(--rh-nav-h) + 16px);
  }
}

/* the config column's description scroller */
main .max-h-28.overflow-y-auto {
  max-width: min(100%, 72ch);
  max-height: 9.5rem;
  padding: 14px 18px;
  border: 1px solid hsl(var(--rh-hairline));
  border-radius: var(--rh-r-panel);
  background: hsl(var(--color-background-secondary));
}

/* ---------------------------------------------------------------------
   13. Footer — the reviewed "Legal and support" nav, restyled only
   ---------------------------------------------------------------------
   `gap-x-5` and `underline-offset-4` are both absent from the build, which is
   why the deployed markup carries an inline style="gap:.5rem 1.25rem" patch.
   Writing the real properties here lets that inline hack be dropped from the
   Blade without changing a single href.
   --------------------------------------------------------------------- */

footer {
  margin-top: clamp(4rem, 12vw, 12rem);
  border-top: 1px solid var(--rh-nav-rule);
  color: rgb(245 245 247 / 70%);
  background: hsl(var(--rh-nav));
}

/* On the near-black dark ground #18181b would read as a raised grey slab.
   --ground-d-1 keeps the footer as the page's terminus, one step below the
   section ground, with the 1px top rule doing the separating. */
.dark footer { background: hsl(210 44% 7%); }

footer .rh-brand__word { color: var(--rh-nav-ink-hi); font-size: 20px; }
footer .rh-brand__glyph { width: 26px; height: 26px; }
footer .rh-brand__glyph svg { width: 26px; height: 26px; }

footer .text-base\/70,
footer .text-base\/50 { color: rgb(245 245 247 / 70%); }

footer nav[aria-label="Legal and support"] {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1.25rem;
}

footer nav[aria-label="Legal and support"] a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: rgb(245 245 247 / 70%);
  font-size: var(--rh-t-body-sm);
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  transition: color var(--rh-dur-2) var(--rh-ease-out);
}

footer nav[aria-label="Legal and support"] a:hover { color: var(--rh-nav-ink-active); }

/* "Powered by Paymenter" — upstream courtesy. Restyled, never removed. */
footer a[href="https://paymenter.org"] {
  min-height: 44px;
  border-color: rgb(255 255 255 / 14%);
  border-radius: var(--rh-r-pill);
  color: rgb(245 245 247 / 55%);
  background: rgb(255 255 255 / 4%);
}

footer a[href="https://paymenter.org"]:hover {
  color: var(--rh-nav-ink-hi);
  background: rgb(255 255 255 / 9%);
}

/* ---------------------------------------------------------------------
   14. Notifications and the confirmation modal
   ---------------------------------------------------------------------
   CSS only. The :class binding and the x-for template are untouched.
   --------------------------------------------------------------------- */

body > div [x-text],
body > div.fixed.text-white {
  border-radius: var(--rh-r-ctl);
}

.fixed.text-white.rounded {
  min-height: 44px;
  display: flex;
  align-items: center;
  border-radius: var(--rh-r-ctl);
  box-shadow: var(--rh-elev-3);
  font-size: var(--rh-t-body-sm);
}

body > div > .bg-background-secondary.rounded.shadow-lg {
  border: 1px solid hsl(var(--rh-hairline));
  border-radius: var(--rh-r-card);
  box-shadow: var(--rh-elev-3);
}

/* ---------------------------------------------------------------------
   15. Mobile
   --------------------------------------------------------------------- */

@media (max-width: 780px) {
  :root:root { --rh-nav-h: 68px; }

  .rh-brand__word { font-size: 20px; }
  .rh-brand__glyph,
  .rh-brand__glyph svg { width: 26px; height: 26px; }

  main .grid > .bg-background-secondary.border,
  main .bg-background-secondary.border { border-radius: 22px; }

  main [wire\:name="products.checkout"].md\:grid-cols-4 > .col-span-1.bg-background-secondary { border-radius: 22px; padding: 18px; }

  #login,
  #register {
    border-radius: 22px;
    margin-inline: auto;
    width: calc(100% - 1.5rem);
  }

  main > div > .flex > .w-full.bg-background-secondary.p-14 {
    padding-inline: clamp(16px, 5vw, 32px);
  }

  /* Upstream caps the product description at max-h-28 so the order summary
     stays above the fold on desktop. On a phone the summary is below the fold
     anyway and the cap just clips the last line mid-sentence, which reads as
     broken markup rather than as a scroller. */
  main .max-h-28.overflow-y-auto { max-height: none; overflow: visible; }

  footer { margin-top: clamp(3rem, 14vw, 6rem); }
}

@media (max-width: 380px) {
  .rh-brand__word { font-size: 18px; letter-spacing: -.03em; }
}

/* ---------------------------------------------------------------------
   16. Reduced motion
   ---------------------------------------------------------------------
   Colour and shadow feedback survive; every transform stops.
   --------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  main .bg-background-secondary.border,
  main .bg-background-secondary.border:hover,
  main button.bg-primary,
  main button.bg-primary:active:not(:disabled),
  .rh-backlink svg,
  .rh-backlink:hover svg {
    transform: none;
    transition-duration: 1ms;
  }
}

/* Generated by scripts/build-billing-continuity.mjs. */
@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/radarhost-live/assets/inter-cyrillic-ext-wght-normal.ca157063339a.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/radarhost-live/assets/inter-cyrillic-wght-normal.71d5ee93cc1e.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/radarhost-live/assets/inter-greek-ext-wght-normal.6e9e020a25f9.woff2) format('woff2-variations');
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/radarhost-live/assets/inter-greek-wght-normal.1be3448e292f.woff2) format('woff2-variations');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/radarhost-live/assets/inter-vietnamese-wght-normal.5c66f9e07e90.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/radarhost-live/assets/inter-latin-ext-wght-normal.34b9c504cab7.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(/radarhost-live/assets/inter-latin-wght-normal.3100e775e861.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Plus Jakarta Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/radarhost-live/assets/plus-jakarta-sans-cyrillic-ext-wght-normal.c46a510ab439.woff2) format('woff2-variations');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

@font-face {
  font-family: 'Plus Jakarta Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/radarhost-live/assets/plus-jakarta-sans-vietnamese-wght-normal.b275d1258601.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family: 'Plus Jakarta Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/radarhost-live/assets/plus-jakarta-sans-latin-ext-wght-normal.38e3b8fd8045.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Plus Jakarta Sans Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(/radarhost-live/assets/plus-jakarta-sans-latin-wght-normal.153fc85b7029.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* Current RadarHost storefront continuity. Loaded after the intact live build.
   Commerce amounts, configuration and controls remain rendered by Paymenter. */
:root:root {
  --color-primary: 211 100% 39%;
  --color-secondary: 209 100% 57%;
  --color-neutral: 218 22% 85%;
  --color-base: 218 25% 10%;
  --color-muted: 215 13% 36%;
  --color-inverted: 0 0% 100%;
  --color-background: 213 35% 97%;
  --color-background-secondary: 0 0% 100%;
  --rh-nav: 220 25% 5%;
  --rh-nav-ink: #b3bed0;
  --rh-nav-ink-hi: #f5f9ff;
  --rh-nav-ink-active: #8ecaff;
  --rh-nav-rule: rgb(200 220 255 / 13%);
  --rh-glyph: #2295ff;
  --rh-focus: 211 100% 39%;
  --rh-focus-dark: #8ecaff;
  --rh-hairline: 218 22% 85%;
  --rh-control-border: 215 13% 50%;
  --rh-tint: #edf5ff;
  --rh-tint-ink: #0063c7;
  --rh-tint-rule: rgb(0 111 223 / 25%);
  --rh-r-ctl: 8px;
  --rh-r-panel: 12px;
  --rh-r-card: 16px;
  --rh-r-pill: 8px;
  --rh-font-display: "Plus Jakarta Sans Variable", "Segoe UI", sans-serif;
  --rh-font-body: "Inter Variable", Inter, "Segoe UI", sans-serif;
  --rh-t-h1: clamp(2rem, 1.3rem + 2.4vw, 3.5rem);
  --rh-track-heading: -.055em;
  --rh-action: #006fdf;
  --rh-action-hover: #005cc2;
  --rh-accent: #005cc2;
  --rh-surface-soft: #f0f6ff;
  --rh-scene-shade: 220 25% 5%;
  --rh-card-shadow: 0 12px 38px rgb(11 20 32 / 6%);
}
.dark.dark {
  --color-primary: 209 100% 68%;
  --color-secondary: 209 100% 57%;
  --color-neutral: 217 22% 20%;
  --color-base: 215 100% 98%;
  --color-muted: 216 21% 73%;
  --color-inverted: 0 0% 100%;
  --color-background: 220 25% 5%;
  --color-background-secondary: 218 26% 8%;
  --rh-focus: 208 100% 78%;
  --rh-hairline: 217 22% 20%;
  --rh-control-border: 215 15% 45%;
  --rh-tint: #14263b;
  --rh-tint-ink: #8ecaff;
  --rh-tint-rule: rgb(34 149 255 / 25%);
  --rh-accent: #8ecaff;
  --rh-surface-soft: #171c24;
  --rh-card-shadow: 0 18px 48px rgb(0 0 0 / 18%);
  --rh-elev-1: 0 2px 12px rgb(0 0 0 / 12%);
  --rh-elev-2: 0 12px 30px rgb(0 0 0 / 17%);
  --rh-elev-3: 0 18px 48px rgb(0 0 0 / 22%);
}
html { background: hsl(213 35% 97%); }
html:has(body.dark) { background: #090b0f; }
body { background: hsl(var(--color-background)); }
.dark body, body.dark { background-image: radial-gradient(ellipse at 80% 0%, rgb(0 111 223 / 7%), transparent 50%); }
.rh-nav { background: rgb(9 11 15 / 96%); backdrop-filter: blur(18px); }
.rh-brand { flex-shrink: 0; }
.rh-brand__asset { width: 37px; height: 37px; filter: none; }
.rh-brand__word { font: 800 24px/1 var(--rh-font-display); letter-spacing: -.05em; text-transform: none; }
.rh-nav__row .rh-backlink { margin-inline-start: 4px; font-size: 12px; }
.rh-nav__row button.bg-primary { background: var(--rh-action); color: #fff; border-color: var(--rh-action); }
.rh-nav__row button.bg-primary:hover { background: var(--rh-action-hover); }
.rh-nav__row button.bg-primary :is(span, svg) { color: #fff; }
main { min-width: 0; }
main .container { max-width: 1280px; }
main :is(h1, h2, h3, h4) { text-transform: none; }
main h1 { line-height: 1.1; }
main button.bg-primary,
main button.bg-primary:hover:not(:disabled),
.dark main button.bg-primary,
.dark main button.bg-primary:hover:not(:disabled) { background: var(--rh-action); color: #fff; border-radius: 8px; box-shadow: 0 6px 26px rgb(0 111 223 / 14%); }
main button.bg-primary:hover:not(:disabled),
.dark main button.bg-primary:hover:not(:disabled) { background: var(--rh-action-hover); }
main button.bg-background-secondary { border-radius: 8px; }
.dark main button.bg-background-secondary:hover:not(:disabled) { background: #14263b; }
main .bg-background-secondary.border { border-radius: 14px; }
.dark main :is([wire\:name="products"], [wire\:name="products.checkout"]) .bg-background-secondary.border:hover { border-color: rgb(34 149 255 / 32%); }
main :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { border-radius: 8px; }
main select { cursor: pointer; }
main input[type="checkbox"], main input[type="radio"] { accent-color: var(--rh-action); }
footer, .dark footer { background: #090b0f; }
footer a:hover { color: #8ecaff; }
.rh-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0; color: var(--rh-accent); font-size: 10px; font-weight: 750; letter-spacing: .15em; line-height: 1.5; text-transform: uppercase; }
.rh-eyebrow::before { content: ""; width: 22px; height: 2px; flex: 0 0 auto; background: currentColor; }
.rh-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--rh-accent); font-size: 13px; font-weight: 650; text-decoration: none; }
.rh-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.rh-link svg { width: 17px; height: 17px; }
.rh-scene { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Category cards keep Paymenter's links, availability and server prices. */
.rh-catalog { margin-block: 34px 64px; }
.rh-catalog__heading { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .65fr); align-items: center; overflow: hidden; isolation: isolate; min-height: 220px; margin-bottom: 28px; padding: 32px; border: 1px solid hsl(var(--rh-hairline)); border-radius: 16px; background: hsl(var(--color-background-secondary)); }
.rh-catalog__heading h1 { margin: 12px 0; font-size: clamp(32px, 3.5vw, 48px); }
.rh-catalog__heading .prose { max-width: 54ch; color: hsl(var(--color-muted)); }
.rh-catalog__visual { position: absolute; z-index: -1; inset: 0 0 0 35%; opacity: .62; mask-image: linear-gradient(90deg, transparent, #000 45%); }
.rh-catalog__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, hsl(var(--color-background-secondary) / .5), transparent); }
.rh-catalog__heading:has(.rh-catalog__visual) { color: #f5f9ff; background: #10141b; }
.rh-catalog__heading:has(.rh-catalog__visual) .rh-eyebrow { color: #8ecaff; }
.rh-catalog__heading:has(.rh-catalog__visual) .prose { color: #c6d1e2; }
.rh-catalog__copy { max-width: 670px; grid-column: 1 / -1; }
.rh-catalog__heading:has(.rh-catalog__visual) .rh-catalog__copy { max-width: 620px; }
.rh-catalog__layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 26px; align-items: start; }
.rh-catalog__rail { display: grid; gap: 8px; position: sticky; top: calc(var(--rh-nav-h) + 24px); }
.rh-catalog__rail > span { margin: 0 12px 6px; color: hsl(var(--color-muted)); font-size: 10px; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.rh-catalog__rail > a { display: flex; align-items: center; min-height: 46px; padding: 10px 12px; border: 1px solid transparent; border-radius: 8px; color: hsl(var(--color-muted)); font-size: 13px; text-decoration: none; transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease; }
.rh-catalog__rail > a:hover { color: hsl(var(--color-base)); border-color: hsl(var(--rh-hairline)); background: hsl(var(--color-background-secondary)); }
.rh-catalog__rail > a[aria-current="page"] { color: var(--rh-accent); border-color: var(--rh-tint-rule); background: var(--rh-tint); font-weight: 700; }
.rh-catalog__content { min-width: 0; display: grid; gap: 24px; }
.rh-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.rh-product-card { position: relative; min-width: 0; display: flex; flex-direction: column; overflow: hidden; border: 1px solid hsl(var(--rh-hairline)); border-radius: 14px; background: hsl(var(--color-background-secondary)); box-shadow: var(--rh-card-shadow); transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease; }
.rh-product-card:focus-within { border-color: var(--rh-accent); }
.rh-product-card__visual { position: relative; height: 140px; overflow: hidden; background: var(--rh-surface-soft); }
.rh-product-card__visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgb(9 11 15 / 26%)); }
.rh-product-card__visual .rh-scene { transition: transform 450ms cubic-bezier(.2,.7,.3,1); }
.rh-product-card__body { display: flex; flex-direction: column; flex-grow: 1; gap: 12px; padding: 21px; }
.rh-product-card h2 { margin: 0; font-size: 20px; font-weight: 750; line-height: 1.3; letter-spacing: -.04em; }
.rh-product-card__price { margin: 0; color: var(--rh-accent); font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.rh-product-card__body .prose { margin: 0; color: hsl(var(--color-muted)); }
.rh-product-card__actions { display: flex; align-items: center; gap: 8px; padding-top: 10px; margin-top: auto; }
.rh-product-card__actions > a:first-child { flex-grow: 1; }
.rh-product-card__actions button { min-height: 44px; width: 100%; }
.rh-product-card__actions > a:last-child:not(:first-child) button { min-width: 44px; }

/* Checkout is one connected configuration, with its real native form alongside
   an independently server-rendered recap. No query values paint prices here. */
.rh-checkout { margin-block: 28px 64px; column-gap: 28px; row-gap: 24px; align-items: start; }
.rh-checkout__journey { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 8px 24px; padding: 0 0 18px; border-bottom: 1px solid hsl(var(--rh-hairline)); }
.rh-steps { display: flex; align-items: center; gap: 22px; margin: 0; margin-inline-end: auto; padding: 0; list-style: none; }
.rh-steps li { display: flex; align-items: center; gap: 8px; color: hsl(var(--color-muted)); font-size: 12px; white-space: nowrap; }
.rh-steps li span { display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid hsl(var(--rh-hairline)); border-radius: 50%; font-size: 10px; font-weight: 700; }
.rh-steps li[aria-current="step"] { color: hsl(var(--color-base)); font-weight: 700; }
.rh-steps li[aria-current="step"] span { color: #fff; border-color: var(--rh-action); background: var(--rh-action); box-shadow: 0 0 0 4px rgb(0 111 223 / 9%); }
.rh-checkout__config { min-width: 0; }
.rh-checkout__hero { position: relative; display: flex; flex-direction: column; justify-content: end; isolation: isolate; min-height: 215px; overflow: hidden; padding: 28px; border: 1px solid hsl(var(--rh-hairline)); border-radius: 14px; background: #10141b; color: #f5f9ff; }
.rh-checkout__hero > .rh-scene { position: absolute; z-index: -2; inset: 0; }
.rh-checkout__hero::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgb(9 11 15 / 95%), rgb(9 11 15 / 45%) 75%), linear-gradient(0deg, rgb(9 11 15 / 40%), transparent); }
.rh-checkout__hero .rh-eyebrow { color: #8ecaff; }
main .rh-checkout__hero h1 { max-width: 700px; margin: 13px 0 0; color: #f5f9ff; font-size: clamp(27px, 2.8vw, 42px); line-height: 1.15; text-wrap: balance; }
.rh-checkout__intro { margin: 16px 0 24px; color: hsl(var(--color-muted)); font-size: 14px; line-height: 1.65; }
main .rh-checkout .max-h-28.overflow-y-auto { max-width: none; max-height: none; margin: 16px 0 24px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible; color: hsl(var(--color-muted)); }
.rh-checkout__options { display: grid; gap: 22px; padding: 24px; border: 1px solid hsl(var(--rh-hairline)); border-radius: 14px; background: hsl(var(--color-background-secondary)); }
.rh-checkout__options-title { margin-bottom: 2px; }
.rh-checkout__options-title h2 { margin: 7px 0 0; font-size: 22px; font-weight: 750; letter-spacing: -.045em; }
.rh-option { min-width: 0; }
.rh-option select { min-height: 50px; }
.rh-option label { color: hsl(var(--color-base)); font-size: 13px; font-weight: 650; }
.rh-option .prose { color: hsl(var(--color-muted)); }
.rh-capacity-tools { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.rh-capacity-tools[hidden] { display: none; }
.rh-capacity-tools button { display: inline-flex; align-items: center; justify-content: center; width: 38px; min-height: 38px; border: 1px solid hsl(var(--rh-control-border)); border-radius: 8px; color: hsl(var(--color-base)); background: transparent; font-size: 21px; cursor: pointer; }
.rh-capacity-tools button:disabled { opacity: .4; cursor: default; }
.rh-capacity-tools button:hover:not(:disabled) { border-color: var(--rh-accent); background: var(--rh-tint); }
.rh-capacity-tools > span { margin-inline-start: 4px; color: hsl(var(--color-muted)); font-size: 12px; }
.rh-summary { position: relative; overflow: hidden; }
main [data-rh-checkout].rh-checkout > [data-rh-selection-summary].rh-summary { padding: 24px; border: 1px solid hsl(var(--rh-hairline)); border-radius: 14px; background: hsl(var(--color-background-secondary)); box-shadow: var(--rh-card-shadow); }
.rh-summary::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--rh-action), #8ecaff 60%, transparent); }
.rh-summary h2 { margin-bottom: 18px; font-size: 20px; }
.rh-recap { margin: 0 0 22px; }
.rh-recap__identity { display: flex; align-items: center; gap: 12px; padding: 0 0 18px; }
.rh-recap__identity .rh-scene { width: 68px; height: 58px; flex-shrink: 0; border-radius: 8px; }
.rh-recap__identity strong { display: block; font: 750 17px/1.3 var(--rh-font-display); letter-spacing: -.035em; }
.rh-recap__identity small { display: block; margin-top: 4px; color: hsl(var(--color-muted)); font-size: 11px; }
.rh-recap dl { display: grid; gap: 0; margin: 0; }
.rh-recap dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 10px 0; border-top: 1px solid hsl(var(--rh-hairline) / .65); font-size: 13px; }
.rh-recap dt { color: hsl(var(--color-muted)); }
.rh-recap dd { max-width: 66%; margin: 0; color: hsl(var(--color-base)); text-align: end; overflow-wrap: anywhere; font-weight: 600; }
.rh-summary__price { position: relative; padding-top: 16px; border-top: 1px solid hsl(var(--rh-hairline)); }
.rh-summary__price h4 { font-size: 13px; }
.rh-summary__price > :last-child { font-size: 24px; letter-spacing: -.04em; }
.rh-summary__note { margin-top: 15px; color: hsl(var(--color-muted)); font-size: 11px; line-height: 1.65; }
.rh-summary__status { min-height: 18px; margin-top: 10px; color: hsl(var(--color-muted)); font-size: 11px; }
.rh-summary.rh-is-updating .rh-summary__status { color: var(--rh-accent); }
.rh-summary.rh-is-updating .rh-summary__price { opacity: .6; }
.rh-summary__price { transition: opacity 180ms ease; }
.rh-summary.is-refreshed .rh-summary__price { animation: rh-price-confirm 500ms ease-out; }
@keyframes rh-price-confirm { from { background-color: var(--rh-tint); } to { background-color: transparent; } }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .rh-product-card:hover { transform: translateY(-4px); border-color: var(--rh-tint-rule); box-shadow: 0 20px 45px rgb(7 14 25 / 14%); }
  .rh-product-card:hover .rh-scene, .rh-product-card:focus-within .rh-scene { transform: scale(1.035); }
}
@media (min-width: 900px) {
  .rh-checkout.md\:grid-cols-4 { grid-template-columns: minmax(0, 1fr) 340px; }
  .rh-checkout > .rh-checkout__config { grid-column: span 1 / span 1; }
  .rh-checkout > .rh-summary { grid-column: span 1 / span 1; position: sticky; top: calc(var(--rh-nav-h) + 20px); }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .rh-nav__row .rh-backlink { display: none; }
  .rh-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 899px) {
  .rh-checkout.md\:grid-cols-4 { display: flex; flex-direction: column; }
  .rh-checkout > * { width: 100%; min-width: 0; }
  .rh-checkout > .rh-summary { position: static; }
  .rh-catalog__layout { grid-template-columns: 170px minmax(0, 1fr); gap: 18px; }
}
@media (max-width: 767px) {
  .rh-brand__asset { width: 31px; height: 31px; }
  .rh-brand__word { font-size: 21px; }
  .rh-catalog, .rh-checkout { margin-top: 22px; }
  .rh-catalog__heading { min-height: 220px; padding: 24px; margin-bottom: 20px; }
  .rh-catalog__heading h1 { font-size: 32px; }
  .rh-catalog__visual { inset-inline-start: 0; opacity: .38; mask-image: none; }
  .rh-catalog__layout { display: flex; flex-direction: column; gap: 22px; }
  .rh-catalog__rail { position: static; width: 100%; display: flex; flex-wrap: wrap; gap: 8px; }
  .rh-catalog__rail > span { flex-basis: 100%; margin: 0 0 2px; }
  .rh-catalog__rail > a { min-height: 42px; padding: 8px 11px; border-color: hsl(var(--rh-hairline)); font-size: 12px; }
  .rh-catalog__content { width: 100%; }
  .rh-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  .rh-product-card__visual { height: 125px; }
  .rh-product-card__body { padding: 17px; }
  .rh-product-card h2 { font-size: 18px; }
  .rh-checkout__journey { gap: 8px; padding-bottom: 12px; }
  .rh-steps { gap: 15px; }
  .rh-steps li { font-size: 11px; }
  .rh-checkout__hero { min-height: 210px; padding: 24px; }
  .rh-checkout__options { padding: 20px; }
  main [data-rh-checkout].rh-checkout > [data-rh-selection-summary].rh-summary { padding: 22px; }
}
@media (max-width: 480px) {
  .rh-product-grid { grid-template-columns: minmax(0, 1fr); }
  .rh-product-card__visual { height: 166px; }
  .rh-product-card__body { padding: 21px; }
  .rh-product-card h2 { font-size: 21px; }
  .rh-capacity-tools button { width: 44px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .rh-product-card, .rh-product-card .rh-scene, .rh-catalog__rail > a, .rh-summary__price { transition: none; animation: none; }
  .rh-summary.is-refreshed .rh-summary__price { animation: none; }
}