.quick-add-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1002}.quick-add-panel[hidden]{display:none}.quick-add-panel--loading .quick-add-panel__body{opacity:.35;pointer-events:none}.quick-add-panel--loading .quick-add-panel__submit{cursor:wait}.quick-add-panel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#000000ad;cursor:pointer}.quick-add-panel__sheet{--qa-u: clamp(.45px, calc((100vh - 189px) / 791.67), 1px);--qa-u: clamp(.45px, calc((100dvh - 189px) / 791.67), 1px);--qa-image-h: max(230px, calc(var(--qa-u) * 409));position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(503px,100%);height:100%;background:#fff;color:#000;overflow:auto}.quick-add-panel__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:calc(var(--qa-u) * 36) 20px calc(var(--qa-u) * 24) 25px}.quick-add-panel__title{margin:0;font-family:Azeret Mono,monospace;font-weight:500;font-size:20px;line-height:normal}.quick-add-panel__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:0;background:none;color:#000;font-size:20px;line-height:1;cursor:pointer}.quick-add-panel__images{display:flex;gap:15px;height:var(--qa-image-h);overflow-x:auto;overflow-y:hidden;flex-shrink:0;scrollbar-width:none}.quick-add-panel__images{cursor:grab;user-select:none;-webkit-user-select:none}.quick-add-panel__images.is-dragging{cursor:grabbing}.quick-add-panel__images img{-webkit-user-drag:none}.quick-add-panel__images::-webkit-scrollbar{display:none}.quick-add-panel__images img{height:100%;width:auto;aspect-ratio:3 / 4;flex:0 0 auto;object-fit:cover}.quick-add-panel__body{display:flex;flex-direction:column;align-items:flex-start;padding:calc(var(--qa-u) * 28) 20px calc(var(--qa-u) * 28) 25px}.quick-add-panel__details{font-family:F37 Hooj,sans-serif;font-size:14px;line-height:normal;color:#000;text-decoration:underline;text-underline-offset:2px;margin-bottom:calc(var(--qa-u) * 18)}.quick-add-panel__name{margin:0;font-family:F37 Hooj,sans-serif;font-weight:700;font-size:16px;line-height:normal}.quick-add-panel__price,.quick-add-panel__meta{margin:0;font-family:F37 Hooj,sans-serif;font-weight:400;font-size:14px;line-height:normal}.quick-add-panel__price{margin-top:calc(var(--qa-u) * 7)}.quick-add-panel__meta{margin-top:calc(var(--qa-u) * 22)}.quick-add-panel__colours[hidden],.quick-add-panel__sizes[hidden],.quick-add-panel__meta[hidden]{display:none}.quick-add-panel__colours{margin-top:calc(var(--qa-u) * 23)}.quick-add-panel__sizes{margin-top:calc(var(--qa-u) * 19);margin-bottom:calc(var(--qa-u) * 56)}.quick-add-panel__colours+.quick-add-panel__meta{margin-top:calc(var(--qa-u) * 23)}.quick-add-panel__label{font-weight:700;margin-right:12px}.quick-add-panel__colours,.quick-add-panel__sizes{display:flex;flex-wrap:wrap;gap:8px}.quick-add-panel__colours{gap:12px}.quick-add-panel__colour,.quick-add-panel__size{padding:0;background:none;cursor:pointer;color:#000;font-family:F37 Hooj,sans-serif}.quick-add-panel__colour{width:max(44px,calc(var(--qa-u) * 74));height:max(59px,calc(var(--qa-u) * 98.67));flex:0 0 auto;border:1px solid transparent;border-radius:4px;overflow:hidden}.quick-add-panel__colour.is-selected{border-color:#000}.quick-add-panel__colour img{width:100%;height:100%;object-fit:cover;display:block}.quick-add-panel__size{display:flex;align-items:center;justify-content:center;min-width:43px;height:31px;padding:9px 14px;border:1px solid transparent;border-radius:23px;font-size:12px;font-weight:400;line-height:normal}.quick-add-panel__size.is-selected{border-color:#000}.quick-add-panel__size:disabled{opacity:.35;cursor:not-allowed}.quick-add-panel__submit{width:100%;margin-top:auto;padding:16px 28px;flex-shrink:0;border:2px solid #000;border-radius:84px;background:#000;color:#fff;font-family:F37 Hooj,sans-serif;font-weight:700;font-size:14px;line-height:normal;text-align:center;text-transform:none;cursor:pointer}.quick-add-panel__submit:disabled{opacity:.45;cursor:not-allowed}.quick-add-panel__sheet{justify-content:flex-start}.quick-add-panel__body{flex:1}@media screen and (max-width:749px){.quick-add-panel__sheet{--qa-image-h: min(280px, max(220px, calc(var(--qa-u) * 409)))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/quick-add-panel.css.map */