.ss-design{min-width:0}.ss-design h3{margin:0 0 1rem}.mk-win{background:var(--paper);border:1px solid var(--line);border-top:1.75rem solid var(--card);border-radius:12px;position:relative;box-shadow:0 12px 32px #3c28141f}.mk{counter-reset:s;scroll-snap-type:x mandatory;scrollbar-width:none;font-size:var(--text-xs);color:var(--ink-2);display:flex;overflow-x:auto}.mk-win:before{content:"● ● ●"/"";color:var(--line);font-size:.75rem;position:absolute;top:-1.4rem;left:.7rem}.mk>div{scroll-snap-align:start;flex:0 0 100%;padding:1.25rem 1.25rem 3.75rem}.vs-b{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:auto .5rem .5rem}.vs-b .btn{pointer-events:auto;background:#fffd;width:2.75rem;height:2.75rem;padding:0}.mk h4{letter-spacing:.08em;text-transform:uppercase;margin:0 0 .6rem;font-size:.75rem}.mk h4:before{counter-increment:s;content:counter(s) " ";font:1rem var(--display);color:var(--accent)}.mk h4 span{font:600 1.1875rem/1.2 var(--display);letter-spacing:0;text-transform:none;color:var(--night);margin-top:.3rem;display:block}.mk p{margin:0}.mk i{font-style:normal}.mk-o span,.mk-l,.mk-c{flex-wrap:wrap;gap:.375rem;display:flex}.mk-o i,.mk-s i,.mk-t i,.mk-c i,.mk-f{background:var(--card);box-shadow:0 0 0 1px var(--r,var(--line));color:var(--ink);border-radius:8px}.mk-o i{place-items:center;width:2.5rem;height:2.25rem;display:grid}.mk .w{font-size:.5625rem;font-weight:800}.mk svg{width:1.125rem;height:1.125rem}p.mk-f{margin-bottom:.4rem;padding:.4rem .6rem}.mk-s i{margin-bottom:.4rem;padding:.45rem .6rem .45rem 1.9rem;font-weight:600;display:block;position:relative}.mk-s i:before{content:"";background:var(--r,var(--card));width:.55rem;height:.55rem;box-shadow:inset 0 0 0 2px var(--card),0 0 0 1.5px var(--r,#857965);border-radius:50%;position:absolute;top:.75rem;left:.65rem}.mk-s em{background:var(--butter);color:var(--ink);border-radius:4px;margin-left:.3rem;padding:0 .35rem;font:650 .6875rem Inter}.mk small{letter-spacing:0;color:var(--ink-2);font:400 .75rem Inter;display:block}.mk-s{display:flow-root}.mk-w{float:right;width:47%;height:auto;margin:0 0 .5rem .75rem}.mk-l i,.mk-l button{width:min-content;min-width:3rem;font:inherit;text-align:center;color:inherit;background:0 0;border:0;justify-items:center;gap:.3rem;padding:0;font-size:.75rem;line-height:1.2;display:grid}.mk-l button{cursor:pointer}.mk-l b{width:1.75rem;height:1.75rem;box-shadow:inset 0 0 0 1px #0002,0 0 0 2px var(--paper),0 0 0 3.5px var(--r,#0000);background:#f6f2e9;border-radius:50%}.mk-l :nth-child(2) b{background:#fff}.mk-l :nth-child(3) b{background:#202b29}.mk-l :nth-child(4) b{background:#e6cdb8}.mk-l button b{background:conic-gradient(#f39a8f,#f6d77e,#a9dba0,#8fc6e8,#c1a3ea,#f39a8f)}.mk-t{grid-template-columns:repeat(3,1fr);gap:.375rem;display:grid}.mk-t i{text-align:center;letter-spacing:.16em;padding:.45rem .2rem .35rem;font-size:.8125rem;font-weight:620}.mk-t :nth-child(2),.mk-t :nth-child(6){font:600 1.0625rem var(--display);letter-spacing:0}.mk-t :nth-child(6){font-style:italic;font-weight:500}.mk-t :nth-child(3){letter-spacing:.24em;font-weight:540}.mk-t :nth-child(4){letter-spacing:.08em;font-weight:900}.mk-t :nth-child(5){letter-spacing:.26em;font-weight:410}.mk-c i{padding:.3rem .55rem;font:italic .875rem Georgia,serif}.mk-c :nth-child(2){font-family:var(--display)}.mk-c :nth-child(3){font:.875rem Inter}.mk-c :nth-child(4){letter-spacing:.06em;text-transform:uppercase;font:500 .6875rem Inter}.mk .on,[data-i="0"] [data-f*="0"],[data-i="1"] [data-f*="1"],[data-i="2"] [data-f*="2"],[data-i="3"] [data-f*="3"],[data-i="4"] [data-f*="4"]{--r:var(--accent);color:var(--accent)}@media (width>=56rem){.ss-pin{grid-template-areas:"list stage""list opts";row-gap:0}.ss-stage{align-self:end}.ss-design{grid-area:opts;align-self:start;margin-top:1.5rem}}
