.quick-add{position:relative;grid-row-start:4;margin:0;z-index:1}.quick-add-modal{--modal-padding: clamp(2rem, calc(24 / var(--vw-desktop-large) * 100vw), 2.4rem);--modal-close-icon-size: 2rem;--modal-edges-x: min(var(--spacing-edges), 8rem);--modal-edges-y: var(--grid-vertical-spacing);box-sizing:border-box;display:flex;align-items:center;justify-content:center;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;height:100%}.quick-add-modal[open]{opacity:1;visibility:visible;z-index:1001}.quick-add-modal__content{--modal-height-offset: var(--spacing-edges);--height: fit-content;--max-height: calc(100vh - var(--modal-height-offset) * 2);--max-width: min(var(--page-width-inner), calc(100vw - (var(--spacing-edges) * 2)));contain:content;position:relative;margin:0 auto;background-color:rgb(var(--color-background));overflow:hidden;max-height:var(--max-height);height:var(--height);max-width:var(--max-width);width:100%;z-index:5}@media screen and (min-width: 750px){.quick-add-modal__content{--height: min(calc(100vh - var(--modal-height-offset) * 2), calc(62.5vw - var(--spacing-edges) * 2));--max-height: 64rem;margin:0;overflow-y:auto;width:max-content}quick-add-modal .product__media-wrapper .thumbnail-slider{padding-bottom:0}}.quick-add-modal__content img{max-width:100%}.quick-add-modal__content-info{display:flex;overflow-y:auto;height:100%;max-height:var(--max-height)}.quick-add-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}@media screen and (max-width: 749px){quick-add-modal .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide){margin-left:0;margin-right:0}quick-add-modal .slider .product__media-item.grid__item{margin-left:1.5rem;margin-right:1.5rem}.quick-add-modal__content-info>*{max-height:100%}}.quick-add-modal__toggle{background-color:transparent;border:none;color:rgb(var(--color-secondary));display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--modal-padding);z-index:5;position:fixed;top:0;right:0;transition:color var(--transition-hover)}.quick-add-modal__toggle .icon{display:block;transition:transform var(--transition-hover);will-change:transform;height:auto;width:var(--modal-close-icon-size);margin:0}.quick-add-modal__toggle:hover,.quick-add-modal__toggle:focus-visible,.quick-add-modal__toggle:active{color:rgb(var(--color-primary));transition:color var(--transition-hover-active)}.quick-add-modal__toggle:hover .icon,.quick-add-modal__toggle:focus-visible .icon{transform:scale(1.08);transition:transform var(--transition-hover-active)}.quick-add-modal__toggle:active .icon{transform:scale(1.02);transition:transform var(--transition-hover-active)}quick-add-modal .product:not(.featured-product) .product__view-details{display:none;margin:var(--info-spacing) 0 0;font-size:var(--button-small-font-size)}quick-add-modal .quick-add-hidden{display:none!important}quick-add-modal .product__media-wrapper{padding-bottom:0}quick-add-modal ul.product__media-list{--slider-max-height: max(40vh, 24rem)}@media screen and (min-width: 750px){quick-add-modal ul.product__media-list{--slider-max-height: calc(min(var(--height), var(--max-height)) - (var(--popup-border-width) * 2) - var(--thumbnail-height) - var(--thumbnail-padding))}}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!important;position:relative}quick-add-modal .product:not(.product--no-media) .product__info-wrapper{padding:var(--modal-padding)}@media screen and (max-width: 749px){quick-add-modal .product__media-list.constrain-height .product__media-item{height:auto}quick-add-modal .product-media-container.media-fit-contain{height:auto;width:100%}}@media screen and (min-width: 750px){quick-add-modal .product:not(.product--no-media) .product__media-wrapper{flex-grow:0;padding-left:var(--modal-edges-x);width:auto;max-width:calc(((min(var(--height),var(--max-height)) - var(--thumbnail-height) - var(--thumbnail-padding)) * var(--ratio)) + var(--modal-edges-x))}quick-add-modal .product__media-wrapper .slider-counter{position:absolute;right:100%;top:50%;transform:translateY(-50%);min-width:unset;margin:0}quick-add-modal .product__media-wrapper .slider__control-wrapper{flex-direction:column}quick-add-modal .product-media-container.media-fit-contain{width:calc(min(var(--height),var(--max-height))*min(var(--aspect-ratio),.6666666666666666))!important}quick-add-modal .product{--info-max-width: 42rem;flex-wrap:nowrap}quick-add-modal .product:not(.product--no-media) .product__info-wrapper{padding:clamp(3rem,calc(50 / var(--vw-tablet-large) * 100vw),5rem) var(--modal-edges-x);overflow-y:auto}}@media screen and (min-width: 990px){quick-add-modal .product:not(.product--no-media) .product__info-wrapper{padding-top:var(--modal-edges-y);padding-bottom:var(--modal-edges-y)}}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:.2em;text-decoration-thickness:.1rem}quick-add-modal .product-form__buttons{max-width:initial}.quick-add__submit{display:block;padding:0;min-width:100%;box-sizing:border-box}.quick-add__submit.loading{color:transparent;position:relative}.quick-add__submit .icon{display:block}.quick-add__submit .loading-overlay__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}quick-add-modal ul.product__media-list.constrain-height{--viewport-offset: calc(var(--dot-size) + (var(--slider-counter-spacing-y) * 4));--constrained-height: max(var(--constrained-min-height), calc(var(--max-height) - var(--viewport-offset)))}@media screen and (min-width: 750px){quick-add-modal ul.product__media-list.constrain-height{--constrained-min-height: 400px;--constrained-height: calc(max(var(--constrained-min-height), min(var(--height), var(--max-height))) - var(--thumbnail-height) - var(--thumbnail-padding))}}quick-add-modal .product__info-container .product__description{margin-left:0;margin-right:0;margin-bottom:calc(var(--info-spacing) / 2)}quick-add-modal .product__actions--modal{display:flex;top:var(--modal-edges-y);right:var(--modal-edges-x);z-index:3}@media screen and (min-width: 750px) and (max-width: 989px){quick-add-modal .product__actions{top:calc(var(--modal-edges-y) + var(--modal-close-icon-size) - var(--modal-edges-y) + (var(--modal-padding) * 2));right:calc(var(--modal-edges-x) + var(--modal-padding) - var(--modal-edges-x));position:fixed}}@media screen and (max-width: 749px){quick-add-modal .product__actions--modal{top:auto;bottom:calc(100% + var(--thumbnail-height) + var(--thumbnail-padding) + var(--thumbnail-gap) + var(--modal-padding));right:var(--modal-padding)}}
/*# sourceMappingURL=/cdn/shop/t/967/assets/quick-add.css.map */