/* 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%;}}
@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-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 { --font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif; --container-3xl: 48rem; --spacing: 0.25rem; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --leading-none: 1; --fontWeight-normal: 400; --tracking-tight: -0.025em; --leading-snug: 1.375; --container-xl: 36rem; --leading-relaxed: 1.625; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --tracking-widest: 0.1em; --colors-stone-950: oklch(14.7% 0.004 49.25); --colors-stone-100: oklch(97% 0.001 106.424); --colors-stone-600: oklch(44.4% 0.011 73.639); --colors-stone-800: oklch(26.8% 0.007 34.298); --colors-stone-900: oklch(21.6% 0.006 56.043); --colors-stone-700: oklch(37.4% 0.01 67.558); --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --container-2xl: 42rem; --colors-stone-500: oklch(55.3% 0.013 58.071); --colors-stone-300: oklch(86.9% 0.005 56.366); --colors-stone-400: oklch(70.9% 0.01 56.259); --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); --colors-white: #fff; --tracking-wider: 0.05em; --fontWeight-semibold: 600; --colors-purple-500: oklch(62.7% 0.265 303.9); --colors-purple-900: oklch(38.1% 0.176 304.987); --colors-lime-500: oklch(76.8% 0.233 130.85); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-indigo-500: oklch(58.5% 0.233 277.117); --colors-sky-500: oklch(68.5% 0.169 237.323); --colors-blue-900: oklch(37.9% 0.146 265.522); }
/* 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-lg,
[text-lg=""]{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
.text-xl,
[text-xl=""]{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}
.text-xs,
[text-xs=""]{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}
.text-stone-100,
[text-stone-100=""]{color:color-mix(in srgb, var(--colors-stone-100) var(--un-text-opacity), transparent);}
.text-stone-600,
[text-stone-600=""]{color:color-mix(in srgb, var(--colors-stone-600) var(--un-text-opacity), transparent);}
.text-white,
[text-white=""]{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}
[text-stone-300=""]{color:color-mix(in srgb, var(--colors-stone-300) var(--un-text-opacity), transparent);}
[text-stone-400=""]{color:color-mix(in srgb, var(--colors-stone-400) var(--un-text-opacity), transparent);}
[text-stone-500=""]{color:color-mix(in srgb, var(--colors-stone-500) var(--un-text-opacity), transparent);}
[text~="\33 "]{font-size:0.75rem;}
.leading-none,
[leading-none=""]{--un-leading:var(--leading-none);line-height:var(--leading-none);}
.leading-relaxed,
[leading-relaxed=""]{--un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);}
.leading-snug,
[leading-snug=""]{--un-leading:var(--leading-snug);line-height:var(--leading-snug);}
.tracking-\[0\.3em\]{--un-tracking:0.3em;letter-spacing:0.3em;}
.tracking-tight,
[tracking-tight=""]{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}
.tracking-wider,
[tracking-wider=""]{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}
.tracking-widest,
[tracking-widest=""]{--un-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);}
.font-mono,
[font-mono=""]{font-family:var(--font-mono);}
.font-normal,
[font-normal=""]{--un-font-weight:var(--fontWeight-normal);font-weight:var(--fontWeight-normal);}
.font-semibold,
[font-semibold=""]{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}
.font-serif,
[font-serif=""]{font-family:var(--font-serif);}
[text-shadow~="\[0_1px_0_\#000\]"]{--un-text-shadow:0 1px 0 var(--un-text-shadow-color, rgb(0 0 0));text-shadow:var(--un-text-shadow);}
[text-shadow~="\[0_1px_0_\#0004\]"]{--un-text-shadow:0 1px 0 var(--un-text-shadow-color, rgb(0 0 0 / 0.27));text-shadow:var(--un-text-shadow);}
.m1,
[m1=""]{margin:calc(var(--spacing) * 1);}
.mx-auto,
[mx-auto=""]{margin-inline:auto;}
[my4=""]{margin-block:calc(var(--spacing) * 4);}
.mt16,
[mt16=""]{margin-top:calc(var(--spacing) * 16);}
.mt20,
[mt20=""]{margin-top:calc(var(--spacing) * 20);}
[mb\.7=""]{margin-bottom:calc(var(--spacing) * 0.7);}
[mb3=""]{margin-bottom:calc(var(--spacing) * 3);}
.p6,
[p6=""]{padding:calc(var(--spacing) * 6);}
.px3,
[px3=""]{padding-inline:calc(var(--spacing) * 3);}
.px6,
[px6=""]{padding-inline:calc(var(--spacing) * 6);}
.py10,
[py10=""]{padding-block:calc(var(--spacing) * 10);}
.pt\.3,
[pt\.3=""]{padding-top:calc(var(--spacing) * 0.3);}
[pl6=""]{padding-left:calc(var(--spacing) * 6);}
.text-center,
[text-center=""]{text-align:center;}
.border,
[border=""]{border-width:1px;}
.border-l,
[border-l=""]{border-left-width:1px;}
.border-stone-700,
[border-stone-700=""]{border-color:color-mix(in srgb, var(--colors-stone-700) var(--un-border-opacity), transparent);}
.border-stone-800,
[border-stone-800=""]{border-color:color-mix(in srgb, var(--colors-stone-800) var(--un-border-opacity), transparent);}
[b-blue-900=""]{border-color:color-mix(in srgb, var(--colors-blue-900) var(--un-border-opacity), transparent);}
.b-b-2,
[b-b-2=""]{border-bottom-width:2px;}
.rounded-1,
[rounded-1=""]{border-radius:0.25rem;}
.bg-blue-500,
[bg-blue-500=""]{background-color:color-mix(in srgb, var(--colors-blue-500) var(--un-bg-opacity), transparent);}
.bg-stone-600,
[bg-stone-600=""]{background-color:color-mix(in srgb, var(--colors-stone-600) var(--un-bg-opacity), transparent);}
.bg-stone-800,
[bg-stone-800=""]{background-color:color-mix(in srgb, var(--colors-stone-800) var(--un-bg-opacity), transparent);}
.bg-stone-900{background-color:color-mix(in srgb, var(--colors-stone-900) var(--un-bg-opacity), transparent);}
.bg-stone-950,
[bg-stone-950=""]{background-color:color-mix(in srgb, var(--colors-stone-950) var(--un-bg-opacity), transparent);}
.bg-white\/30{background-color:color-mix(in srgb, var(--colors-white) 30%, transparent);}
[hover~="bg-stone-900"]:hover{background-color:color-mix(in srgb, var(--colors-stone-900) var(--un-bg-opacity), transparent);}
[hover~="bg-white\/30"]:hover{background-color:color-mix(in srgb, var(--colors-white) 30%, transparent);}
.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-px,
[gap-px=""]{gap:1px;}
.gap4,
[gap4=""]{gap:calc(var(--spacing) * 4);}
[gap-1\.5=""]{gap:calc(var(--spacing) * 1.5);}
[gap12=""]{gap:calc(var(--spacing) * 12);}
[gap8=""]{gap:calc(var(--spacing) * 8);}
.grid,
[grid=""]{display:grid;}
.h-6,
[h-6=""]{height:calc(var(--spacing) * 6);}
.h-px,
[h-px=""]{height:1px;}
.h8\.5,
[h8\.5=""]{height:calc(var(--spacing) * 8.5);}
.max-w-3xl,
[max-w-3xl=""]{max-width:var(--container-3xl);}
.max-w-xl,
[max-w-xl=""]{max-width:var(--container-xl);}
.min-h-full,
[min-h-full=""]{min-height:100%;}
.w-16,
[w-16=""]{width:calc(var(--spacing) * 16);}
.w-full,
[w-full=""]{width:100%;}
[h-full=""]{height:100%;}
[max-w-2xl=""]{max-width:var(--container-2xl);}
.cursor-pointer,
[cursor-pointer=""]{cursor:pointer;}
.uppercase,
[uppercase=""]{text-transform:uppercase;}
.italic,
[italic=""]{font-style:italic;}
.shadow-\[0_1px_0\]{--un-shadow:0 1px 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-white\/40{--un-shadow-color:color-mix(in srgb, var(--colors-white) 40%, transparent);}
[hover~="shadow-\[0_1px_0\]"]:hover{--un-shadow:0 1px 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);}
[hover~="shadow-white\/40"]:hover{--un-shadow-color:color-mix(in srgb, var(--colors-white) 40%, transparent);}
.transition-0{--un-duration:0s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-200,
[transition-200=""]{--un-duration:200ms;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.transition-300,
[transition-300=""]{--un-duration:300ms;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
[hover~="transition-0"]:hover{--un-duration:0s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.items-center,
[items-center=""]{align-items:center;}
.justify-center,
[justify-center=""]{justify-content:center;}
.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));}
[hover~="from-white\/10"]:hover{--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{--un-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
[hover~="bg-gradient-to-br"]:hover{--un-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--un-gradient-stops));}
.flex-cc,
[flex-cc=""]{display:flex;align-items:center;justify-content:center;}
@supports (color: color-mix(in lab, red, red)){
.text-stone-100{color:color-mix(in oklab, var(--colors-stone-100) var(--un-text-opacity), transparent);}
.text-stone-600{color:color-mix(in oklab, var(--colors-stone-600) var(--un-text-opacity), transparent);}
.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
[text-stone-100=""]{color:color-mix(in oklab, var(--colors-stone-100) var(--un-text-opacity), transparent);}
[text-stone-300=""]{color:color-mix(in oklab, var(--colors-stone-300) var(--un-text-opacity), transparent);}
[text-stone-400=""]{color:color-mix(in oklab, var(--colors-stone-400) var(--un-text-opacity), transparent);}
[text-stone-500=""]{color:color-mix(in oklab, var(--colors-stone-500) var(--un-text-opacity), transparent);}
[text-stone-600=""]{color:color-mix(in oklab, var(--colors-stone-600) var(--un-text-opacity), transparent);}
[text-white=""]{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.border-stone-700{border-color:color-mix(in oklab, var(--colors-stone-700) var(--un-border-opacity), transparent);}
.border-stone-800{border-color:color-mix(in oklab, var(--colors-stone-800) var(--un-border-opacity), transparent);}
[b-blue-900=""]{border-color:color-mix(in oklab, var(--colors-blue-900) var(--un-border-opacity), transparent);}
[border-stone-700=""]{border-color:color-mix(in oklab, var(--colors-stone-700) var(--un-border-opacity), transparent);}
[border-stone-800=""]{border-color:color-mix(in oklab, var(--colors-stone-800) var(--un-border-opacity), transparent);}
.bg-blue-500{background-color:color-mix(in oklab, var(--colors-blue-500) var(--un-bg-opacity), transparent);}
.bg-stone-600{background-color:color-mix(in oklab, var(--colors-stone-600) var(--un-bg-opacity), transparent);}
.bg-stone-800{background-color:color-mix(in oklab, var(--colors-stone-800) var(--un-bg-opacity), transparent);}
.bg-stone-900{background-color:color-mix(in oklab, var(--colors-stone-900) var(--un-bg-opacity), transparent);}
.bg-stone-950{background-color:color-mix(in oklab, var(--colors-stone-950) var(--un-bg-opacity), transparent);}
.bg-white\/30{background-color:color-mix(in oklab, var(--colors-white) 30%, transparent);}
[bg-blue-500=""]{background-color:color-mix(in oklab, var(--colors-blue-500) var(--un-bg-opacity), transparent);}
[bg-stone-600=""]{background-color:color-mix(in oklab, var(--colors-stone-600) var(--un-bg-opacity), transparent);}
[bg-stone-800=""]{background-color:color-mix(in oklab, var(--colors-stone-800) var(--un-bg-opacity), transparent);}
[bg-stone-950=""]{background-color:color-mix(in oklab, var(--colors-stone-950) var(--un-bg-opacity), transparent);}
[hover~="bg-stone-900"]:hover{background-color:color-mix(in oklab, var(--colors-stone-900) var(--un-bg-opacity), transparent);}
[hover~="bg-white\/30"]:hover{background-color:color-mix(in oklab, var(--colors-white) 30%, transparent);}
.shadow-white\/40{--un-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--colors-white) 40%, transparent) var(--un-shadow-opacity), transparent);}
[hover~="shadow-white\/40"]:hover{--un-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--colors-white) 40%, transparent) var(--un-shadow-opacity), transparent);}
}