/* 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-border-style:solid;--un-divide-opacity:100%;--un-divide-y-reverse:initial;--un-space-y-reverse:initial;--un-text-opacity:100%;}}
@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-space-y-reverse{syntax:"*";inherits:false;initial-value:0;}
@property --un-divide-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-border-style{syntax:"*";inherits:false;initial-value:solid;}
@property --un-divide-y-reverse{syntax:"*";inherits:false;initial-value:0;}
/* layer: theme */
:root, :host { --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"; --container-3xl: 48rem; --spacing: 0.25rem; --fontWeight-bold: 700; --radius-DEFAULT: 0.25rem; --colors-gray-50: oklch(98.5% 0.002 247.839); --colors-gray-900: oklch(21% 0.034 264.665); --colors-gray-200: oklch(92.8% 0.006 264.531); --colors-white: #fff; --colors-gray-500: oklch(55.1% 0.027 264.364); --colors-green-200: oklch(92.5% 0.084 155.995); --colors-green-50: oklch(98.2% 0.018 155.826); --colors-green-800: oklch(44.8% 0.119 151.328); --colors-green-700: oklch(52.7% 0.154 150.069); --colors-red-700: oklch(50.5% 0.213 27.518); --colors-amber-700: oklch(55.5% 0.163 48.998); --colors-gray-600: oklch(44.6% 0.03 256.802); --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --colors-blue-700: oklch(48.8% 0.243 264.376); --colors-blue-900: oklch(37.9% 0.146 265.522); --fontWeight-medium: 500; --container-sm: 24rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --colors-red-800: oklch(44.4% 0.177 26.899); --colors-gray-300: oklch(87.2% 0.01 258.338); --colors-blue-800: oklch(42.4% 0.199 265.638); --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --container-lg: 32rem; --colors-red-200: oklch(88.5% 0.062 18.334); --colors-red-50: oklch(97.1% 0.013 17.38); --colors-gray-100: oklch(96.7% 0.003 264.542); --container-xs: 20rem; --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: shortcuts */
.field-error{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);margin-top:calc(var(--spacing) * 1);display:block;}
.btn{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-blue-700) var(--un-bg-opacity), transparent);display:inline-block;cursor:pointer;}
.link{color:color-mix(in srgb, var(--colors-blue-700) var(--un-text-opacity), transparent);text-decoration-line:underline;}
.link:hover{color:color-mix(in srgb, var(--colors-blue-900) var(--un-text-opacity), transparent);}
.label{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);margin-bottom:calc(var(--spacing) * 1);display:block;}
.input{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);border-width:1px;border-color:color-mix(in srgb, var(--colors-gray-300) var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);width:100%;display:block;}
.input:focus{--un-outline-style:none;outline-style:none;border-color:color-mix(in srgb, var(--colors-blue-700) var(--un-border-opacity), transparent);}
.btn:hover{background-color:color-mix(in srgb, var(--colors-blue-800) var(--un-bg-opacity), transparent);}
@supports (color: color-mix(in lab, red, red)){
.btn{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);background-color:color-mix(in oklab, var(--colors-blue-700) var(--un-bg-opacity), transparent);}
.field-error{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}
.link{color:color-mix(in oklab, var(--colors-blue-700) var(--un-text-opacity), transparent);}
.link:hover{color:color-mix(in oklab, var(--colors-blue-900) var(--un-text-opacity), transparent);}
.input{border-color:color-mix(in oklab, var(--colors-gray-300) var(--un-border-opacity), transparent);}
.input:focus{border-color:color-mix(in oklab, var(--colors-blue-700) var(--un-border-opacity), transparent);}
.btn:hover{background-color:color-mix(in oklab, var(--colors-blue-800) var(--un-bg-opacity), transparent);}
}
/* layer: default */
.text-2xl{font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));}
.text-3xl{font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));}
.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
.text-xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));}
.text-amber-700{color:color-mix(in srgb, var(--colors-amber-700) var(--un-text-opacity), transparent);}
.text-gray-500{color:color-mix(in srgb, var(--colors-gray-500) var(--un-text-opacity), transparent);}
.text-gray-600{color:color-mix(in srgb, var(--colors-gray-600) var(--un-text-opacity), transparent);}
.text-gray-900{color:color-mix(in srgb, var(--colors-gray-900) var(--un-text-opacity), transparent);}
.text-green-700{color:color-mix(in srgb, var(--colors-green-700) var(--un-text-opacity), transparent);}
.text-green-800{color:color-mix(in srgb, var(--colors-green-800) var(--un-text-opacity), transparent);}
.text-red-700{color:color-mix(in srgb, var(--colors-red-700) var(--un-text-opacity), transparent);}
.text-red-800{color:color-mix(in srgb, var(--colors-red-800) var(--un-text-opacity), transparent);}
.font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
.font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
.font-sans{font-family:var(--font-sans);}
.mx-auto{margin-inline:auto;}
.mb-1{margin-bottom:calc(var(--spacing) * 1);}
.mb-10{margin-bottom:calc(var(--spacing) * 10);}
.mb-2{margin-bottom:calc(var(--spacing) * 2);}
.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-auto{margin-left:auto;}
.mt-1{margin-top:calc(var(--spacing) * 1);}
.mt-10{margin-top:calc(var(--spacing) * 10);}
.mt-2{margin-top:calc(var(--spacing) * 2);}
.mt-4{margin-top:calc(var(--spacing) * 4);}
.p-3{padding:calc(var(--spacing) * 3);}
.px-2{padding-inline:calc(var(--spacing) * 2);}
.px-3{padding-inline:calc(var(--spacing) * 3);}
.px-4{padding-inline:calc(var(--spacing) * 4);}
.py-1{padding-block:calc(var(--spacing) * 1);}
.py-2{padding-block:calc(var(--spacing) * 2);}
.py-3{padding-block:calc(var(--spacing) * 3);}
.py-6{padding-block:calc(var(--spacing) * 6);}
.py-8{padding-block:calc(var(--spacing) * 8);}
.text-left{text-align:left;}
.align-top{vertical-align:top;}
.border{border-width:1px;}
.border-y{border-block-width:1px;}
.border-b{border-bottom-width:1px;}
.border-gray-100{border-color:color-mix(in srgb, var(--colors-gray-100) var(--un-border-opacity), transparent);}
.border-gray-200{border-color:color-mix(in srgb, var(--colors-gray-200) var(--un-border-opacity), transparent);}
.border-green-200{border-color:color-mix(in srgb, var(--colors-green-200) var(--un-border-opacity), transparent);}
.border-red-200{border-color:color-mix(in srgb, var(--colors-red-200) var(--un-border-opacity), transparent);}
.rounded{border-radius:var(--radius-DEFAULT);}
.bg-gray-50{background-color:color-mix(in srgb, var(--colors-gray-50) var(--un-bg-opacity), transparent);}
.bg-green-50{background-color:color-mix(in srgb, var(--colors-green-50) var(--un-bg-opacity), transparent);}
.bg-red-50{background-color:color-mix(in srgb, var(--colors-red-50) var(--un-bg-opacity), transparent);}
.bg-red-700{background-color:color-mix(in srgb, var(--colors-red-700) var(--un-bg-opacity), transparent);}
.bg-white{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}
.hover\:bg-red-800:hover{background-color:color-mix(in srgb, var(--colors-red-800) var(--un-bg-opacity), transparent);}
.flex{display:flex;}
.flex-1{flex:1 1 0%;}
.flex-col{flex-direction:column;}
.flex-wrap{flex-wrap:wrap;}
.gap-2{gap:calc(var(--spacing) * 2);}
.gap-3{gap:calc(var(--spacing) * 3);}
.gap-4{gap:calc(var(--spacing) * 4);}
.gap-6{gap:calc(var(--spacing) * 6);}
.gap-x-4{column-gap:calc(var(--spacing) * 4);}
.gap-x-6{column-gap:calc(var(--spacing) * 6);}
.gap-y-1{row-gap:calc(var(--spacing) * 1);}
.gap-y-2{row-gap:calc(var(--spacing) * 2);}
.grid{display:grid;}
.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr;}
.max-w-3xl{max-width:var(--container-3xl);}
.max-w-lg{max-width:var(--container-lg);}
.max-w-sm{max-width:var(--container-sm);}
.max-w-xs{max-width:var(--container-xs);}
.min-h-screen{min-height:100vh;}
.w-full{width:100%;}
.block{display:block;}
.inline-block{display:inline-block;}
.hidden{display:none;}
.cursor-pointer{cursor:pointer;}
.whitespace-nowrap{white-space:nowrap;}
.whitespace-pre-wrap{white-space:pre-wrap;}
.break-words{overflow-wrap:break-word;}
.break-all{word-break:break-all;}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.items-center{align-items:center;}
.static{position:static;}
.overflow-x-auto{overflow-x:auto;}
.divide-gray-200{
:where(&>:not(:last-child)){border-color:color-mix(in srgb, var(--colors-gray-200) var(--un-divide-opacity), transparent);}
}
.divide-y{
:where(&>:not(:last-child)){--un-divide-y-reverse:0;border-top-width:calc(1px * var(--un-divide-y-reverse));border-top-style:var(--un-border-style);border-bottom-width:calc(1px * calc(1 - var(--un-divide-y-reverse)));border-bottom-style:var(--un-border-style);}
}
.space-y-4{
:where(&>:not(:last-child)){--un-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--un-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--un-space-y-reverse)));}
}
@supports (color: color-mix(in lab, red, red)){
.text-amber-700{color:color-mix(in oklab, var(--colors-amber-700) var(--un-text-opacity), transparent);}
.text-gray-500{color:color-mix(in oklab, var(--colors-gray-500) var(--un-text-opacity), transparent);}
.text-gray-600{color:color-mix(in oklab, var(--colors-gray-600) var(--un-text-opacity), transparent);}
.text-gray-900{color:color-mix(in oklab, var(--colors-gray-900) var(--un-text-opacity), transparent);}
.text-green-700{color:color-mix(in oklab, var(--colors-green-700) var(--un-text-opacity), transparent);}
.text-green-800{color:color-mix(in oklab, var(--colors-green-800) var(--un-text-opacity), transparent);}
.text-red-700{color:color-mix(in oklab, var(--colors-red-700) var(--un-text-opacity), transparent);}
.text-red-800{color:color-mix(in oklab, var(--colors-red-800) var(--un-text-opacity), transparent);}
.border-gray-100{border-color:color-mix(in oklab, var(--colors-gray-100) var(--un-border-opacity), transparent);}
.border-gray-200{border-color:color-mix(in oklab, var(--colors-gray-200) var(--un-border-opacity), transparent);}
.border-green-200{border-color:color-mix(in oklab, var(--colors-green-200) var(--un-border-opacity), transparent);}
.border-red-200{border-color:color-mix(in oklab, var(--colors-red-200) var(--un-border-opacity), transparent);}
.bg-gray-50{background-color:color-mix(in oklab, var(--colors-gray-50) var(--un-bg-opacity), transparent);}
.bg-green-50{background-color:color-mix(in oklab, var(--colors-green-50) var(--un-bg-opacity), transparent);}
.bg-red-50{background-color:color-mix(in oklab, var(--colors-red-50) var(--un-bg-opacity), transparent);}
.bg-red-700{background-color:color-mix(in oklab, var(--colors-red-700) var(--un-bg-opacity), transparent);}
.bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
.hover\:bg-red-800:hover{background-color:color-mix(in oklab, var(--colors-red-800) var(--un-bg-opacity), transparent);}
}