@supports (height: 100dvh){.quick-add-drawer__panel,.quick-add-drawer__content{height:100dvh}}@supports not (height: 100dvh){.quick-add-drawer__panel,.quick-add-drawer__content{height:100vh;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}quick-add-drawer-component{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000}quick-add-drawer-component[aria-hidden=true]{pointer-events:none}quick-add-drawer-component[aria-hidden=false]{pointer-events:auto}quick-add-drawer-component[aria-hidden=false] .quick-add-drawer__overlay{opacity:1}quick-add-drawer-component[aria-hidden=false] .quick-add-drawer__panel{transform:translate(0)}quick-add-drawer-component .quick-add-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;opacity:0;transition:opacity .6s cubic-bezier(.25,.46,.45,.94)}quick-add-drawer-component .quick-add-drawer__panel{position:fixed;top:0;right:0;height:100vh;height:100dvh;width:100%;background:var(--color-white);transform:translate(100%);transition:transform .6s cubic-bezier(.25,.46,.45,.94);box-shadow:0 .25rem .375rem -.0625rem #0000001a,0 .125rem .25rem -.0625rem #0000000f;z-index:1101}@media screen and (min-width:768px){quick-add-drawer-component .quick-add-drawer__panel{max-width:var(--container-md)}}quick-add-drawer-component #quick-add-drawer-header{font-weight:var(--font-weight-semibold)}quick-add-drawer-component .quick-add__title{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--color-foreground);margin:0}quick-add-drawer-component .quick-add-drawer__content{height:100%;height:100dvh;display:flex;flex-direction:column;max-height:100vh;max-height:100dvh}quick-add-drawer-component .quick-add-drawer__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:.0625rem solid var(--color-gray-200);background-color:var(--color-white);flex-shrink:0}quick-add-drawer-component .quick-add-drawer__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);min-height:12.5rem;text-align:center;opacity:1;transition:opacity .8s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-white);z-index:10}quick-add-drawer-component .quick-add-drawer__loading[data-hidden]{display:none;opacity:0;pointer-events:none}quick-add-drawer-component .quick-add-drawer__spinner{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:var(--spacing-4);color:var(--color-foreground-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-2)}quick-add-drawer-component .quick-add-drawer__spinner:before{content:"";width:2.5rem;height:2.5rem;border:.1875rem solid var(--color-gray-200);border-top:.1875rem solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;display:block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}quick-add-drawer-component .quick-add-drawer__close{background:none;border:none;cursor:pointer;padding:0;width:2rem;height:2rem;border-radius:var(--border-radius-sm);transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}quick-add-drawer-component .quick-add-drawer__close svg{width:var(--spacing-4);height:var(--spacing-4)}quick-add-drawer-component .quick-add-drawer__close:hover{background-color:var(--color-gray-100)}quick-add-drawer-component .quick-add-drawer__main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}@media screen and (max-width:767px){quick-add-drawer-component .quick-add-drawer__main{overflow-y:auto;padding-bottom:7.5rem}}quick-add-drawer-component .quick-add-drawer__product-content{opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94)}quick-add-drawer-component .quick-add-drawer__product-content[data-loaded]{opacity:1}quick-add-drawer-component .quick-add__media .product-media-gallery .swiper{overflow:visible}quick-add-drawer-component .quick-add__media .product-media-gallery .product-media-gallery__image{overflow:hidden}quick-add-drawer-component .quick-add__media .product-media-gallery .product-media-gallery__video{height:100%}quick-add-drawer-component .quick-add__media .product-media-gallery .product-media-gallery__video .video-component,quick-add-drawer-component .quick-add__media .product-media-gallery .product-media-gallery__video .lazy-video-component{width:100%;height:100%}quick-add-drawer-component .quick-add__media .product-media-gallery .product-media-gallery__video .video-component .video-component__aspect,quick-add-drawer-component .quick-add__media .product-media-gallery .product-media-gallery__video .lazy-video-component .video-component__aspect{width:100%;height:100%}quick-add-drawer-component .quick-add__media .product-media-gallery .swiper-slide{cursor:auto}quick-add-drawer-component .quick-add__media .product-media-gallery .product-media-gallery__button{display:none}@media screen and (min-width:768px){quick-add-drawer-component .quick-add__media .product-media-gallery .product-media-gallery__button{display:block}}quick-add-drawer-component .quick-add__media .product-media-gallery .swiper-pagination{display:flex;justify-content:center;position:relative;top:var(--spacing-2);grid-auto-flow:column;grid-auto-columns:auto;gap:var(--spacing-1)}@media screen and (min-width:768px){quick-add-drawer-component .quick-add__media .product-media-gallery .swiper-pagination{display:none}}quick-add-drawer-component .quick-add__media .product-media-gallery .swiper-pagination-bullet{display:inline-block;height:.375rem;width:.375rem;border:.0625rem solid var(--color-gray-custom);background-color:transparent;border-radius:50%;padding:0;cursor:pointer;transition:all .2s ease}quick-add-drawer-component .quick-add__media .product-media-gallery .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color-gray-custom);border-color:var(--color-gray-custom)}quick-add-drawer-component .quick-add__media .product-media-gallery[data-single-slide=true] .swiper-pagination{display:none}quick-add-drawer-component .quick-add__actions{padding:var(--spacing-4);display:flex;align-items:center;justify-content:space-between}quick-add-drawer-component .quick-add__actions .size-guide{text-align:left}quick-add-drawer-component .quick-add__actions .size-guide:hover{font-weight:var(--font-weight-semibold)}quick-add-drawer-component .quick-add__actions .full-details{font-size:var(--text-sm);text-align:right;width:-moz-fit-content;width:fit-content}quick-add-drawer-component .quick-add__actions .full-details:hover{font-weight:var(--font-weight-semibold)}quick-add-drawer-component .quick-add__actions .quick-add__style{font-size:var(--text-sm);text-align:left;width:-moz-fit-content;width:fit-content;color:var(--color-gray-600)}quick-add-drawer-component .quick-add__price{margin-top:var(--spacing-2)}quick-add-drawer-component .quick-add__options{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-4) 0}quick-add-drawer-component .quick-add__options .color-swatch-slider{border-top:.0625rem solid var(--color-gray-200);border-bottom:.0625rem solid var(--color-gray-200);padding:var(--spacing-4) 0}quick-add-drawer-component .quick-add__options .option-swatches{padding-top:var(--spacing-4)}quick-add-drawer-component .quick-add__details{padding:0 var(--spacing-4);flex:1}@media screen and (max-width:767px){quick-add-drawer-component .quick-add__details{margin-bottom:var(--spacing-4)}}quick-add-drawer-component .quick-add__footer{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:10;padding:var(--spacing-4);border-top:.0625rem solid var(--color-gray-200);background-color:var(--color-white);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);margin-top:auto;flex-shrink:0}quick-add-drawer-component .quick-add__footer .swym-button.swym-add-to-wishlist-view-product{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-weight-medium);display:flex;justify-content:center;padding:0;background-color:transparent;border:transparent;color:inherit;width:100%;max-width:100%;text-transform:none}quick-add-drawer-component .quick-add__footer .swym-button.swym-add-to-wishlist-view-product:hover{font-weight:var(--font-weight-semibold)}quick-add-drawer-component .quick-add__footer .swym-button.swym-add-to-wishlist-view-product:after{content:""!important}quick-add-drawer-component .product__style-sku{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/68/assets/snippet.quick-add-drawer.css.map */