:root{--mtl-vs-maroon: #512f35;--mtl-vs-green: #1d6b34;--mtl-vs-radius: 12px}.mtl-vs{margin:2rem 0}.mtl-vs__head{display:flex;align-items:baseline;gap:.8rem;margin:0 0 1rem}.mtl-vs__title{margin:0;font-size:1.5rem;letter-spacing:.02em;color:var(--mtl-vs-maroon)}.mtl-vs__sub{margin:0;font-size:1.25rem;opacity:.7}.mtl-vs__row{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 0 .4rem;margin:0;list-style:none;justify-content:flex-start}@supports (justify-content: safe center){.mtl-vs--stories .mtl-vs__row,.mtl-vs--carousel .mtl-vs__row{justify-content:safe center}}.mtl-vs__row::-webkit-scrollbar{display:none}.mtl-vs__item{flex:0 0 auto;scroll-snap-align:start;margin:0}.mtl-vs--stories .mtl-vs__item:first-child,.mtl-vs--carousel .mtl-vs__item:first-child{margin-inline-start:1.5rem}.mtl-vs--stories .mtl-vs__item:last-child,.mtl-vs--carousel .mtl-vs__item:last-child{margin-inline-end:1.5rem}.mtl-vs__tile{position:relative;display:block;width:var(--mtl-tile-w, 112px);aspect-ratio:9 / 16;border:0;padding:0;border-radius:var(--mtl-vs-radius);overflow:hidden;background:#efe9e7;cursor:pointer;-webkit-tap-highlight-color:transparent}.mtl-vs__crop{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:var(--mtl-vs-radius);background:#efe9e7;z-index:0}.mtl-vs__crop img,.mtl-vs__vid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border:0;margin:0}.mtl-vs__tile:after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.55),transparent);pointer-events:none}.mtl-vs__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:#0000006b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;pointer-events:none;z-index:2}.mtl-vs__tile.is-playing .mtl-vs__play{opacity:0;transition:opacity .3s ease}.mtl-vs__play svg{width:13px;height:13px;fill:#fff;margin-left:2px}.mtl-vs__cap{display:block;margin-top:.5rem;font-size:1.15rem;line-height:1.3;text-align:center;color:inherit;width:var(--mtl-tile-w, 112px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtl-vs--pdp{margin:1.6rem 0 .4rem}.mtl-vs--pdp .mtl-vs__title{font-size:1.35rem;text-transform:uppercase;letter-spacing:.08em}.mtl-vs--pdp .mtl-vs__tile,.mtl-vs--pdp .mtl-vs__cap{--mtl-tile-w: 104px}.mtl-vs--stories .mtl-vs__row{gap:1.6rem;padding:.4rem 0 .8rem}.mtl-vs--stories .mtl-vs__tile{width:var(--mtl-story-size, 88px);aspect-ratio:1;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--mtl-vs-maroon),#a8557a 55%,#d9a24b)}.mtl-vs--stories .mtl-vs__crop{top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:2px solid #fff}.mtl-vs--stories .mtl-vs__tile:after{display:none}.mtl-vs--stories .mtl-vs__play{display:none}.mtl-vs--stories .mtl-vs__cap{width:var(--mtl-story-size, 88px);font-size:1.05rem;padding:0 .4rem;line-height:1.35}.mtl-vs--carousel{margin:3.2rem 0}.mtl-vs--carousel .mtl-vs__head{justify-content:center;flex-direction:column;align-items:center;text-align:center}.mtl-vs--carousel .mtl-vs__title{font-size:2.4rem}.mtl-vs--carousel .mtl-vs__row{gap:1.2rem;padding:0 0 .8rem}.mtl-vs--carousel .mtl-vs__tile{--mtl-tile-w: 168px}.mtl-vs--carousel .mtl-vs__cap{--mtl-tile-w: 168px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em}.mtl-vs__price{display:block;margin-top:.2rem;font-size:1.15rem;text-align:center;width:var(--mtl-tile-w, 112px)}.mtl-vs__price s{opacity:.55;margin-left:.4rem}.mtl-vs__off{display:inline-block;margin-top:.3rem;font-size:1rem;color:#fff;background:var(--mtl-vs-green);border-radius:4px;padding:2px 6px}@media screen and (min-width:750px){.mtl-vs--carousel .mtl-vs__tile,.mtl-vs--carousel .mtl-vs__cap,.mtl-vs--carousel .mtl-vs__price{--mtl-tile-w: 208px}.mtl-vs--stories .mtl-vs__tile,.mtl-vs--stories .mtl-vs__cap{--mtl-story-size: 104px}}.mtl-vb{position:fixed;right:12px;bottom:calc(228px + env(safe-area-inset-bottom,0px));z-index:3;width:var(--mtl-vb-w, 68px);display:block;transform:translate(140%);transition:transform .45s cubic-bezier(.22,1,.36,1)}.mtl-vb.is-in{transform:translate(0)}.mtl-vb__open{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:2px solid #fff;border-radius:14px;overflow:hidden;background:#efe9e7;cursor:pointer;box-shadow:0 6px 20px #00000047;-webkit-tap-highlight-color:transparent}.mtl-vb__open .mtl-vs__crop{border-radius:12px}.mtl-vb__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:26px;height:26px;border-radius:50%;background:#0000006b;display:grid;place-items:center;pointer-events:none}.mtl-vb__play svg{width:11px;height:11px;fill:#fff;margin-left:2px}.mtl-vb__open.is-playing .mtl-vb__play{opacity:0;transition:opacity .3s ease}.mtl-vb__close{position:absolute;top:-8px;right:-8px;z-index:3;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:#141414d1;display:grid;place-items:center;cursor:pointer}.mtl-vb__close svg{width:12px;height:12px;fill:#fff}body.mtl-vp-open .mtl-vb{display:none}@media screen and (min-width:750px){.mtl-vb{--mtl-vb-w: 84px;right:20px;bottom:200px}}@media(prefers-reduced-motion:reduce){.mtl-vb{transition:none}}.mtl-vp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#000;display:flex;align-items:center;justify-content:center;height:100%;height:100dvh}.mtl-vp[hidden]{display:none}.mtl-vp__stage{position:relative;width:100%;height:100%;max-width:520px;overflow:hidden;touch-action:pan-y}.mtl-vp__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.mtl-vp__bars{position:absolute;top:8px;left:8px;right:8px;z-index:3;display:flex;gap:3px}.mtl-vp__bar{flex:1 1 0;height:3px;border-radius:2px;background:#ffffff59;overflow:hidden}.mtl-vp__bar i{display:block;height:100%;width:0;background:#fff}.mtl-vp__bar--done i{width:100%}.mtl-vp__top{position:absolute;top:22px;right:12px;z-index:3;display:flex;gap:10px}.mtl-vp__btn{width:40px;height:40px;border:0;border-radius:50%;background:#0006;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.mtl-vp__btn svg{width:20px;height:20px;fill:#fff}.mtl-vp__rail{position:absolute;right:12px;bottom:178px;z-index:3;display:flex;flex-direction:column;gap:6px;align-items:center}.mtl-vp__rail span{font-size:1.05rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.mtl-vp__cards{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:12px;scroll-snap-type:x mandatory}.mtl-vp__cards::-webkit-scrollbar{display:none}.mtl-vp__card{flex:0 0 auto;scroll-snap-align:center;width:min(94%,420px);background:#fffffff7;border-radius:14px;padding:10px;display:grid;grid-template-columns:56px 1fr;grid-template-areas:"img info" "cta cta";gap:10px;box-shadow:0 6px 24px #00000047}.mtl-vp__card img{grid-area:img;width:56px;height:72px;object-fit:cover;border-radius:8px}.mtl-vp__info{grid-area:info;min-width:0}.mtl-vp__name{display:block;font-size:1.3rem;line-height:1.3;color:#1a1a1a;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mtl-vp__cost{margin-top:4px;font-size:1.35rem;color:#1a1a1a;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mtl-vp__cost s{opacity:.5;font-size:1.15rem}.mtl-vp__cta{grid-area:cta;width:100%;border:0;border-radius:8px;background:var(--mtl-vs-maroon);color:#fff;font-size:1.35rem;letter-spacing:.1em;text-transform:uppercase;padding:12px;cursor:pointer;min-height:44px}.mtl-vp__cta[disabled]{opacity:.65;cursor:default}.mtl-vp__cta--sold{background:#777}.mtl-vp__nav{position:absolute;top:15%;bottom:190px;width:34%;z-index:2;border:0;background:transparent;cursor:pointer}.mtl-vp__nav--prev{left:0}.mtl-vp__nav--next{right:0}.mtl-vp__hint{position:absolute;left:50%;bottom:150px;transform:translate(-50%);z-index:3;color:#fff;font-size:1.2rem;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none;animation:mtl-vp-fade 4.5s ease forwards}@keyframes mtl-vp-fade{0%,60%{opacity:1}to{opacity:0}}.mtl-vp .mtl-vp__spin{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:34px;height:34px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:mtl-vp-spin .8s linear infinite}.mtl-vp__spin[hidden]{display:none}@keyframes mtl-vp-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}body.mtl-vp-open{overflow:hidden}body.mtl-vp-open #chat-bubble,body.mtl-vp-open [id^=google-merchantwidget],body.mtl-vp-open .ewck-s-atc-w{display:none!important}@media(prefers-reduced-motion:reduce){.mtl-vp__hint{animation:none}.mtl-vp__spin{animation-duration:2s}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/mtl-shoppable-video.css.map */