.scrim{background:color-mix(in srgb, var(--ink) 28%, transparent);z-index:40;animation:fade var(--transition) both;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.drawer{z-index:50;background:var(--paper);border-inline-start:1px solid var(--rule);inline-size:min(26rem,100vw);padding:var(--space-4);gap:var(--space-4);visibility:hidden;transition:transform var(--transition), visibility var(--transition);flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;transform:translate(100%)}.drawer[data-open=true]{visibility:visible;transition:transform var(--transition), visibility 0s;transform:translate(0)}.drawer .head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.drawer h2{margin-block-start:var(--space-1);font-size:1.25rem}.drawer .close{color:var(--quiet);padding:var(--space-1);font-size:1.5rem;line-height:1}.drawer .close:hover{color:var(--ink)}.drawer .group-title{justify-content:space-between;gap:var(--space-2);border-block-end:1px solid var(--rule);margin-block-end:var(--space-2);padding-block-end:var(--space-2);display:flex}.drawer .edition{align-items:center;gap:var(--space-2);text-align:start;inline-size:100%;padding:var(--space-2);transition:border-color var(--transition);border:1px solid #0000;display:flex}.drawer .edition+.edition{margin-block-start:var(--space-1)}.drawer .edition[aria-pressed=true]{border-color:var(--ink)}.drawer .dot{border:1px solid var(--quiet);border-radius:50%;flex:none;block-size:.6rem;inline-size:.6rem}.drawer .edition[aria-pressed=true] .dot{background:var(--ink);border-color:var(--ink)}.drawer .edition-text{flex-direction:column;gap:2px;margin-inline-end:auto;display:flex}.drawer .edition-name{font-size:var(--step-small)}.drawer .sizes{gap:var(--space-1);grid-template-columns:repeat(6,1fr);display:grid}.drawer .size{padding-block:var(--space-2);border:1px solid var(--rule);font-size:var(--step-small);transition:border-color var(--transition), background var(--transition), color var(--transition)}.drawer .size:hover{border-color:var(--ink)}.drawer .size[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.drawer .spec{justify-content:space-between;gap:var(--space-2);color:var(--quiet);margin-block-start:var(--space-2);display:flex}.drawer .total{border-block-start:1px solid var(--rule);margin-block-start:auto;padding-block-start:var(--space-3)}.drawer .total-line{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-block-end:var(--space-3);display:flex}.drawer .total-line strong{font-size:1.25rem;font-weight:500}.drawer .add{justify-content:space-between;align-items:center;gap:var(--space-3);inline-size:100%;padding:var(--space-3);background:var(--ink);color:var(--paper);font-size:var(--step-small);transition:background var(--transition);display:flex}.drawer .add:hover{background:var(--ink-soft)}.drawer .note{margin-block-start:var(--space-2);line-height:1.6}.drawer a.add{text-decoration:none}.drawer .add-another{inline-size:100%;padding:var(--space-2);border:1px solid var(--rule);font-size:var(--step-small);color:var(--ink-soft);transition:border-color var(--transition), color var(--transition);margin-block-start:var(--space-2)}.drawer .add-another:hover{border-color:var(--ink);color:var(--ink)}@media (width<=30rem){.drawer{border-inline-start:0;border-block-start:1px solid var(--rule);block-size:88vh;inline-size:100vw;inset-block-start:auto;transform:translateY(100%)}.drawer[data-open=true]{transform:translateY(0)}}.bag{gap:clamp(var(--space-4), 5vw, var(--space-6));grid-template-columns:minmax(0,1fr) minmax(0,20rem);align-items:start;display:grid}.bag-empty{gap:var(--space-2);flex-direction:column;align-items:flex-start;display:flex}.bag-lines li{align-items:center;gap:var(--space-2) var(--space-3);padding-block:var(--space-3);border-block-start:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto 5rem;grid-template-areas:"text qty price""remove remove remove";display:grid}.bag-lines li:last-child{border-block-end:1px solid var(--rule)}.bag-text{grid-area:text}.bag-title{font-size:var(--step-small)}.bag-title:hover{text-underline-offset:.25em;text-decoration:underline}.bag-qty{align-items:center;gap:var(--space-2);grid-area:qty;display:flex}.bag-qty button{border:1px solid var(--rule);block-size:1.75rem;inline-size:1.75rem;color:var(--quiet);transition:border-color var(--transition), color var(--transition)}.bag-qty button:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.bag-qty button:disabled{opacity:.4;cursor:not-allowed}.bag-price{text-align:end;font-size:var(--step-small);grid-area:price}.bag-remove{text-underline-offset:.25em;grid-area:remove;justify-self:start;text-decoration:underline}.bag-remove:hover{color:var(--ink)}.bag-foot{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--rule);flex-direction:column;display:flex;position:sticky;inset-block-start:var(--space-4)}.bag-total{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.bag-total strong{font-size:1.25rem;font-weight:500}.bag-error{color:#a3341a}.bag-checkout{justify-content:space-between;align-items:center;gap:var(--space-3);inline-size:100%;padding:var(--space-3);background:var(--ink);color:var(--paper);font-size:var(--step-small);transition:background var(--transition);margin-block-start:var(--space-1);display:flex}.bag-checkout:hover:not(:disabled){background:var(--ink-soft)}.bag-checkout:disabled{opacity:.6;cursor:progress}@media (width<=50rem){.bag{grid-template-columns:1fr}.bag-foot{position:static}}