/* 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-ease: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-style{syntax:"*";inherits:false;initial-value:solid;}
@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
@property --un-bg-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-ease{syntax:"*";inherits:false;}
@property --un-numeric-figure{syntax:"*";inherits:false;}
@property --un-numeric-fraction{syntax:"*";inherits:false;}
@property --un-numeric-spacing{syntax:"*";inherits:false;}
@property --un-ordinal{syntax:"*";inherits:false;}
@property --un-slashed-zero{syntax:"*";inherits:false;}
@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 { --spacing: 0.25rem; --fontWeight-medium: 500; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --radius-DEFAULT: 0.25rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --ease-DEFAULT: cubic-bezier(0.4, 0, 0.2, 1); --colors-white: #fff; --font-mono: ui-monospace, 'JetBrains Mono', Menlo, 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, ui-sans-serif, system-ui, 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 { 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: preflights */

        :root {
          --c-paper:#fbfaf8; --c-ink:#1c1a17; --c-muted:#8a8175; --c-line:#e7e2d9; --c-wash:#f0ece4;
          color-scheme: light;
          font-size: 16px;
          line-height: 1.5;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
        }
        /* No explicit choice → follow the OS. */
        @media (prefers-color-scheme: dark) {
          :root:not([data-theme]) { --c-paper:#16130f; --c-ink:#ece7df; --c-muted:#978d7e; --c-line:#2b2620; --c-wash:#211d17; color-scheme: dark; }
        }
        /* Explicit choice from the toggle wins over the OS. */
        :root[data-theme="dark"]  { --c-paper:#16130f; --c-ink:#ece7df; --c-muted:#978d7e; --c-line:#2b2620; --c-wash:#211d17;  color-scheme: dark; }
        :root[data-theme="light"] { --c-paper:#fbfaf8; --c-ink:#1c1a17; --c-muted:#8a8175; --c-line:#e7e2d9; --c-wash:#f0ece4; color-scheme: light; }
      
/* layer: default */
.text-sm{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
.text-xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}
.text-ink{color:color-mix(in srgb, var(--c-ink) var(--un-text-opacity), transparent);}
.text-line{color:color-mix(in srgb, var(--c-line) var(--un-text-opacity), transparent);}
.text-muted{color:color-mix(in srgb, var(--c-muted) var(--un-text-opacity), transparent);}
.text-white{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}
.text-white\/40{color:color-mix(in srgb, var(--colors-white) 40%, transparent);}
.text-white\/50{color:color-mix(in srgb, var(--colors-white) 50%, transparent);}
.text-white\/70{color:color-mix(in srgb, var(--colors-white) 70%, transparent);}
.text-white\/80{color:color-mix(in srgb, var(--colors-white) 80%, transparent);}
.hover\:text-ink:hover{color:color-mix(in srgb, var(--c-ink) var(--un-text-opacity), transparent);}
.hover\:text-white:hover{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);}
.hover\:text-white\/80:hover{color:color-mix(in srgb, var(--colors-white) 80%, transparent);}
.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;}
.-mr-2{margin-right:calc(var(--spacing) * -2);}
.mb-10{margin-bottom:calc(var(--spacing) * 10);}
.mb-8{margin-bottom:calc(var(--spacing) * 8);}
.mt-1{margin-top:calc(var(--spacing) * 1);}
.p-2{padding:calc(var(--spacing) * 2);}
.p-3{padding:calc(var(--spacing) * 3);}
.px-1{padding-inline:calc(var(--spacing) * 1);}
.px-2{padding-inline:calc(var(--spacing) * 2);}
.px-4{padding-inline:calc(var(--spacing) * 4);}
.px-6{padding-inline:calc(var(--spacing) * 6);}
.py-3{padding-block:calc(var(--spacing) * 3);}
.py-8{padding-block:calc(var(--spacing) * 8);}
.outline{outline-style:var(--un-outline-style);outline-width:1px;}
.border-y{border-block-width:1px;}
.border-line{border-color:color-mix(in srgb, var(--c-line) var(--un-border-opacity), transparent);}
.rounded{border-radius:var(--radius-DEFAULT);}
.rounded-full{border-radius:calc(infinity * 1px);}
.bg-\[\#111\]{background-color:color-mix(in oklab, #111 var(--un-bg-opacity), transparent);}
.bg-paper{background-color:color-mix(in srgb, var(--c-paper) var(--un-bg-opacity), transparent);}
.bg-wash{background-color:color-mix(in srgb, var(--c-wash) var(--un-bg-opacity), transparent);}
.bg-white\/5{background-color:color-mix(in srgb, var(--colors-white) 5%, transparent);}
.group:hover .group-hover\:bg-line{background-color:color-mix(in srgb, var(--c-line) var(--un-bg-opacity), transparent);}
.hover\:bg-wash:hover{background-color:color-mix(in srgb, var(--c-wash) var(--un-bg-opacity), transparent);}
.hover\:bg-white\/15:hover{background-color:color-mix(in srgb, var(--colors-white) 15%, transparent);}
.underline{text-decoration-line:underline;}
.underline-offset-2{text-underline-offset:2px;}
.flex{display:flex;}
.flex-1{flex:1 1 0%;}
.shrink-0{flex-shrink: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);}
.grid{display:grid;}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.h-10{height:calc(var(--spacing) * 10);}
.h-14{height:calc(var(--spacing) * 14);}
.h-5{height:calc(var(--spacing) * 5);}
.h-6{height:calc(var(--spacing) * 6);}
.h-7{height:calc(var(--spacing) * 7);}
.h-8{height:calc(var(--spacing) * 8);}
.h-full{height:100%;}
.max-h-full{max-height:100%;}
.max-w-\[1400px\]{max-width:1400px;}
.max-w-full{max-width:100%;}
.min-h-0{min-height:calc(var(--spacing) * 0);}
.min-h-full{min-height:100%;}
.min-w-0{min-width:calc(var(--spacing) * 0);}
.w-5{width:calc(var(--spacing) * 5);}
.w-6{width:calc(var(--spacing) * 6);}
.w-7{width:calc(var(--spacing) * 7);}
.w-8{width:calc(var(--spacing) * 8);}
.w-full{width:100%;}
.aspect-square{aspect-ratio:1/1;}
.block{display:block;}
.hidden{display:none;}
.select-none{-webkit-user-select:none;user-select:none;}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.-translate-y-1\/2{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
.transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}
.transition{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-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
.ease{--un-ease:var(--ease-DEFAULT);transition-timing-function:var(--ease-DEFAULT);}
.items-center{align-items:center;}
.inset-0{inset:calc(var(--spacing) * 0);}
.left-2{left:calc(var(--spacing) * 2);}
.right-2{right:calc(var(--spacing) * 2);}
.top-1\/2{top:50%;}
.justify-center{justify-content:center;}
.justify-between{justify-content:space-between;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.relative{position:relative;}
.root-relative:root{position:relative;}
.static{position:static;}
.z-50{z-index:50;}
.overflow-hidden{overflow:hidden;}
.object-contain{object-fit:contain;}
.tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal,) var(--un-slashed-zero,) var(--un-numeric-figure,) var(--un-numeric-spacing,) var(--un-numeric-fraction,);}
.divide-line{
:where(&>:not(:last-child)){border-color:color-mix(in srgb, var(--c-line) 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);}
}
@supports (color: color-mix(in lab, red, red)){
.text-white{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.text-white\/40{color:color-mix(in oklab, var(--colors-white) 40%, transparent);}
.text-white\/50{color:color-mix(in oklab, var(--colors-white) 50%, transparent);}
.text-white\/70{color:color-mix(in oklab, var(--colors-white) 70%, transparent);}
.text-white\/80{color:color-mix(in oklab, var(--colors-white) 80%, transparent);}
.hover\:text-white:hover{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);}
.hover\:text-white\/80:hover{color:color-mix(in oklab, var(--colors-white) 80%, transparent);}
.bg-white\/5{background-color:color-mix(in oklab, var(--colors-white) 5%, transparent);}
.hover\:bg-white\/15:hover{background-color:color-mix(in oklab, var(--colors-white) 15%, transparent);}
}
@media (min-width: 40rem){
.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width: 48rem){
.md\:px-10{padding-inline:calc(var(--spacing) * 10);}
.md\:px-16{padding-inline:calc(var(--spacing) * 16);}
.md\:px-6{padding-inline:calc(var(--spacing) * 6);}
.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.md\:inline{display:inline;}
.md\:left-4{left:calc(var(--spacing) * 4);}
.md\:right-4{right:calc(var(--spacing) * 4);}
}
@media (min-width: 64rem){
.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}
}