/* 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-leading:initial;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-shadow-opacity:100%;--un-text-opacity:100%;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-leading{syntax:"*";inherits:false;}
@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-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;}
/* layer: theme */
:root, :host { --spacing: 0.25rem; --colors-blue-400: oklch(70.7% 0.165 254.624); --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --colors-sky-700: oklch(50% 0.134 242.749); --colors-green-400: oklch(79.2% 0.209 151.711); --colors-red-400: oklch(70.4% 0.191 22.216); --colors-gray-800: oklch(27.8% 0.033 256.848); --colors-white: #fff; --colors-violet-DEFAULT: oklch(70.2% 0.183 293.541); --colors-lime-DEFAULT: oklch(84.1% 0.238 128.85); --colors-teal-DEFAULT: oklch(77.7% 0.152 181.912); --colors-black: #000; --colors-blue-DEFAULT: oklch(70.7% 0.165 254.624); --colors-green-DEFAULT: oklch(79.2% 0.209 151.711); --colors-red-DEFAULT: oklch(70.4% 0.191 22.216); --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"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --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-18{font-size:4.5rem;}
.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}
.lh-12{--un-leading:calc(var(--spacing) * 12);line-height:calc(var(--spacing) * 12);}
.px12{padding-inline:calc(var(--spacing) * 12);}
.py4{padding-block:calc(var(--spacing) * 4);}
.rounded-20{border-radius:5rem;}
.bg-gray-800{background-color:color-mix(in srgb, var(--colors-gray-800) var(--un-bg-opacity), transparent);}
.bg-lime{background-color:color-mix(in srgb, var(--colors-lime-DEFAULT) var(--un-bg-opacity), transparent);}
.bg-sky-700\/0{background-color:color-mix(in srgb, var(--colors-sky-700) 0%, transparent);}
.bg-teal{background-color:color-mix(in srgb, var(--colors-teal-DEFAULT) var(--un-bg-opacity), transparent);}
.bg-violet{background-color:color-mix(in srgb, var(--colors-violet-DEFAULT) var(--un-bg-opacity), transparent);}
.hover\:bg-blue:hover{background-color:color-mix(in srgb, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}
.hover\:bg-green:hover{background-color:color-mix(in srgb, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}
.hover\:bg-red:hover{background-color:color-mix(in srgb, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}
.active\:bg-black:active{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent);}
.flex-col{flex-direction:column;}
.gap-2{gap:calc(var(--spacing) * 2);}
.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);}
.h-screen{height:100vh;}
.shadow-blue-400{--un-shadow-color:color-mix(in srgb, var(--colors-blue-400) var(--un-shadow-opacity), transparent);}
.shadow-green-400{--un-shadow-color:color-mix(in srgb, var(--colors-green-400) var(--un-shadow-opacity), transparent);}
.shadow-red-400{--un-shadow-color:color-mix(in srgb, var(--colors-red-400) var(--un-shadow-opacity), transparent);}
.hover\:shadow-\[0_0_100px_40px\]:hover{--un-shadow:0 0 100px 40px 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);}
.group:hover .group-hover\:rotate-180{rotate:180deg;}
.hover\:scale-128:hover{--un-scale-x:128%;--un-scale-y:128%;scale:var(--un-scale-x) var(--un-scale-y);}
.transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.duration-1000{--un-duration:1000ms;transition-duration:1000ms;}
.hover\:duration-0:hover{--un-duration:0s;transition-duration:0s;}
.flex-cc{display:flex;align-items:center;justify-content:center;}
@supports (color: color-mix(in lab, red, red)){
.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.bg-gray-800{background-color:color-mix(in oklab, var(--colors-gray-800) var(--un-bg-opacity), transparent);}
.bg-lime{background-color:color-mix(in oklab, var(--colors-lime-DEFAULT) var(--un-bg-opacity), transparent);}
.bg-sky-700\/0{background-color:color-mix(in oklab, var(--colors-sky-700) 0%, transparent);}
.bg-teal{background-color:color-mix(in oklab, var(--colors-teal-DEFAULT) var(--un-bg-opacity), transparent);}
.bg-violet{background-color:color-mix(in oklab, var(--colors-violet-DEFAULT) var(--un-bg-opacity), transparent);}
.hover\:bg-blue:hover{background-color:color-mix(in oklab, var(--colors-blue-DEFAULT) var(--un-bg-opacity), transparent);}
.hover\:bg-green:hover{background-color:color-mix(in oklab, var(--colors-green-DEFAULT) var(--un-bg-opacity), transparent);}
.hover\:bg-red:hover{background-color:color-mix(in oklab, var(--colors-red-DEFAULT) var(--un-bg-opacity), transparent);}
.active\:bg-black:active{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent);}
.shadow-blue-400{--un-shadow-color:color-mix(in oklab, var(--colors-blue-400) var(--un-shadow-opacity), transparent);}
.shadow-green-400{--un-shadow-color:color-mix(in oklab, var(--colors-green-400) var(--un-shadow-opacity), transparent);}
.shadow-red-400{--un-shadow-color:color-mix(in oklab, var(--colors-red-400) var(--un-shadow-opacity), transparent);}
}