.qb-drawer .drawer__panel{max-height:90svh;display:flex;flex-direction:column;border-radius:18px 18px 0 0;overflow:hidden;transition:transform var(--t-drawer) var(--ease-drawer)}.qb-grip{flex:none;display:grid;place-items:center;height:26px;cursor:grab;touch-action:none}.qb-grip span{width:40px;height:4px;border-radius:2px;background:var(--line)}.qb-close{position:absolute;top:4px;right:6px;z-index:2}.qb-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.qb{display:grid;gap:0;padding-bottom:env(safe-area-inset-bottom)}.qb__media{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 20px 0;scroll-padding-inline:20px;overscroll-behavior-x:contain;touch-action:pan-x}.qb__media::-webkit-scrollbar{display:none}.qb__img{flex:0 0 40vw;max-width:220px;aspect-ratio:3 / 4;margin:0;overflow:hidden;background:var(--surface);scroll-snap-align:start;scroll-snap-stop:always}.qb__img img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.qb__body{display:grid;gap:20px;padding:18px 20px 0}.qb__head{display:grid;gap:6px}.qb__title{font-family:var(--font-display);font-weight:var(--font-display-weight);text-transform:uppercase;font-size:1.5rem;line-height:.95;letter-spacing:-.03em}.qb__price{display:flex;align-items:baseline;gap:10px;font-size:1.125rem}.qb__group{display:grid;gap:10px}.qb__label{display:flex;justify-content:space-between;gap:12px}.qb__colours{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding:3px;margin:-3px}.qb__colours::-webkit-scrollbar{display:none}.qb__colour{position:relative;flex:none;width:50px;aspect-ratio:3 / 4;overflow:hidden;background:var(--surface);outline:1.5px solid transparent;outline-offset:2px;transition:outline-color var(--t-fast) var(--ease-out),transform var(--t-press) var(--ease-out)}.qb__colour img{width:100%;height:100%;object-fit:cover}.qb__colour.is-current{outline-color:var(--text)}.qb__colour:active{transform:scale(.94)}.qb__colour.is-out:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - .5px),var(--muted) 50%,transparent calc(50% + .5px))}.qb__sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:4px}.qb__size{height:46px;border:1px solid var(--line);font-family:var(--font-mono);font-size:.8125rem;transition:background-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),transform var(--t-press) var(--ease-out)}.qb__size:active{transform:scale(.94)}.qb__size[aria-checked=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.qb__size[disabled]{color:var(--muted);background:linear-gradient(to top right,transparent calc(50% - .5px),var(--line) 50%,transparent calc(50% + .5px))}.qb__sizes.is-flagged{animation:qb-nudge .42s var(--ease-out)}@keyframes qb-nudge{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.qb__stock:empty{display:none}.qb__stock.is-low{color:var(--color-sale)}.qb__actions{position:sticky;bottom:0;z-index:2;display:grid;gap:10px;justify-items:center;margin:4px -20px 0;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--bg) 78%,rgba(var(--bg-rgb),0))}.qb__add{position:relative}.qb__add-done{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transform:translateY(10px);transition:opacity var(--t-fast) var(--ease-out),transform var(--t-med) var(--ease-out)}.qb__add-done svg{width:20px;height:20px;stroke-dasharray:24;stroke-dashoffset:24}.qb__add.is-added{--btn-bg: var(--color-signal);--btn-line: var(--color-signal);color:#0b0c0e;pointer-events:none}.qb__add.is-added .qb__add-label{opacity:0}.qb__add.is-added .qb__add-done{opacity:1;transform:none}.qb__add.is-added .qb__add-done svg{animation:qb-check .42s var(--ease-out) .12s forwards}.qb__add.is-added:before{transform:scaleX(0)!important}@keyframes qb-check{to{stroke-dashoffset:0}}.qb__more{margin-top:2px}.qb--skeleton .qb__img{flex-basis:40vw}.qb--skeleton .qb__body>*{border-radius:2px}.qb--skeleton .qb__body{gap:12px;padding-bottom:24px}@media(min-width:750px){.qb-drawer .drawer__panel{top:0;bottom:0;left:auto;right:0;width:min(100vw,460px);max-height:none;border-radius:0;transform:translate(100%)}.qb-drawer[open] .drawer__panel{transform:none}.qb-grip{display:none}.qb-content{padding-top:44px}.qb__img{flex-basis:190px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/sp-quickbuy.css.map */