.porder{--porder-line: #d9d3ca;--porder-ink: #211e1a;--porder-muted: #8b8b86;--porder-paper: #fbfbfa;--porder-panel: #20201f;--porder-cell: 4.4rem;--porder-dot: 2.3rem;--porder-gap: 1rem;position:relative;color:var(--porder-ink)}.porder-header{max-width:72rem;margin-bottom:3.2rem}.porder-heading{margin:0 0 1.2rem}.porder-lead{margin:0;color:var(--porder-muted);font-size:1.4rem;line-height:1.8}.porder-layout{display:grid;grid-template-columns:28.8rem minmax(0,1fr);gap:2rem;align-items:stretch}.porder-side{display:flex;flex-direction:column;gap:2.4rem;min-width:0}.porder-eyebrow,.porder-status-label{display:block;margin:0 0 .8rem;color:var(--porder-muted);font-size:1.1rem;letter-spacing:.16em;text-transform:uppercase}.porder-guide,.porder-note{margin:0;font-size:1.2rem;line-height:1.8;color:var(--porder-muted)}.porder-status{padding:1.6rem;border:1px solid var(--porder-line);background:#fff}.porder-status strong{font-size:2rem;font-weight:400;letter-spacing:.04em}.porder-actions{display:grid;gap:.8rem}.porder-action-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.porder-action{min-height:4.2rem;padding:1rem 1.2rem;border:1px solid var(--porder-line);border-radius:0;background:#fff;color:var(--porder-ink);cursor:pointer;font:inherit;font-size:1.2rem;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.porder-action:hover{border-color:var(--porder-ink)}.porder-action:focus-visible,.porder-hole:focus-visible{outline:.2rem solid #ff3e68;outline-offset:.2rem}.porder-action--primary{background:var(--porder-ink);border-color:var(--porder-ink);color:#fff}.porder-action--primary:hover{background:#34312d}.porder-note{padding-top:1.6rem;border-top:1px solid var(--porder-line)}.porder-stage{min-width:0;display:flex;align-items:center;justify-content:center;padding:3.2rem;overflow:auto;background:var(--porder-paper)}.porder-grid{display:grid;grid-template-columns:repeat(10,var(--porder-cell));gap:var(--porder-gap);width:max-content;padding:2rem;border-radius:1.2rem;background:var(--porder-panel);-webkit-user-select:none;user-select:none;touch-action:manipulation}.porder-hole{display:grid;place-items:center;width:var(--porder-cell);height:var(--porder-cell);padding:0;border:0;border-radius:1rem;background:transparent;cursor:pointer}.porder-hole:before{content:"";display:block;width:var(--porder-dot);height:var(--porder-dot);border:1px solid rgba(255,255,255,.12);border-radius:50%;background:transparent;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.porder-hole:hover:before{border-color:#ffffff8f}.porder-hole[aria-pressed=true]:before{border-color:#fff;background:#fff;box-shadow:inset .3rem .3rem .4rem #00000052;transform:scale(1.04)}.porder-toast{position:fixed;z-index:10;top:2rem;right:2rem;max-width:calc(100vw - 4rem);margin:0;padding:1.1rem 1.4rem;background:var(--porder-ink);color:#fff;font-size:1.2rem;line-height:1.4;opacity:0;pointer-events:none;transform:translateY(-.6rem);transition:opacity .2s ease,transform .2s ease}.porder-toast.is-visible{opacity:1;transform:translateY(0)}@media screen and (min-width:990px){.porder-stage{padding-top:1.2rem}}@media screen and (max-width:989px){.porder-layout{grid-template-columns:minmax(0,1fr);gap:1.6rem}.porder-side{order:2}.porder-stage{order:1}}@media screen and (max-width:749px){.porder{--porder-cell: clamp(2.4rem, 7vw, 3.4rem);--porder-dot: clamp(1.4rem, 4.5vw, 2rem);--porder-gap: clamp(.3rem, 1.6vw, .7rem)}.porder-header{margin-bottom:2.4rem}.porder-stage{padding:0;overflow:hidden}.porder-grid{max-width:100%;padding:clamp(.8rem,3vw,1.4rem);border-radius:.8rem}.porder-hole{border-radius:.6rem}.porder-action{min-height:4.6rem}.porder-toast{top:1.2rem;right:1.2rem;max-width:calc(100vw - 2.4rem)}}@media(prefers-reduced-motion:reduce){.porder-action,.porder-hole:before,.porder-toast{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/panel-order.css.map */