.quick-add-wrapper{z-index:5;grid-row-start:1;justify-self:flex-start;height:2rem;margin-top:.3rem;display:flex;align-items:center;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.quick-add-wrapper.top{align-self:flex-start;grid-row-start:1}.quick-add-wrapper.right{justify-self:flex-end}@media screen and (min-width:990px){.quick-add-wrapper{opacity:0;visibility:hidden}.card-wrapper:hover .quick-add-wrapper{opacity:1;visibility:visible}.quick-add__submit svg path:first-of-type{transition:transform var(--sg-duration-base) var(--sg-ease-in-out);transform-origin:center;transform-box:fill-box}.quick-add-wrapper:hover .quick-add__submit svg path:first-of-type{transform:rotate(180deg)}.quick-add-wrapper:hover .quick-add__submit svg path:first-of-type{color:rgba(var(--color-base-accent-1))}}@media screen and (max-width:989px){.quick-add-wrapper .quick-add__submit svg path:last-child{color:rgba(var(--color-foreground))}.quick-add-wrapper .quick-add__submit svg path:first-of-type{opacity:1;visibility:visible;transform:none}@keyframes colorChangeWithFade{0%{color:rgba(var(--color-foreground))}50%{color:rgba(var(--color-base-accent-1))}to{color:rgba(var(--color-foreground))}}.quick-add-wrapper .quick-add__submit svg path:first-of-type{animation:colorChangeWithFade 1.5s infinite ease-in-out;transition:color .75s ease-in-out}}.quick-add__submit{background-color:rgb(var(--color-primary));border:none;cursor:pointer;width:100%;height:100%}.quick-add__submit svg{width:100%;height:100%}.icon-plus,.icon-minus{filter:drop-shadow(0 0 .12rem rgba(var(--color-button),.3))}@media screen and (max-width:749px){.quick-add-wrapper .quick-add__submit svg{max-width:2rem;max-height:2rem}}.quick-add-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.quick-add-modal[open]{opacity:1;visibility:visible;z-index:9999}.quick-add-modal__content{position:absolute;top:0;left:50%;transform:translate(-50%);margin:3.2rem auto 0;background-color:rgb(var(--color-background));overflow:hidden;max-width:var(--page-width);height:calc(100% - 3rem);width:calc(100% - 3rem)}.quick-add-modal__content img{max-width:100%}.quick-add-modal__content-info{padding-right:4.4rem;display:flex;overflow-y:auto;padding:2.5rem;height:100%}.quick-add-modal__content-info>*{height:auto;margin:0 auto;max-width:100%;width:100%}.quick-add-modal__toggle{background-color:transparent;border:0;color:rgba(var(--color-foreground),.55);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:1.2rem;z-index:9999;min-width:4.4rem;min-height:4.4rem;position:fixed;top:.3rem;right:.3rem}.quick-add-modal__toggle:hover{color:rgba(var(--color-foreground),.75)}.quick-add-modal__toggle .icon{height:2.4rem;margin:0;width:2.4rem}quick-add-modal .product:not(.featured-product) .product__view-details{display:block}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__media-gallery .product__media-list{margin-bottom:0}quick-add-modal .product__media-list .deferred-media{display:block;width:100%}quick-add-modal .product--thumbnail .product__media-gallery,quick-add-modal .product--thumbnail_slider .product__media-gallery,quick-add-modal .product--stacked .product__info-container--sticky,quick-add-modal .product--columns .product__info-container--sticky{top:0;position:relative}@media screen and (min-width:750px){quick-add-modal .product:not(.product--no-media) .product__media-wrapper{max-width:45%;width:calc(45% - var(--grid-desktop-horizontal-spacing) / 2)}quick-add-modal .product:not(.product--no-media) .product__info-wrapper{padding-top:2rem;padding-left:4rem;max-width:54%;width:calc(54% - var(--grid-desktop-horizontal-spacing) / 2)}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>h3{display:none}quick-add-modal .product__title a,quick-add-modal .product__title a h3{display:block!important;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}@media screen and (min-width:750px){.quick-add-modal__content{margin-top:10rem;width:80%;max-height:calc(100% - 20rem);overflow-y:auto}quick-add-modal .quick-add-modal__toggle{top:.3rem;right:.3rem}}@media screen and (min-width:990px){.quick-add-modal__content{width:70%}}.quick-add__submit{background:none;padding:.5rem 1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 .25rem 1.25rem #00000026;border-radius:100rem;border-color:transparent}.quick-add__content{display:flex;align-items:center;overflow:hidden}.quick-add__submit svg{width:2rem;height:2rem;flex-shrink:0}@media screen and (max-width:989px){.quick-add__label{display:none}}@media screen and (min-width:990px){.quick-add__label{font-size:1.2rem;color:rgb(var(--color-foreground));white-space:nowrap;overflow:hidden;opacity:0;max-width:0;width:0;margin-left:0;flex-shrink:1;transition:max-width .3s ease,opacity .3s ease,margin-left .3s ease}.quick-add-wrapper:hover .quick-add__label{max-width:7rem;width:auto;opacity:1;margin-left:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/163/assets/quick-add.css.map */