.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:0rem}product-quick-add,.product-quick-add{display:block;background-color:rgba(var(--color-navy-7-rgb),.8);padding:.6rem 0 0;width:100%;max-height:80%;overflow:auto;transform:translateY(1.6rem);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity var(--duration-medium) ease,transform var(--duration-medium) ease}.product-quick-add:has(.product-quick-add__button.hidden){padding-bottom:1rem}.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]):not([hover-effect]).loading{opacity:0!important;pointer-events:none}.product-quick-add .product-quick-add__title{padding-bottom:1rem;text-transform:uppercase;font-size:var(--font-size-xs);font-weight:var(--font-heading-weight)}.product-quick-add__variants{display:flex;flex-direction:column;gap:1.6rem;padding-left:2rem;padding-right:2rem;width:100%}.product-quick-add__variant{display:flex;flex-direction:column;gap:1.6rem}.product-quick-add__variant__name{font-size:var(--font-size-xs);text-align:center}.product-quick-add__variant__options{display:flex;flex-direction:row;justify-content:center;gap:.6rem;flex-wrap:wrap}.product-quick-add__variants--single .product-quick-add__variant__name{text-align:center}.product-quick-add__variant__options--list{flex-direction:column;align-items:stretch}.product-quick-add__variant__options--column{flex-direction:column;align-items:start}.product-quick-add__variant__options--list .product-quick-add__variant__option,.product-quick-add__variant__options--column .product-quick-add__variant__option{width:100%;justify-content:center}.product-quick-add__variant__options:has(.product-quick-add__variant__option__swatch){column-gap:1.2rem}.product-quick-add__variant__option{background-color:transparent;display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;padding:.5rem;gap:.6rem;font-size:var(--font-size-xs);line-height:var(--line-height-xs);letter-spacing:var(--letter-spacing-sm);color:rgb(var(--color-foreground));cursor:pointer;text-transform:uppercase;border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));border-radius:var(--variant-pills-radius);transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease;position:relative}.product-quick-add__variant__option:before{content:"";position:absolute;top:calc(var(--variant-pills-border-width) * -1);right:calc(var(--variant-pills-border-width) * -1);bottom:calc(var(--variant-pills-border-width) * -1);left:calc(var(--variant-pills-border-width) * -1);z-index:-1;border-radius:var(--variant-pills-radius);box-shadow:var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow),var(--variant-pills-shadow-opacity))}.product-quick-add__variant__option.active{background-color:rgba(var(--color-navy-4-rgb),.4);color:var(--color-navy-2)}.product-quick-add__variant__option:not(.active):hover,.product-quick-add__variant__option:not(.active):focus-visible{border-color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.product-quick-add[direct-add] .product-quick-add__variant__option:not(.active):hover{border-color:rgba(var(--color-foreground),var(--variant-pills-border-opacity))}}.product-quick-add__variant__option.disabled{color:var(--color-navy-4);border-color:rgba(var(--color-foreground),.1);text-decoration:line-through}.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%}.product-quick-add__button.button--link{width:100%;font-size:1.3rem;text-decoration:underline;position:relative}.product-quick-add__button[disabled]{opacity:.48;cursor:not-allowed}.product-quick-add__submit,.product-quick-add__notify{margin-top:1.6rem;--buttons-radius: 0px;padding:1.4rem 1.8rem!important}.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(--font-size-xxs);margin:0;width:100%;display:flex;justify-content:center;padding:0 2rem}.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:3;position:static;width:unset;background-color:transparent;display:flex;flex-direction:row;justify-content:end;align-items:end;padding:0;pointer-events:none}.product-quick-add-opener .button{pointer-events:all;transition:opacity var(--duration-short) ease;cursor:pointer}.product-quick-add-opener .button:hover:not(:disabled):not([aria-disabled=true]):not(.disabled){pointer-events:all;transition:opacity var(--duration-short) ease;cursor:pointer}.product-quick-add-opener .button.button--just-icon{--buttons-radius: 0;padding:0rem!important;background:rgba(var(--color-background),0)!important;border-color:rgba(var(--color-background),0)!important}.product-quick-add-opener .button.button--just-icon:hover:not(:disabled):not([aria-disabled=true]):not(.disabled){padding:0rem!important;background:rgba(var(--color-background),0)!important;border-color:rgba(var(--color-background),0)!important}.product-quick-add-opener .button .icon{width:2.1rem;height:2.1rem}.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:0;opacity:1;transition:opacity var(--duration-default) ease}.card:hover .product-quick-add-opener{opacity:1}.product-quick-add-opener .button .icon{width:2.1rem;height:2.1rem}.card:has(.product-quick-add[hover-effect]) .product-quick-add-opener .button{pointer-events:none;opacity:0}}.product-quick-add-opener .button.disabled:disabled[aria-disabled=true]{opacity:.5}.card__information--cross-sell .product-quick-add-opener{margin-top:auto!important;padding:.8rem 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:1001;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:none;opacity:1;max-height:90dvh;padding:0;padding-top:2rem}.product-quick-add-modal[open] .product-quick-add{pointer-events:all}.product-quick-add-modal .product-quick-add:has(.product-quick-add__button.hidden){padding-bottom:2rem}.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}}.product-quick-add-modal .product-quick-add form{display:flex;flex-direction:column;gap:2rem;align-items:start}.product-quick-add-modal .product-quick-add__submit,.product-quick-add-modal .product-quick-add__notify{margin-top:0rem}.card__inner:has(.product-quick-add-opener){z-index:2}@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}}.product-quick-add-wrapper .product-quick-add__hidden-card,.product-quick-add-modal .product-quick-add__hidden-modal{display:none!important}.product-quick-add__related-swatches{--swatch-input--size: 3.2rem;--swatch-input--border-radius: 0;display:flex;flex-direction:row;flex-wrap:wrap;gap:.8rem;padding-bottom:1rem;justify-content:center}.product-quick-add__related-swatches .swatch-input__label{--swatch-input--border-radius: 0px !important;display:flex;cursor:pointer;forced-color-adjust:none;border:var(--variant-pills-border-width, 0) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));height:var(--swatch-input--size);width:var(--swatch-input--size);transition:border var(--duration-short) ease;align-items:center;justify-content:center;border-radius:var(--swatch-input--border-radius)}.product-quick-add__related-swatches .swatch-input__label:hover,.product-quick-add__related-swatches .swatch-input__label:focus-visible{border-color:rgb(var(--color-foreground))}.product-quick-add__related-swatches .swatch-input__label.current{padding:.1rem;border-bottom:.2rem solid var(--color-primary-1);box-shadow:0 2px rgb(var(--color-primary-1))}.product-quick-add__related-swatches .swatch-input__label.disabled{opacity:.5;pointer-events:none}.product-quick-add__related-swatches .swatch{display:block;width:100%;height:100%;background:var(--swatch--background)!important;background-size:cover;background-origin:border-box;background-position:center;border-radius:var(--swatch-input--border-radius);padding-bottom:6px}.product-quick-add__related-swatches .swatch--unavailable{border-style:dashed;border-width:1px;border-color:rgba(var(--color-foreground),.5)}
/*# sourceMappingURL=/cdn/shop/t/160/assets/component-product-quick-add.css.map */