.shop-by-videos{--sbv-radius: 16px;--sbv-gap: 16px;--sbv-accent: #7a1f2b}.shop-by-videos__header{text-align:center;margin-bottom:3.2rem}.shop-by-videos__title{margin:0}.shop-by-videos__subheading{margin-top:.8rem;opacity:.8}.shop-by-videos__divider{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1.6rem auto 0;max-width:26rem}.shop-by-videos__divider-line{height:1px;flex:1;background:linear-gradient(to right,transparent,currentColor,transparent);opacity:.45}.shop-by-videos__divider-dot{width:7px;height:7px;transform:rotate(45deg);border:1px solid currentColor;opacity:.6;flex:0 0 auto}.shop-by-videos__wrapper{position:relative;display:block}.shop-by-videos__container--full{max-width:100%}.shop-by-videos__slider{overflow:hidden}.shop-by-videos__slider .swiper-wrapper{align-items:stretch}.shop-by-videos__slide{height:auto}.shop-by-videos__card{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:pointer;-webkit-appearance:none;appearance:none;font:inherit;color:inherit}.shop-by-videos__media{position:relative;display:block;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:var(--sbv-radius);background:#0000000f}.shop-by-videos__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.shop-by-videos__card:hover .shop-by-videos__poster{transform:scale(1.05)}.shop-by-videos__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000 45%);pointer-events:none}.shop-by-videos__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5.4rem;height:5.4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffeb;color:#1a1a1a;opacity:0;transition:opacity .3s ease,transform .3s ease;box-shadow:0 6px 24px #00000040}.shop-by-videos__play .icon-play{width:1.8rem;height:1.8rem;margin-left:3px}.shop-by-videos__card:hover .shop-by-videos__play,.shop-by-videos__card:focus-visible .shop-by-videos__play{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.shop-by-videos__caption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;display:flex;align-items:center;gap:1rem;color:#fff;text-align:left}.shop-by-videos__caption-thumb{flex:0 0 auto;width:4.4rem;height:4.4rem;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.85);background:#fff3}.shop-by-videos__caption-thumb img{width:100%;height:100%;object-fit:cover;display:block}.shop-by-videos__caption-title{font-size:1.5rem;font-weight:600;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-by-videos__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(0,0,0,.1);background:#fff;color:#1a1a1a;cursor:pointer;box-shadow:0 4px 16px #0000001f;transition:opacity .25s ease,background .25s ease,transform .25s ease}.shop-by-videos__nav:hover{background:var(--sbv-accent);color:#fff}.shop-by-videos__nav--prev{left:-1.4rem}.shop-by-videos__nav--next{right:-1.4rem}.shop-by-videos__nav.is-disabled{opacity:0;pointer-events:none}.shop-by-videos__empty{text-align:center;padding:4rem 0;opacity:.6}@media screen and (max-width:749px){.shop-by-videos__nav{display:none}}.shop-by-videos__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;visibility:hidden;background:#0009;transition:opacity .3s ease,visibility .3s ease}.shop-by-videos__modal.is-open{opacity:1;visibility:visible}.shop-by-videos__modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#08080aeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shop-by-videos__modal-close{position:absolute;top:1.6rem;right:1.6rem;z-index:5;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .2s ease}.shop-by-videos__modal-close:hover{background:#ffffff40}.shop-by-videos__modal-close .icon{width:1.6rem;height:1.6rem}.shop-by-videos__stage{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:1.6rem;width:100%;max-width:110rem;height:100%}.shop-by-videos__preview{flex:0 0 auto;width:22rem;height:70vh;max-height:64rem;border-radius:16px;background-size:cover;background-position:center;opacity:.4;filter:brightness(.55);transition:opacity .3s ease}.shop-by-videos__preview:not([style*=image]){opacity:0}.shop-by-videos__player{flex:0 0 auto;position:relative;height:min(82vh,70rem);aspect-ratio:9 / 16;max-width:100%}.shop-by-videos__player-inner{position:relative;width:100%;height:100%;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 80px #00000080}.shop-by-videos__video,.shop-by-videos__embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.shop-by-videos__embed iframe{width:100%;height:100%;border:0}.shop-by-videos__embed[hidden]{display:none}.shop-by-videos__progress{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff40;z-index:3}.shop-by-videos__progress span{display:block;height:100%;width:0;background:#fff;transition:width .15s linear}.shop-by-videos__mute{position:absolute;top:1.4rem;right:1.4rem;z-index:4;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;transition:background .2s ease}.shop-by-videos__mute:hover{background:#000000a6}.shop-by-videos__icon-muted,.shop-by-videos__player.is-muted .shop-by-videos__icon-volume{display:none}.shop-by-videos__player.is-muted .shop-by-videos__icon-muted{display:block}.shop-by-videos__actions{position:absolute;right:1.4rem;bottom:13rem;z-index:4;display:flex;flex-direction:column;gap:1.6rem}.shop-by-videos__action{display:flex;flex-direction:column;align-items:center;gap:.4rem;border:0;background:none;color:#fff;cursor:pointer;font-size:1.1rem}.shop-by-videos__action svg{width:3.6rem;height:3.6rem;padding:.7rem;border-radius:50%;background:#00000073;transition:background .2s ease,transform .2s ease}.shop-by-videos__action:hover svg{background:#000000a6}.shop-by-videos__action-label{text-shadow:0 1px 3px rgba(0,0,0,.6)}.shop-by-videos__like.is-active svg{background:var(--sbv-accent);color:#fff;transform:scale(1.05)}.shop-by-videos__like.is-active svg path{fill:#fff}.shop-by-videos__product{position:absolute;left:1.2rem;right:1.2rem;bottom:1.2rem;z-index:4;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"media info" "atc atc";gap:.8rem 1rem;padding:1rem;border-radius:14px;background:#fffffff7;color:#1a1a1a;box-shadow:0 8px 30px #00000059}.shop-by-videos__product[hidden]{display:none}.shop-by-videos__product-media{grid-area:media;width:5rem;height:5rem;border-radius:8px;overflow:hidden;background:#0000000d}.shop-by-videos__product-media img{width:100%;height:100%;object-fit:cover;display:block}.shop-by-videos__product-info{grid-area:info;display:flex;flex-direction:column;justify-content:center;min-width:0}.shop-by-videos__product-title{font-weight:600;font-size:1.4rem;line-height:1.3;color:inherit;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shop-by-videos__product-title:hover{text-decoration:underline}.shop-by-videos__product-price{display:flex;align-items:baseline;gap:.6rem;margin-top:.2rem;font-size:1.4rem;font-weight:700}.shop-by-videos__product-price-old{font-weight:400;opacity:.6;font-size:1.2rem}.shop-by-videos__product-price-old:empty{display:none}.shop-by-videos__atc{grid-area:atc;width:100%;justify-content:center;background:var(--sbv-accent);border-color:var(--sbv-accent);color:#fff;cursor:pointer;min-height:4.4rem;display:inline-flex;align-items:center;gap:.6rem}.shop-by-videos__atc:hover{filter:brightness(.92)}.shop-by-videos__atc[disabled]{opacity:.5;cursor:not-allowed}.shop-by-videos__atc-spinner{display:none;width:1.8rem;height:1.8rem}.shop-by-videos__atc-spinner .spinner{width:1.8rem;height:1.8rem;animation:sbv-spin .8s linear infinite}.shop-by-videos__atc-spinner .spinner .path{stroke:currentColor;stroke-dasharray:120;stroke-dashoffset:80}.shop-by-videos__atc.is-loading .shop-by-videos__atc-text{visibility:hidden}.shop-by-videos__atc.is-loading .shop-by-videos__atc-spinner{display:inline-flex;position:absolute}.shop-by-videos__atc{position:relative}@keyframes sbv-spin{to{transform:rotate(360deg)}}.shop-by-videos__modal-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:5rem;height:5rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;transition:background .2s ease}.shop-by-videos__modal-arrow:hover{background:#ffffff47}.shop-by-videos__modal-arrow--prev{left:2.4rem}.shop-by-videos__modal-arrow--next{right:2.4rem}.shop-by-videos__modal-arrow.is-disabled{opacity:.3;pointer-events:none}@media screen and (max-width:1100px){.shop-by-videos__preview{display:none}}@media screen and (max-width:749px){.shop-by-videos__modal{padding:0}.shop-by-videos__player{height:100%;width:100%;aspect-ratio:auto;border-radius:0}.shop-by-videos__player-inner{border-radius:0}.shop-by-videos__modal-arrow{width:4rem;height:4rem;background:#00000059}.shop-by-videos__modal-arrow--prev{left:.8rem}.shop-by-videos__modal-arrow--next{right:.8rem}.shop-by-videos__actions{bottom:15rem}.shop-by-videos__mute{right:6.6rem}}@media(prefers-reduced-motion:reduce){.shop-by-videos__poster,.shop-by-videos__play,.shop-by-videos__nav,.shop-by-videos__modal{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/shop-by-videos.css.map */