.quick-add{position:relative;grid-row-start:1;margin:0 0 1rem;z-index:1}.card--card .quick-add{margin:0 1.3rem 1rem}.quick-add-modal{box-sizing:border-box;opacity:0;position:absolute;visibility:hidden;z-index:-1;margin:0;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:transparent;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;transition:opacity .3s cubic-bezier(.25,.46,.45,.94),visibility .3s cubic-bezier(.25,.46,.45,.94);will-change:opacity}.quick-add-modal[open]{opacity:1;visibility:visible;z-index:10}.quick-add-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;opacity:0;transition:opacity .3s cubic-bezier(.25,.46,.45,.94);z-index:0;will-change:opacity}.quick-add-modal[open]:before{opacity:1}.quick-add-modal .scroll-trigger.scroll-trigger{animation:none;opacity:1;transform:none}.quick-add-modal .quick-order-list__container{padding-bottom:1.5rem}.quick-add-modal__content.quick-add-modal__content--bulk{width:100%}.quick-add-modal__content{--modal-height-offset: 0;position:relative;z-index:1;bottom:0;left:0;margin:0;width:100%;max-width:100%;background-color:#fffcf7!important;overflow-y:auto;overflow-x:visible;height:70%;max-height:70%;border-radius:8px 8px 0 0!important;box-shadow:none;border-color:#fffcf7 transparent;border-top-style:solid;border-width:.5px 0 0 0;transform:translateY(100%);transition:transform .35s cubic-bezier(.25,.46,.45,.94);will-change:transform}.quick-add-modal__content:has(.phi-quick-add){overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.quick-add-modal__content:has(.phi-quick-add)::-webkit-scrollbar{display:none}.quick-add-modal[open] .quick-add-modal__content{transform:translateY(0);transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.quick-add-modal__content.global-settings-popup{background-color:#fffcf7!important;border-radius:8px 8px 0 0!important}@media screen and (min-width:750px){.quick-add-modal__content{--modal-height-offset: 0;margin-top:0;width:100%;max-height:70%;overflow-y:auto}quick-add-modal .quick-add-modal__toggle{top:.5rem;right:.5rem}}@media screen and (min-width:990px){.quick-add-modal__content{width:100%}}.quick-add-modal__content img{max-width:100%}.quick-add-modal__content-info.quick-add-modal__content-info--bulk{padding-bottom:0}.quick-add-modal__content-info--bulk h3{margin-bottom:.5rem;margin-top:0}.quick-add-modal__content-info--bulk .price,.quick-add-modal__content-info--bulk .card__information-volume-pricing-note{display:inline-block}.section-bulk-quick-order-list-padding{padding-top:2.7rem;padding-bottom:2.7rem}@media screen and (min-width:750px){.section-bulk-quick-order-list-padding{padding-top:3.6rem;padding-bottom:3.6rem}.quick-add-modal__content-info--bulk .card__information-volume-pricing-note{padding-left:1.6rem}}@media screen and (min-width:990px){.quick-add-modal__content-info.quick-add-modal__content-info--bulk{overflow-y:initial}.quick-add-modal__content-info--bulk .quick-order-list__table th{padding-top:2.5rem}.quick-add-modal__content-info--bulk thead{position:sticky;z-index:3;top:0;background-color:rgb(var(--color-background))}}.quick-add-modal__content-info--bulk .quick-add__product-media,.quick-add-modal__content-info--bulk .quick-add__product-container,.quick-add-modal__content-info--bulk .quick-add__info{width:4.8rem;height:7rem}.quick-add-modal__content-info--bulk-details{padding-left:1rem}.quick-add-modal__content-info--bulk-details>a:hover{text-decoration:underline;text-underline-offset:.3rem}@media screen and (min-width:990px){.quick-add-modal__content-info--bulk .quick-add__product-media,.quick-add-modal__content-info--bulk .quick-add__product-container,.quick-add-modal__content-info--bulk .quick-add__info{width:17rem;height:22rem}.quick-add-modal__content-info--bulk-details,.quick-add-modal__content-info--bulk quick-order-list{padding:0 2.5rem}}.quick-add__product-media{margin-bottom:1rem}.quick-add-modal__content-info--bulk .quick-add__product-container img{width:100%;height:100%;object-fit:cover}.quick-add-modal__content-info--bulk .quick-add__info{display:flex}.quick-add-modal__content-info--bulk .quick-add__content-info__media{width:auto}@media screen and (max-width:989px){.quick-add-modal__content-info--bulk .quick-add__content-info__media{display:flex;margin:0}.quick-add-modal__content-info--bulk quick-order-list{padding-left:0;padding-right:0}.quick-add-modal__content-info.quick-add-modal__content-info--bulk{--modal-padding: 1.5rem}}@media screen and (min-width:990px){.quick-add-modal__content-info--bulk .quick-add__info{flex-direction:column;position:sticky;top:0;margin-top:-2.5rem;padding-top:2.5rem}}@media screen and (max-width:989px){.quick-add-modal__content-info--bulk{flex-direction:column}}.quick-add-modal__content-info{--modal-padding: 0rem;padding-right:3rem;display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible;padding:var(--modal-padding);height:100%;background-color:#fffcf7!important;border-radius:8px 8px 0 0!important}.quick-add-modal__content-info:has(.phi-quick-add){overflow-x:hidden}.quick-add-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}.quick-add-modal__content-info>product-info{padding:0}.quick-add-modal__content-info>product-info .product{flex-direction:column;gap:1rem}.quick-add-modal__content-info>product-info .product__media-wrapper,.quick-add-modal__content-info>product-info .product__info-wrapper{max-width:100%!important;width:100%!important;padding:0!important}.quick-add-modal__content-info>product-info .product__media-item{max-width:100%}.quick-add-modal__content-info>product-info .product__title{font-size:1.4rem;margin-bottom:.5rem}.quick-add-modal__content-info>product-info .price{font-size:1.2rem}@media screen and (max-width:749px){quick-add-modal .slider .product__media-item.grid__item{margin-left:0;margin-right:0}.quick-add-modal__content{bottom:0;height:auto!important;max-height:90vh!important;min-height:auto!important}.quick-add-modal__content-info{height:auto!important;max-height:none!important;padding-bottom:0!important}.quick-add-modal__content-info>*{max-height:none!important}quick-add-modal .product--mobile-columns .product__media-item{width:100%}}.quick-add-modal__toggle{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:.8rem;z-index:5;width:3rem;height:3rem;position:absolute;top:.5rem;right:.5rem}.quick-add-modal__toggle:hover{color:rgba(var(--color-foreground),1)}.quick-add-modal__toggle .icon{height:auto;margin:0;width:2.2rem}quick-add-modal .product:not(.featured-product) .product__view-details{display:block}.quick-add-modal__content--bulk .product__view-details .icon{margin-left:1.2rem}quick-add-modal .quick-add-hidden,quick-add-modal .product__modal-opener:not(.product__modal-opener--image),quick-add-modal .product__media-item:not(:first-child){display:none!important}quick-add-modal .slider.slider--mobile{overflow:visible}quick-add-modal .product__column-sticky .product__media-list{margin-bottom:0}quick-add-modal .product__media-list .deferred-media{display:block;width:100%}quick-add-modal .product__column-sticky{top:0;position:relative}@media screen and (min-width:750px){quick-add-modal .product:not(.product--no-media) .product__media-wrapper{max-width:100%;width:100%}quick-add-modal .product:not(.product--no-media) .product__info-wrapper{padding-top:1rem;padding-left:0;max-width:100%;width:100%}quick-add-modal .product--columns .product__media-item:not(.product__media-item--single):not(:only-child){max-width:100%;width:100%}quick-add-modal .thumbnail-slider .thumbnail-list.slider--tablet-up{display:none}}quick-add-modal .page-width{padding:0}quick-add-modal .product__title>h1{display:none}quick-add-modal .product__title>a{display:block;text-decoration:none}quick-add-modal .product__title>a:hover{color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.2rem;text-decoration-thickness:.3rem}quick-add-modal .product-form__buttons{max-width:initial}.quick-add__submit{padding:.8rem;min-width:100%;box-sizing:border-box}.quick-add__submit--icon{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;min-width:2.4rem;padding:.6rem;border-radius:50%;border:1px solid rgb(62 62 62);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .2s ease,background-color .2s ease;position:absolute;right:0;top:50%;transform:translateY(-50%)}.quick-add__submit--icon svg{width:1.6rem;height:1.6rem;color:#000;fill:#000}.quick-add__submit--icon:hover{border-color:rgba(var(--color-foreground),.5)}.quick-add__submit--icon:disabled{opacity:.5;cursor:not-allowed}.quick-add__submit--icon svg{width:1.6rem;height:1.6rem}.quick-add__submit--icon .loading__spinner{width:1.4rem;height:1.4rem}.quick-add:has(.quick-add__submit--icon){position:static;margin:0}.card__content:has(.quick-add__submit--icon) .card__information{position:relative;padding-right:4rem}quick-add-modal .product-media-container.constrain-height{--viewport-offset: calc((var(--modal-height-offset) + var(--modal-padding) + var(--popup-border-width)) * 2)}@media screen and (min-width:750px){quick-add-modal .product-media-container.constrain-height{--constrained-min-height: 400px}}quick-add-bulk{position:relative;grid-row-start:4;margin:0 0 1rem;z-index:1}.card__content quick-add-bulk .quantity{width:100%}quick-add-bulk .progress-bar-container{position:absolute;height:100%;display:flex;overflow:hidden;border-radius:var(--inputs-radius-outset);border:var(--inputs-border-width) solid transparent;z-index:-1}quick-add-bulk quantity-input{justify-content:space-between}quick-add-bulk .quantity__input{max-width:calc(6.5rem / var(--font-body-scale));flex-grow:0}.quantity__input-disabled{pointer-events:none}@media screen and (max-width:749px){.quick-add-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;z-index:100!important}}phi-quick-add-card-product.phi-quick-add-modal,.phi-quick-add-modal{box-sizing:border-box;opacity:0;position:absolute;visibility:hidden;z-index:-1;margin:0;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:transparent;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;transition:opacity .3s cubic-bezier(.25,.46,.45,.94),visibility .3s cubic-bezier(.25,.46,.45,.94);will-change:opacity}phi-quick-add-card-product.phi-quick-add-modal[open],.phi-quick-add-modal[open]{opacity:1;visibility:visible;z-index:10}phi-quick-add-card-product.phi-quick-add-modal:before,.phi-quick-add-modal:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;opacity:0;transition:opacity .3s cubic-bezier(.25,.46,.45,.94);z-index:0;will-change:opacity}phi-quick-add-card-product.phi-quick-add-modal[open]:before,.phi-quick-add-modal[open]:before{opacity:1}.phi-quick-add-modal__content{--modal-height-offset: 0;position:relative;z-index:1;bottom:0;left:0;margin:0;width:100%;max-width:100%;background-color:#fffcf7!important;overflow-y:auto;overflow-x:hidden;height:auto;max-height:70%;border-radius:8px 8px 0 0!important;box-shadow:none;border-color:#fffcf7 transparent;border-top-style:solid;border-width:.5px 0 0 0;transform:translateY(100%);transition:transform .35s cubic-bezier(.25,.46,.45,.94);will-change:transform}.phi-quick-add-modal__content::-webkit-scrollbar{display:none}phi-quick-add-card-product.phi-quick-add-modal[open] .phi-quick-add-modal__content,.phi-quick-add-modal[open] .phi-quick-add-modal__content{transform:translateY(0)}.phi-quick-add-modal__content.global-settings-popup{background-color:#fffcf7!important;border-radius:8px 8px 0 0!important}.phi-quick-add-modal__content-info{--modal-padding: 0;padding:0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:auto;min-height:auto;background-color:transparent!important;border-radius:8px 8px 0 0!important}.phi-quick-add-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}@media screen and (min-width:750px){.phi-quick-add-modal__content{--modal-height-offset: 0;margin-top:0;width:100%;max-height:70%;overflow-y:auto}}@media screen and (max-width:749px){phi-quick-add-card-product.phi-quick-add-modal,.phi-quick-add-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;z-index:100!important}.phi-quick-add-modal__content{bottom:0;height:auto!important;max-height:90vh!important;min-height:auto!important}.phi-quick-add-modal__content-info{height:auto!important;max-height:none!important;padding-bottom:max(env(safe-area-inset-bottom,12px),12px)!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/quick-add.css.map */