@layer --reset,--base,--compositions,--blocks,--utils;@layer --reset{@media (prefers-reduced-motion: no-preference){:root{interpolate-size:allow-keywords}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}:is(ul,ol)[class]{list-style-type:"";margin-block:0}body{min-block-size:100%;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem}input,button,textarea,select{font:inherit;letter-spacing:inherit;word-spacing:inherit;color:currentColor}textarea:not([rows]){min-height:10em}[popover]{margin:0;inset:auto;border:none;opacity:0;transition:opacity .25s,display .25s allow-discrete}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}}@layer --base{:root{--hue: 253;--hue-light: 240;--primary: light-dark(oklch(.32 .1 var(--hue)), oklch(.42 .1 var(--hue)));--primary-light: light-dark(oklch(.5 .1 var(--hue-light)), oklch(.6 .1 var(--hue-light)));--text-light: oklch(.96 .01 var(--hue));--text-dark: oklch(.15 .01 var(--hue));--text-light-muted: oklch(.76 .01 var(--hue));--text-dark-muted: oklch(.4 .01 var(--hue));--text: light-dark(var(--text-dark), var(--text-light));--text-muted: light-dark(var(--text-dark-muted), var(--text-light-muted));--surface-1: light-dark(oklch(.92 .005 var(--hue)), oklch(.1 .005 var(--hue)));--surface-2: light-dark(oklch(.96 .005 var(--hue)), oklch(.2 .005 var(--hue)));--surface-3: light-dark(oklch(1 .005 var(--hue)), oklch(.3 .005 var(--hue)));--gradient: linear-gradient(0deg, var(--surface-2) 95%, var(--surface-3));--gradient-hover: linear-gradient(0deg, var(--surface-2), var(--surface-3));--highlight: light-dark(oklch(1 .01 var(--hue)), oklch(.5 .01 var(--hue)));--border: light-dark(oklch(.6 .01 var(--hue)), oklch(.4 .01 var(--hue)));--border-muted: light-dark(oklch(.75 .01 var(--hue)), oklch(.35 .01 var(--hue)));--shadow-s: inset 0 1px 2px #ffffff30, 0 1px 2px #00000030, 0 2px 4px #00000015;--shadow-m: inset 0 1px 2px #ffffff30, 0 2px 4px #00000030, 0 4px 8px #00000015;--shadow-l: inset 0 1px 2px #ffffff30, 0 4px 6px #00000030, 0 6px 10px #00000015;--ff-sans: system-ui;--fw-normal: 400;--fw-semibold: 600;--lh-small: 1;--lh-thight: 1.25;--lh-normal: 1.5;--lh-loose: 1.75;--ease: cubic-bezier(.25, 0, .3, 1);--ease-out: cubic-bezier(0, 0, 0, 1);--ease-elastic-1: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-2: cubic-bezier(.5, 1.5, .75, 1.25);--constrain-lg: 87rem;--constrain-md: 69rem;--constrain-sm: 57rem;--constrain-xs: 51rem;--gutter: 1.5rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-pill: 100vh}@supports (top: 1vi){:root{--radius-pill: 100vb}}}@layer --base{:root{--space-3xs: clamp(.25rem, .1875rem + .25cqi, .375rem);--space-2xs: clamp(.5rem, .375rem + .5cqi, .75rem);--space-xs: clamp(.75rem, .5625rem + .75cqi, 1.125rem);--space-s: clamp(1rem, .75rem + 1cqi, 1.5rem);--space-m: clamp(1.5rem, 1.125rem + 1.5cqi, 2.25rem);--space-l: clamp(2rem, 1.5rem + 2cqi, 3rem);--space-xl: clamp(3rem, 2.25rem + 3cqi, 4.5rem);--space-2xl: clamp(4rem, 3rem + 4cqi, 6rem);--space-3xl: clamp(6rem, 4.5rem + 6cqi, 9rem);--space-3xs-2xs: clamp(.25rem, 0rem + 1cqi, .75rem);--space-2xs-xs: clamp(.5rem, .1875rem + 1.25cqi, 1.125rem);--space-xs-s: clamp(.75rem, .375rem + 1.5cqi, 1.5rem);--space-s-m: clamp(1rem, .375rem + 2.5cqi, 2.25rem);--space-m-l: clamp(1.5rem, .75rem + 3cqi, 3rem);--space-l-xl: clamp(2rem, .75rem + 5cqi, 4.5rem);--space-xl-2xl: clamp(3rem, 1.5rem + 6cqi, 6rem);--space-2xl-3xl: clamp(4rem, 1.5rem + 10cqi, 9rem)}}@layer --base{:root{--step-5: clamp(2.4883rem, 1.7298rem + 3.0342cqi, 4.0054rem);--step-4: clamp(2.0736rem, 1.5082rem + 2.2615cqi, 3.2043rem);--step-3: clamp(1.728rem, 1.3103rem + 1.671cqi, 2.5635rem);--step-2: clamp(1.44rem, 1.1346rem + 1.2216cqi, 2.0508rem);--step-1: clamp(1.2rem, .9797rem + .8813cqi, 1.6406rem);--step-0: clamp(1rem, .8438rem + .625cqi, 1.3125rem);--step--1: clamp(.8333rem, .725rem + .4333cqi, 1.05rem)}}@layer --base{html{color-scheme:dark light}@media (--motion-ok){html{scroll-behavior:smooth}}body{margin:0;font-family:var(--ff-sans);font-size:var(--step-0);line-height:var(--lh-normal);color:var(--text);background-color:var(--surface-1);scrollbar-gutter:stable;min-block-size:100vh;min-block-size:100vb;row-gap:var(--space-s);grid-template-rows:auto 1fr}h1{font-size:var(--step-5)}h2{font-size:var(--step-4)}h3{font-size:var(--step-3)}h4{font-size:var(--step-2)}h5{font-size:var(--step-1)}h6{font-size:var(--step-0)}h1,h2,h3{line-height:var(--lh-small)}small{font-size:var(--step--1)}hr{border:none;border-block-start:1px solid var(--border-muted);margin:0}input{font:inherit;color:var(--text);border:none;background-color:var(--surface-3);box-shadow:var(--shadow-s);border-radius:var(--radius-pill);padding-block:var(--space-2xs);padding-inline:var(--space-s)}button{display:inline-grid;font:inherit;font-weight:var(--fw-semibold);color:var(--btn-text);background-color:var(--btn-bg);border:none;box-shadow:var(--btn-shadow);border-radius:var(--radius-pill);padding-block:var(--space-2xs);padding-inline:var(--space-s);cursor:pointer;transition:all .2s var(--ease)}button:hover{background-color:var(--btn-bg-hover);box-shadow:var(--btn-shadow-hover)}button:active{box-shadow:none}button.btn-primary{--btn-bg: var(--primary);--btn-text: var(--text-light);--btn-bg-hover: var(--primary-light);--btn-shadow: var(--shadow-m);text-transform:uppercase}button.btn-secondary{--btn-bg: var(--surface-3);--btn-text: var(--text);--btn-bg-hover: var(--surface-1);--btn-shadow: none;--btn-shadow-hover: var(--shadow-s)}button.btn-icon{--btn-bg: transparent;--btn-text: var(--text-muted);--btn-bg-hover: var(--surface-1);--btn-shadow: none;--btn-shadow-hover: var(--shadow-s);aspect-ratio:1;flex-shrink:0;place-items:center}button.btn-icon.small{padding:var(--space-3xs)}button.btn-icon:hover,button.btn-icon:focus-visible{--btn-text: var(--text)}button.small{font-size:var(--step--1);padding-block:var(--space-3xs);padding-inline:var(--space-xs);text-transform:none}:is(:focus-visible){outline-color:var(--primary-light);outline-offset:.125rem;outline-style:solid;outline-width:.125rem}}@layer --compositions{dialog{--flow-space: var(--space-xs);padding:var(--space-s);border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-m);background-color:var(--surface-3);inline-size:min(60ch,100%);margin:auto}dialog::backdrop{background-color:#00000040;-webkit-backdrop-filter:blur(.125rem);backdrop-filter:blur(.125rem)}dialog h2{font-size:var(--step-1)}dialog .dialog-actions{justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-s)}}@layer --compositions{.grid{display:grid;grid-template-columns:[fullbleed-start] minmax(var(--gutter, 1rem),1fr) [large-start] minmax(0,calc((var(--constrain-lg) - var(--constrain-md)) / 2)) [medium-start] minmax(0,calc((var(--constrain-md) - var(--constrain-sm)) / 2)) [small-start] minmax(0,calc((var(--constrain-sm) - var(--constrain-xs)) / 2)) [xsmall-start] min(100% - (var(--gutter, 1rem) * 2),var(--constrain-xs)) [xsmall-end] minmax(0,calc((var(--constrain-sm) - var(--constrain-xs)) / 2)) [small-end] minmax(0,calc((var(--constrain-md) - var(--constrain-sm)) / 2)) [medium-end] minmax(0,calc((var(--constrain-lg) - var(--constrain-md)) / 2)) [large-end] minmax(var(--gutter, 1rem),1fr) [fullbleed-end]}.grid>*{grid-column:small}.grid[data-grid=fullbleed]{grid-column:fullbleed;grid-template-columns:subgrid;align-items:start;align-self:start}[data-column=large]{grid-column:large}[data-column=medium]{grid-column:medium}[data-column=small]{grid-column:small}[data-column=xsmall]{grid-column:xsmall}}@layer --compositions{.flex{display:flex;align-items:center;gap:1rem}.inline-wrap{gap:.5rem;flex-wrap:wrap}}@layer --compositions{.tooltip{position:absolute;inset-block-start:anchor(end);inset-inline-start:anchor(start);position-try:flip-block;margin-block:var(--space-3xs);padding:var(--space-2xs);border-radius:var(--radius-sm);background:oklch(from var(--surface-1) l c h / .95);border:1px solid var(--border-muted);box-shadow:var(--shadow-m);font-size:var(--step--1);max-inline-size:20ch;text-align:center}[interestfor]{interest-delay:.1s}}@layer --utils.--flow{.flow>*:where(:not(:first-child)){margin-block-start:var(--flow-space, 1em)}}@layer --utils.--sr-only{.sr-only{position:absolute;overflow:hidden;padding:0;border:0;margin:-1px;white-space:nowrap;inline-size:1px;block-size:1px;clip:rect(0,0,0,0)}}
