.shop-by-video{--sbv-teal: #1a3d3d;--sbv-accent: #008080;--sbv-bg: #f5f5f0;--sbv-gap: 1.8rem;background-color:var(--sbv-bg);overflow:visible}.shop-by-video__header{text-align:center;margin:0 auto 3rem}.shop-by-video__eyebrow{margin:0 auto .65rem}.shop-by-video__heading{margin:0;color:var(--sbv-teal);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:inherit;text-decoration:none!important}.shop-by-video__subheading{margin:.3rem auto 0;max-width:44rem;font-family:var(--font-body-family);font-size:1.55rem;line-height:1.5;color:#1a3d3dad;text-align:center}.shop-by-video__shell{position:relative}.shop-by-video__scroller-wrap{position:relative;overflow:visible;padding-bottom:.4rem}.shop-by-video__track{display:flex;flex-wrap:nowrap;gap:var(--sbv-gap);margin:0;padding:.2rem .2rem 1.2rem;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:default}.shop-by-video__track::-webkit-scrollbar{display:none}.shop-by-video__track.is-dragging{cursor:default;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:22rem;scroll-snap-align:start;opacity:1!important;visibility:visible!important;transform:none!important}.shop-by-video__nav{display:none!important}.sbv-card{display:flex;flex-direction:column;align-items:center;height:100%;background:transparent;border:none;box-shadow:none;overflow:visible}.sbv-card__media{position:relative;width:100%;aspect-ratio:9 / 14;max-height:46rem;background:#1a3d3d;overflow:hidden;border-radius:2rem;border:.1rem solid rgba(26,61,61,.1);box-shadow:0 12px 32px #1a3d3d24}.sbv-card__video,.sbv-card__media>video,.sbv-card__poster{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:#ffffffbf;font-size:1.3rem;text-align:center;padding:1.2rem;background:linear-gradient(145deg,#1a3d3d,teal)}.sbv-card__mute{position:absolute;top:1.2rem;left:1.2rem;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;padding:0;border:none;border-radius:50%;background:var(--sbv-accent);color:#fff;cursor:pointer;box-shadow:0 4px 14px #00808059;transition:background .2s ease,transform .2s ease}.sbv-card__mute:hover,.sbv-card__mute:focus-visible{background:#066;transform:scale(1.05)}.sbv-card__mute-icon{display:none;width:1.85rem;height:1.85rem}.sbv-card__mute-icon svg{width:100%;height:100%}.sbv-card__mute:not(.is-unmuted) .sbv-card__mute-icon--off{display:block}.sbv-card__mute.is-unmuted .sbv-card__mute-icon--on{display:block}.sbv-card__mute.is-unmuted .sbv-card__mute-icon--off{display:none}.sbv-card__shopbar{position:absolute;left:1.1rem;right:1.1rem;bottom:1.2rem;z-index:4;display:flex;align-items:center;gap:.9rem;min-height:5.6rem;padding:.55rem;border-radius:999px;background:#fff;border:.12rem solid rgba(26,61,61,.08);box-shadow:0 8px 22px #00000029;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.sbv-card__shopbar:hover,.sbv-card__shopbar:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px #0003}.sbv-card__thumb{flex-shrink:0;width:4.4rem;height:4.4rem;border-radius:50%;object-fit:cover;background:#ebe8df}.sbv-card__thumb--empty{display:block;background:linear-gradient(135deg,#ebe8df,#d9d4c8)}.sbv-card__shop-text{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:.15rem}.sbv-card__title{margin:0;font-family:var(--font-body-family);font-size:1.35rem;font-weight:700;line-height:1.2;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbv-card__price{margin:0;font-family:var(--font-body-family);font-size:1.2rem;font-weight:500;line-height:1.25;color:#1a1a1ab8}.sbv-card__shop-go{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:var(--sbv-accent);color:#fff;box-shadow:0 4px 12px #0080804d}.sbv-card__shop-go svg{width:1.7rem;height:1.7rem}.sbv-card__tag{display:inline-flex;align-items:center;justify-content:center;margin:1.2rem 0 0;padding:.7rem 1.5rem;border-radius:999px;background:var(--sbv-accent);color:#fff;font-family:var(--font-body-family);font-size:1.2rem;font-weight:700;letter-spacing:.02em;line-height:1.2;text-align:center;box-shadow:0 6px 16px #00808038}.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.4rem}.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:20rem}}@media screen and (max-width:749px){.shop-by-video__header{margin-bottom:2rem}.shop-by-video__subheading{font-size:1.35rem}.shop-by-video{--sbv-gap: 1.2rem}.shop-by-video__card{flex-basis:78%;width:78%;max-width:78%;min-width:0}.sbv-card__media{border-radius:1.6rem}.sbv-card__mute{width:3.4rem;height:3.4rem;top:1rem;left:1rem}.sbv-card__shopbar{left:.9rem;right:.9rem;bottom:1rem;min-height:5.2rem}.sbv-card__thumb{width:4rem;height:4rem}.sbv-card__shop-go{width:3.6rem;height:3.6rem}.sbv-card__title{font-size:1.25rem}.sbv-card__tag{margin-top:1rem;font-size:1.1rem;padding:.6rem 1.3rem}}@media(prefers-reduced-motion:reduce){.shop-by-video__track{scroll-behavior:auto}.sbv-card__mute,.sbv-card__shopbar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-shop-by-video.css.map */