html,body,#root{min-height:100%}body{background:var(--paper)}.embed{width:100%;max-width:26rem;margin:0 auto}.embed .tile{grid-template-rows:auto auto auto 1fr auto}.embed .tile__no{display:none}.embed__navigation{border-block:1px solid var(--rule-mid);background:var(--paper-raised);grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;align-items:center;gap:.35rem;margin:.5rem .5rem 0;padding:.35rem .55rem;display:grid}.embed__step{border:1px solid var(--rule-mid);border-radius:var(--radius-xs);background:var(--paper);width:2.25rem;height:2.25rem;color:var(--ink-2);cursor:pointer;box-shadow:var(--shadow-card);place-items:center;padding:0;display:grid}.embed__step:hover:not(:disabled){background:var(--paper-deep);color:var(--accent-ink)}.embed__step:disabled{opacity:.45;cursor:default}.embed__choice{text-align:center;min-width:0}.embed__index{font-family:var(--font-mono);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-3);font-size:.58rem}.embed__select-wrap{border-radius:var(--radius-xs);width:fit-content;max-width:100%;margin-inline:auto;position:relative}.embed__select-wrap:focus-within{outline:2px solid var(--focus);outline-offset:2px}.embed__select-wrap:after{content:"";pointer-events:none;border-bottom:1px solid;border-right:1px solid;width:.35rem;height:.35rem;position:absolute;top:38%;right:.2rem;transform:rotate(45deg)}.embed__selected{font-family:var(--font-display);color:var(--ink);padding:0 1.05rem 0 .3rem;font-size:1.35rem;line-height:1.2;display:block}.embed__ordinal{color:var(--mark-ink)}.embed__divider{color:var(--ink-4)}.embed__select-wrap select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.embed__notice{font-family:var(--font-ui);font-size:var(--step--1);padding:1rem}