.quick-add-overlay{--max-width: 31.25rem;--outer-spacing: 8px;position:fixed;inset:var(--outer-spacing);padding:16px;width:calc(100% - var(--outer-spacing)*2);background-color:#fff;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.87,0,.18,1),visibility .3s cubic-bezier(.87,0,.18,1),transform .6s cubic-bezier(.87,0,.18,1);z-index:99;top:auto;transform:translateY(100%);scrollbar-width:none;-ms-overflow-style:none}@media(min-width:550px){.quick-add-overlay{left:unset;bottom:unset;padding:24px 20px;max-width:var(--max-width)}}.quick-add-overlay.active,.quick-add-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}@starting-style{.quick-add-overlay.active,.quick-add-overlay.is-active{opacity:0;visibility:hidden}}.quick-add-overlay::-webkit-scrollbar{display:none}.quick-add-overlay.active{transform:translate(0)}@starting-style{.quick-add-overlay.active{opacity:0;visibility:hidden}}@media(min-width:550px){.quick-add-overlay{top:var(--outer-spacing);transform:translate(100%)}.quick-add-overlay.active{transform:translate(0)}}.quick-add-overlay .overlay-close{position:absolute;width:1.5rem;min-height:1.5rem;right:.75rem;transform:translateY(-.25rem);max-width:100%;line-height:100%;background-color:#0000;border-radius:3px;border-color:#0000;transition:background-color .3s cubic-bezier(.87,0,.18,1),border-color .3s cubic-bezier(.87,0,.18,1);cursor:pointer;right:8px}@media(min-width:550px){.quick-add-overlay .overlay-close{width:2rem;min-height:2rem;transform:translateY(-.75rem)}.quick-add-overlay .overlay-close:hover{border-color:#2e2e2e80;background-color:#f8f8f8}}.quick-add-overlay .overlay-close:focus-visible{border-color:#2e2e2e80;background-color:#f8f8f8}.quick-add-overlay .overlay-close:after{content:"\2715";font-size:.75rem;line-height:100%}.quick-add-overlay__product{display:flex;flex-direction:column}.quick-add-overlay__top-section{display:flex;flex-direction:row;gap:2rem}.quick-add-overlay__media{position:relative;width:30%;max-width:200px;aspect-ratio:3/4;aspect-ratio:2/3;overflow:hidden;flex-shrink:0}.quick-add-overlay__media img{width:100%;height:100%;object-fit:cover}.quick-add-overlay__info{max-width:60%;flex:1;display:flex;flex-direction:column;margin-top:8px}@media(min-width:1280px){.quick-add-overlay__info{padding:0}}.quick-add-overlay .js-title,.quick-add-overlay .js-extra-model-info{color:#8f8f8f}.quick-add-overlay__title{margin-bottom:12px;font-family:Radio Grotesk,sans-serif;font-size:.75rem;line-height:100%}.quick-add-overlay__title span{display:block;font-size:.75rem}.quick-add-overlay__title .js-vendor{text-transform:uppercase}.quick-add-overlay__title .js-title{margin-top:2px}.quick-add-overlay .js-extra:not(:first-child){margin-top:4px}.quick-add-overlay .js-extra strong,.quick-add-overlay .js-extra span{text-transform:capitalize}.quick-add-overlay__model-info{margin-top:.5rem}.quick-add-overlay__price-container{margin:1rem 0 0;display:flex;align-items:center;gap:8px;font-size:.813rem}.quick-add-overlay__price-container del{opacity:.2}.quick-add-overlay__delivery{margin-top:1rem;padding-top:1rem;border-top:1px solid #dedede}.quick-add-overlay__delivery-text{font-size:.813rem;line-height:1.6;margin:0}.quick-add-overlay__delivery-text span{font-weight:500}.quick-add-overlay__size-selector{margin-top:16px}@media(min-width:768px),screen and (max-width:812px)and (orientation:landscape){.quick-add-overlay__size-selector{margin-top:48px}}.quick-add-overlay__size-title{margin-bottom:1rem;font-size:8px;text-transform:uppercase;font-weight:500}.quick-add-overlay__sizes{--gap: 2px;display:flex;gap:var(--gap)}.quick-add-overlay__size-option{position:relative;border:1px solid #dedede;transition:border-color .3s ease}.quick-add-overlay__size-option:not(.disabled):hover{border-color:#2e2e2e80;z-index:1}.quick-add-overlay__size-option input{position:absolute;opacity:0;pointer-events:none}.quick-add-overlay__size-option input:checked+label{color:#fff;background-color:#2e2e2e}.quick-add-overlay__size-option input:disabled+label{position:relative;color:#8f8f8f;background-image:linear-gradient(to bottom right,transparent calc(50% - .5px),#dedede calc(50% - .5px),#dedede calc(50% + .5px),transparent calc(50% + .5px));cursor:not-allowed}.quick-add-overlay__size-option label{padding:8px 10px;display:flex;justify-content:center;text-align:center;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:100%;letter-spacing:.52px}.quick-add-overlay__add-to-cart{padding:12px 14px;margin-top:12px;width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #dedede;transition-property:background-color,color;transition-duration:.3s;transition-timing-function:cubic-bezier(.87,0,.18,1);cursor:pointer}.quick-add-overlay__add-to-cart:hover:not(:disabled){color:#2e2e2e;background-color:#fff}.quick-add-overlay__add-to-cart:disabled{opacity:.5;cursor:not-allowed}.quick-add-overlay__error{color:#dd4b52;font-size:.625rem;margin-top:8px;display:none}.quick-add-overlay__error.active{display:block}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quick-add-overlay.css.map */