.shop-by-video{--sbv-teal: #1a3d3d;--sbv-accent: #008080;--sbv-gold: #c49a28;--sbv-bg: #f5f5f0;--sbv-gap: 2rem;background-color:var(--sbv-bg);overflow:hidden}.shop-by-video__header{text-align:center;margin:0 auto 3.2rem}.shop-by-video__heading{margin:0;color:#2e2a39;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:calc(var(--font-heading-scale) * .06rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));text-align:center}.shop-by-video__heading .yh-heading-accent.is-lit{color:var(--sbv-accent)!important;text-decoration:none!important}.shop-by-video__divider{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:0 auto;max-width:28rem}.shop-by-video__divider-line{flex:1;height:.1rem;background:#c49a288c}.shop-by-video__divider-ornament{display:inline-flex;width:2rem;height:2rem;color:var(--sbv-gold)}.shop-by-video__divider-ornament svg{width:100%;height:100%}.shop-by-video__shell,.shop-by-video__scroller-wrap{position:relative}.shop-by-video__track{display:flex;flex-wrap:nowrap;gap:var(--sbv-gap);margin:0;padding:0 0 .4rem;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab}.shop-by-video__track::-webkit-scrollbar{display:none}.shop-by-video__track.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.shop-by-video__card{flex:0 0 calc((100% - (var(--sbv-gap) * 3)) / 4);width:calc((100% - (var(--sbv-gap) * 3)) / 4);max-width:calc((100% - (var(--sbv-gap) * 3)) / 4);min-width:24rem;scroll-snap-align:start}.sbv-card{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:1.6rem;overflow:hidden;box-shadow:0 8px 28px #1a3d3d14;border:.1rem solid rgba(26,61,61,.05)}.sbv-card__media{position:relative;width:100%;aspect-ratio:4 / 5;background:#1a3d3d;overflow:hidden}.sbv-card__video,.sbv-card__media>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border:0}.sbv-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:1.3rem;text-align:center;padding:1.2rem;background:linear-gradient(145deg,#1a3d3d,teal)}.sbv-card__badge{position:absolute;top:1.2rem;left:1.2rem;z-index:3;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border-radius:.6rem;background:var(--sbv-teal);color:#fff;font-family:var(--font-body-family);font-size:1.05rem;font-weight:700;letter-spacing:.04em;line-height:1;box-shadow:0 4px 12px #1a3d3d47}.sbv-card__badge-icon{display:inline-flex;width:1.4rem;height:1.4rem}.sbv-card__badge-icon svg{width:100%;height:100%}.sbv-card__play{position:absolute;top:50%;left:50%;z-index:3;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;padding:0;border:.15rem solid rgba(255,255,255,.55);border-radius:50%;background:#ffffff38;color:#fff;cursor:pointer;box-shadow:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease,background .2s ease}.sbv-card__media:hover .sbv-card__play,.sbv-card__media:focus-within .sbv-card__play{opacity:1;pointer-events:auto}.sbv-card__play:hover,.sbv-card__play:focus-visible{transform:translate(-50%,-50%) scale(1.05);background:#ffffff52}.sbv-card__play-icon{display:inline-flex;width:2.2rem;height:2.2rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.sbv-card__play-icon[hidden],.sbv-card__play-icon.is-hidden{display:none!important}.sbv-card__play-icon svg{width:100%;height:100%}.sbv-card__play-icon--play{margin-left:.2rem}.sbv-card__play.is-playing .sbv-card__play-icon--play{display:none!important}.sbv-card__play.is-playing .sbv-card__play-icon--pause{display:inline-flex!important}.sbv-card__play:not(.is-playing) .sbv-card__play-icon--pause{display:none!important}.sbv-card__play:not(.is-playing) .sbv-card__play-icon--play{display:inline-flex!important}.sbv-card__body{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.4rem 1.4rem 1.5rem;background:#fff}.sbv-card__info{min-width:0;flex:1}.sbv-card__title{margin:0 0 .35rem;color:var(--sbv-teal);font-family:var(--font-heading-family);font-size:1.55rem;font-weight:700;line-height:1.25}.sbv-card__price{margin:0;color:var(--sbv-teal);font-family:var(--font-body-family);font-size:1.4rem;font-weight:500;line-height:1.3}.sbv-card__cta{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:4.2rem;height:4.2rem;border-radius:50%;border:.15rem solid var(--sbv-accent);background:#fff;color:var(--sbv-accent);text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}.sbv-card__cta:hover,.sbv-card__cta:focus-visible{background:var(--sbv-accent);color:#fff;transform:translate(2px)}.sbv-card__cta svg{width:1.8rem;height:1.8rem}.shop-by-video__nav{display:flex;align-items:center;justify-content:center;gap:1.4rem;margin-top:2.4rem}.shop-by-video__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border-radius:50%;border:.15rem solid var(--sbv-accent);background:#fff;color:var(--sbv-accent);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.shop-by-video__nav-btn:hover,.shop-by-video__nav-btn:focus-visible{background:var(--sbv-accent);border-color:var(--sbv-accent);color:#fff}.shop-by-video__nav-btn:disabled{opacity:.35;cursor:default}.shop-by-video__nav-btn svg{width:1.8rem;height:1.8rem}.shop-by-video__dots{display:flex;align-items:center;gap:.7rem}.shop-by-video__dot{width:.7rem;height:.7rem;padding:0;border:none;border-radius:50%;background:#1a3d3d38;cursor:pointer;transition:background .2s ease,transform .2s ease}.shop-by-video__dot.is-active{background:var(--sbv-accent);transform:scale(1.15)}.shop-by-video__empty{text-align:center;color:#2e2a39;opacity:.7}@media screen and (max-width:1199px){.shop-by-video__card{flex-basis:calc((100% - (var(--sbv-gap) * 2)) / 3);width:calc((100% - (var(--sbv-gap) * 2)) / 3);max-width:calc((100% - (var(--sbv-gap) * 2)) / 3)}}@media screen and (max-width:989px){.shop-by-video{--sbv-gap: 1.6rem}.shop-by-video__card{flex-basis:calc((100% - var(--sbv-gap)) / 2);width:calc((100% - var(--sbv-gap)) / 2);max-width:calc((100% - var(--sbv-gap)) / 2);min-width:22rem}}@media screen and (max-width:749px){.shop-by-video__header{margin-bottom:2rem}.shop-by-video{--sbv-gap: 1.2rem}.shop-by-video__card{flex-basis:calc(100% - 2.4rem);width:calc(100% - 2.4rem);max-width:calc(100% - 2.4rem);min-width:0}.sbv-card__play{width:4.4rem;height:4.4rem}.sbv-card__body{padding:1.1rem}.sbv-card__title{font-size:1.3rem}.sbv-card__cta{width:3.6rem;height:3.6rem}}@media(prefers-reduced-motion:reduce){.shop-by-video__track{scroll-behavior:auto}.sbv-card__play,.sbv-card__cta,.shop-by-video__nav-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-shop-by-video.css.map */