mats-quick-view{display:contents}.mats-qv__dialog{--_ease: cubic-bezier(.25, .1, .25, 1);--_pad: 36px;position:fixed;top:0;right:0;bottom:0;left:0;width:min(var(--mqv-width, 900px),calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:0;border-radius:2px;background:var(--mqv-bg);color:var(--mqv-text);font-family:Mats Archivo,Archivo,ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;box-shadow:0 30px 80px #00000059}.mats-qv__dialog *,.mats-qv__dialog *:before,.mats-qv__dialog *:after{box-sizing:border-box}.mats-qv__dialog::backdrop{background:color-mix(in srgb,var(--mqv-overlay, #0b0d0c) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mats-qv__dialog[open]{animation:mats-qv-in .32s var(--_ease)}.mats-qv__dialog[open]::backdrop{animation:mats-qv-fade .32s var(--_ease)}.mats-qv__dialog.is-closing{animation:mats-qv-out .2s var(--_ease) forwards}.mats-qv__dialog.is-closing::backdrop{animation:mats-qv-fade .2s var(--_ease) reverse forwards}@keyframes mats-qv-in{0%{opacity:0;transform:translateY(12px)}}@keyframes mats-qv-out{to{opacity:0;transform:translateY(12px)}}@keyframes mats-qv-fade{0%{opacity:0}}html.mats-qv-lock{overflow:hidden}.mats-qv .mats-qv__close{position:absolute;top:14px;right:14px;z-index:5;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--mqv-text) 8%,var(--mqv-bg));color:var(--mqv-text);cursor:pointer;transition:background-color .28s var(--_ease),color .28s var(--_ease)}.mats-qv__loading{display:grid;place-items:center;min-height:420px}.mats-qv__loading span{width:36px;height:2px;border-radius:2px;background:var(--mqv-muted);animation:mats-qv-pulse .9s ease-in-out infinite alternate}@keyframes mats-qv-pulse{0%{opacity:.2}to{opacity:1}}.mats-qv__layout{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.mats-qv__media{position:relative;overflow:hidden;background:var(--mqv-media)}.mats-qv .mats-qv__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:opacity .24s var(--_ease)}.mats-qv__img.is-swapping{opacity:0}.mats-qv__placeholder{fill:currentColor;opacity:.16}.mats-qv__content{display:flex;flex-direction:column;padding:64px var(--_pad) 48px}.mats-qv .mats-qv__vendor{margin:0 0 14px;font-size:11px;font-weight:450;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--mqv-muted)}.mats-qv .mats-qv__title{margin:0;padding-right:32px;font-family:inherit;font-size:32px;font-weight:650;line-height:1.08;letter-spacing:-.045em;text-transform:none;color:var(--mqv-text)}.mats-qv .mats-qv__sub{margin:8px 0 0;font-size:14px;line-height:1.4;color:var(--mqv-muted)}.mats-qv__price{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:28px}.mats-qv__price-now{font-size:22px;font-weight:450;line-height:1.2;letter-spacing:-.02em}.mats-qv__price-now.is-sale{color:var(--mqv-sale)}.mats-qv__price-was{font-size:15px;color:var(--mqv-muted)}.mats-qv__discount{padding:6px 8px 5px;border-radius:2px;background:var(--mqv-discount-bg);color:var(--mqv-discount-fg);font-size:12px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.mats-qv__price [hidden]{display:none}.mats-qv__option{min-width:0;margin:36px 0 0;padding:0;border:0}.mats-qv__option+.mats-qv__option{margin-top:24px}.mats-qv__option-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.mats-qv__legend{float:left;padding:0;font-size:14px;font-weight:450;line-height:1.3;color:var(--mqv-text)}.mats-qv .mats-qv__guide{display:inline-flex;align-items:center;gap:10px;font-size:14px;line-height:1.3;color:var(--mqv-text);text-decoration:none;transition:opacity .28s var(--_ease)}.mats-qv__guide span{padding-bottom:1px;border-bottom:1px solid currentColor}.mats-qv__values{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px;margin-top:16px}.mats-qv .mats-qv__value{position:relative;height:48px;min-width:0;margin:0;padding:0 8px;border:1px solid var(--mqv-line);border-radius:0;background:transparent;color:var(--mqv-text);font-family:inherit;font-size:13px;font-weight:450;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .22s var(--_ease),border-color .22s var(--_ease),color .22s var(--_ease)}.mats-qv__option:has(.mats-qv__swatch) .mats-qv__values{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}.mats-qv .mats-qv__value{display:inline-flex;align-items:center;justify-content:center;gap:8px}.mats-qv .mats-qv__value>span:last-child{overflow:hidden;text-overflow:ellipsis}.mats-qv__swatch{flex:none;width:14px;height:14px;border-radius:999px;background:var(--sw, transparent);box-shadow:inset 0 0 0 1px #ffffff47}.mats-qv .mats-qv__value[aria-pressed=true] .mats-qv__swatch{box-shadow:inset 0 0 0 1px #00000040}.mats-qv .mats-qv__value.is-unavailable{color:var(--mqv-muted);text-decoration:line-through}.mats-qv .mats-qv__value[aria-pressed=true]{border-color:var(--mqv-text);background:var(--mqv-text);color:var(--mqv-bg)}.mats-qv__option.is-invalid .mats-qv__value{border-color:var(--mqv-discount-fg)}.mats-qv .mats-qv__guide{margin:0;padding:0;border:0;background:none;font-family:inherit;cursor:pointer}.mats-qv__dialog.is-guide-open{overflow:hidden}.mats-qv__guide-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow-y:auto;overscroll-behavior:contain;padding:0;background:#fff;color:var(--mats-ink, #0d0d0d);animation:mats-qv-guide-in .26s var(--_ease)}.mats-qv__guide-panel[hidden]{display:none}@keyframes mats-qv-guide-in{0%{opacity:0}}.mats-qv__guide-top{padding:18px 76px 0 28px;background:var(--mats-black, #181c19)}.mats-qv .mats-qv__guide-back{display:inline-flex;align-items:center;gap:12px;margin:0;padding:10px 0;border:0;background:none;color:var(--mats-paper, #f4f3f0);font-family:inherit;font-size:14px;line-height:1;cursor:pointer;transition:color .22s var(--_ease)}.mats-qv__guide-panel .mb-sc__head{padding-top:14px;padding-right:96px}.mats-qv__guide-panel .mb-sc__skull{position:absolute;right:28px;bottom:26px}.mats-qv__guide-panel .mb-sc__body{padding-bottom:8px}@media screen and (min-width:750px){.mats-qv__guide-panel .mb-sc--full .mb-sc__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:24px}.mats-qv__guide-panel .mb-sc__body>*{grid-column:1 / -1}.mats-qv__guide-panel .mb-sc__body>.mb-sc__fig{grid-column:1;grid-row:span 2}.mats-qv__guide-panel .mb-sc__body>.mb-sc__table-wrap,.mats-qv__guide-panel .mb-sc__body>.mb-sc__note{grid-column:2}.mats-qv__guide-panel .mb-sc__legend{flex-wrap:wrap;row-gap:6px}}.mats-qv__dialog.is-guide-open .mats-qv__close{background:#f4f3f01a;color:var(--mats-paper, #f4f3f0)}.mats-qv .mats-qv__availability{min-height:1.4em;margin:16px 0 0;font-size:13px;line-height:1.4;color:var(--mqv-muted)}.mats-qv__availability.is-ok:before,.mats-qv__availability.is-low:before,.mats-qv__availability.is-out:before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:999px;vertical-align:1px;background:#6fbf73}.mats-qv__availability.is-low:before{background:#e8b13c}.mats-qv__availability.is-out:before{background:var(--mqv-discount-fg)}.mats-qv__availability.is-error{color:var(--mqv-text)}.mats-qv .mats-qv__add{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;height:56px;margin:24px 0 0;padding:0 26px;border:0;border-radius:2px;background:var(--mqv-btn-bg);color:var(--mqv-btn-fg);font-family:inherit;font-size:15px;font-weight:650;line-height:1;letter-spacing:-.01em;cursor:pointer;transition:background-color .28s var(--_ease),color .28s var(--_ease),opacity .28s var(--_ease)}.mats-qv .mats-qv__add:disabled{opacity:.4;cursor:not-allowed}.mats-qv .mats-qv__add.is-loading{opacity:.6;pointer-events:none}.mats-qv__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 22px;margin-top:16px}.mats-qv .mats-qv__meta>.mats-qv__save,.mats-qv .mats-qv__meta>.mats-qv__secure{margin:0}.mats-qv .mats-qv__meta>.mats-qv__save+.mats-qv__secure:before{content:"";width:1px;height:14px;margin-right:14px;background:var(--mqv-line)}.mats-qv .mats-qv__save[aria-pressed=true] svg path{fill:#f2c230;stroke:#f2c230}.mats-qv .mats-qv__save{display:inline-flex;align-items:center;justify-content:center;gap:10px;align-self:center;margin:18px 0 0;padding:6px 10px;border:0;background:transparent;color:var(--mqv-text);font-family:inherit;font-size:14px;line-height:1;cursor:pointer;transition:opacity .28s var(--_ease)}.mats-qv .mats-qv__secure{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 0;font-size:13px;line-height:1;color:var(--mqv-muted)}.mats-qv .mats-qv__details{display:inline-flex;align-items:center;gap:16px;align-self:flex-start;margin-top:40px;font-size:15px;line-height:1.3;color:var(--mqv-text);text-decoration:none;transition:opacity .28s var(--_ease)}.mats-qv a:hover,.mats-qv a:focus{text-decoration:none}.mats-qv button:focus-visible,.mats-qv a:focus-visible{outline:2px solid #f2c230;outline-offset:2px}@media(hover:hover){.mats-qv .mats-qv__guide-back:hover{color:var(--mats-yellow, #f2c230)}.mats-qv .mats-qv__close:hover{background:var(--mqv-text);color:var(--mqv-bg)}.mats-qv .mats-qv__value:hover:not([aria-pressed=true]){border-color:var(--mqv-text)}.mats-qv .mats-qv__add:not(:disabled):hover{background:var(--mqv-btn-hover-bg);color:var(--mqv-btn-hover-fg)}.mats-qv .mats-qv__guide:hover,.mats-qv .mats-qv__save:hover,.mats-qv .mats-qv__details:hover{opacity:.6}}@media screen and (max-width:749px){.mats-qv__dialog{--_pad: 20px;inset:auto 0 0 0;width:100%;max-height:92dvh;margin:0;border-radius:24px 24px 0 0}.mats-qv__dialog[open]{animation:mats-qv-up .36s var(--_ease)}.mats-qv__dialog.is-closing{animation:mats-qv-down .24s var(--_ease) forwards}@keyframes mats-qv-up{0%{transform:translateY(100%)}}@keyframes mats-qv-down{to{transform:translateY(100%)}}.mats-qv .mats-qv__close{width:42px;height:42px}.mats-qv__guide-top{padding:14px 64px 0 20px}.mats-qv__guide-panel .mb-sc__head{padding-right:20px}.mats-qv__guide-panel .mb-sc__skull{display:none}.mats-qv__loading{min-height:60dvh}.mats-qv__layout{grid-template-columns:105px minmax(0,1fr);column-gap:15px;min-height:0;padding:64px var(--_pad) 32px}.mats-qv__media{grid-column:1;grid-row:1;aspect-ratio:105 / 144}.mats-qv__content{display:contents}.mats-qv__content>*{grid-column:1 / -1}.mats-qv__content>.mats-qv__head{grid-column:2;grid-row:1;align-self:center}.mats-qv .mats-qv__vendor{margin-bottom:10px;font-size:10px}.mats-qv .mats-qv__title{padding-right:0;font-size:24px}.mats-qv .mats-qv__sub{margin-top:6px;font-size:13px}.mats-qv__price{margin-top:24px}.mats-qv__price-now{font-size:20px}.mats-qv__option{margin-top:28px}.mats-qv__legend,.mats-qv .mats-qv__guide{font-size:13px}.mats-qv__values{gap:6px;margin-top:14px}.mats-qv .mats-qv__value{height:44px}.mats-qv .mats-qv__add{height:52px;margin-top:20px;padding:0 22px}.mats-qv .mats-qv__save{justify-self:center}.mats-qv .mats-qv__secure{justify-content:center}.mats-qv .mats-qv__details{justify-self:start;margin-top:32px}}@media(prefers-reduced-motion:reduce){.mats-qv__dialog[open],.mats-qv__dialog.is-closing,.mats-qv__dialog[open]::backdrop{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/mats-quick-view.css.map */