@layer theme,base;@layer components{.si-page{min-block-size:100dvh;padding:var(--s-4);background:var(--bg);color:var(--text);place-items:center;display:grid}.si-col{inline-size:100%;max-inline-size:var(--w-dialog);gap:var(--s-3);flex-direction:column;display:flex}.si-brand{align-items:center;gap:var(--s-2);color:var(--text);display:flex}.si-card{background:var(--surface);border:var(--line-w) solid var(--line);border-radius:var(--r-lg);padding:var(--s-5);overflow:hidden}.si-rail{gap:var(--s-1);margin-block:calc(-1 * var(--s-5)) var(--s-4);margin-inline:calc(-1 * var(--s-5));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.si-rail>span{block-size:var(--sel-bar);background:var(--line)}.si-rail>span[data-on=yes]{background:var(--accent)}.si-rail>span[data-on=done]{background:color-mix(in srgb, var(--accent) 45%, var(--surface))}.si-step{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-3);margin:0}.si-title{margin:0;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semi);letter-spacing:var(--ls-display);line-height:var(--lh-tight);margin-block-start:var(--s-1)}.si-text{color:var(--text-2);margin:0;margin-block-start:var(--s-3)}.si-form{gap:var(--s-2);flex-direction:column;margin-block-start:var(--s-4);display:flex}.si-label{font-size:var(--fs-sm);font-weight:var(--fw-semi)}.si-input{inline-size:100%;min-block-size:var(--h-btn-lg)}.si-wide{inline-size:100%}.si-alert{margin:0;margin-block-start:var(--s-3)}.si-done{padding:var(--s-2) var(--s-3);background:var(--surface-2);border-radius:var(--r-md);font-weight:var(--fw-semi)}.si-demo{padding:var(--s-2) var(--s-3);background:var(--check-panel);border:var(--line-w) solid var(--check-line);border-radius:var(--r-md)}.si-demo a{font-weight:var(--fw-semi);overflow-wrap:anywhere}.si-note{font-size:var(--fs-sm);color:var(--text-2);margin:0}.si-after{font-size:var(--fs-sm);color:var(--text-2);margin:0;margin-block-start:var(--s-3)}.si-next{padding:var(--s-3) var(--s-5);border:var(--line-w) dashed var(--line-input);border-radius:var(--r-lg);color:var(--text-2)}.si-next-title{font-weight:var(--fw-semi);color:var(--text);margin:0;margin-block-start:var(--s-0)}.si-textbtn{color:var(--accent);font-weight:var(--fw-semi);text-underline-offset:var(--underline-offset);min-block-size:var(--hit-min);background:0 0;border:0;padding:0;text-decoration:underline}.si-textbtn:hover{color:var(--accent-hover)}@media not (min-width:48rem){.si-page{place-items:start center;padding-block-start:var(--s-6)}.si-card{padding:var(--s-4)}.si-rail{margin-block:calc(-1 * var(--s-4)) var(--s-3);margin-inline:calc(-1 * var(--s-4))}.si-next{padding-inline:var(--s-4)}.si-input{min-block-size:var(--tap)}.si-textbtn,.si-demo a,.si-after a{min-block-size:var(--tap);align-items:center;display:inline-flex}}}@layer utilities;