.quick-view{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow-y:auto;background-color:var(--color-background);color:var(--color-foreground);overscroll-behavior:contain}.quick-view::backdrop{background-color:var(--color-overlay)}.quick-view[open]{animation:quick-view-in var(--duration-base) var(--ease-out)}.quick-view[open]::backdrop{animation:quick-view-fade var(--duration-base) var(--ease-out)}@keyframes quick-view-in{0%{opacity:0;translate:0 var(--space-5)}}@keyframes quick-view-fade{0%{opacity:0}}@keyframes quick-view-in-side{0%{opacity:0;translate:var(--space-7) 0}}.quick-view__body:focus{outline:none}.quick-view[aria-busy=true] .quick-view__body{opacity:.4}.quick-view__close{position:fixed;top:calc(var(--panel-band, 0px) + var(--space-3));right:var(--space-3);z-index:2;width:calc(var(--space-6) + var(--space-2));height:calc(var(--space-6) + var(--space-2));border-radius:50%;background-color:var(--color-background)}.quick-view__content{display:grid;gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-6)}.quick-view__gallery{display:grid;grid-auto-columns:42%;grid-auto-flow:column;gap:var(--grid-gap);overflow:auto hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.quick-view__photo{aspect-ratio:var(--ratio-product);background-color:var(--color-surface);scroll-snap-align:start}.quick-view__photo .image,.quick-view__photo img{display:block;width:100%;height:100%;object-fit:var(--product-image-fit)}.quick-view__info{display:grid;gap:var(--space-3);align-content:start}.quick-view__title-row{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between}.quick-view__subtitle{margin:calc(-1 * var(--space-2)) 0 0;color:var(--color-foreground-muted);font-size:var(--font-size-text)}.quick-view__title{margin:0;font-family:var(--font-family-heading);font-size:1.125rem;font-weight:var(--font-weight-regular);line-height:var(--line-height-heading);text-transform:var(--text-transform-heading)}.quick-view__title:focus{outline:none}.quick-view__label{margin:0 0 var(--space-2);padding:0;font-size:var(--font-size-small)}.quick-view__swatches{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.quick-view__swatch{position:relative;display:block;width:var(--space-5);height:var(--space-5);border:var(--border-width) solid var(--color-border);background-position:center;background-size:cover;outline-offset:2px}.quick-view__swatch[aria-current=true]{outline:var(--border-width) solid var(--color-foreground)}.quick-view__swatch.is-sold-out:after{content:"";position:absolute;inset:50% -2px auto;border-top:var(--border-width) solid var(--color-foreground-muted);rotate:-45deg}.quick-view__form{display:grid;gap:var(--space-4)}.quick-view__sizes{display:flex;flex-wrap:nowrap;gap:var(--space-2);margin:0;padding:0;border:0}.quick-view__sizes legend:not(.visually-hidden){width:100%}.quick-view__size{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;min-width:0;min-height:var(--button-height);padding-inline:0;border:var(--border-width) solid var(--color-border);font-size:var(--font-size-text);cursor:pointer}:checked+.quick-view__size{border-color:var(--color-foreground)}:focus-visible+.quick-view__size{outline:var(--border-width) solid var(--color-foreground);outline-offset:2px}.quick-view__size.is-unavailable{color:var(--color-foreground-muted);text-decoration:line-through;cursor:not-allowed}.quick-view__add{width:100%}.quick-view__more{justify-self:start}.quick-view__looks{display:grid;gap:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--color-border)}.quick-view__looks-title{margin:0;font-size:var(--font-size-small);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:var(--text-transform-label)}.quick-view__looks .quick-view__look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:61.875em){.quick-view__gallery{grid-auto-columns:70%}.quick-view--drawer[open]{animation-name:quick-view-in-side}.quick-view--drawer{width:min(32rem,100%);height:100svh;max-height:none;margin:0 0 0 auto}.quick-view--modal{width:min(64rem,calc(100% - 2 * var(--page-margin)));max-height:90svh;margin:auto}.quick-view--modal .quick-view__content{grid-template-columns:1fr 1fr;gap:var(--columns-gap)}.quick-view--modal .quick-view__close{position:absolute;top:var(--space-3)}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/quick-view.css.map */