@layer components{:root{--quick-view-button-size-mobile: 2.2rem;--quick-view-button-size-desktop: 2.5rem;--quick-view-dialog-width: 50rem;--quick-view-dialog-height: 33rem;--quick-view-border-padding-mobile: 1rem;--quick-view-border-padding-desktop: 1.5rem}.quick-view-button--icon{aspect-ratio:1/1;border-radius:50%;height:var(--quick-view-button-size-mobile);padding:0;width:auto;display:flex;align-items:center;justify-content:center}.quick-view-button--icon:hover,.quick-view-button--icon:focus-visible,.quick-view-button--icon:active{background-color:#000;color:#fff}.quick-view-button--icon:hover .quick-view-button__icon{color:#fff;stroke:#fff}.quick-view-button--icon:hover .quick-view-button__icon [stroke],.quick-view-button--icon:focus-visible .quick-view-button__icon [stroke],.quick-view-button--icon:active .quick-view-button__icon [stroke],.quick-view-button--icon:hover .quick-view-button__icon [fill],.quick-view-button--icon:focus-visible .quick-view-button__icon [fill],.quick-view-button--icon:active .quick-view-button__icon [fill]{stroke:#fff!important}.quick-view-button--icon .quick-view-button__icon{width:calc(var(--quick-view-button-size-mobile) - .5rem);height:auto}.quick-view-button--text{width:100%}.quick-view-dialog-host{display:none}.quick-view-template{position:relative;isolation:isolate;padding:var(--quick-view-border-padding-mobile);display:flex;flex-direction:column;gap:1rem;min-height:100%}.quick-view-header__title{margin:0;font-size:1.25rem}.quick-view-price{font-weight:var(--font-product-card-price-font-weight);margin-top:.25rem}.quick-view-images{position:relative;z-index:0;min-width:0;overflow:hidden;flex-shrink:0}.quick-view-content{position:relative;z-index:0}.quick-view-images__slider{width:100%;max-width:100%;overflow:hidden}.quick-view-images__slider .swiper-wrapper,.quick-view-images__slider .image-slider__slide{height:100%}.quick-view-images__slider .image-slider__image-item{width:100%;height:100%;object-fit:cover}.quick-view-images__slider .image-slider__button--prev{left:1rem}.quick-view-images__slider .image-slider__button--next{right:1rem}.quick-view-images img{display:block;object-fit:cover;max-height:calc(var(--quick-view-dialog-height));border-radius:calc(var(--quick-view-border-padding-mobile) / 2)}.quick-view-description{margin-top:1rem;font-size:.9rem;color:var(--color-foreground-secondary)}.quick-view-template .product-variant-heading:not(.text-heading-h3){color:var(--color-foreground);font-size:var( --quick-view-variant-heading-size-mobile, var(--h3-size-mobile) );font-weight:var(--h3-font-weight);line-height:var(--h3-line-height)}@media(min-width:640px)and (max-width:879px){.quick-view-template .product-variant-heading:not(.text-heading-h3){font-size:var( --quick-view-variant-heading-size-tablet, var(--h3-size-tablet) )}}@media(min-width:880px){.quick-view-template .product-variant-heading:not(.text-heading-h3){font-size:var( --quick-view-variant-heading-size-desktop, var(--h3-size-desktop) )}}.quick-view-form select{width:100%;margin-bottom:1rem}.quick-view-form .button{width:100%;min-width:12rem}.quick-view-close{top:1rem;right:1rem}.quick-view-close__icon{width:auto;height:2rem}.quick-view-button-wrapper{overflow:hidden}.quick-view-button-wrapper--text{width:100%}.quick-view-buttons{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem}.quick-view-form{padding-bottom:2rem}.quick-view-quantity{margin-top:1rem}.quick-view-price__compare{font-size:.9rem;color:var(--color-foreground-secondary);text-decoration:line-through;margin-right:.5rem}.quick-view-price__current{font-weight:var(--font-product-card-price-font-weight);color:var(--color-foreground);font-size:1.2rem}@media screen and (min-width:880px){.quick-view-button--icon{aspect-ratio:1/1;border-radius:50%;height:var(--quick-view-button-size-desktop);width:auto;padding:0;display:flex;align-items:center;justify-content:center}.quick-view-button--icon .quick-view-button__icon{width:calc(var(--quick-view-button-size-desktop) - 1.2rem);height:auto}.quick-view-form{padding-bottom:0rem}}}.theme-dialog.quick-view-dialog{height:90vh;max-height:90vh;width:90vw;max-width:90vw}.theme-dialog.quick-view-dialog .quick-view-images__slider{height:min(28rem,calc(90vh - 10rem));aspect-ratio:auto}@media screen and (min-width:880px){.theme-dialog.quick-view-dialog{height:var(--quick-view-dialog-height);max-height:var(--quick-view-dialog-height);width:var(--quick-view-dialog-width)}.theme-dialog.quick-view-dialog .quick-view-template{padding:var(--quick-view-border-padding-desktop);display:grid;grid-template-columns:1fr 1fr;gap:2rem;height:100%}.theme-dialog.quick-view-dialog .quick-view-content{flex-basis:15rem}.theme-dialog.quick-view-dialog .quick-view-images__slider{height:calc(var(--quick-view-dialog-height) - (var(--quick-view-border-padding-desktop) * 2))}}.theme-dialog.quick-view-dialog .quick-view-close.button-variant-default{background-color:var(--color-button-default-background);color:var(--color-button-default-text);border-width:var(--button-default-border-thickness);border-style:var(--button-default-border-style);border-color:var(--color-button-default-border)}.theme-dialog.quick-view-dialog .quick-view-close.button-variant-default:hover,.theme-dialog.quick-view-dialog .quick-view-close.button-variant-default:focus-visible{background-color:var(--color-button-default-background-hover);color:var(--color-button-default-text-hover);border-color:var(--color-button-default-border-hover)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/snippet-quick-view-styles.css.map */