.quick-add-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2.4rem;background:#0006;opacity:0;visibility:hidden;pointer-events:none}.quick-add-modal[open]{opacity:1;visibility:visible;pointer-events:auto}.quick-add-modal__dialog{position:relative;display:flex;flex-direction:column;width:min(100.2rem,100%);max-height:calc(100vh - 4.8rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.quick-add-modal__body{overflow:auto;padding:4.8rem}.quick-add-modal__close{position:absolute;top:2.4rem;right:2.4rem;z-index:2;display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.quick-add-modal__close .icon{width:1.4rem;height:1.4rem}.quick-add-modal__close:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.quick-add__layout{display:flex;align-items:flex-start;gap:4rem}.quick-add__media{display:flex;flex:0 0 auto;gap:.8rem}.quick-add__thumbs{display:flex;flex-direction:column;gap:.6rem;width:5.6rem;max-height:45.8rem;overflow:auto}.quick-add__thumb{display:block;flex-shrink:0;box-sizing:border-box;width:5.6rem;height:7.6rem;padding:0;border:.2rem solid transparent;background:rgba(var(--color-foreground),.05);cursor:pointer}.quick-add__thumb.is-active{border-color:rgb(var(--color-button))}.quick-add__thumb img,.quick-add__image{display:block;width:100%;height:100%;object-fit:cover}.quick-add__stage{width:34rem;height:45.8rem;background:rgba(var(--color-foreground),.05)}.quick-add__info{display:flex;flex:1 1 28rem;flex-direction:column;gap:.5rem;min-width:0;padding-top:4.9rem}.quick-add__title{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:2.8rem;font-weight:300;letter-spacing:.056rem;line-height:1.3;text-transform:uppercase}.quick-add__price{display:flex;flex-wrap:wrap;gap:.4rem;align-items:baseline;margin:0 0 .8rem;font-size:2.1rem;line-height:1.3}.quick-add__price-from{font-weight:300}.quick-add__price-amount{font-weight:600}.quick-add variant-selects{display:flex;flex-direction:column;gap:1.6rem;margin-top:.8rem}.quick-add .product-form__input{margin:0}.quick-add .product-form__input--pill,.quick-add .product-form__input--swatch{gap:.8rem}.quick-add .form__label{flex:0 0 100%;margin:0 0 .8rem;padding:0;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:300;letter-spacing:0;line-height:1.4;text-transform:none}.quick-add .product-form__input--swatch .form__label{margin-bottom:.4rem}.quick-add .product-form__input--pill input[type=radio]+label{min-width:0;padding:.8rem 1.6rem;border-radius:10rem;outline:.1rem solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-weight:400}.quick-add .product-form__input--pill input[type=radio]:checked+label,.quick-add .product-form__input--pill input[type=radio]+label:hover{outline:.1rem solid rgb(var(--color-foreground));background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.quick-add .variant-option__image-wrapper{display:none}.quick-add__form{margin-top:1.6rem}.quick-add__actions{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem}.quick-add__submit.button{width:27.9rem;max-width:100%;min-height:4.7rem;padding:1.4rem;border-radius:.2rem;font-size:1.4rem;font-weight:400}.quick-add__details{display:inline-flex;align-items:center;gap:.4rem;color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:600;line-height:1.35;text-decoration:underline;text-underline-offset:.2rem}.quick-add__details .icon{width:1.2rem;height:1.2rem;color:rgb(var(--color-button))}.quick-add .product-form__error-message-wrapper{margin-bottom:.8rem;font-size:1.4rem}@media screen and (max-width:989px){.quick-add__stage{width:min(34rem,42vw);height:auto;aspect-ratio:340 / 458}.quick-add__thumbs{max-height:none}}@media screen and (max-width:749px){.quick-add-modal{padding:1.6rem}.quick-add-modal__dialog{max-height:calc(100vh - 3.2rem)}.quick-add-modal__body{padding:4.8rem 1.6rem 2.4rem}.quick-add__layout{flex-direction:column;gap:2.4rem}.quick-add__media{width:100%}.quick-add__stage{flex:1 1 auto;width:auto;height:28rem;aspect-ratio:auto}.quick-add__thumbs{max-height:28rem}.quick-add__info{padding-top:0}.quick-add__title{font-size:2.2rem;padding-right:2.4rem}.quick-add__submit.button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-quick-add.css.map */