/* 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-opacity:100%;--un-from-opacity:100%;--un-leading:initial;--un-shadow-opacity:100%;--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-leading{syntax:"*";inherits:false;}
@property --un-border-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-shadow-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@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-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;}
/* layer: theme */
:root, :host { --spacing: 0.25rem; --fontWeight-bold: 700; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --colors-black: #000; --tracking-wider: 0.05em; --colors-sky-800: oklch(44.3% 0.11 240.79); --colors-sky-300: oklch(82.8% 0.111 230.318); --colors-sky-200: oklch(90.1% 0.058 230.902); --colors-white: #fff; --colors-sky-50: oklch(97.7% 0.013 236.62); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-orange-300: oklch(83.7% 0.128 66.29); --colors-orange-500: oklch(70.5% 0.213 47.604); --colors-amber-300: oklch(87.9% 0.169 91.605); --colors-amber-500: oklch(76.9% 0.188 70.08); --colors-yellow-300: oklch(90.5% 0.182 98.111); --colors-yellow-500: oklch(79.5% 0.184 86.047); --colors-lime-300: oklch(89.7% 0.196 126.665); --colors-lime-500: oklch(76.8% 0.233 130.85); --colors-green-300: oklch(87.1% 0.15 154.449); --colors-green-500: oklch(72.3% 0.219 149.579); --colors-emerald-300: oklch(84.5% 0.143 164.978); --colors-emerald-500: oklch(69.6% 0.17 162.48); --colors-teal-300: oklch(85.5% 0.138 181.071); --colors-teal-500: oklch(70.4% 0.14 182.503); --colors-cyan-300: oklch(86.5% 0.127 207.078); --colors-cyan-500: oklch(71.5% 0.143 215.221); --colors-sky-500: oklch(68.5% 0.169 237.323); --colors-blue-300: oklch(80.9% 0.105 251.813); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-indigo-300: oklch(78.5% 0.115 274.713); --colors-indigo-500: oklch(58.5% 0.233 277.117); --colors-violet-300: oklch(81.1% 0.111 293.571); --colors-violet-500: oklch(60.6% 0.25 292.717); --colors-sky-100: oklch(95.1% 0.026 236.824); --colors-sky-700: oklch(50% 0.134 242.749); --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); --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --colors-yellow-50: oklch(98.7% 0.026 102.212); --colors-yellow-DEFAULT: oklch(85.2% 0.199 91.936); --colors-sky-400: oklch(74.6% 0.16 232.661); --colors-gray-200: oklch(92.8% 0.006 264.531); --colors-gray-100: oklch(96.7% 0.003 264.542); --colors-gray-500: oklch(55.1% 0.027 264.364); --colors-gray-400: oklch(70.7% 0.022 261.325); --colors-gray-300: oklch(87.2% 0.01 258.338); }
/* 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: shortcuts */
.container{width:100%;}
@media (min-width: 40rem){
.container{max-width:40rem;}
}
@media (min-width: 48rem){
.container{max-width:48rem;}
}
@media (min-width: 64rem){
.container{max-width:64rem;}
}
@media (min-width: 80rem){
.container{max-width:80rem;}
}
@media (min-width: 96rem){
.container{max-width:96rem;}
}
/* layer: default */
.text-11\/12{font-size:2.75rem;line-height:3rem;}
.text-2\.6\/4{font-size:0.65rem;line-height:1rem;}
.text-5\/12{font-size:1.25rem;line-height:3rem;}
.text-1\.8em{font-size:1.8em;}
.text-2em{font-size:2em;}
.text-3{font-size:0.75rem;}
.text-3\.3{font-size:0.825rem;}
.text-3\.4{font-size:0.85rem;}
.text-3\.5{font-size:0.875rem;}
.text-3\.7{font-size:0.925rem;}
.text-4{font-size:1rem;}
.text-amber-500{color:color-mix(in srgb, var(--colors-amber-500) var(--un-text-opacity), transparent);}
.text-black{color:color-mix(in srgb, var(--colors-black) var(--un-text-opacity), transparent);}
.text-black\/55{color:color-mix(in srgb, var(--colors-black) 55%, transparent);}
.text-black\/60{color:color-mix(in srgb, var(--colors-black) 60%, transparent);}
.text-black\/77{color:color-mix(in srgb, var(--colors-black) 77%, transparent);}
.text-blue-500{color:color-mix(in srgb, var(--colors-blue-500) var(--un-text-opacity), transparent);}
.text-cyan-500{color:color-mix(in srgb, var(--colors-cyan-500) var(--un-text-opacity), transparent);}
.text-emerald-500{color:color-mix(in srgb, var(--colors-emerald-500) var(--un-text-opacity), transparent);}
.text-green-500{color:color-mix(in srgb, var(--colors-green-500) var(--un-text-opacity), transparent);}
.text-indigo-500{color:color-mix(in srgb, var(--colors-indigo-500) var(--un-text-opacity), transparent);}
.text-lime-500{color:color-mix(in srgb, var(--colors-lime-500) var(--un-text-opacity), transparent);}
.text-orange-500{color:color-mix(in srgb, var(--colors-orange-500) var(--un-text-opacity), transparent);}
.text-red-500{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}
.text-sky-500{color:color-mix(in srgb, var(--colors-sky-500) var(--un-text-opacity), transparent);}
.text-teal-500{color:color-mix(in srgb, var(--colors-teal-500) var(--un-text-opacity), transparent);}
.text-violet-500{color:color-mix(in srgb, var(--colors-violet-500) var(--un-text-opacity), transparent);}
.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}
.text-yellow-500{color:color-mix(in srgb, var(--colors-yellow-500) var(--un-text-opacity), transparent);}
.lh-6{--un-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6);}
.tracking-1px{--un-tracking:1px;letter-spacing:1px;}
.tracking-wider{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}
.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
.font-mono{font-family:var(--font-mono);}
.text-shadow-\[-1px_-2px_0_\#fff\]{--un-text-shadow:-1px -2px 0 var(--un-text-shadow-color, rgb(255 255 255));text-shadow:var(--un-text-shadow);}
.text-shadow-\[-2px_-3px_0_\#fff\]{--un-text-shadow:-2px -3px 0 var(--un-text-shadow-color, rgb(255 255 255));text-shadow:var(--un-text-shadow);}
.text-shadow-\[0_-1px_0_\#0003\]{--un-text-shadow:0 -1px 0 var(--un-text-shadow-color, rgb(0 0 0 / 0.2));text-shadow:var(--un-text-shadow);}
.text-shadow-\[0_-1px_0_\#0006\]{--un-text-shadow:0 -1px 0 var(--un-text-shadow-color, rgb(0 0 0 / 0.4));text-shadow:var(--un-text-shadow);}
.text-shadow-\[0_-1px_0_\#fff1\]{--un-text-shadow:0 -1px 0 var(--un-text-shadow-color, rgb(255 255 255 / 0.07));text-shadow:var(--un-text-shadow);}
.text-shadow-\[1px_1px_0_\#000\]{--un-text-shadow:1px 1px 0 var(--un-text-shadow-color, rgb(0 0 0));text-shadow:var(--un-text-shadow);}
.mx-auto{margin-inline:auto;}
.my6{margin-block:calc(var(--spacing) * 6);}
.mb2{margin-bottom:calc(var(--spacing) * 2);}
.mb3{margin-bottom:calc(var(--spacing) * 3);}
.mb4{margin-bottom:calc(var(--spacing) * 4);}
.ml2{margin-left:calc(var(--spacing) * 2);}
.mr1{margin-right:calc(var(--spacing) * 1);}
.mt2{margin-top:calc(var(--spacing) * 2);}
.px-1{padding-inline:calc(var(--spacing) * 1);}
.px-2{padding-inline:calc(var(--spacing) * 2);}
.px-3,
.px3{padding-inline:calc(var(--spacing) * 3);}
.px0{padding-inline:calc(var(--spacing) * 0);}
.px4{padding-inline:calc(var(--spacing) * 4);}
.py4{padding-block:calc(var(--spacing) * 4);}
.py6{padding-block:calc(var(--spacing) * 6);}
.pb3{padding-bottom:calc(var(--spacing) * 3);}
.pt-4,
.pt4{padding-top:calc(var(--spacing) * 4);}
.pt3{padding-top:calc(var(--spacing) * 3);}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.b,
.b-1{border-width:1px;}
.b-4{border-width:4px;}
.b-amber-300{border-color:color-mix(in srgb, var(--colors-amber-300) var(--un-border-opacity), transparent);}
.b-black\/10{border-color:color-mix(in srgb, var(--colors-black) 10%, transparent);}
.b-black\/30{border-color:color-mix(in srgb, var(--colors-black) 30%, transparent);}
.b-blue-300{border-color:color-mix(in srgb, var(--colors-blue-300) var(--un-border-opacity), transparent);}
.b-cyan-300{border-color:color-mix(in srgb, var(--colors-cyan-300) var(--un-border-opacity), transparent);}
.b-emerald-300{border-color:color-mix(in srgb, var(--colors-emerald-300) var(--un-border-opacity), transparent);}
.b-green-300{border-color:color-mix(in srgb, var(--colors-green-300) var(--un-border-opacity), transparent);}
.b-indigo-300{border-color:color-mix(in srgb, var(--colors-indigo-300) var(--un-border-opacity), transparent);}
.b-lime-300{border-color:color-mix(in srgb, var(--colors-lime-300) var(--un-border-opacity), transparent);}
.b-orange-300{border-color:color-mix(in srgb, var(--colors-orange-300) var(--un-border-opacity), transparent);}
.b-red-300{border-color:color-mix(in srgb, var(--colors-red-300) var(--un-border-opacity), transparent);}
.b-sky-300{border-color:color-mix(in srgb, var(--colors-sky-300) var(--un-border-opacity), transparent);}
.b-sky-50{border-color:color-mix(in srgb, var(--colors-sky-50) var(--un-border-opacity), transparent);}
.b-sky-500{border-color:color-mix(in srgb, var(--colors-sky-500) var(--un-border-opacity), transparent);}
.b-teal-300{border-color:color-mix(in srgb, var(--colors-teal-300) var(--un-border-opacity), transparent);}
.b-violet-300{border-color:color-mix(in srgb, var(--colors-violet-300) var(--un-border-opacity), transparent);}
.b-yellow-300{border-color:color-mix(in srgb, var(--colors-yellow-300) var(--un-border-opacity), transparent);}
.b-b-0{border-bottom-width:0px;}
.b-b-6{border-bottom-width:6px;}
.b-t-0{border-top-width:0px;}
.rounded-1{border-radius:0.25rem;}
.rounded-1\.5{border-radius:0.375rem;}
.rounded-2{border-radius:0.5rem;}
.rounded-full{border-radius:calc(infinity * 1px);}
.rounded-b-1{border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem;}
.b-dashed{--un-border-style:dashed;border-style:dashed;}
.bg-black\/20{background-color:color-mix(in srgb, var(--colors-black) 20%, transparent);}
.bg-black\/40{background-color:color-mix(in srgb, var(--colors-black) 40%, transparent);}
.bg-gray-100{background-color:color-mix(in srgb, var(--colors-gray-100) var(--un-bg-opacity), transparent);}
.bg-sky-100{background-color:color-mix(in srgb, var(--colors-sky-100) var(--un-bg-opacity), transparent);}
.bg-sky-200{background-color:color-mix(in srgb, var(--colors-sky-200) var(--un-bg-opacity), transparent);}
.bg-sky-300{background-color:color-mix(in srgb, var(--colors-sky-300) var(--un-bg-opacity), transparent);}
.bg-sky-400{background-color:color-mix(in srgb, var(--colors-sky-400) var(--un-bg-opacity), transparent);}
.bg-sky-800\/30{background-color:color-mix(in srgb, var(--colors-sky-800) 30%, transparent);}
.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}
.hover\:bg-sky-300:hover{background-color:color-mix(in srgb, var(--colors-sky-300) var(--un-bg-opacity), transparent);}
.underline{text-decoration-line:underline;}
.underline-3{text-decoration-thickness:3px;}
.underline-offset-8{text-underline-offset:8px;}
.flex{display:flex;}
.shrink-0{flex-shrink:0;}
.grow{flex-grow:1;}
.flex-col{flex-direction:column;}
.h-24{height:calc(var(--spacing) * 24);}
.h-400\%{height:400%;}
.h-521px{height:521px;}
.h-full{height:100%;}
.h6{height:calc(var(--spacing) * 6);}
.min-h-screen{min-height:100vh;}
.w-320px{width:320px;}
.w-400\%{width:400%;}
.w-full{width:100%;}
.w6{width:calc(var(--spacing) * 6);}
.block{display:block;}
.inline-block{display:inline-block;}
.pointer-events-none{pointer-events:none;}
.whitespace-nowrap{white-space:nowrap;}
.uppercase{text-transform:uppercase;}
.italic{font-style:italic;}
.shadow-\[0_0_3px_\#0002\]{--un-shadow:0 0 3px var(--un-shadow-color, rgb(0 0 0 / 0.13));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_4px_0\]{--un-shadow:0 4px 0 var(--un-shadow-color, );box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[4px_0_10px_\#0004\]{--un-shadow:4px 0 10px var(--un-shadow-color, rgb(0 0 0 / 0.27));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_-4px_0_\#000a\]{--un-shadow:inset 0 -4px 0 var(--un-shadow-color, rgb(0 0 0 / 0.67));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_40px_20px_\#fff1\]{--un-shadow:inset 0 0 40px 20px var(--un-shadow-color, rgb(255 255 255 / 0.07));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_20px_60px_30px_\#fff8\]{--un-shadow:inset 0 20px 60px 30px var(--un-shadow-color, rgb(255 255 255 / 0.53));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-gray-300{--un-shadow-color:color-mix(in srgb, var(--colors-gray-300) var(--un-shadow-opacity), transparent);}
.-translate-1\/2{--un-translate-x:-50%;--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
.-translate-x-1\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
.-rotate-15{rotate:-15deg;}
.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.hover\:transition-none:hover{transition:none;}
.inset-0{inset:calc(var(--spacing) * 0);}
.inset-1{inset:calc(var(--spacing) * 1);}
.-inset-x-1px{inset-inline:-1px;}
.-bottom-1px{bottom:-1px;}
.-top-4{top:calc(var(--spacing) * -4);}
.left-1\/2{left:50%;}
.right-3{right:calc(var(--spacing) * 3);}
.top-0{top:calc(var(--spacing) * 0);}
.top-3{top:calc(var(--spacing) * 3);}
.justify-center{justify-content:center;}
.absolute{position:absolute;}
.relative{position:relative;}
.z-10{z-index:10;}
.z-100{z-index:100;}
.z-15{z-index:15;}
.z-20{z-index:20;}
.z-30{z-index:30;}
.z-5{z-index:5;}
.z-50{z-index:50;}
.overflow-hidden{overflow:hidden;}
.from-black\/2{--un-from-opacity:2%;--un-gradient-from:color-mix(in oklab, var(--colors-black) 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));}
.from-white\/20{--un-from-opacity:20%;--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-linear-to-b{--un-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.bg-linear-to-t{--un-gradient-position:to top in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.object-cover{object-fit:cover;}
.flex-cc{display:flex;align-items:center;justify-content:center;}
@supports (color: color-mix(in lab, red, red)){
.text-amber-500{color:color-mix(in oklab, var(--colors-amber-500) var(--un-text-opacity), transparent);}
.text-black{color:color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent);}
.text-black\/55{color:color-mix(in oklab, var(--colors-black) 55%, transparent);}
.text-black\/60{color:color-mix(in oklab, var(--colors-black) 60%, transparent);}
.text-black\/77{color:color-mix(in oklab, var(--colors-black) 77%, transparent);}
.text-blue-500{color:color-mix(in oklab, var(--colors-blue-500) var(--un-text-opacity), transparent);}
.text-cyan-500{color:color-mix(in oklab, var(--colors-cyan-500) var(--un-text-opacity), transparent);}
.text-emerald-500{color:color-mix(in oklab, var(--colors-emerald-500) var(--un-text-opacity), transparent);}
.text-green-500{color:color-mix(in oklab, var(--colors-green-500) var(--un-text-opacity), transparent);}
.text-indigo-500{color:color-mix(in oklab, var(--colors-indigo-500) var(--un-text-opacity), transparent);}
.text-lime-500{color:color-mix(in oklab, var(--colors-lime-500) var(--un-text-opacity), transparent);}
.text-orange-500{color:color-mix(in oklab, var(--colors-orange-500) var(--un-text-opacity), transparent);}
.text-red-500{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}
.text-sky-500{color:color-mix(in oklab, var(--colors-sky-500) var(--un-text-opacity), transparent);}
.text-teal-500{color:color-mix(in oklab, var(--colors-teal-500) var(--un-text-opacity), transparent);}
.text-violet-500{color:color-mix(in oklab, var(--colors-violet-500) var(--un-text-opacity), transparent);}
.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.text-yellow-500{color:color-mix(in oklab, var(--colors-yellow-500) var(--un-text-opacity), transparent);}
.b-amber-300{border-color:color-mix(in oklab, var(--colors-amber-300) var(--un-border-opacity), transparent);}
.b-black\/10{border-color:color-mix(in oklab, var(--colors-black) 10%, transparent);}
.b-black\/30{border-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}
.b-blue-300{border-color:color-mix(in oklab, var(--colors-blue-300) var(--un-border-opacity), transparent);}
.b-cyan-300{border-color:color-mix(in oklab, var(--colors-cyan-300) var(--un-border-opacity), transparent);}
.b-emerald-300{border-color:color-mix(in oklab, var(--colors-emerald-300) var(--un-border-opacity), transparent);}
.b-green-300{border-color:color-mix(in oklab, var(--colors-green-300) var(--un-border-opacity), transparent);}
.b-indigo-300{border-color:color-mix(in oklab, var(--colors-indigo-300) var(--un-border-opacity), transparent);}
.b-lime-300{border-color:color-mix(in oklab, var(--colors-lime-300) var(--un-border-opacity), transparent);}
.b-orange-300{border-color:color-mix(in oklab, var(--colors-orange-300) var(--un-border-opacity), transparent);}
.b-red-300{border-color:color-mix(in oklab, var(--colors-red-300) var(--un-border-opacity), transparent);}
.b-sky-300{border-color:color-mix(in oklab, var(--colors-sky-300) var(--un-border-opacity), transparent);}
.b-sky-50{border-color:color-mix(in oklab, var(--colors-sky-50) var(--un-border-opacity), transparent);}
.b-sky-500{border-color:color-mix(in oklab, var(--colors-sky-500) var(--un-border-opacity), transparent);}
.b-teal-300{border-color:color-mix(in oklab, var(--colors-teal-300) var(--un-border-opacity), transparent);}
.b-violet-300{border-color:color-mix(in oklab, var(--colors-violet-300) var(--un-border-opacity), transparent);}
.b-yellow-300{border-color:color-mix(in oklab, var(--colors-yellow-300) var(--un-border-opacity), transparent);}
.bg-black\/20{background-color:color-mix(in oklab, var(--colors-black) 20%, transparent);}
.bg-black\/40{background-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}
.bg-gray-100{background-color:color-mix(in oklab, var(--colors-gray-100) 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-300{background-color:color-mix(in oklab, var(--colors-sky-300) var(--un-bg-opacity), transparent);}
.bg-sky-400{background-color:color-mix(in oklab, var(--colors-sky-400) var(--un-bg-opacity), transparent);}
.bg-sky-800\/30{background-color:color-mix(in oklab, var(--colors-sky-800) 30%, transparent);}
.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
.hover\:bg-sky-300:hover{background-color:color-mix(in oklab, var(--colors-sky-300) var(--un-bg-opacity), transparent);}
.shadow-gray-300{--un-shadow-color:color-mix(in oklab, var(--colors-gray-300) var(--un-shadow-opacity), transparent);}
}
@media (min-width: 48rem){
.md\:px-4{padding-inline:calc(var(--spacing) * 4);}
.md\:px0{padding-inline:calc(var(--spacing) * 0);}
.md\:py0{padding-block:calc(var(--spacing) * 0);}
.md\:py4{padding-block:calc(var(--spacing) * 4);}
.md\:pb24{padding-bottom:calc(var(--spacing) * 24);}
.md\:pt-0{padding-top:calc(var(--spacing) * 0);}
.md\:pt24{padding-top:calc(var(--spacing) * 24);}
.md\:flex{display:flex;}
.md\:flex-row{flex-direction:row;}
.md\:w-screen-sm{width:40rem;}
.md\:shadow-\[inset_20px_0px_60px_30px_\#fff8\]{--un-shadow:inset 20px 0px 60px 30px var(--un-shadow-color, rgb(255 255 255 / 0.53));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.md\:-left-4{left:calc(var(--spacing) * -4);}
.md\:top-0{top:calc(var(--spacing) * 0);}
}