:root{--qv-gap: 56px;--qv-max: 1100px;--qv-rule: var(--color-border, rgba(0, 0, 0, .12));--qv-muted: color-mix(in srgb, currentColor 60%, transparent)}.quick-view-modal{width:min(94vw,var(--qv-max));max-width:min(94vw,var(--qv-max));max-height:92vh;max-height:92dvh;flex-direction:column;padding:0;border:0;border-radius:4px;background:var(--color-background, #fff);color:var(--color-foreground, #1a1a1a);overflow:hidden}.quick-view-modal[open]{display:flex}.quick-view-modal::backdrop{background:#00000073}.quick-view-modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:32px}.quick-view-modal__body[aria-busy=true]{min-height:60vh}.quick-view-modal__close{position:absolute;inset-block-start:20px;inset-inline-end:20px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--qv-rule) 40%,transparent);color:inherit;cursor:pointer}.quick-view-modal__close svg{width:18px;height:18px}.quick-view-modal__spinner{display:none;margin:25vh auto;width:28px;height:28px;border:2px solid var(--qv-rule);border-top-color:currentColor;border-radius:50%;animation:qv-spin .7s linear infinite}[aria-busy=true]>.quick-view-modal__spinner{display:block}@keyframes qv-spin{to{transform:rotate(360deg)}}.qv{display:grid;grid-template-columns:minmax(0,53fr) minmax(0,43fr);grid-template-areas:"media details" "features features";column-gap:var(--qv-gap);max-width:var(--qv-max)}.qv__media{grid-area:media;min-width:0}.qv__features{grid-area:features}.qv__details{grid-area:details;min-width:0;padding-block-start:8px}.qv__stage{position:relative;aspect-ratio:1.22 / 1;overflow:hidden;background:color-mix(in srgb,var(--qv-rule) 25%,transparent)}.qv__frames,.qv__frame{position:absolute;top:0;right:0;bottom:0;left:0}.qv__frame{opacity:0;transition:opacity .22s ease;pointer-events:none}.qv__frame.is-active{opacity:1;pointer-events:auto}.qv__frame img{width:100%;height:100%;object-fit:cover;display:block}.qv__badge-save{position:absolute;inset-block-start:20px;inset-inline-start:20px;z-index:2;padding:8px 14px;border:1px solid rgba(255,255,255,.85);color:#fff;font-size:.8125rem;letter-spacing:.02em}.qv__nav{position:absolute;inset-block-start:50%;translate:0 -50%;z-index:2;display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;background:#ffffff8c;color:#2b2b2b;cursor:pointer;transition:background .15s ease}.qv__nav:hover{background:#ffffffd9}.qv__nav--prev{inset-inline-start:20px}.qv__nav--next{inset-inline-end:20px}.qv__nav svg{width:22px;height:22px}.qv__openers{position:absolute;inset-block-end:24px;inset-inline:0;z-index:2;display:flex;justify-content:center;gap:12px}.qv__opener{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#fff9;color:#2b2b2b;cursor:pointer;transition:background .15s ease}.qv__opener:hover{background:#ffffffe6}.qv__opener svg{width:22px;height:22px}.qv__thumbstrip{position:relative;margin-block-start:12px}.qv__thumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-behavior:smooth}.qv__thumbs::-webkit-scrollbar{display:none}.qv__thumb{flex:0 0 72px;padding:3px;border:1px solid transparent;background:none;cursor:pointer;scroll-snap-align:start}.qv__thumb.is-active{border-color:var(--color-foreground, #1a1a1a)}.qv__thumb img{width:72px;height:72px;object-fit:cover;display:block}.qv__thumbnav{position:absolute;inset-block-start:39px;translate:0 -50%;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#ffffffeb;box-shadow:0 1px 6px #00000029;color:#2b2b2b;cursor:pointer;opacity:0;transition:opacity .15s ease}.qv__thumbnav svg{width:15px;height:15px}.qv__thumbnav--prev{inset-inline-start:-6px}.qv__thumbnav--next{inset-inline-end:-6px}.qv__thumbstrip:hover .qv__thumbnav,.qv__thumbnav:focus-visible{opacity:1}.qv__thumbnav[hidden]{display:none}@media(hover:none){.qv__thumbnav{display:none}}.qv__thumb-caption{display:block;padding-block-start:6px;font-size:.625rem;letter-spacing:.06em;text-transform:uppercase;color:var(--qv-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qv__pill{display:inline-block;padding:6px 12px;background:color-mix(in srgb,var(--qv-rule) 45%,transparent);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase}.qv__title{margin:14px 0 0;font-size:clamp(1.75rem,2.4vw,2.5rem);line-height:1.15;font-weight:400}.qv__subtitle{margin:10px 0 0;font-size:1rem;font-family:Intrinseca;color:#514438}.qv__rating{display:flex;align-items:center;gap:8px;margin-block-start:12px;font-size:.9375rem}.qv__stars{display:inline-flex;gap:2px}.qv__star{width:17px;height:17px;fill:color-mix(in srgb,var(--qv-rule) 70%,transparent)}.qv__star.is-filled{fill:currentColor}.qv__highlights{display:flex;flex-wrap:wrap;gap:22px;margin:20px 0 0;padding:0;list-style:none}.qv__highlight{display:flex;align-items:center;gap:8px;font-size:.9375rem}.qv__highlight-icon{width:22px;height:22px;flex:0 0 auto;object-fit:contain}.qv__rule{height:1px;margin-block:22px;background:#63574c48}.qv__price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:0}.qv__price{font-size:1rem}.qv__unit{font-size:.9375rem;color:var(--qv-muted);margin-inline-start:4px}.qv__price-was{font-size:1.375rem;color:var(--qv-muted)}.qv__save{padding:6px 12px;background:color-mix(in srgb,var(--qv-rule) 45%,transparent);font-size:.875rem}.qv__price-meta{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 0;color:var(--qv-muted);font-size:.9375rem}.qv__price-meta span+span:before{content:"\2022";margin-inline-end:12px}.qv__terms{margin:10px 0 0}.qv__stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0}.qv__stat{padding:4px 0;text-align:center}.qv__stat+.qv__stat{border-inline-start:1px solid var(--qv-rule)}.qv__stat-value{font-size:1.5rem;font-weight:400}.qv__stat-label{margin:6px 0 0;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;color:var(--qv-muted)}.qv__actions{display:grid;gap:14px}.qv__btn{display:grid;place-items:center;min-height:62px;padding:0 24px;border:1px solid transparent;font-size:.9375rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:opacity .15s ease,background .15s ease}.qv__btn--primary{background:var(--color-foreground, #4a4038);color:var(--color-background, #fff)}.qv__btn--primary:hover{opacity:.88}.qv__btn--primary[aria-disabled=true]{opacity:.6;cursor:default}.qv__btn--ghost{border-color:var(--color-foreground, #1a1a1a);background:transparent;color:inherit}.qv__btn--ghost:hover{background:color-mix(in srgb,var(--qv-rule) 25%,transparent)}.qv__ships{margin:0;text-align:center;font-size:.9375rem;color:var(--qv-muted)}.qv__feedback:empty{display:none}.qv__feedback{margin:0;text-align:center;font-size:.875rem}.qv__features{display:grid;grid-template-columns:repeat(4,1fr);margin:32px 0 0;padding:28px 0;border-block-start:1px solid var(--qv-rule);list-style:none}.qv__feature{display:flex;align-items:center;gap:14px;padding-inline:28px}.qv__feature+.qv__feature{border-inline-start:1px solid var(--qv-rule)}.qv__feature svg{width:30px;height:30px;flex:0 0 auto}.qv__feature span{font-size:.9375rem;color:var(--qv-muted);line-height:1.5}.qv__feature strong{display:block;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--color-foreground, #1a1a1a)}.qv__zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#000000d9;cursor:zoom-out}.qv__zoom img{max-width:92vw;max-height:92vh;object-fit:contain}.qv__imgpop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:28px;background:color-mix(in srgb,var(--color-background, #fff) 92%,transparent)}.qv__imgpop img{max-width:100%;max-height:100%;object-fit:contain;background:var(--color-background, #fff)}.qv__imgpop-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--qv-rule) 45%,transparent);color:inherit;cursor:pointer}.qv__imgpop-close svg{width:16px;height:16px}.qv__opener[aria-expanded=true]{background:#fffffff2}@media(max-width:749px){.quick-view-modal{width:100vw;max-width:100vw;max-height:100dvh;border-radius:0}.quick-view-modal__body{padding:20px 16px}.qv__stage{max-height:none}.qv{grid-template-columns:1fr;grid-template-areas:"media" "details" "features";row-gap:24px}.qv__nav{width:44px;height:44px}.qv__stage{aspect-ratio:1 / 1}.qv__features{grid-template-columns:repeat(2,1fr);row-gap:24px}.qv__feature{padding-inline:14px}.qv__feature:nth-child(odd){border-inline-start:0}}@media(prefers-reduced-motion:reduce){.qv__frame{transition:none}.quick-view-modal__spinner{animation-duration:2s}}:where(.qv,.quick-view-modal) :focus-visible{outline:2px solid currentColor;outline-offset:2px}h2.qv__title{font-size:clamp(24px,3.5vw,30px)}dialog.quick-view-modal{--qv-surface: #F9F8F6;--qv-surface-alt: #FAF7F6;--qv-surface-close: #ECE8E4;--qv-ink: #514438;--qv-body: #63574C;--qv-body-60: rgba(99, 87, 76, .6);--qv-hairline: rgba(99, 87, 76, .3);--qv-font-display: "Intrinseca", Georgia, "Times New Roman", serif;--qv-font-text: "NeueHaasGroteskDisp Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;width:1097px;max-width:calc(100vw - 32px);padding:0;background:var(--qv-surface);border:0;border-radius:0;overflow:hidden}dialog.quick-view-modal .quick-view-modal__body{padding:0!important;background:var(--qv-surface)}dialog.quick-view-modal .quick-view-modal__close{position:absolute;top:24px;right:24px;z-index:3;width:40px;height:40px;padding:10px;border:0;border-radius:20px;background:var(--qv-surface-close);display:flex;align-items:center;justify-content:center}dialog.quick-view-modal .quick-view-modal__close svg{width:20px;height:20px;fill:none;stroke:#414040;stroke-width:1.5}dialog.quick-view-modal .qv{display:grid;grid-template-columns:580px 517px;grid-template-rows:623px 88px;gap:0;align-items:start;font-family:var(--qv-font-text);color:var(--qv-body)}dialog.quick-view-modal .qv__media{width:580px;padding:24px 0 24px 24px;display:flex;flex-direction:column;gap:12px}dialog.quick-view-modal .qv__media>*{margin:0}dialog.quick-view-modal .qv__stage{width:556px;height:458px;border-radius:0;overflow:hidden}dialog.quick-view-modal .qv__stage img,dialog.quick-view-modal .qv__frame img{width:100%;height:100%;object-fit:cover;display:block}dialog.quick-view-modal .qv__thumbstrip{width:556px;height:84px}dialog.quick-view-modal .qv__thumbs{display:flex;gap:16px;padding:4px;height:84px;overflow-x:auto;scrollbar-width:none}dialog.quick-view-modal .qv__thumbs::-webkit-scrollbar{display:none}dialog.quick-view-modal .qv__thumb{flex:0 0 auto;width:76px;height:76px;padding:2px;border:1px solid transparent;border-radius:1px;background:none;display:flex;flex-direction:column;align-items:center;gap:4px}dialog.quick-view-modal .qv__thumb.is-active{border-color:var(--qv-body)}dialog.quick-view-modal .qv__thumb img{width:72px;height:72px;border-radius:0;object-fit:cover;display:block}dialog.quick-view-modal .qv__thumb-caption{font-family:var(--qv-font-text);font-size:10px;font-weight:400;line-height:1.45;letter-spacing:.02em;text-transform:uppercase;color:var(--qv-body);white-space:nowrap}dialog.quick-view-modal .qv__details{position:relative;width:517px;padding:24px 24px 40px 40px;display:flex;flex-direction:column;gap:20px}dialog.quick-view-modal .qv__details>*{margin:0}dialog.quick-view-modal .qv__subtitle{margin-top:-12px}dialog.quick-view-modal .qv__title{font-family:var(--qv-font-display);font-size:30px;font-weight:400;line-height:1.25;letter-spacing:-.02em;color:var(--qv-ink);padding-right:56px}dialog.quick-view-modal .qv__subtitle{font-family:var(--qv-font-display);font-size:16px;font-weight:400;line-height:1.45;letter-spacing:-.02em;color:var(--qv-ink)}dialog.quick-view-modal .qv__pricing{display:flex;flex-direction:column;gap:8px}dialog.quick-view-modal .qv__price-row,dialog.quick-view-modal .qv__price-meta{margin:0}dialog.quick-view-modal .qv__price-row+.qv__price-meta{margin-top:-4px}dialog.quick-view-modal .qv__price{font-family:var(--qv-font-text);font-size:20px;font-weight:400;line-height:1.45;letter-spacing:0;color:var(--qv-body)}dialog.quick-view-modal .qv__unit{font-size:16px;line-height:1.45;letter-spacing:0;color:var(--qv-body)}dialog.quick-view-modal .qv__price-meta{font-family:var(--qv-font-text);font-size:16px;font-weight:400;line-height:1.45;letter-spacing:0;color:var(--qv-body-60)}dialog.quick-view-modal .qv__rule{display:none}dialog.quick-view-modal .qv__stats{display:flex;align-items:center;width:453px;height:80px;margin:0;padding:0;background:var(--qv-surface-alt);border-top:1px solid var(--qv-hairline);border-bottom:1px solid var(--qv-hairline)}dialog.quick-view-modal .qv__stat{flex:1 1 0;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;text-align:center}dialog.quick-view-modal .qv__stat+.qv__stat{border-left:1px solid var(--qv-hairline)}dialog.quick-view-modal .qv__stat-value{font-family:var(--qv-font-text);font-size:20px;font-weight:400;line-height:1.45;letter-spacing:.02em;color:var(--qv-body);margin:0}dialog.quick-view-modal .qv__stat-label{font-family:var(--qv-font-text);font-size:12px;font-weight:400;line-height:1.45;letter-spacing:.02em;text-transform:uppercase;color:var(--qv-body);margin:0}dialog.quick-view-modal .qv__actions{display:flex;flex-direction:column;gap:16px}dialog.quick-view-modal .qv__btn,dialog.quick-view-modal .qv__btn--primary,dialog.quick-view-modal .qv__btn--ghost{font-family:var(--qv-font-text)!important;font-size:16px!important;font-weight:400;line-height:1.5!important;letter-spacing:.04em!important;text-transform:uppercase;height:48px!important;min-height:48px;padding:12px 32px!important;border-radius:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;text-decoration:none;width:100%}dialog.quick-view-modal .qv__btn--primary{background:var(--qv-body);color:var(--qv-surface);border:0}dialog.quick-view-modal .qv__btn--ghost{background:transparent;color:var(--qv-ink);border:1px solid var(--qv-ink)}dialog.quick-view-modal .qv__ships{font-family:var(--qv-font-text);font-size:14px;font-weight:400;line-height:1.45;letter-spacing:.01em;color:var(--qv-body);text-align:center;margin:0}dialog.quick-view-modal .qv__features{grid-column:1 / -1;display:flex;align-items:center;width:1097px;height:88px;margin:0;padding:0;list-style:none;border-top:1px solid var(--qv-hairline)}dialog.quick-view-modal .qv__feature{flex:1 1 0;min-width:0;box-sizing:border-box;display:flex;align-items:center;gap:8px;height:40px;padding:0 8px 0 40px}dialog.quick-view-modal .qv__feature+.qv__feature{border-left:1px solid var(--qv-hairline)}dialog.quick-view-modal .qv__feature svg{width:24px;height:24px;flex:0 0 24px;color:var(--qv-body)}dialog.quick-view-modal .qv__feature span{display:flex;flex-direction:column;gap:0;font-family:var(--qv-font-text);font-size:14px;font-weight:400;line-height:1.45;letter-spacing:.01em;color:var(--qv-body)}dialog.quick-view-modal .qv__feature strong{font-weight:400;font-size:14px;line-height:1.45;letter-spacing:.02em;text-transform:uppercase;color:var(--qv-body)}@media(max-width:1140px){dialog.quick-view-modal{width:calc(100vw - 32px)}dialog.quick-view-modal .qv{grid-template-columns:minmax(0,580fr) minmax(0,517fr);grid-template-rows:auto 88px}dialog.quick-view-modal .qv__media,dialog.quick-view-modal .qv__details,dialog.quick-view-modal .qv__stats,dialog.quick-view-modal .qv__thumbstrip,dialog.quick-view-modal .qv__stage,dialog.quick-view-modal .qv__features{width:auto}dialog.quick-view-modal .qv__media{padding-right:24px}dialog.quick-view-modal .qv__stage{height:auto;aspect-ratio:556 / 458}}@media(max-width:749px){dialog.quick-view-modal .qv{grid-template-columns:1fr;grid-template-rows:auto auto auto}dialog.quick-view-modal .qv__media{padding:24px 24px 0}dialog.quick-view-modal .qv__details{padding:24px}dialog.quick-view-modal .qv__features{flex-wrap:wrap;height:auto;padding:16px 0}dialog.quick-view-modal .qv__feature{flex:1 1 50%;padding:12px 16px}dialog.quick-view-modal .qv__feature+.qv__feature{border-left:0}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/quick-view.css.map */