/* 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{--un-bg-opacity:100%;--un-border-bottom-opacity:100%;--un-border-opacity:100%;--un-from-opacity:100%;--un-outline-opacity:100%;--un-outline-style:solid;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-space-x-reverse:initial;--un-space-y-reverse:initial;--un-text-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-border-bottom-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-inset-ring-color{syntax:"*";inherits:false;}
@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-inset-shadow-color{syntax:"*";inherits:false;}
@property --un-ring-color{syntax:"*";inherits:false;}
@property --un-ring-inset{syntax:"*";inherits:false;}
@property --un-ring-offset-color{syntax:"*";inherits:false;}
@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}
@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
@property --un-shadow-color{syntax:"*";inherits:false;}
@property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}
@property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}
@property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}
@property --un-scale-x{syntax:"*";inherits:false;initial-value:1;}
@property --un-scale-y{syntax:"*";inherits:false;initial-value:1;}
@property --un-scale-z{syntax:"*";inherits:false;initial-value:1;}
@property --un-from-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%;}
@property --un-gradient-position{syntax:"*";inherits:false;}
@property --un-gradient-stops{syntax:"*";inherits:false;}
@property --un-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%;}
@property --un-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000;}
@property --un-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%;}
@property --un-gradient-via-stops{syntax:"*";inherits:false;}
@property --un-blur{syntax:"*";inherits:false;}
@property --un-brightness{syntax:"*";inherits:false;}
@property --un-contrast{syntax:"*";inherits:false;}
@property --un-drop-shadow{syntax:"*";inherits:false;}
@property --un-grayscale{syntax:"*";inherits:false;}
@property --un-hue-rotate{syntax:"*";inherits:false;}
@property --un-invert{syntax:"*";inherits:false;}
@property --un-saturate{syntax:"*";inherits:false;}
@property --un-sepia{syntax:"*";inherits:false;}
@property --un-space-x-reverse{syntax:"*";inherits:false;initial-value:0;}
@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}
/* layer: theme */
:root, :host { --spacing: 0.25rem; --font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --colors-white: #fff; --fontWeight-bold: 700; --fontWeight-thin: 100; --tracking-wider: 0.05em; --fontWeight-semibold: 600; --colors-sky-200: oklch(90.1% 0.058 230.902); --colors-sky-100: oklch(95.1% 0.026 236.824); --colors-amber-200: oklch(92.4% 0.12 95.746); --colors-sky-500: oklch(68.5% 0.169 237.323); --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-sky-800: oklch(44.3% 0.11 240.79); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-amber-400: oklch(82.8% 0.189 84.429); --colors-black: #000; --colors-sky-700: oklch(50% 0.134 242.749); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-lime-700: oklch(53.2% 0.157 131.589); --colors-amber-700: oklch(55.5% 0.163 48.998); --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); }
/* layer: base */
 *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;  margin: 0;  padding: 0;  border: 0 solid;  }  html, :host { line-height: 1.5;  -webkit-text-size-adjust: 100%;  tab-size: 4;  font-family: var( --default-font-family, -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-featureSettings, normal);  font-variation-settings: var(--default-font-variationSettings, normal);  -webkit-tap-highlight-color: transparent;  }  hr { height: 0;  color: inherit;  border-top-width: 1px;  }  abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }  a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }  b, strong { font-weight: bolder; }  code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace );  font-feature-settings: var(--default-monoFont-featureSettings, normal);  font-variation-settings: var(--default-monoFont-variationSettings, normal);  font-size: 1em;  }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.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 { display: block;  vertical-align: middle;  }  img, video { max-width: 100%; height: auto; }  button, input, select, optgroup, textarea, ::file-selector-button { font: inherit;  font-feature-settings: inherit;  font-variation-settings: inherit;  letter-spacing: inherit;  color: inherit;  border-radius: 0;  background-color: transparent;  opacity: 1;  }  :where(select:is([multiple], [size])) optgroup { font-weight: bolder; }  :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }  ::file-selector-button { margin-inline-end: 4px; }  ::placeholder { opacity: 1; }  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px)  { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } }  textarea { resize: vertical; }  ::-webkit-search-decoration { -webkit-appearance: none; }  ::-webkit-date-and-time-value { min-height: 1lh;  text-align: inherit;  }  ::-webkit-datetime-edit { display: inline-flex; }  ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; }  ::-webkit-calendar-picker-indicator { line-height: 1; }  :-moz-ui-invalid { box-shadow: none; }  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; }  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }  [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }
/* layer: default */
[text~="\37 \/8"]{font-size:1.75rem;line-height:2rem;}
.text-3,
[text-3=""]{font-size:0.75rem;}
.text-5,
[text-5=""]{font-size:1.25rem;}
.text-6,
[text-6=""]{font-size:1.5rem;}
.text-8,
[text-8=""]{font-size:2rem;}
.text-sky-100,
[text-sky-100=""],
[text~="sky-100"]{color:color-mix(in srgb, var(--colors-sky-100) var(--un-text-opacity), transparent);}
.text-sky-200,
[text-sky-200=""]{color:color-mix(in srgb, var(--colors-sky-200) var(--un-text-opacity), transparent);}
.text-sky-800,
[text-sky-800=""]{color:color-mix(in srgb, var(--colors-sky-800) var(--un-text-opacity), transparent);}
.text-white,
[text-white=""]{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}
[text-3\.5=""]{font-size:0.875rem;}
[text~="\[clamp\(0\.6rem\,3vw\,1rem\)\]"]{font-size:clamp(0.6rem,3vw,1rem);}
[text~="\[clamp\(2rem\,10vw\,6rem\)\]"]{font-size:clamp(2rem,10vw,6rem);}
.tracking-wider,
[tracking-wider=""]{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}
.font-bold,
[font-bold=""]{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
.font-mono,
[font-mono=""]{font-family:var(--font-mono);}
.font-semibold,
[font-semibold=""]{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}
.font-serif,
[font-serif=""]{font-family:var(--font-serif);}
.font-thin,
[font-thin=""]{--un-font-weight:var(--fontWeight-thin);font-weight:var(--fontWeight-thin);}
[text-shadow~="\[0_1\.5px_0_\#000\]"]{--un-text-shadow:0 1.5px 0 var(--un-text-shadow-color, rgb(0 0 0));text-shadow:var(--un-text-shadow);}
[text-shadow~="\[0_1px_0_\#0007\]"]{--un-text-shadow:0 1px 0 var(--un-text-shadow-color, rgb(0 0 0 / 0.47));text-shadow:var(--un-text-shadow);}
[text-shadow~="\[0_1px_0_\#ffff\]"]{--un-text-shadow:0 1px 0 var(--un-text-shadow-color, rgb(255 255 255 / 1));text-shadow:var(--un-text-shadow);}
[text-shadow~="\[0\.5px_2px_0_\#000f\]"]{--un-text-shadow:0.5px 2px 0 var(--un-text-shadow-color, rgb(0 0 0 / 1));text-shadow:var(--un-text-shadow);}
.mx-auto,
[mx-auto=""]{margin-inline:auto;}
.-mt12,
[-mt12=""]{margin-top:calc(var(--spacing) * -12);}
.mb-3,
.mb3,
[mb-3=""],
[mb3=""]{margin-bottom:calc(var(--spacing) * 3);}
.mt12,
[mt12=""]{margin-top:calc(var(--spacing) * 12);}
[mb6=""]{margin-bottom:calc(var(--spacing) * 6);}
.p1,
[p1=""]{padding:calc(var(--spacing) * 1);}
.p1\.5,
[p1\.5=""]{padding:calc(var(--spacing) * 1.5);}
.p3,
[p3=""]{padding:calc(var(--spacing) * 3);}
.px-1\.5,
[px-1\.5=""]{padding-inline:calc(var(--spacing) * 1.5);}
.px-4,
.px4,
[px-4=""],
[px4=""]{padding-inline:calc(var(--spacing) * 4);}
.px2,
[px2=""]{padding-inline:calc(var(--spacing) * 2);}
.px6,
[px6=""]{padding-inline:calc(var(--spacing) * 6);}
.py-12,
.py12,
[py-12=""],
[py12=""]{padding-block:calc(var(--spacing) * 12);}
.py-2,
.py2,
[py-2=""],
[py2=""]{padding-block:calc(var(--spacing) * 2);}
.py0\.5,
[py0\.5=""]{padding-block:calc(var(--spacing) * 0.5);}
[px-3=""]{padding-inline:calc(var(--spacing) * 3);}
.pt-3,
[pt-3=""],
[pt3=""]{padding-top:calc(var(--spacing) * 3);}
.pt12,
[pt12=""]{padding-top:calc(var(--spacing) * 12);}
[pb-12=""]{padding-bottom:calc(var(--spacing) * 12);}
[pr6=""]{padding-right:calc(var(--spacing) * 6);}
.text-center,
[text-center=""]{text-align:center;}
.outline-0,
[outline-0=""]{outline-style:var(--un-outline-style);outline-width:0px;}
.outline-sky-500,
[outline-sky-500=""]{outline-color:color-mix(in srgb, var(--colors-sky-500) var(--un-outline-opacity), transparent);}
.focus-visible\:outline-4:focus-visible{outline-style:var(--un-outline-style);outline-width:4px;}
[focus-visible\:outline-4=""]:focus-visible{outline-style:var(--un-outline-style);outline-width:4px;}
.b-sky-100,
[b-sky-100=""]{border-color:color-mix(in srgb, var(--colors-sky-100) var(--un-border-opacity), transparent);}
[b-black=""]{border-color:color-mix(in srgb, var(--colors-black) var(--un-border-opacity), transparent);}
[b~="\31 "]{border-width:1px;}
[b~="black\/10"]{border-color:color-mix(in srgb, var(--colors-black) 10%, transparent);}
.b-y-1px,
[b-y-1px=""]{border-block-width:1px;}
.b-y-4,
[b-y-4=""]{border-block-width:4px;}
[b-b~="\32 px"]{border-bottom-width:2px;}
[b-b~="black\/30"]{border-bottom-color:color-mix(in srgb, var(--colors-black) 30%, transparent);}
.rounded-1,
[rounded-1=""]{border-radius:0.25rem;}
.rounded-2,
[rounded-2=""]{border-radius:0.5rem;}
.rounded-2\.5,
[rounded-2\.5=""]{border-radius:0.625rem;}
.rounded-full,
[rounded-full=""]{border-radius:calc(infinity * 1px);}
.rounded-b-1,
[rounded-b-1=""]{border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem;}
.rounded-b-2,
[rounded-b-2=""]{border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem;}
.rounded-b-4,
[rounded-b-4=""]{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;}
.rounded-t-100,
[rounded-t-100=""]{border-top-left-radius:25rem;border-top-right-radius:25rem;}
.bg-amber-200,
[bg-amber-200=""]{background-color:color-mix(in srgb, var(--colors-amber-200) var(--un-bg-opacity), transparent);}
.bg-amber-400{background-color:color-mix(in srgb, var(--colors-amber-400) var(--un-bg-opacity), transparent);}
.bg-amber-500,
[bg-amber-500=""]{background-color:color-mix(in srgb, var(--colors-amber-500) var(--un-bg-opacity), transparent);}
.bg-green,
[bg-green=""]{background-color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}
.bg-sky-100,
[bg-sky-100=""],
[bg~="sky-100"]{background-color:color-mix(in srgb, var(--colors-sky-100) var(--un-bg-opacity), transparent);}
.bg-sky-200,
[bg-sky-200=""]{background-color:color-mix(in srgb, var(--colors-sky-200) var(--un-bg-opacity), transparent);}
.bg-sky-500{background-color:color-mix(in srgb, var(--colors-sky-500) var(--un-bg-opacity), transparent);}
.bg-sky-800,
[bg-sky-800=""]{background-color:color-mix(in srgb, var(--colors-sky-800) var(--un-bg-opacity), transparent);}
.bg-white,
[bg-white=""]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}
.bg-white\/10{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent);}
.bg-white\/100,
.group:hover [group-hover~="bg-white\/100"]{background-color:color-mix(in srgb, var(--colors-white) 100%, transparent);}
[bg~="amber-700"]{background-color:color-mix(in srgb, var(--colors-amber-700) var(--un-bg-opacity), transparent);}
[bg~="black\/60"]{background-color:color-mix(in srgb, var(--colors-black) 60%, transparent);}
[bg~="lime-700"]{background-color:color-mix(in srgb, var(--colors-lime-700) var(--un-bg-opacity), transparent);}
[bg~="red-700"]{background-color:color-mix(in srgb, var(--colors-red-700) var(--un-bg-opacity), transparent);}
[bg~="sky-700"]{background-color:color-mix(in srgb, var(--colors-sky-700) var(--un-bg-opacity), transparent);}
[bg~="white\/20"]{background-color:color-mix(in srgb, var(--colors-white) 20%, transparent);}
[bg~="white\/70"]{background-color:color-mix(in srgb, var(--colors-white) 70%, transparent);}
[bg~="white\/80"]{background-color:color-mix(in srgb, var(--colors-white) 80%, transparent);}
[hover~="bg-amber-400"]:hover{background-color:color-mix(in srgb, var(--colors-amber-400) var(--un-bg-opacity), transparent);}
[hover~="bg-white\/10"]:hover{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent);}
[focus-visible~="bg-sky-500"]:focus-visible{background-color:color-mix(in srgb, var(--colors-sky-500) var(--un-bg-opacity), transparent);}
[opacity-0=""]{opacity:0%;}
.flex,
[flex=""]{display:flex;}
.flex-grow,
[flex-grow=""]{flex-grow:1;}
.flex-col,
[flex-col=""]{flex-direction:column;}
.flex-wrap,
[flex-wrap=""]{flex-wrap:wrap;}
.gap-3,
[gap-3=""]{gap:calc(var(--spacing) * 3);}
[gap-4=""]{gap:calc(var(--spacing) * 4);}
.grid,
[grid=""]{display:grid;}
.cols-1,
[cols-1=""]{grid-template-columns:repeat(1,minmax(0,1fr));}
.cols-2,
[cols-2=""]{grid-template-columns:repeat(2,minmax(0,1fr));}
.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.size-full,
[size-full=""]{width:100%;height:100%;}
.h-12,
[h-12=""]{height:calc(var(--spacing) * 12);}
.h-20vw,
[h-20vw=""]{height:20vw;}
.h-50,
[h-50=""]{height:calc(var(--spacing) * 50);}
.h-50\%,
[h-50\%=""]{height:50%;}
.h-6,
[h-6=""]{height:calc(var(--spacing) * 6);}
.h-full,
[h-full=""]{height:100%;}
.w-40,
[w-40=""]{width:calc(var(--spacing) * 40);}
.w-70\%,
[w-70\%=""]{width:70%;}
.w-full,
[w-full=""]{width:100%;}
[min-w-20=""]{min-width:calc(var(--spacing) * 20);}
.max-w-screen-lg,
[max-w-screen-lg=""]{max-width:64rem;}
.max-w-screen-md,
[max-w-screen-md=""]{max-width:48rem;}
.max-w-screen-sm,
[max-w-screen-sm=""]{max-width:40rem;}
.aspect-0\.7,
[aspect-0\.7=""]{aspect-ratio:0.7;}
.aspect-1\/1,
.aspect-square,
[aspect-square=""]{aspect-ratio:1/1;}
[aspect-1=""]{aspect-ratio:1;}
.block,
[block=""]{display:block;}
[whitespace-nowrap=""]{white-space:nowrap;}
.uppercase,
[uppercase=""]{text-transform:uppercase;}
.font-italic,
[font-italic=""]{font-style:italic;}
.shadow-md,
.group:hover [group-hover~="shadow-md"]{--un-shadow:0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-sm,
[shadow-sm=""]{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
[shadow~="\[0_1\.5px_1px_1px_\#0006\,0_0\.5px_0_2px_\#0002\]"]{--un-shadow:0 1.5px 1px 1px #0006,0 0.5px 0 2px #0002;box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
[shadow~="\[inset_0_0_1px_4px_\#ffff\]"]{--un-shadow:inset 0 0 1px 4px var(--un-shadow-color, rgb(255 255 255 / 1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.-translate-y-10px{--un-translate-y:-10px;translate:var(--un-translate-x) var(--un-translate-y);}
[hover~="-translate-y-10px"]:hover{--un-translate-y:-10px;translate:var(--un-translate-x) var(--un-translate-y);}
.scale-103{--un-scale-x:103%;--un-scale-y:103%;scale:var(--un-scale-x) var(--un-scale-y);}
.scale-120,
.group:hover .group-hover\:scale-120,
.group:hover [group-hover\:scale-120=""],
.group:hover [group-hover~="scale-120"],
.group:focus-visible .group-focus-visible\:scale-120,
.group:focus-visible [group-focus-visible\:scale-120=""],
.group:focus-visible [group-focus-visible~="scale-120"]{--un-scale-x:120%;--un-scale-y:120%;scale:var(--un-scale-x) var(--un-scale-y);}
.scale-150,
.group:hover [group-hover~="scale-150"],
.group:focus-visible [group-focus-visible~="scale-150"]{--un-scale-x:150%;--un-scale-y:150%;scale:var(--un-scale-x) var(--un-scale-y);}
[hover~="scale-103"]:hover{--un-scale-x:103%;--un-scale-y:103%;scale:var(--un-scale-x) var(--un-scale-y);}
.-scale-y-100,
[-scale-y-100=""]{--un-scale-y:-100%;scale:var(--un-scale-x) var(--un-scale-y);}
[-scale-x-100=""]{--un-scale-x:-100%;scale:var(--un-scale-x) var(--un-scale-y);}
.transition-all,
[transition-all=""]{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-transform,
[transition-transform=""]{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.duration-0{--un-duration:0s;transition-duration:0s;}
.duration-500,
[duration-500=""]{--un-duration:500ms;transition-duration:500ms;}
[hover~="duration-0"]:hover{--un-duration:0s;transition-duration:0s;}
.\[corner-shape\:bevel\]{corner-shape:bevel;}
.box-content,
[box-content=""]{box-sizing:content-box;}
.inset-0,
[inset-0=""]{inset:calc(var(--spacing) * 0);}
.inset-x-0,
[inset-x-0=""]{inset-inline:calc(var(--spacing) * 0);}
.bottom-0,
[bottom-0=""]{bottom:calc(var(--spacing) * 0);}
.left-0,
[left-0=""]{left:calc(var(--spacing) * 0);}
.top-0,
[top-0=""]{top:calc(var(--spacing) * 0);}
.absolute,
[absolute=""]{position:absolute;}
.relative,
[relative=""]{position:relative;}
.z-10,
[z-10=""]{z-index:10;}
.z-11,
[z-11=""]{z-index:11;}
.z-9,
[z-9=""]{z-index:9;}
.overflow-hidden,
[overflow-hidden=""]{overflow:hidden;}
[from~="white\/10"]{--un-from-opacity:10%;--un-gradient-from:color-mix(in oklab, var(--colors-white) var(--un-from-opacity), transparent);--un-gradient-stops:var(--un-gradient-via-stops, var(--un-gradient-position), var(--un-gradient-from) var(--un-gradient-from-position), var(--un-gradient-to) var(--un-gradient-to-position));}
.bg-gradient-to-br,
[bg-gradient-to-br=""]{--un-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.object-cover,
[object-cover=""]{object-fit:cover;}
.brightness-120{--un-brightness:brightness(120%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.brightness-180,
[brightness-180=""]{--un-brightness:brightness(180%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
[hover~="brightness-120"]:hover{--un-brightness:brightness(120%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.saturate-100,
.group:hover [group-hover~="saturate-100"],
.group:focus-visible [group-focus-visible~="saturate-100"]{--un-saturate:saturate(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.saturate-120,
.group:hover [group-hover~="saturate-120"],
.group:focus-visible [group-focus-visible~="saturate-120"]{--un-saturate:saturate(120%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.saturate-50,
[saturate-50=""]{--un-saturate:saturate(50%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
[saturate-40=""]{--un-saturate:saturate(40%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
.flex-cc,
[flex-cc=""]{display:flex;align-items:center;justify-content:center;}
.flex-sc,
[flex-sc=""]{display:flex;align-items:flex-start;justify-content:center;}
.space-x-1\.5{
:where(&>:not(:last-child)){--un-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1.5) * var(--un-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--un-space-x-reverse)));}
}
.space-x-3{
:where(&>:not(:last-child)){--un-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--un-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--un-space-x-reverse)));}
}
.space-y-12{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--un-space-y-reverse)));}
}
.space-y-3{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--un-space-y-reverse)));}
}
[space-x-1\.5=""]{
:where(&>:not(:last-child)){--un-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1.5) * var(--un-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--un-space-x-reverse)));}
}
[space-x-3=""]{
:where(&>:not(:last-child)){--un-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 3) * var(--un-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--un-space-x-reverse)));}
}
[space-y-12=""]{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--un-space-y-reverse)));}
}
@supports (color: color-mix(in lab, red, red)){
.text-sky-100{color:color-mix(in oklab, var(--colors-sky-100) var(--un-text-opacity), transparent);}
.text-sky-200{color:color-mix(in oklab, var(--colors-sky-200) var(--un-text-opacity), transparent);}
.text-sky-800{color:color-mix(in oklab, var(--colors-sky-800) var(--un-text-opacity), transparent);}
.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
[text-sky-100=""]{color:color-mix(in oklab, var(--colors-sky-100) var(--un-text-opacity), transparent);}
[text-sky-200=""]{color:color-mix(in oklab, var(--colors-sky-200) var(--un-text-opacity), transparent);}
[text-sky-800=""]{color:color-mix(in oklab, var(--colors-sky-800) var(--un-text-opacity), transparent);}
[text-white=""]{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
[text~="sky-100"]{color:color-mix(in oklab, var(--colors-sky-100) var(--un-text-opacity), transparent);}
.outline-sky-500{outline-color:color-mix(in oklab, var(--colors-sky-500) var(--un-outline-opacity), transparent);}
[outline-sky-500=""]{outline-color:color-mix(in oklab, var(--colors-sky-500) var(--un-outline-opacity), transparent);}
.b-sky-100{border-color:color-mix(in oklab, var(--colors-sky-100) var(--un-border-opacity), transparent);}
[b-black=""]{border-color:color-mix(in oklab, var(--colors-black) var(--un-border-opacity), transparent);}
[b-sky-100=""]{border-color:color-mix(in oklab, var(--colors-sky-100) var(--un-border-opacity), transparent);}
[b~="black\/10"]{border-color:color-mix(in oklab, var(--colors-black) 10%, transparent);}
[b-b~="black\/30"]{border-bottom-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}
.bg-amber-200{background-color:color-mix(in oklab, var(--colors-amber-200) var(--un-bg-opacity), transparent);}
.bg-amber-400{background-color:color-mix(in oklab, var(--colors-amber-400) var(--un-bg-opacity), transparent);}
.bg-amber-500{background-color:color-mix(in oklab, var(--colors-amber-500) var(--un-bg-opacity), transparent);}
.bg-green{background-color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}
.bg-sky-100{background-color:color-mix(in oklab, var(--colors-sky-100) var(--un-bg-opacity), transparent);}
.bg-sky-200{background-color:color-mix(in oklab, var(--colors-sky-200) var(--un-bg-opacity), transparent);}
.bg-sky-500{background-color:color-mix(in oklab, var(--colors-sky-500) var(--un-bg-opacity), transparent);}
.bg-sky-800{background-color:color-mix(in oklab, var(--colors-sky-800) var(--un-bg-opacity), transparent);}
.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
.bg-white\/10{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent);}
.bg-white\/100{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}
[bg-amber-200=""]{background-color:color-mix(in oklab, var(--colors-amber-200) var(--un-bg-opacity), transparent);}
[bg-amber-500=""]{background-color:color-mix(in oklab, var(--colors-amber-500) var(--un-bg-opacity), transparent);}
[bg-green=""]{background-color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}
[bg-sky-100=""]{background-color:color-mix(in oklab, var(--colors-sky-100) var(--un-bg-opacity), transparent);}
[bg-sky-200=""]{background-color:color-mix(in oklab, var(--colors-sky-200) var(--un-bg-opacity), transparent);}
[bg-sky-800=""]{background-color:color-mix(in oklab, var(--colors-sky-800) var(--un-bg-opacity), transparent);}
[bg-white=""]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
[bg~="amber-700"]{background-color:color-mix(in oklab, var(--colors-amber-700) var(--un-bg-opacity), transparent);}
[bg~="black\/60"]{background-color:color-mix(in oklab, var(--colors-black) 60%, transparent);}
[bg~="lime-700"]{background-color:color-mix(in oklab, var(--colors-lime-700) var(--un-bg-opacity), transparent);}
[bg~="red-700"]{background-color:color-mix(in oklab, var(--colors-red-700) var(--un-bg-opacity), transparent);}
[bg~="sky-100"]{background-color:color-mix(in oklab, var(--colors-sky-100) var(--un-bg-opacity), transparent);}
[bg~="sky-700"]{background-color:color-mix(in oklab, var(--colors-sky-700) var(--un-bg-opacity), transparent);}
[bg~="white\/20"]{background-color:color-mix(in oklab, var(--colors-white) 20%, transparent);}
[bg~="white\/70"]{background-color:color-mix(in oklab, var(--colors-white) 70%, transparent);}
[bg~="white\/80"]{background-color:color-mix(in oklab, var(--colors-white) 80%, transparent);}
.group:hover [group-hover~="bg-white\/100"]{background-color:color-mix(in oklab, var(--colors-white) 100%, transparent);}
[hover~="bg-amber-400"]:hover{background-color:color-mix(in oklab, var(--colors-amber-400) var(--un-bg-opacity), transparent);}
[hover~="bg-white\/10"]:hover{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent);}
[focus-visible~="bg-sky-500"]:focus-visible{background-color:color-mix(in oklab, var(--colors-sky-500) var(--un-bg-opacity), transparent);}
}
@media (min-width: 40rem){
.sm\:text-3\.7,
[sm\:text-3\.7=""]{font-size:0.925rem;}
[sm\:text-6=""]{font-size:1.5rem;}
[sm\:mb6=""]{margin-bottom:calc(var(--spacing) * 6);}
.sm\:p6,
[sm\:p6=""]{padding:calc(var(--spacing) * 6);}
.sm\:rounded-2,
[sm\:rounded-2=""]{border-radius:0.5rem;}
.sm\:cols-3,
[sm\:cols-3=""]{grid-template-columns:repeat(3,minmax(0,1fr));}
.sm\:cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.sm\:cols-8{grid-template-columns:repeat(8,minmax(0,1fr));}
}
@media (min-width: 48rem){
.md\:text-4\.5\/6{font-size:1.125rem;line-height:1.5rem;}
.md\:text-12,
[md\:text-12=""]{font-size:3rem;}
[md\:text-4\.5=""]{font-size:1.125rem;}
.md\:gap-6{gap:calc(var(--spacing) * 6);}
[md~="cols-3"]{grid-template-columns:repeat(3,minmax(0,1fr));}
.md\:w-60,
[md\:w-60=""]{width:calc(var(--spacing) * 60);}
}
@media (min-width: 48rem){.md\:space-y-6{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--un-space-y-reverse)));}
}}