quick-view-drawer{display:contents}html.quick-view-open{overflow:hidden}.quick-view-drawer{width:min(560px,100%);max-width:none;height:100%;max-height:none;margin:0;margin-inline-start:auto;padding:0;border:0;background-color:var(--color-background);color:var(--color-foreground);--qv-slide: 100% 0;translate:var(--qv-slide);opacity:0;transition:translate var(--drawer-duration-close, .45s) var(--drawer-ease, ease),opacity var(--drawer-duration-close, .45s) var(--drawer-ease, ease),display var(--drawer-total-close, .45s) allow-discrete,overlay var(--drawer-total-close, .45s) allow-discrete}[dir=rtl] .quick-view-drawer{--qv-slide: -100% 0}.quick-view-drawer[open]{translate:0 0;opacity:1;transition:translate var(--drawer-duration, .45s) var(--drawer-ease, ease) var(--drawer-delay, .1s),opacity var(--drawer-duration, .45s) var(--drawer-ease, ease) var(--drawer-delay, .1s),display var(--drawer-total, .55s) allow-discrete,overlay var(--drawer-total, .55s) allow-discrete}@starting-style{.quick-view-drawer[open]{translate:var(--qv-slide);opacity:0}}.quick-view-drawer::backdrop{background-color:color-mix(in oklab,black 40%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--drawer-backdrop-duration-close, .45s) var(--drawer-backdrop-ease, ease) var(--drawer-backdrop-delay-close, 0s),display var(--drawer-total-close, .3s) allow-discrete,overlay var(--drawer-total-close, .3s) allow-discrete}.quick-view-drawer[open]::backdrop{opacity:1;transition:opacity var(--drawer-backdrop-duration, .25s) var(--drawer-backdrop-ease, ease),display var(--drawer-total, .55s) allow-discrete,overlay var(--drawer-total, .55s) allow-discrete}@starting-style{.quick-view-drawer[open]::backdrop{opacity:0}}.quick-view-drawer__panel{display:flex;flex-direction:column;height:100%;overflow-y:auto}.quick-view-drawer__head{position:sticky;inset-block-start:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-5);background-color:var(--color-background)}.quick-view-drawer__close{flex:none;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:var(--border-width, 1px) solid var(--color-border);border-radius:50%;background:transparent;color:inherit;cursor:pointer}.quick-view-drawer__close svg{width:16px;height:auto}.quick-view-drawer__full{color:inherit;font-size:var(--font-size-s);font-weight:500;line-height:115%;text-transform:capitalize;text-decoration:none;padding-block:max(0px,calc((24px - 1em)/2));margin-block:min(0px,calc((1em - 24px)/2))}.quick-view-drawer__body{padding:0 0 var(--spacing-6)}.quick-view-drawer__body[aria-busy=true]{min-height:60vh}.quick-view__media{position:relative;margin-bottom:var(--spacing-5)}.quick-view__slider{display:flex;gap:var(--spacing-3);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-inline-start:var(--spacing-5);padding-inline-end:var(--spacing-5);scroll-padding-inline-start:var(--spacing-5);touch-action:manipulation;cursor:grab;-webkit-user-select:none;user-select:none}.quick-view__slider::-webkit-scrollbar{display:none}.quick-view__slider.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.quick-view__slide{flex:0 0 320px;max-width:85%;scroll-snap-align:start;border-start-start-radius:var(--card-radius-ss);border-start-end-radius:var(--card-radius-se);border-end-start-radius:var(--card-radius-es);border-end-end-radius:var(--card-radius-ee);overflow:hidden;aspect-ratio:1}.quick-view__img,.quick-view__slide>svg{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.quick-view__nav{position:absolute;inset-block-end:var(--spacing-4);inset-inline-end:var(--spacing-4);display:flex;gap:var(--slider-btn-gap)}.quick-view__arrow{width:48px;height:48px;border:0;border-radius:50%;background:var(--color-foreground);color:var(--color-background);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.quick-view__arrow[disabled]{opacity:.4;cursor:not-allowed}.quick-view__arrow svg{width:18px;height:18px}.quick-view__dots{display:none;position:absolute;inset-block-end:var(--spacing-4);inset-inline:0;justify-content:center;align-items:center;pointer-events:none}.quick-view-drawer--dots .quick-view__dots{display:flex}.quick-view-drawer--dots .quick-view__nav{display:none}.quick-view__dot{box-sizing:content-box;width:8px;height:8px;margin-block:-8px;padding:8px;border:0;border-radius:var(--radius-full);background:var(--color-foreground);background-clip:content-box;opacity:.35;cursor:pointer;pointer-events:auto;transition:width var(--duration-base) var(--easing-base),opacity var(--duration-base) var(--easing-base)}.quick-view__dot.is-active{width:32px;opacity:1}.quick-view-drawer--dots .quick-view__slide{flex:0 0 100%;max-width:none}.quick-view-drawer:focus{outline:none}.quick-view-drawer__panel{touch-action:manipulation}.quick-view-drawer__close:focus:not(:focus-visible){outline:none}.quick-view__details{padding-inline:var(--spacing-5)}.quick-view__title{margin:0 0 var(--spacing-2);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--font-size-h4);line-height:1.15}.quick-view__price{margin-bottom:var(--spacing-5);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--font-size-h6)}.quick-view__option{margin:0 0 var(--spacing-5);padding:0;border:0}.quick-view__option-label{padding:0;margin-bottom:var(--spacing-3);font-family:var(--font-heading-family);font-size:var(--font-size-s);font-weight:500}.quick-view__values{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.quick-view__value{position:relative;display:inline-flex;cursor:pointer}.quick-view__value--image{flex-direction:column;align-items:center;gap:6px;width:76px;text-align:center}.quick-view__value-input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.quick-view__value-pill{display:inline-flex;align-items:center;justify-content:center;min-width:56px;font-family:var(--font-heading-family);padding:var(--spacing-2) var(--spacing-4);border:var(--border-width, 1px) solid var(--color-border);border-start-start-radius:var(--control-radius-ss);border-start-end-radius:var(--control-radius-se);border-end-start-radius:var(--control-radius-es);border-end-end-radius:var(--control-radius-ee);font-size:var(--font-size-s);font-weight:500}.quick-view__value-input:checked+.quick-view__value-pill{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.quick-view__swatch{background-size:cover;background-position:center;border:var(--border-width, 1px) solid var(--color-border)}.quick-view__value--color .quick-view__swatch{width:30px;height:30px;border-radius:50%}.quick-view__value--color .quick-view__value-input:checked~.quick-view__swatch{box-shadow:0 0 0 2px var(--color-background),0 0 0 3px var(--color-foreground)}.quick-view__value--image .quick-view__swatch{width:64px;height:64px;border-start-start-radius:var(--control-radius-ss);border-start-end-radius:var(--control-radius-se);border-end-start-radius:var(--control-radius-es);border-end-end-radius:var(--control-radius-ee)}.quick-view__value--image .quick-view__value-input:checked~.quick-view__swatch{outline:2px solid var(--color-foreground);outline-offset:2px}.quick-view__value-name{font-family:var(--font-heading-family);font-size:.75rem;font-weight:500}.quick-view__value--unavailable .quick-view__value-pill,.quick-view__value--unavailable .quick-view__value-name{opacity:.4;text-decoration:line-through}.quick-view__value--unavailable .quick-view__swatch{opacity:.4}.quick-view__error{margin:0 0 var(--spacing-3);font-size:var(--font-size-s);color:var(--color-sale-price, #c53528)}.quick-view__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-3);margin-top:var(--spacing-5)}.quick-view-drawer--flush .quick-view__values,.quick-view-drawer--flush .quick-view__actions{gap:0}.quick-view__add,.quick-view__buy{font-family:var(--font-button-custom-family, var(--font-heading-family));font-style:var(--font-button-custom-style, var(--font-heading-style));font-weight:var(--font-button-custom-weight, var(--font-heading-weight));padding:var(--spacing-4);border-start-start-radius:var(--button-radius-ss);border-start-end-radius:var(--button-radius-se);border-end-start-radius:var(--button-radius-es);border-end-end-radius:var(--button-radius-ee);font-size:var(--font-size-s);cursor:pointer;transition:background-color var(--duration-base) var(--easing-base),border-color var(--duration-base) var(--easing-base),color var(--duration-base) var(--easing-base)}.quick-view__add{border:var(--border-width, 1px) solid transparent;background:var(--color-foreground);color:var(--color-background)}.quick-view__buy{border:var(--border-width, 1px) solid var(--color-foreground);background:transparent;color:inherit}.quick-view__add:not([disabled]):hover{background:transparent;color:var(--color-foreground);border-color:var(--color-foreground)}.quick-view__buy:not([disabled]):hover{background:var(--color-foreground);color:var(--color-background);border-color:var(--color-foreground)}.quick-view__add[disabled],.quick-view__buy[disabled]{background:var(--color-border);color:var(--color-on-border, var(--color-foreground));border-color:var(--color-border);cursor:not-allowed}.quick-view__add[aria-busy=true],.quick-view__buy[aria-busy=true]{position:relative;pointer-events:none}.quick-view__add[aria-busy=true]>*,.quick-view__buy[aria-busy=true]>*{opacity:0}.quick-view__add[aria-busy=true]:after,.quick-view__buy[aria-busy=true]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:18px;height:18px;margin:auto;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:qv-spin .6s linear infinite}@keyframes qv-spin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.quick-view-drawer{width:100%}.quick-view__slider{gap:var(--spacing-4)}.quick-view__slide{flex-basis:100%;max-width:none}}@media(prefers-reduced-motion:reduce){.quick-view-drawer,.quick-view-drawer::backdrop{transition:none}}[dir=rtl] .quick-view__arrow svg{transform:scaleX(-1)}.quick-view__slide video{display:block;width:100%;height:auto}.quick-view__slide iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.quick-view__slide:has(model-viewer){position:relative;isolation:isolate;cursor:auto}.quick-view__slide .shopify-model-viewer-ui model-viewer{background-color:transparent}.quick-view__slide .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster{display:none}.quick-view__slide .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area{inset-block:var(--spacing-3) auto;inset-inline:auto var(--spacing-3)}.quick-view__slide .shopify-model-viewer-ui,.quick-view__slide model-viewer{display:block;width:100%;height:100%}.quick-view__model-actions{position:absolute;z-index:2;inset-inline-start:var(--spacing-3);inset-block-end:var(--spacing-3);display:flex;gap:var(--spacing-2)}.quick-view__model-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--slider-btn-radius);background:var(--color-background);color:var(--color-foreground);cursor:pointer}.quick-view__model-btn svg{width:24px;height:24px}.quick-view__model-btn[aria-pressed=true]{background:var(--color-foreground);color:var(--color-background)}.quick-view__xr{width:auto;padding-inline:var(--spacing-4);font-size:var(--font-size-xs)}.quick-view__xr[data-shopify-xr-hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/quick-view.css.map */