.quick-view-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;visibility:hidden;opacity:0;transition:opacity .25s ease}@media screen and (max-width:749px){.quick-view-modal{display:none!important}}.quick-view-modal[aria-hidden=false]{visibility:visible;opacity:1}.quick-view-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.quick-view-modal__dialog{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(70vw,1200px,calc((100vh - 48px)*2));max-width:1200px;aspect-ratio:2 / 1;height:auto;max-height:min(825px,calc(100vh - 48px));background:var(--color-background, #fff);color:var(--color-foreground, #111);display:flex;flex-direction:column;border:none;border-radius:0;overflow:hidden}.quick-view-modal__close{position:absolute;top:clamp(.75rem,1.5vw,1rem);right:clamp(.75rem,1.5vw,1rem);width:2.5rem;height:2.5rem;display:grid;place-items:center;background:transparent;border:1px solid currentColor;border-radius:50%;cursor:pointer}.quick-view-modal__layout{display:flex;align-items:stretch;width:100%;height:100%;padding:0;gap:0}.quick-view-modal__media{position:relative;display:flex;align-items:stretch;justify-content:center;height:100%;flex:0 0 50%;max-width:50%}.quick-view-modal__media-frame{--quick-view-image-bleed: 8px;width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:grab;isolation:isolate}.quick-view-modal__media-frame img{position:absolute;inset-block:0;inset-inline-start:calc(-1 * var(--quick-view-image-bleed));width:calc(100% + (var(--quick-view-image-bleed) * 2));height:100%;max-width:none;object-fit:cover;object-position:left top;transform:translateZ(0);opacity:1;backface-visibility:hidden;will-change:transform;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.quick-view-modal__nav{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#000000bf;width:auto;height:auto;display:grid;place-items:center;cursor:pointer;opacity:0;transition:opacity .18s ease;z-index:3}.quick-view-modal__nav svg{width:1.35rem;height:1.35rem;stroke:currentColor;fill:none}.quick-view-modal__nav--prev{left:clamp(.5rem,1vw,.75rem);transform:translateY(-50%) scaleX(-1)}.quick-view-modal__nav--next{right:clamp(.5rem,1vw,.75rem);transform:translateY(-50%)}@media(hover:hover)and (pointer:fine){.quick-view-modal__media:hover .quick-view-modal__nav{opacity:1}}.quick-view-modal__nav:hover,.quick-view-modal__nav:focus-visible{opacity:1}.quick-view-modal__dots{position:absolute;bottom:clamp(1rem,1.5vw,1.25rem);left:50%;transform:translate(-50%);display:inline-flex;gap:.5rem}.quick-view-modal__dot{width:.625rem;height:.625rem;border-radius:50%;background:#ffffff80;border:1px solid rgb(0 0 0 / .3);cursor:pointer}.quick-view-modal__dot[aria-current=true]{background:var(--color-foreground, #111)}.quick-view-modal__details{display:flex;flex-direction:column;gap:clamp(1rem,1.5vw,1.5rem);overflow-y:auto;height:100%;flex:0 0 50%;max-width:50%;padding:clamp(.5rem,1vw,1.25rem);padding-left:clamp(1rem,2vw,1.5rem)}.quick-view-modal__price{font-size:clamp(1rem,1.8vw,1.5rem);font-weight:500;margin:0}.quick-view-header{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.quick-view-vendor{font-size:clamp(.7rem,1vw,.8rem);letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.quick-view-title{font-size:clamp(1.1rem,2.2vw,1.6rem);line-height:1.15;margin:0}.quick-view-modal__variant{display:grid;gap:clamp(.6rem,1vw,.8rem)}.quick-view-variant-field{display:grid;gap:.35rem}.quick-view-variant-label{font-size:.85rem;color:rgb(var(--color-foreground-rgb) / var(--opacity-70))}.quick-view-modal__form-inner{display:grid;gap:clamp(.6rem,1vw,.8rem)}.quick-view-modal__atc .button{width:100%}.quick-view-modal__cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;padding:clamp(.75rem,1.5vw,1rem);border:1px solid currentColor;text-transform:uppercase;letter-spacing:.1em;font-size:clamp(.75rem,1vw,.875rem);background:none;color:inherit}.quick-view-modal__cta:hover,.quick-view-modal__cta:focus-visible{background:var(--color-foreground, #111);color:var(--color-background, #fff)}.quick-view-modal__dots,.quick-view-modal__description{display:none!important}@media screen and (max-width:1023px){.quick-view-modal__dialog{aspect-ratio:unset;width:92vw;height:86vh}.quick-view-modal__layout{flex-direction:column}.quick-view-modal__media{min-height:50vh}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/quick-add-modal.css.map */