@font-face{font-family:Atkinson Hyperlegible Next;font-style:normal;font-weight:200 800;font-display:swap;src:url(../../../fonts/atkinson-hyperlegible-next.woff2)format("woff2")}@font-face{font-family:Schibsted Grotesk;font-style:normal;font-weight:400 900;font-display:swap;src:url(../../../fonts/schibsted-grotesk.woff2)format("woff2")}@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../../../fonts/figtree.woff2)format("woff2")}@font-face{font-family:Gabarito;font-style:normal;font-weight:400 900;font-display:swap;src:url(../../../fonts/gabarito.woff2)format("woff2")}:root{--error:#be241f;--error-tint:#ffe7e3;--success:#21763c;--health:#b00a1d;--on-health:#fff;--focus:#ffce27;--focus-ink:#14161a;--type-h1:2.5rem;--type-h1-narrow:2rem;--type-h2:1.5625rem;--type-h3:1.25rem;--type-body:1rem;--type-secondary:.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--motion-feedback:.12s;--motion-state:.24s;--motion-large:.4s;--ease:cubic-bezier(.2, 0, 0, 1);--border-width-divider:1px;--border-width-control:2px;--focus-ring:0 0 0 3px var(--focus), 0 0 0 5px var(--focus-ink);--control-height:2.75rem;--control-padding:.625rem 1.25rem;--cell-padding:.75rem 1rem;--gap-group:var(--space-5)}.dense{--control-height:2.25rem;--control-padding:.375rem .75rem;--cell-padding:.5rem .75rem;--gap-group:var(--space-4)}.theme{--surface:oklch(.965 .006 var(--surface-hue));--surface-raised:oklch(.99 .003 var(--surface-hue));--surface-sunken:oklch(.935 .009 var(--surface-hue));--border:oklch(.86 .012 var(--surface-hue));--border-control:oklch(.52 .018 var(--surface-hue));--text:oklch(.24 .012 var(--surface-hue));--text-secondary:oklch(.45 .016 var(--surface-hue));--brand-hover:oklch(from var(--brand) calc(l - .07) c h);--brand-tint:oklch(from var(--brand) .945 .03 h);--on-brand:oklch(from var(--brand) clamp(.24, (.613 - l) * 1000, 1) clamp(0, (l - .613) * 1000, .012) var(--surface-hue));color:var(--text);background:var(--surface);font-family:var(--font-body);font-size:var(--type-body);line-height:1.6}body{margin:0}::selection{color:var(--focus-ink);background:var(--focus)}h1,h2,h3{margin:0 0 var(--space-3);font-family:var(--font-heading);text-wrap:balance;font-weight:700}h1{font-size:clamp(var(--type-h1-narrow), 1.5rem + 2.5cqi, var(--type-h1));letter-spacing:-.02em;line-height:1.15}h2{font-size:var(--type-h2);letter-spacing:-.01em;line-height:1.2}h3{font-size:var(--type-h3);line-height:1.3}p,li{max-width:65ch}a{color:var(--brand);text-decoration-thickness:var(--border-width-divider);text-underline-offset:.2em;transition:color var(--motion-feedback) var(--ease)}a:hover,a[data-state=hover]{color:var(--brand-hover);text-decoration-thickness:var(--border-width-control)}:focus-visible,[data-state=focus]{box-shadow:var(--focus-ring);outline:3px solid #0000}button,:is(a,label).button{box-sizing:border-box;min-height:var(--control-height);padding:var(--control-padding);font:inherit;color:var(--on-brand);background:var(--brand);border:var(--border-width-control) solid var(--brand);border-radius:var(--radius-control);cursor:pointer;transition:background-color var(--motion-feedback) var(--ease), border-color var(--motion-feedback) var(--ease);font-weight:700;line-height:1.25}:is(a,label).button{align-items:center;text-decoration:none;display:inline-flex}:is(button,a.button,label.button):hover,:is(button,a.button,label.button)[data-state=hover]{color:var(--on-brand);background:var(--brand-hover);border-color:var(--brand-hover)}:is(button,a.button,label.button).secondary{color:var(--brand);background:var(--surface-raised);border-color:var(--brand)}:is(button,a.button,label.button).secondary:hover,:is(button,a.button,label.button).secondary[data-state=hover]{color:var(--brand);background:var(--brand-tint)}input:where(:not([type]),[type=text],[type=email],[type=tel],[type=number],[type=search],[type=url],[type=password]),textarea{box-sizing:border-box;min-height:var(--control-height);padding:var(--space-2) var(--space-3);font:inherit;color:var(--text);background:var(--surface-raised);border:var(--border-width-control) solid var(--border-control);border-radius:var(--radius-control);caret-color:var(--brand);font-size:max(1rem,1em)}:is(input,textarea):focus-visible,:is(input,textarea)[data-state=focus]{border-color:var(--focus-ink)}:is(input,textarea)[aria-invalid=true]{border-color:var(--error)}input[type=checkbox],input[type=radio]{accent-color:var(--brand)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.shell.svelte-12qhfyh{--gutter:max(1.25rem, (100% - 60rem) / 2);flex-direction:column;min-height:100vh;display:flex}.banner.svelte-12qhfyh,.demo-menu.svelte-12qhfyh{padding:var(--space-1) var(--gutter);font-size:var(--type-secondary);margin:0;line-height:1.5}.banner.svelte-12qhfyh{max-width:none;color:var(--on-brand);background:var(--brand);font-weight:700}.demo-menu.svelte-12qhfyh{background:var(--surface-sunken)}header.svelte-12qhfyh{padding:var(--space-4) var(--gutter);border-bottom:var(--border-width-divider) solid var(--border)}header.svelte-12qhfyh img:where(.svelte-12qhfyh){width:auto;height:2.25rem;display:block}.progress.svelte-12qhfyh{padding:var(--space-5) var(--gutter) 0}.shell.svelte-12qhfyh main{padding:2.5rem var(--gutter) var(--space-7);container-type:inline-size}.shell.svelte-12qhfyh main,.shell.svelte-12qhfyh :where(main,main form){gap:var(--gap-group);flex-direction:column;display:flex}.shell.svelte-12qhfyh :is(main,main form)>:is(h1,h2,p,ul,ol){margin-block:0}.shell.svelte-12qhfyh :is(main,main form)>:is(h1,h2)+*{margin-top:calc(var(--space-3) - var(--gap-group))}.shell.svelte-12qhfyh :is(main,main form)>:is(button,a){align-self:flex-start}footer.svelte-12qhfyh{padding:var(--space-5) var(--gutter);font-size:var(--type-secondary);color:var(--text-secondary);background:var(--surface-sunken);flex-direction:column;gap:.375rem;margin-top:auto;line-height:1.5;display:flex}footer.svelte-12qhfyh strong:where(.svelte-12qhfyh){color:var(--text)}footer.svelte-12qhfyh a:where(.svelte-12qhfyh){align-self:flex-start}
