@layer base{:root{color-scheme:light dark;--background-color:light-dark(#fff, oklch(20.4% 0.017 264));--text-color:light-dark(oklch(35.5% 0.015 260), oklch(82.8% 0.014 262.4));--strong-text-color:light-dark(oklch(22.65% 0.019 266.2), oklch(91.5% 0.012 265));--secondary-text-color:light-dark(oklch(52.7% 0.024 264), oklch(61.2% 0.028 263));--border-color:light-dark(oklch(93% 0.012 260), oklch(30% 0.015 260));--primary-color:light-dark(oklch(52.9% 0.1254 242.05), oklch(70.72% 0.168 242.1));--primary-hover-color:light-dark(oklch(44.12% 0.1044 242.1), oklch(78.57% 0.1153 246.7));--primary-background-color:oklch(52.9% 0.1254 242.05);--on-primary-color:#fff;--focus-ring-color:light-dark(oklch(65.79% 0.1564 242.24 / 0.5), oklch(70.72% 0.168 242.1 / 0.375));--secondary-color:light-dark(oklch(52.8% 0.05 265), oklch(69.8% 0.027 266));--secondary-background-color:oklch(48.5% 0.047 265);--danger-color:light-dark(oklch(58% 0.2 22), oklch(70% 0.16 22));--on-danger-color:light-dark(#fff, oklch(20% 0.03 244));--positive-color:light-dark(oklch(55% 0.15 145), oklch(76% 0.15 145));--success-color:light-dark(oklch(87% 0.18 144), oklch(64% 0.15 144));--info-color:light-dark(oklch(81% 0.09 232), oklch(63% 0.1 236));--warning-color:light-dark(oklch(79% 0.12 45), oklch(68% 0.13 45));--error-color:light-dark(oklch(71% 0.13 22), oklch(61% 0.15 22));--issue-color:light-dark(oklch(76% 0.16 85), oklch(82% 0.15 88));--on-status-color:oklch(22% 0.02 250);--surface-color:light-dark(#fff, oklch(25% 0.015 260));--hover-surface-color:color-mix(in oklch, var(--surface-color), var(--text-color) 8%);--shadow-color:light-dark(oklch(0% 0 0 / 0.2), oklch(0% 0 0 / 0.6));--backdrop-color:light-dark(oklch(0% 0 0 / 0.2), oklch(0% 0 0 / 0.5));--card-shadow:0.0145rem 0.029rem 0.174rem light-dark(oklch(65.7% 0.057 266 / 0.01698), oklch(13.9% 0.008 256 / 0.01698)), 0.0335rem 0.067rem 0.402rem light-dark(oklch(65.7% 0.057 266 / 0.024), oklch(13.9% 0.008 256 / 0.024)), 0.0625rem 0.125rem 0.75rem light-dark(oklch(65.7% 0.057 266 / 0.03), oklch(13.9% 0.008 256 / 0.03)), 0.1125rem 0.225rem 1.35rem light-dark(oklch(65.7% 0.057 266 / 0.036), oklch(13.9% 0.008 256 / 0.036)), 0.2085rem 0.417rem 2.502rem light-dark(oklch(65.7% 0.057 266 / 0.04302), oklch(13.9% 0.008 256 / 0.04302)), 0.5rem 1rem 6rem light-dark(oklch(65.7% 0.057 266 / 0.06), oklch(13.9% 0.008 256 / 0.06)), 0 0 0 0.0625rem light-dark(oklch(65.7% 0.057 266 / 0.015), oklch(13.9% 0.008 256 / 0.015));--inserted-color:light-dark(oklch(47.2% 0.082 170), oklch(69.8% 0.083 174.2));--deleted-color:light-dark(oklch(45.1% 0.109 25.3), oklch(67.7% 0.1 22.4));--control-text-color:light-dark(oklch(26.8% 0.012 264), oklch(91.5% 0.006 255));--control-background-color:light-dark(oklch(99% 0.001 197), oklch(24.8% 0.022 266));--control-border-color:light-dark(oklch(87.2% 0.019 266), oklch(31.3% 0.029 265));--placeholder-color:light-dark(oklch(52.7% 0.024 264), oklch(65.6% 0.03 265));--control-focus-color:var(--primary-background-color);--control-padding-block:0.75rem;--control-padding-inline:1rem;--control-transition:background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;--chevron-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--track-color:light-dark(oklch(91.5% 0.012 265), oklch(26.8% 0.024 264));--landing-gradient-bright-color:#7ee77f;--landing-gradient-dark-color:#055413;--story-accent:light-dark(var(--landing-gradient-dark-color), oklch(80% 0.17 145));--story-ink:light-dark(#1f2d24, oklch(92% 0.02 145));--story-muted:light-dark(#56635a, oklch(74% 0.03 145));--story-card:light-dark(#fff, oklch(25% 0.02 145));--story-paper:light-dark(#f7faf6, oklch(22% 0.02 145));--story-line:light-dark(#dfe8dd, oklch(33% 0.03 145));--story-bad:light-dark(#a8452f, oklch(74% 0.13 35));--story-bad-paper:light-dark(#fbf0ec, oklch(26% 0.04 35));--sheet-paper:light-dark(#fbfbfa, oklch(22% 0.005 100));--sheet-line:light-dark(#e2e2de, oklch(35% 0.005 100));--sheet-ink:light-dark(#4b4b46, oklch(82% 0.005 100));--sheet-header-paper:light-dark(#efefeb, oklch(28% 0.005 100));--sheet-header-ink:light-dark(#85857d, oklch(68% 0.005 100));--field-spacing:1rem;--border-radius:0.25rem;--sans-serif-font:system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--monospace-font:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:before,:after{box-sizing:border-box;background-repeat:no-repeat}:root{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--background-color);color:var(--text-color);line-height:1.5;font-family:var(--sans-serif-font);text-underline-offset:.1rem;overflow-wrap:break-word;tab-size:4}body{width:100%;margin:0}body:has(ui-modal){overflow:hidden}body>:is(header,main,footer){padding-block:1rem}main{width:100%;min-height:100vh}section{margin-bottom:1rem}section.raised{padding:16px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--surface-color);h3{margin-top:0}}[hidden],template{display:none!important}::selection{background-color:color-mix(in oklab,var(--focus-ring-color) 50%,transparent)}:is(address,blockquote,dl,ol,p,pre,table,ul){margin-top:0;margin-bottom:1rem;color:var(--text-color);font-style:normal;font-weight:400}:is(h1,h2,h3,h4,h5,h6){margin-top:0;margin-bottom:1rem;font-weight:700;font-family:var(--sans-serif-font)}h1{font-size:2rem;line-height:1.125;color:light-dark(oklch(31.2% .014 262),oklch(95.8% .003 265));--space-above:3rem}h2{font-size:1.75rem;line-height:1.15;color:light-dark(oklch(35.5% .015 260),oklch(91.5% .006 255));--space-above:2.625rem}h3{font-size:1.5rem;line-height:1.175;color:light-dark(oklch(39.7% .018 264),oklch(82.8% .014 262.4));--space-above:2.25rem}h4{font-size:1.25rem;line-height:1.2;color:light-dark(oklch(44.1% .02 263),oklch(78.5% .018 264));--space-above:1.874rem}h5{font-size:1.125rem;line-height:1.225;color:light-dark(oklch(49.83% .022 262.9),oklch(74.3% .022 262));--space-above:1.6875rem}h6{font-size:1rem;line-height:1.25;color:light-dark(oklch(52.7% .024 264),oklch(65.6% .03 265));--space-above:1.5rem}:where(article,address,blockquote,dl,figure,form,ol,p,pre,table,ul)~:is(h1,h2,h3,h4,h5,h6){margin-top:var(--space-above)}hgroup{margin-bottom:1rem;>*{margin-top:0;margin-bottom:0};>:not(:first-child):last-child{color:var(--secondary-text-color);font-weight:unset;font-size:1rem}}:where(ol,ul) li{margin-bottom:.25rem}:where(dl,ol,ul) :where(dl,ol,ul){margin:0;margin-top:.25rem}ul li{list-style:square}blockquote{display:block;margin:1rem 0;padding:1rem;border-inline-start:.25rem solid var(--border-color);border-inline-end:none;footer{margin-top:.5rem;color:var(--secondary-text-color)}}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}mark{padding:.125rem .25rem;background-color:light-dark(oklch(93.6% .056 82),oklch(35.6% .083 241.5));color:light-dark(oklch(17.7% .007 258),#fff);vertical-align:baseline}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--inserted-color);text-decoration:none}del{color:var(--deleted-color)}hr{height:0;margin:1rem 0;border:0;border-top:1px solid var(--border-color);color:inherit}figure{display:block;margin:0;padding:0;figcaption{padding:.5rem 0;color:var(--secondary-text-color)}}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}:where(iframe){border-style:none}img{max-width:100%;height:auto;border-style:none}:where(svg:not([fill])){fill:currentColor}canvas{display:inline-block}:where(a:not([role=button])){outline:0;background-color:#0000;color:var(--primary-color);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--primary-color) 50%,transparent);text-underline-offset:.125em;transition:background-color .2s ease-in-out,color .2s ease-in-out,text-decoration .2s ease-in-out,box-shadow .2s ease-in-out;&:is([aria-current]:not([aria-current=false]),:hover,:active,:focus){color:var(--primary-hover-color);text-decoration-color:var(--primary-hover-color)};&:focus-visible{box-shadow:0 0 0 2px var(--focus-ring-color)}}:is(code,kbd,pre,samp){border-radius:var(--border-radius);background:light-dark(oklch(96.92% .003 247.9),oklch(23.8% .019 262));color:light-dark(oklch(52.7% .024 264),oklch(65.6% .03 265));font-weight:400;font-size:.875em;font-family:var(--monospace-font);line-height:initial}:is(code,kbd,samp){display:inline-block;padding:.375rem}kbd{background-color:var(--text-color);color:var(--background-color);font-weight:bolder;vertical-align:baseline}pre{display:block;margin-bottom:1rem;overflow:auto;:is(code,samp){font-size:inherit;font-family:inherit};>:is(code,samp){display:block;padding:1rem;background:0 0;line-height:1.5}}table{width:100%;border-collapse:collapse;border-spacing:0;text-indent:0}:is(td,th){padding:.5rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-color);font-weight:400;text-align:start}:is(thead,tfoot) :is(td,th){border-bottom-width:3px;font-weight:600}tfoot :is(td,th){border-top:3px solid var(--border-color);border-bottom:0}:is(button,[type=submit],[type=button],[type=reset],[role=button]){--button-color:var(--primary-background-color);--on-button-color:var(--on-primary-color);--button-hover-color:color-mix(in oklab, var(--button-color), light-dark(#000, #fff) 15%);margin:0;padding:var(--control-padding-block)var(--control-padding-inline);border:1px solid var(--button-color);border-radius:var(--border-radius);outline:0;background-color:var(--button-color);color:var(--on-button-color);font-weight:400;font-size:1rem;font-family:inherit;line-height:1.5;text-align:center;text-decoration:none;text-transform:none;cursor:pointer;user-select:none;transition:var(--control-transition);&:where(:hover,:active,:focus,[aria-current]:not([aria-current=false])){border-color:var(--button-hover-color);background-color:var(--button-hover-color)};&:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab,var(--button-color) 50%,transparent)};&.outline{--button-color:var(--primary-color);background-color:#0000;color:var(--button-color);&:where(:hover,:active,:focus,[aria-current]:not([aria-current=false])){color:var(--button-hover-color)}};&.secondary{--button-color:var(--secondary-background-color);&.outline{--button-color:var(--secondary-color)}};&.contrast{--button-color:light-dark(oklch(22.65% 0.019 266.2), oklch(95.75% 0.0046 258.3));--on-button-color:light-dark(#fff, #000);&.outline{--button-color:var(--strong-text-color)}};&:disabled{opacity:.5;pointer-events:none}}:is(button[type=submit],input[type=submit]){width:100%}:is([type=submit],[type=button],[type=reset]){margin-bottom:var(--field-spacing)}a[role=button]{display:inline-block}button.small{margin:0;padding:.25rem .75rem;font-size:.875rem}button.icon{--on-button-color:var(--secondary-text-color);display:inline-grid;place-items:center;margin:0;padding:.25rem;border:none;background:0 0;font-size:1.5rem;line-height:1}fieldset{width:100%;margin:0 0 var(--field-spacing);padding:0;border:0}label,legend{display:block;margin-bottom:calc(var(--field-spacing) * .375);color:var(--text-color)}legend{max-width:100%;margin-bottom:calc(var(--field-spacing) * .5);padding:0;white-space:normal}:is(input,select,textarea){margin:0;font-weight:400;font-size:1rem;font-family:inherit;line-height:1.5;letter-spacing:inherit}label>:where(input,select,textarea){margin-top:calc(var(--field-spacing) * .25)}:where(input,select,textarea,fieldset)+small{display:block;width:100%;margin-top:calc(var(--field-spacing) * -.75);margin-bottom:var(--field-spacing);color:var(--secondary-text-color)}:is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=submit],[type=button],[type=reset]),select,textarea){appearance:none;width:100%;margin-bottom:var(--field-spacing);padding:var(--control-padding-block)var(--control-padding-inline);border:1px solid var(--control-border-color);border-radius:var(--border-radius);outline:0;background-color:var(--control-background-color);color:var(--control-text-color);transition:var(--control-transition);&:is(:active,:focus):not([readonly]){border-color:var(--control-focus-color);background-color:light-dark(#fff,oklch(23.8% .019 262))};&:focus:not([readonly]){box-shadow:0 0 0 1px var(--control-focus-color)};&::placeholder{color:var(--placeholder-color);opacity:1};&[aria-invalid]:not(select,[type=date],[type=datetime-local],[type=month],[type=time],[type=week]){padding-inline-end:calc(var(--control-padding-inline) + 1.5rem);background-image:var(--validation-icon);background-position:center right .75rem;background-size:1rem;&:is(textarea){background-position:top 1rem right .75rem}}}input:not([type=checkbox],[type=radio],[type=range]){height:calc(1lh + var(--control-padding-block) * 2 + 2px)}select:invalid{color:var(--placeholder-color)}:is(input,select,textarea):disabled{opacity:.5;pointer-events:none}select:not([multiple],[size]){padding-inline-end:calc(var(--control-padding-inline) + 1.5rem);background-image:var(--chevron-icon);background-position:center right .75rem;background-size:1rem}select[multiple] option:checked{background:light-dark(oklch(91.5% .012 265),oklch(31.3% .029 265));color:var(--control-text-color)}textarea{display:block;overflow:auto;resize:vertical}input[type=search]{padding-inline-start:calc(var(--control-padding-inline) + 1.75rem);border-radius:5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-position:center left calc(var(--control-padding-inline) + .125rem);background-size:1rem;&::-webkit-search-decoration{appearance:none}}input[type=file]{width:100%;margin-bottom:var(--field-spacing);margin-left:-2px;padding:calc(var(--control-padding-block) * .5)0;padding-left:2px;border:0;background:0 0;color:var(--secondary-text-color);&::file-selector-button{margin-right:.5rem;padding:calc(var(--control-padding-block) * .5)var(--control-padding-inline);border:1px solid var(--secondary-background-color);border-radius:var(--border-radius);background-color:var(--secondary-background-color);color:#fff;font-size:1rem;line-height:1.5;cursor:pointer;transition:var(--control-transition)};&:is(:hover,:active,:focus)::file-selector-button{border-color:color-mix(in oklab,var(--secondary-background-color),light-dark(#000,#fff) 15%);background-color:color-mix(in oklab,var(--secondary-background-color),light-dark(#000,#fff) 15%)};&:focus::file-selector-button{box-shadow:0 0 0 2px color-mix(in oklab,var(--secondary-background-color) 50%,transparent)}}:is(input,select,textarea){&[aria-invalid=false]{--control-border-color:light-dark(oklch(63.44% 0.0826 177.6), oklch(53.1% 0.08 181.5));--control-focus-color:light-dark(oklch(61.2% 0.112 168.2), oklch(56.25% 0.1074 168.8));--validation-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(76, 154.5, 137.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")};&[aria-invalid=true]{--control-border-color:light-dark(oklch(61.2% 0.1 19.6), oklch(50.5% 0.102 16.5));--control-focus-color:light-dark(oklch(58.6% 0.156 26.3), oklch(53.8% 0.155 26));--validation-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(200.25, 79.25, 72.25)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")}}:where(input,select,textarea,fieldset)[aria-invalid=false]+small{color:var(--inserted-color)}:where(input,select,textarea,fieldset)[aria-invalid=true]+small{color:var(--deleted-color)}label[aria-disabled=true]{opacity:.5;pointer-events:none;input:disabled{opacity:1}}input:is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]){--calendar-icon-inset:0.75rem;padding-inline-end:calc(1rem + var(--calendar-icon-inset));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-position:center right var(--calendar-icon-inset);background-size:1rem;&::-webkit-calendar-picker-indicator{width:1rem;margin-right:-1rem;margin-left:var(--calendar-icon-inset);opacity:0};@supports(-moz-appearance:none){padding-inline-end: var(--control-padding-inline);background-image: none}}[type=color]{&::-webkit-color-swatch-wrapper{padding:0};&::-webkit-color-swatch{border:0;border-radius:calc(var(--border-radius) * .5)};&::-moz-color-swatch{border:0;border-radius:calc(var(--border-radius) * .5)}}label:has([type=checkbox],[type=radio]){width:fit-content;cursor:pointer}:is([type=checkbox],[type=radio]){appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-inline-end:.5em;padding:0;border:2px solid var(--control-border-color);border-radius:var(--border-radius);outline:0;background-color:var(--control-background-color);color:var(--control-text-color);vertical-align:middle;cursor:pointer;accent-color:var(--primary-color);transition:var(--control-transition);&:is(:active,:focus){border-color:var(--control-focus-color)};&:focus{box-shadow:0 0 0 2px var(--focus-ring-color)};&:checked{border-color:var(--primary-background-color);background-color:var(--primary-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-size:.75em};&:indeterminate{border-color:var(--primary-background-color);background-color:var(--primary-background-color);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");background-position:50%;background-size:.75em};~label{display:inline-block;margin-bottom:0;cursor:pointer;&:not(:last-of-type){margin-inline-end:1em}}}[type=radio]{border-radius:50%;&:checked{border-width:.35em;background-color:var(--on-primary-color);background-image:none}}:is([type=checkbox],[type=radio])[aria-invalid]:checked{border-color:var(--control-border-color)}[type=checkbox][aria-invalid]:checked{background-color:var(--control-border-color)}[type=checkbox][role=switch]{--switch-color:light-dark(oklch(82.9% 0.027 267), oklch(35.6% 0.034 264));width:2.25em;height:1.25em;border:3px solid var(--switch-color);border-radius:1.25em;background-color:var(--switch-color);line-height:1.25em;&:before{display:block;aspect-ratio:1;height:100%;border-radius:50%;background-color:#fff;content:"";transition:margin .1s ease-in-out};&:is(:active,:focus){border-color:var(--switch-color)};&:checked{--switch-color:var(--primary-background-color);background-image:none;&:before{margin-inline-start:1em}}}[type=range]{--range-track-color:var(--track-color);--range-thumb-color:var(--secondary-background-color);appearance:none;width:100%;height:1.25rem;margin-bottom:var(--field-spacing);padding:0;border-width:0;outline:0;background:0 0;accent-color:var(--primary-color);&:is(:active,:focus-within){--range-track-color:light-dark(oklch(82.9% 0.027 267), oklch(31.3% 0.029 265));--range-thumb-color:var(--primary-background-color)};&::-webkit-slider-runnable-track{width:100%;height:.375rem;border-radius:var(--border-radius);background-color:var(--range-track-color);transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out};&::-moz-range-track{width:100%;height:.375rem;border-radius:var(--border-radius);background-color:var(--range-track-color);transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out};&::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;margin-top:-.4375rem;border:2px solid var(--background-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;transition:background-color .2s ease-in-out,transform .2s ease-in-out};&::-moz-range-thumb{appearance:none;width:1.25rem;height:1.25rem;margin-top:-.4375rem;border:2px solid var(--background-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;transition:background-color .2s ease-in-out,transform .2s ease-in-out};&:active::-webkit-slider-thumb{transform:scale(1.25)};&:active::-moz-range-thumb{transform:scale(1.25)}}progress{display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--field-spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--track-color);color:var(--primary-background-color);vertical-align:baseline;accent-color:var(--primary-color);&::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0};&[value]::-webkit-progress-value{background-color:var(--primary-background-color);transition:inline-size .2s ease-in-out};&::-moz-progress-bar{background-color:var(--primary-background-color)};@media(prefers-reduced-motion:no-preference){&:indeterminate{background:var(--track-color)linear-gradient(to right,var(--primary-background-color) 30%,var(--track-color) 30%)0 0/150% 150% no-repeat;animation:progress-indeterminate 1s linear infinite;&[value]::-webkit-progress-value{background-color:#0000};&::-moz-progress-bar{background-color:#0000}}}}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[role=group]{display:inline-flex;position:relative;width:100%;margin-bottom:var(--field-spacing);border-radius:var(--border-radius);vertical-align:middle;transition:box-shadow .2s ease-in-out;&>*,& input:not([type=checkbox],[type=radio]),& select{position:relative;flex:auto;margin-bottom:0;&:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0};&:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0};&:focus{z-index:2}};:is(button,[type=submit],[type=button],[type=reset],[role=button]){--control-padding-inline:2rem;width:auto;&:focus{box-shadow:none}};&:has(:is(button,[type=submit],[type=button],[role=button]):focus-visible){box-shadow:0 0 0 2px color-mix(in oklab,var(--primary-background-color) 50%,transparent);&:has(.secondary:focus-visible){box-shadow:0 0 0 2px color-mix(in oklab,var(--secondary-background-color) 50%,transparent)};&:has(.contrast:focus-visible){box-shadow:0 0 0 2px color-mix(in oklab,light-dark(oklch(22.65% .019 266.2),oklch(95.75% .0046 258.3)) 50%,transparent)};:is(input:not([type=checkbox],[type=radio]),select){border-color:#0000}};&:has(:is(input:not([type=submit],[type=button]),select):focus){box-shadow:0 0 0 1px var(--control-border-color);:is(button,[type=submit],[type=button],[role=button]){box-shadow:0 0 0 1px var(--button-color);&:is(:hover,:active,:focus){box-shadow:0 0 0 1px var(--button-hover-color)}}}}details{display:block;margin-bottom:1rem;summary{line-height:1rem;list-style-type:none;cursor:pointer;transition:color .2s ease-in-out;&:not([role]){color:var(--text-color)};&::-webkit-details-marker{display:none};&:after{display:block;width:1rem;height:1rem;margin-inline-start:.5rem;float:right;transform:rotate(-90deg);background-image:var(--chevron-icon);background-position:100%;background-size:1rem;content:"";transition:transform .2s ease-in-out};&:focus{outline:0};&:focus:not([role]){color:var(--primary-hover-color)};&:focus-visible:not([role]){outline:2px solid var(--focus-ring-color);outline-offset:.5rem;color:var(--primary-color)}};&[open]>summary{margin-bottom:1rem;&:not([role]):not(:focus){color:var(--secondary-text-color)};&:after{transform:rotate(0)}}}article{--card-sectioning-color:light-dark(oklch(99% 0.001 197), oklch(23.8% 0.019 262));margin-bottom:1rem;padding:1rem;border-radius:var(--border-radius);background:light-dark(#fff,oklch(22.65% .019 266.2));box-shadow:var(--card-shadow);>:is(header,footer){margin-inline:-1rem;padding:.66rem 1rem;background-color:var(--card-sectioning-color)};>header{margin-top:-1rem;margin-bottom:1rem;border-bottom:1px solid light-dark(var(--border-color),oklch(22.65% .019 266.2));border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)};>footer{margin-top:1rem;margin-bottom:-1rem;border-top:1px solid light-dark(var(--border-color),oklch(22.65% .019 266.2));border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}}.grid{display:grid;grid-template-columns:1fr;gap:1rem;>*{min-width:0};@media(min-width:768px){grid-template-columns: repeat(auto-fit, minmax(0%, 1fr))}}nav,nav ul{display:flex}nav{justify-content:space-between;overflow:visible;:is(ol,ul){align-items:center;margin-bottom:0;padding:0;list-style:none;&:first-of-type{margin-left:-.5rem};&:last-of-type{margin-right:-.5rem}};li{display:inline-block;margin:0;padding:1rem .5rem;&:before{float:left;content:"\200B"};:where(a){display:inline-block;margin:-.5rem;padding:.5rem;border-radius:var(--border-radius);&:not(:hover){text-decoration:none}}}}[aria-controls]{cursor:pointer}@media(prefers-reduced-motion:reduce){*,:before,:after{background-attachment:initial!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}}