.js quick-view-drawer{display:block}.quick-view__summary{display:flex;align-items:center;justify-content:center;position:absolute;z-index:2;top:1.5rem;right:1.5rem;width:3.6rem;height:3.6rem;border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));transform:scale(0);transition:transform var(--duration-default) ease}.quick-view__summary:after{content:"";z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:rgb(var(--color-background));box-shadow:0 0 4rem rgba(var(--color-foreground),.2)}.quick-view__summary .icon{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.8rem;height:1.8rem}@media screen and (hover:hover){.card-wrapper:hover .quick-view__summary{transform:scale(1);transition-delay:var(--duration-short)}}@media screen and (min-width:750px){.quick-view__summary{width:4.4rem;height:4.4rem}.quick-view__summary:hover:after{animation:beat .6s infinite ease}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}}.quick-view--open,.quick-view--opening,.quick-view--closing{overflow:hidden}@media screen and (max-width:749px){body.quick-view--open,body.quick-view--opening{position:fixed!important;width:100%!important;overflow:hidden!important}.quick-view--open .drawer__inner,.quick-view--opening .drawer__inner{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}}.quick-view--open .shopify-section-header.shopify-section-header-sticky,.quick-view--opening .shopify-section-header.shopify-section-header-sticky,.quick-view--closing:not(.mini-cart--opening) .shopify-section-header.shopify-section-header-sticky{z-index:16}.quick-view--open #main-facet-filters.shopify-section-filters-sticky,.quick-view--opening #main-facet-filters.shopify-section-filters-sticky,.quick-view--closing:not(.mini-cart--opening) #main-facet-filters.shopify-section-filters-sticky{z-index:15}.quick-view--open .transition-content,.quick-view--opening .transition-content,.quick-view--closing .transition-content,.quick-view--open .header-wrapper,.quick-view--opening .header-wrapper,.quick-view--closing .header-wrapper,.quick-view--open .announcement-bar,.quick-view--opening .announcement-bar,.quick-view--closing .announcement-bar{padding-inline-end:var(--scrollbar-width)}.quick-view--open .transition-body:after,.quick-view--opening .transition-body:after{opacity:1;pointer-events:visible}.quick-view--open .quick-view,.quick-view--opening .quick-view{visibility:visible}.quick-view--open announcement-bar[data-compact=false].marquee .announcement-slider{animation-play-state:paused}.quick-view--closing[data-animate-image] use-animate{transition:none}.quick-view{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;visibility:hidden;pointer-events:none;z-index:100;display:flex;align-items:flex-end;justify-content:center}.quick-view__close{display:flex;align-items:center;justify-content:center;position:fixed;height:3rem;width:3rem;border-radius:50%;right:50%;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));box-shadow:0 0 4rem rgba(var(--color-foreground),.2);border:none;outline:none;padding:0;cursor:pointer;z-index:3;animation:fade-in var(--duration-long) ease}@media screen and (min-width:750px){.quick-view{align-items:center}.quick-view__close{position:absolute;top:1.5rem;right:1.5rem;margin-top:0;margin-right:0}}.quick-view__close .icon{pointer-events:none;position:relative;width:1.4rem;height:1.4rem;transition:transform var(--duration-default) ease;will-change:transform;transform:scale(1) rotate(45deg)}@media screen and (hover:hover){.quick-view__close:hover .icon{transform:scale(.8) rotate(135deg)}}.quick-view__left,.quick-view__right{flex:0 0 100%;position:relative}@media screen and (min-width:750px){.quick-view__left,.quick-view__right{flex:0 0 50%}}.quick-view__content{border-top-left-radius:.8rem;border-top-right-radius:.8rem;position:relative;pointer-events:visible;flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:thin}@media screen and (min-width:750px){.quick-view__content{border-top-left-radius:0;border-top-right-radius:0;display:flex;overflow:hidden;height:calc(100% - 10rem);max-height:79rem;margin:0 5rem}}.quick-view__content:empty{display:block}.quick-view__content:before,.quick-view__content:after{content:"";position:absolute;z-index:3;bottom:0;height:0%;width:100%;left:0;background-color:rgb(var(--color-background))}@media screen and (min-width:750px){.quick-view__content:before,.quick-view__content:after{width:50%}.quick-view__content:after{left:auto;right:0;background-color:rgb(var(--color-background-dark))}details[open].menu-opening>.quick-view .quick-view__content:after{transition-delay:.1s}}details[open]>.quick-view .quick-view__content:before,details[open]>.quick-view .quick-view__content:after{transition:height var(--duration-long) ease;will-change:transform}details[open].menu-opening>.quick-view .quick-view__content:before,details[open].menu-opening>.quick-view .quick-view__content:after{height:100%}.quick-view__content.hide-cover:before,.quick-view__content.hide-cover:after{top:0;bottom:auto;height:0!important}.quick-view__content .quick-view__left{background-color:rgb(var(--color-background-dark))}.quick-view__content .quick-view__right{overflow:hidden;background-color:rgb(var(--color-background))}.quick-view .slider{position:relative;flex-wrap:inherit;overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;display:flex;padding:0;margin:0;list-style:none}.quick-view .slider .slider__slide{width:100%;max-width:100%;padding-bottom:0}@media screen and (min-width:750px){.quick-view .product__media-wrapper,.quick-view .slider-mobile-gutter,.quick-view product-gallery,.quick-view use-animate,.quick-view .product__media-list,.quick-view .product__media-item,.quick-view .product__modal-opener,.quick-view .product__media,.quick-view .deferred-media,.quick-view .product__media-item>.media-wrapper{height:100%}}.quick-view .product__media-wrapper .slider-buttons{display:flex}.quick-view .product__modal-opener{display:block;overflow:hidden}@media screen and (max-width:749px){.quick-view .product__modal-opener--video{display:none}.quick-view .product__modal-opener--video+.media-wrapper{width:100%}.quick-view .product__media-list .deferred-media{display:block}.quick-view .deferred-media__poster-button{width:4.4rem;height:4.4rem}.quick-view .product__media-slider--adapt .product__media-list{height:0;padding-bottom:var(--force-image-ratio-percent)}.quick-view .product__media-wrapper .slider-mobile--overlay .slider-button{width:3.6rem;height:3.6rem}}@media screen and (min-width:750px){.quick-view .product__info-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20rem;z-index:3;pointer-events:none;transition:opacity var(--duration-long) ease}.quick-view .product__info-wrapper:hover:after{opacity:0}}.quick-view .product__media-wrapper .slider-mobile-gutter{background-color:rgb(var(--color-background))}.quick-view .product__info-container{padding:2rem 1.5rem 3rem}@media screen and (min-width:750px){.quick-view .product__info-container{padding:3rem 4.5rem;max-height:100%;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:thin}.quick-view .product__info-container::-webkit-scrollbar{-webkit-appearance:none;appearance:none;width:1rem;background-clip:padding-box;border:.3rem solid transparent;border-radius:1.6rem;background-color:rgba(var(--color-border),.3)}.quick-view .product__info-container::-webkit-scrollbar-thumb{border:.3rem solid transparent;background-clip:padding-box;border-radius:1.6rem;background-color:rgb(var(--color-border))}}@media screen and (min-width:1200px){.quick-view .product__info-container{padding:10px 4rem 6.5rem}}.quick-view .product__media-wrapper product-gallery{margin-bottom:0}.quick-view .product__xr-button{display:none}[data-animate-image] .quick-view use-animate[data-animate^=fade]{opacity:1;transform:none}.quick-view .product__modal-opener::not(.product__modal-opener--image){display:none}.quick-view--open.mini-cart--open .quick-view{display:none}.quick-view__content{display:flex!important;flex-direction:column!important;height:80vh!important;max-height:80vh!important;overflow:hidden!important}.quick-view__header{flex-shrink:0;background:#fff;border-bottom:1px solid #f0f0f0;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;min-height:47px;z-index:10}.quick-view__header-title{font-family:Inter,sans-serif;font-size:16px;font-weight:500;color:#000;margin:0}.quick-view__header .quick-view__close{position:static;transform:none}.quick-view__body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:16px;background:#fff}.quick-view__footer{flex-shrink:0;background:#fff;border-top:1px solid #f0f0f0;padding:16px;z-index:10}.quick-view__footer-summary{display:flex;gap:12px}.quick-view__footer-thumbnail{flex-shrink:0;width:65px;height:65px;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden}.quick-view__footer-thumbnail img{width:100%;height:100%;object-fit:cover}.quick-view__footer-info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.quick-view__footer-title{font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#000;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.quick-view__footer-category{font-family:Inter,sans-serif;font-size:11px;font-weight:400;color:#212326bf;text-transform:uppercase;letter-spacing:.2px;margin:0}.quick-view__footer-price{margin-top:4px}.quick-view__footer-actions .button{width:100%!important;background:linear-gradient(168.89deg,#000 2.05%,#5b5b5b 102.23%)!important;color:#fff!important;border:1px solid #3b3b3b!important;border-radius:4px!important;padding:14px!important;font-family:Inter!important;font-size:13px!important;font-weight:600!important;height:41px!important;box-shadow:0 0 1px 1px #d4d4d480,0 3px 4px -1px #00000026!important}.quick-view__footer-actions .button:hover{background:linear-gradient(168.89deg,#1a1a1a 2.05%,#6b6b6b 102.23%)!important}.quick-view__old-layout{display:none!important}.quick-view__body .cosmetics-modal-section{margin-bottom:24px}.quick-view__body .variant-input-wrapper legend,.quick-view__body .form__label{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#000;margin-bottom:12px}.quick-view__footer-actions .quantity,.quick-view__footer-actions .shopify-payment-button{display:none!important}@media screen and (max-width:749px){.quick-view__content{height:100vh;max-height:100vh}}.quick-view__body variant-radios.cosmetics-modal-section,.quick-view__body .cosmetics-modal-section{display:block!important;width:100%!important}.quick-view__body .variant-input-wrapper,.quick-view__body variant-radios .variant-input-wrapper,.quick-view__body .cosmetics-modal-section .variant-input-wrapper{background:#fff!important;padding:0!important;display:block!important;width:100%!important}.quick-view__body .variant-input-wrapper fieldset,.quick-view__body variant-radios fieldset,.quick-view__body .cosmetics-modal-section fieldset{display:flex!important;flex-wrap:wrap!important;gap:16px 12px!important;padding:0!important;border:none!important;background:transparent!important;margin:0!important;width:100%!important}.quick-view__body label.color__swatch,.quick-view__body .variant-input-wrapper label.color__swatch,.quick-view__body fieldset label.color__swatch{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;background:transparent!important;padding:0!important;margin:0!important;cursor:pointer!important;position:relative!important;width:auto!important;min-width:60px!important;max-width:70px!important;flex-shrink:0!important}.quick-view__body .color__swatch-dot{width:49px!important;height:49px!important;border-radius:50%!important;border:2px solid #e5e5e5!important;background:var(--swatch-background-color)!important;background-image:var(--swatch-background-image)!important;background-size:cover!important;background-position:center!important;position:relative!important;transition:border-color .2s ease!important}.quick-view__body .color__swatch .valueee{font-family:Inter,sans-serif!important;font-size:11px!important;font-weight:400!important;color:#000!important;text-align:center!important;line-height:1.3!important;max-width:65px!important;word-wrap:break-word!important;display:block!important}.quick-view__body input[type=radio]:checked+.color__swatch .color__swatch-dot:after{content:"\2713"!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;color:#fff!important;font-size:20px!important;font-weight:700!important;text-shadow:0 0 3px rgba(0,0,0,.5)!important}.quick-view__body input[type=radio]:checked+.color__swatch .color__swatch-dot{border-color:#000!important;border-width:2px!important}.quick-view__body .variant-input-wrapper input[type=radio]{position:absolute!important;opacity:0!important;pointer-events:none!important}.quick-view__body .cosmetics-modal-section fieldset,.quick-view__body variant-radios fieldset{position:relative!important}.quick-view__body .cosmetics-modal-section fieldset:before,.quick-view__body variant-radios fieldset:before{content:"Select Color"!important;display:block!important;font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:500!important;line-height:1.3!important;color:#000!important;margin-bottom:12px!important;width:100%!important;flex-basis:100%!important}.quick-view-footer-price-wrapper{display:flex!important;gap:6px!important;align-items:center!important}.quick-view-footer-prices{display:flex!important;align-items:center!important;gap:4px!important}span.quick-view-footer-price-current{color:#000!important;font-family:Inter,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:normal!important}span.quick-view-footer-price-compare{color:#999!important;font-family:Inter,sans-serif!important;font-size:12px!important;font-style:normal!important;font-weight:400!important;line-height:normal!important;text-decoration:line-through!important}span.quick-view-footer-savings{font-family:Inter,sans-serif!important;font-size:11px!important;font-style:normal!important;font-weight:500!important;line-height:140%!important;color:#007a55!important}
/*# sourceMappingURL=/cdn/shop/t/828/assets/component-quick-view.css.map */
