.shop-by-videos{--sbv-bg: #f3f0e8;--sbv-bottom-border: 0;--sbv-pad-top-d: 60px;--sbv-pad-bottom-d: 60px;--sbv-pad-top-m: 32px;--sbv-pad-bottom-m: 32px;--sbv-heading-color: #111111;--sbv-subheading-color: #5d5d5d;--sbv-handle-color: #4c4c4c;--sbv-heading-size-d: 56px;--sbv-heading-size-m: 40px;--sbv-sub-size-d: 14px;--sbv-sub-size-m: 14px;--sbv-link-size-d: 12px;--sbv-link-size-m: 12px;--sbv-play-size-d: 64px;--sbv-play-size-m: 64px;--sbv-play-bg: #ffffff;--sbv-play-bg-opacity-pct: 22%;--sbv-play-fg: #ffffff;--sbv-caption-color: rgba(255, 255, 255, .92);--sbv-caption-bg: #000000;--sbv-caption-bg-opacity-pct: 72%;--sbv-caption-size-d: 11px;--sbv-caption-size-m: 11px;--sbv-number-color: #ffffff;--sbv-number-opacity: .22;--sbv-number-size-d: 72px;--sbv-number-size-m: 72px;background:var(--sbv-bg);border-bottom:var(--sbv-bottom-border)}.shop-by-videos__inner{padding-top:var(--sbv-pad-top-m);padding-bottom:var(--sbv-pad-bottom-m)}.shop-by-videos__header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.shop-by-videos__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:400;letter-spacing:1.2px;text-transform:uppercase;font-size:var(--sbv-heading-size-m);line-height:1;color:var(--sbv-heading-color)}.shop-by-videos__accent{display:block;width:64px;height:4px;margin-top:10px;background:#e86d2b}.shop-by-videos__subheading{margin-top:12px;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:400;font-size:var(--sbv-sub-size-m);line-height:1.4;color:var(--sbv-subheading-color);letter-spacing:0}.shop-by-videos__handle{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--sbv-handle-color);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:700;letter-spacing:1.65px;text-transform:uppercase;font-size:var(--sbv-link-size-m);line-height:17.6px;white-space:nowrap}.shop-by-videos__handle[aria-disabled=true]{opacity:.55;cursor:not-allowed}.shop-by-videos__handle-arrow{display:inline-block;transform:none;line-height:0}.shop-by-videos__desktop{margin-top:26px}.shop-by-videos__grid{display:grid;grid-template-columns:1fr;gap:22px}.shop-by-videos__card{position:relative}.shop-by-videos__media{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background:#121212}.shop-by-videos__number{position:absolute;z-index:3;left:14px;top:12px;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;letter-spacing:1.2px;font-size:var(--sbv-number-size-m);line-height:1;opacity:var(--sbv-number-opacity);color:var(--sbv-number-color);pointer-events:none;-webkit-user-select:none;user-select:none}.shop-by-videos__poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block;object-fit:cover;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;opacity:0;visibility:hidden}.shop-by-videos__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;object-fit:cover;background:#121212}.shop-by-videos__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#121212;opacity:.4;pointer-events:none}.shop-by-videos__caption{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:10px 20px;color:var(--sbv-caption-color);background:var(--sbv-caption-bg);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:700;line-height:16px;letter-spacing:1.5px;font-size:var(--sbv-caption-size-m);text-transform:uppercase;pointer-events:none}.shop-by-videos__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:block;text-decoration:none;background:transparent}.shop-by-videos__link:empty{display:block}.shop-by-videos__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;border:0;padding:0;background:transparent;pointer-events:none;opacity:1;transition:opacity .18s ease,background-color .18s ease}.shop-by-videos__play-icon{width:var(--sbv-play-size-m);height:var(--sbv-play-size-m);border-radius:999px;background:color-mix(in srgb,var(--sbv-play-bg) var(--sbv-play-bg-opacity-pct),transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);position:relative;box-shadow:0 8px 24px #00000047}.shop-by-videos__play-icon-img{width:var(--sbv-play-size-m);height:var(--sbv-play-size-m);display:block;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.28))}.shop-by-videos__play-icon:before{content:"";position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-36%,-50%);border-style:solid;border-width:11px 0 11px 16px;border-color:transparent transparent transparent var(--sbv-play-fg)}@media(hover:hover)and (pointer:fine){.shop-by-videos__play{opacity:0}.shop-by-videos__card:hover .shop-by-videos__play,.shop-by-videos__card:focus-within .shop-by-videos__play{opacity:1;background:#00000014}}.shop-by-videos__mobile{display:none;margin-top:18px}.shop-by-videos__slide{width:min(320px,82vw)}@media screen and (min-width:750px){.shop-by-videos__inner{padding-top:var(--sbv-pad-top-d);padding-bottom:var(--sbv-pad-bottom-d)}.shop-by-videos__heading{font-size:var(--sbv-heading-size-d);line-height:60px}.shop-by-videos__subheading{font-size:var(--sbv-sub-size-d)}.shop-by-videos__handle{font-size:var(--sbv-link-size-d)}.shop-by-videos__caption{font-size:var(--sbv-caption-size-d);padding:10px 12px}.shop-by-videos__desktop{margin-top:40px}.shop-by-videos__play-icon,.shop-by-videos__play-icon-img{width:var(--sbv-play-size-d);height:var(--sbv-play-size-d)}.shop-by-videos__number{font-size:var(--sbv-number-size-d);left:12px;top:12px}.shop-by-videos__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0}}@media screen and (max-width:749px){.shop-by-videos__desktop{display:none}.shop-by-videos__mobile{display:block}.shop-by-videos__inner.page-width{padding-left:0;padding-right:0}.shop-by-videos__mobile{padding-left:30px;margin-top:25px}.shop-by-videos__header{padding:0 40px 0 30px}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-shop-by-videos.css.map */