.product-quick-add-wrapper{z-index:2;position:absolute;width:100%;aspect-ratio:var(--media-aspect-ratio);background-color:transparent;display:flex;flex-direction:row;align-items:end;pointer-events:none;padding:1.6rem}product-quick-add,.product-quick-add{display:block;background-color:rgba(var(--color-background),.95);padding:.8rem 2rem;width:100%;max-height:50%;overflow:auto;transform:translateY(1.6rem);opacity:0;pointer-events:none;transition:opacity var(--duration-medium) ease,transform var(--duration-medium) ease}.product-quick-add[open]{transform:translateY(0);pointer-events:all;opacity:1}@media screen and (min-width:750px){.card:hover .product-quick-add[hover-effect]{transform:translateY(0);pointer-events:all;opacity:1}}.product-quick-add::-webkit-scrollbar{width:.3rem;height:.3rem}.product-quick-add::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.1);border-radius:.15rem}.product-quick-add:hover::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2)}.product-quick-add:hover::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-foreground),.4)}.product-quick-add.loading{opacity:.5!important;pointer-events:none}.product-quick-add:not([open]).loading{opacity:0!important;pointer-events:none;display:none!important}.product-quick-add__variants{display:flex;flex-direction:column;gap:1.2rem}.product-quick-add__variant{display:flex;flex-direction:column;gap:.6rem}.product-quick-add__variant__name{font-weight:var(--font-weight-regular);font-size:var(--font-size-xxs)}.product-quick-add__variant__options{display:flex;flex-direction:row;justify-content:start;gap:1.6rem 2.6rem;flex-wrap:wrap}.product-quick-add__variant__options--list{flex-direction:column;align-items:stretch}.product-quick-add__variant__options:has(.product-quick-add__variant__option__swatch){column-gap:1.2rem}.product-quick-add__variant__option{background-color:transparent;border:none;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:.4rem .2rem;gap:.8rem;font-weight:var(--font-weight-medium);font-size:1.3rem;color:rgba(var(--color-foreground),1);cursor:pointer;text-transform:uppercase}.product-quick-add__variant__option.active,.product-quick-add__variant__option:hover,.product-quick-add__variant__option:focus-visible{text-decoration:underline;text-underline-offset:3px}.product-quick-add__variant__option.disabled{color:rgba(var(--color-foreground),.48)}.product-quick-add[direct-add]:not(:has(.product-quick-add__notify)) .product-quick-add__variant__option.disabled,.product-quick-add[direct-add]:has(.product-quick-add__notify[disabled]) .product-quick-add__variant__option.disabled{cursor:not-allowed}.product-quick-add__variant__option .icon{display:none;width:1.4rem;height:1.4rem}.product-quick-add__variant__option.disabled .icon{display:block}.product-quick-add__variant__options--list .product-quick-add__variant__price{margin-left:auto}.product-quick-add__variant__option__swatch{display:block;width:1.2rem;height:1.2rem;border-radius:50%;background-color:var(--swatch-background)}.product-quick-add__variant__option.active .product-quick-add__variant__option__swatch{border:1px solid rgba(var(--color-foreground),1)}.product-quick-add__variant__option:not(.active):hover .product-quick-add__variant__option__swatch,.product-quick-add__variant__option:not(.active):focus .product-quick-add__variant__option__swatch,.product-quick-add__variant__option:not(.active):focus-visible .product-quick-add__variant__option__swatch{border:1px solid rgba(var(--color-foreground),.2)}.product-quick-add__variants:not(:has(*:not(span[aria-hidden=true]))){display:none}.product-quick-add__variants:not(:has(*:not(span[aria-hidden=true])))+.product-quick-add__button{margin-top:0!important}.product-quick-add__price{padding:1.6rem 0 0;display:flex;flex-direction:row;align-items:end;justify-content:start;gap:.1rem .8rem;flex-wrap:wrap;flex:1}.product-quick-add__current-price,.product-quick-add__variant__current-price{font-size:1.2rem;color:rgba(var(--color-foreground),1);font-weight:500}.product-quick-add__compare-price,.product-quick-add__variant__compare-price{font-size:1rem;color:rgba(var(--color-foreground),.48);text-decoration:line-through;font-weight:500}.product-quick-add__variant__option.disabled .product-quick-add__variant__current-price{color:rgba(var(--color-foreground),.48)}.product-quick-add__variant__option.disabled .product-quick-add__variant__compare-price{color:rgba(var(--color-foreground),.3)}.product-quick-add__variant__price{display:inline-flex;flex-direction:column;align-items:end;gap:.4rem}.product-quick-add__button{width:100%;font-size:1.3rem;text-decoration:underline;position:relative;line-height:1.2}.product-quick-add__button[disabled]{opacity:.48;cursor:not-allowed}.product-quick-add__submit,.product-quick-add__notify{margin-top:1.6rem}.product-quick-add__button .loading__spinner{width:1rem;height:1rem;top:50%;transform:translateY(-50%)}.product-quick-add__button .loading__spinner svg{width:100%;height:100%}.product-quick-add__error{color:var(--color-error);font-size:var(--notice-font-size-small);margin:0;width:100%;display:flex;justify-content:center}.product-quick-add__error:not(:empty){margin-top:.8rem}.product-quick-add__form:has(.product-quick-add__price){display:grid;grid-template-columns:1fr auto}.product-quick-add__form:has(.product-quick-add__price) .product-quick-add__variants,.product-quick-add__form:has(.product-quick-add__price) .product-quick-add__submit.unavailable,.product-quick-add__form:has(.product-quick-add__price) .product-quick-add__error{grid-column:1 / -1}.product-quick-add__form:has(.product-quick-add__price) .product-quick-add__submit:not(.unavailable),.product-quick-add__form:has(.product-quick-add__price) .product-quick-add__notify{justify-content:end;align-items:end}.product-quick-add__form:has(.product-quick-add__submit.unavailable) .product-quick-add__price{display:none!important}.product-quick-add:has(.product-quick-add__notify:not([disabled])) .product-quick-add__submit[disabled]:not(.loading):not(.unavailable),.product-quick-add .product-quick-add__notify{display:none}.product-quick-add:has(.product-quick-add__submit[disabled]:not(.loading):not(.unavailable)) .product-quick-add__notify:not([disabled]){display:flex}.product-quick-add__error-submit{display:flex;flex-direction:row;justify-content:space-between;align-items:end}@media screen and (max-width:749px){.card:has(.product-quick-add-opener[mobile-modal]) .product-quick-add-wrapper{display:none!important}}@media screen and (min-width:750px){.card:has(.product-quick-add-opener[desktop-modal]) .product-quick-add-wrapper{display:none!important}}#product-grid.view-6-desktop .card .product-quick-add{display:none!important}.product-quick-add-opener{z-index:1;position:absolute;width:100%;aspect-ratio:var(--media-aspect-ratio);background-color:transparent;display:flex;flex-direction:row;justify-content:end;align-items:end;padding:1rem;pointer-events:none}.product-quick-add-opener .button{padding:.8rem!important;--buttons-radius: .8rem;pointer-events:all;transition:opacity var(--duration-short) ease;cursor:pointer}.product-quick-add-opener .button .icon{width:1.8rem;height:1.8rem}.card:has(.product-quick-add[open]) .product-quick-add-opener .button{pointer-events:none;opacity:0}@media screen and (min-width:750px){.product-quick-add-opener{padding:1.6rem;opacity:0;transition:opacity var(--duration-default) ease}.card:hover .product-quick-add-opener{opacity:1}.product-quick-add-opener .button .icon{width:2.4rem;height:2.4rem}.card:has(.product-quick-add[hover-effect]) .product-quick-add-opener .button{pointer-events:none;opacity:0}}#product-grid.view-6-desktop .card .product-quick-add-opener{display:none!important}product-quick-add-modal,.product-quick-add-modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:rgba(var(--color-shadow),0);z-index:6;transition:background-color var(--duration-default) ease}.product-quick-add-modal[open]{pointer-events:all;background-color:rgba(var(--color-shadow),.5)}body:has(.product-quick-add-modal[open]),html:has(.product-quick-add-modal[open]){overflow:hidden}.product-quick-add-modal__content{display:flex;width:100%;align-items:end;transform:translateY(calc(100% + 10px))!important;transition:transform var(--duration-long) ease}.product-quick-add-modal[open] .product-quick-add-modal__content{transform:translate(0)!important}.product-quick-add-modal .product-quick-add-wrapper{position:static;padding:0}.product-quick-add-modal .product-quick-add{transform:translateY(0)!important;pointer-events:all;opacity:1;max-height:60%;padding:2.6rem 4rem}.product-quick-add-modal .product-quick-add__variant__option{padding-top:.8rem;padding-bottom:.8rem}@media screen and (min-width:750px){.product-quick-add-modal__content{padding:var(--page-padding-x);justify-content:end}.product-quick-add-modal .product-quick-add{max-width:420px}}@media(prefers-reduced-motion:reduce){product-quick-add,.product-quick-add,.product-quick-add-opener .button,.product-quick-add-opener,product-quick-add-modal,.product-quick-add-modal,.product-quick-add-modal__content{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-quick-add.css.map */