@layer components{.ax-sample{box-sizing:border-box;color:#14244f;letter-spacing:normal;background:#fff;border:1px solid #e2e5ec;border-radius:12px;flex-direction:column;gap:.5rem;min-width:0;height:100%;padding:.875rem;font-family:Figtree,sans-serif;display:flex}.ax-s-title{align-items:center;gap:6px;font-size:.813rem;font-weight:700;display:flex}.ax-s-title svg{flex:none}.ax-s-text{font-size:.813rem;line-height:1.5}.ax-s-mark{border-radius:3px}.ax-s-due{color:#586079;font-size:.75rem}.ax-dark{color:#eef1f8;background:#131f45;border-color:#26355f}.ax-dark .ax-s-due{color:#b9c1d6}.ax-hc{color:#000;border:2px solid #000}.ax-hc .ax-s-due{color:#000}.ax-big .ax-s-title,.ax-big .ax-s-text{font-size:1.016rem}.ax-big .ax-s-due{font-size:.938rem}.ax-atk{font-family:Atkinson Hyperlegible,sans-serif}.ax-roomy{letter-spacing:.035em}.ax-roomy .ax-s-text{line-height:1.9}.ax-cream{background:#fbf6e9}.ax-ruler .ax-s-mark{background:#f4b53f66}[data-try-root]{--page:#fff;--surf:#f5f6f8;--text:#14244f;--muted:#586079;--line:#e2e5ec;--bw:1px;--ring:#7a839c;--mint:#3fc495;--attn:#b45309;--edge:#14244f;--tint:#f5f6f8;--font:"Figtree", sans-serif;--head:"Sora", sans-serif;--fs:1;--lh:1.55;--ls:normal;--ws:normal;--ruler:transparent;--halo:#f4b53f52}.ax-panel{background:var(--page);min-width:0;color:var(--text);font-family:var(--font);border-radius:18px;flex-direction:column;padding:1.25rem;display:flex}.ax-controls{border:1px solid #e2e5ec;gap:1rem}.ax-preview{border:var(--bw) solid var(--line);letter-spacing:var(--ls);word-spacing:var(--ws);gap:1.25rem}html[data-bp=d] .ax-preview{padding:1.75rem}.ax-opt{border:1.5px solid var(--ring);min-height:2.5rem;color:var(--text);text-align:center;cursor:pointer;overflow-wrap:anywhere;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:.25rem .5rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.2;display:flex}.ax-opt[aria-pressed=true]{background:var(--text);color:var(--page);border-color:var(--text);font-weight:700}.ax-opt .ax-check{flex:none;display:none}.ax-opt[aria-pressed=true] .ax-check{display:block}.ax-swatch{border:1.5px solid #7a839c;border-radius:50%;flex:none;width:1.125rem;height:1.125rem}.ax-f-fig{font-family:Figtree,sans-serif}.ax-f-atk{font-family:Atkinson Hyperlegible,sans-serif}.ax-f-lex{font-family:Lexend,sans-serif}.ax-f-od{font-family:OpenDyslexic,Comic Sans MS,sans-serif}.ax-reset{min-height:2.75rem;color:var(--text);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;border-radius:6px;align-self:flex-start;padding:0 4px;font-size:.9375rem;font-weight:600;text-decoration:underline}.ax-kick{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:500}.ax-title{font-family:var(--head);font-weight:700;font-size:calc(1.5rem * var(--fs));letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;line-height:1.1}html[data-bp=d] .ax-title{font-size:calc(2rem * var(--fs))}.ax-chip{border:var(--bw) solid var(--line);font-size:calc(.8125rem * var(--fs));white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-weight:600;display:inline-flex}.ax-attn{font-size:calc(.875rem * var(--fs));color:var(--attn);white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.ax-chip svg,.ax-attn svg{flex:none}.ax-steps{grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ax-steps>li{flex-direction:column;gap:.5rem;min-width:0;display:flex}.ax-step{align-items:center;height:40px;display:flex}.ax-dot{background:var(--text);box-sizing:border-box;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.ax-dot svg path{stroke:var(--page)}.ax-dot.ax-now{border:1.5px solid var(--edge);box-shadow:0 0 0 7px var(--halo);background:#f4b53f}.ax-seg{background:var(--text);flex:1;height:3px}.ax-step-name{font-family:var(--head);font-weight:600;font-size:calc(.875rem * var(--fs));overflow-wrap:anywhere}html[data-bp=d] .ax-step-name,html[data-bp=t] .ax-step-name{font-size:calc(1.125rem * var(--fs))}.ax-surface{background:var(--tint);border:var(--bw) solid var(--line);border-radius:16px;flex-direction:column;gap:.625rem;padding:1.25rem;display:flex}html:is([data-bp=t],[data-bp=d]) .ax-surface{padding:1.5rem 1.75rem}.ax-read{font-size:calc(1.0625rem * var(--fs));max-width:44rem;margin:0;line-height:var(--lh)!important}.ax-ruled{background:var(--ruler);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px}.ax-nowrap{white-space:nowrap}.ax-chip,.ax-attn{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}.ax-read,.ax-surface{overflow-wrap:anywhere;min-width:0}html[data-bp=m] .ax-nowrap{white-space:normal}}