.shto-scp-videos{background:#faf7f0;padding:48px 0;overflow:hidden}.shto-scp-videos .shto-scp-videos-inner{display:flex;flex-direction:column}.shto-scp-videos .shto-scp-videos-head{display:flex;flex-direction:column;gap:8px;padding:0 16px}.shto-scp-videos .shto-scp-videos-headline{font-size:28px;font-weight:900;line-height:34px;letter-spacing:-.56px;color:#000;--shto-c: #000000}.shto-scp-videos .shto-scp-videos-subhead{font-size:16px;font-weight:500;line-height:23px;color:#1a1a1a;--shto-c: #1a1a1a}.shto-scp-videos .shto-scp-videos-rail{display:flex;gap:12px;margin-top:32px;padding:0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px}.shto-scp-videos .shto-scp-videos-card{position:relative;flex:0 0 280px;aspect-ratio:280 / 500;overflow:hidden;border-radius:8px;background:#1a1a1a;scroll-snap-align:start;isolation:isolate}.shto-scp-videos .shto-scp-videos-media{position:absolute;top:0;right:0;bottom:0;left:0}.shto-scp-videos .shto-scp-videos-poster,.shto-scp-videos .shto-scp-videos-media video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.shto-scp-videos .shto-scp-videos-media video{background:#000}.shto-scp-videos .shto-scp-videos-media iframe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;border:0;background:#000}.shto-scp-videos .shto-scp-videos-fade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0000 48%,#000000bf)}.shto-scp-videos .shto-scp-videos-start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}.shto-scp-videos .shto-scp-videos-start:focus-visible{outline:2px solid #ffffff;outline-offset:-4px;border-radius:8px}.shto-scp-videos .shto-scp-videos-play{position:absolute;left:50%;top:calc(50% - 10px);width:56px;height:56px;margin:-28px 0 0 -28px;transition:transform var(--shto-fast) var(--shto-ease)}.shto-scp-videos .shto-scp-videos-start:hover .shto-scp-videos-play{transform:scale(1.06)}.shto-scp-videos .shto-scp-videos-text{position:absolute;left:16px;right:16px;bottom:20px;z-index:2;display:flex;flex-direction:column;gap:6px;pointer-events:none}.shto-scp-videos .shto-scp-videos-title{font-size:18px;font-weight:900;line-height:22px;letter-spacing:-.36px;text-transform:uppercase;color:#faf7f0;--shto-c: #faf7f0}.shto-scp-videos .shto-scp-videos-caption{font-size:14px;font-weight:400;line-height:20px;color:#faf7f0b3;--shto-c: rgba(250, 247, 240, .7)}.shto-scp-videos .shto-scp-videos-link{display:block;width:fit-content;margin-top:3px;pointer-events:auto;font-size:14px;font-weight:400;line-height:17px;letter-spacing:-.28px;text-decoration:underline;text-underline-offset:2px;color:#fff;--shto-c: #ffffff}.shto-scp-videos .shto-scp-videos-card[data-shto-started] .shto-scp-videos-poster,.shto-scp-videos .shto-scp-videos-card[data-shto-started][data-shto-playing] .shto-scp-videos-text,.shto-scp-videos .shto-scp-videos-card[data-shto-started][data-shto-playing] .shto-scp-videos-fade,.shto-scp-videos .shto-scp-videos-card[data-shto-playing] .shto-scp-videos-play{visibility:hidden}.shto-scp-videos .shto-scp-videos-progress{position:relative;height:6px;margin:32px 16px 0;overflow:hidden;border-radius:50px;background:#d9d9d9}.shto-scp-videos .shto-scp-videos-bar{position:absolute;top:0;left:0;height:100%;width:var(--scp-videos-bar, 150px);border-radius:50px;background:#1a1a1a;transform:translate(var(--scp-videos-bar-x, 0px))}@media(min-width:990px){.shto-scp-videos{padding:96px clamp(40px,5.556vw,80px)}.shto-scp-videos .shto-scp-videos-inner{max-width:1280px;margin:0 auto}.shto-scp-videos .shto-scp-videos-head{gap:12px;max-width:960px;padding:0}.shto-scp-videos .shto-scp-videos-headline{font-size:44px;line-height:51px;letter-spacing:-.88px;color:#1a1a1a;--shto-c: #1a1a1a}.shto-scp-videos .shto-scp-videos-subhead{font-size:20px;line-height:29px}.shto-scp-videos .shto-scp-videos-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:48px;padding:0;overflow:visible}.shto-scp-videos .shto-scp-videos-card{aspect-ratio:9 / 16}.shto-scp-videos .shto-scp-videos-fade{background:linear-gradient(180deg,#0000 40%,#00000080 60%,#000000d9 76%,#000000eb)}.shto-scp-videos .shto-scp-videos-play{top:50%;width:60px;height:60px;margin:-30px 0 0 -30px}.shto-scp-videos .shto-scp-videos-text{left:20px;right:20px;bottom:24px;min-height:108px;gap:8px}.shto-scp-videos .shto-scp-videos-title{font-size:20px;line-height:24px;letter-spacing:-.4px}.shto-scp-videos .shto-scp-videos-caption{font-size:15px;line-height:21px}.shto-scp-videos .shto-scp-videos-link{margin-top:4px;font-size:15px;line-height:21px;letter-spacing:0}.shto-scp-videos .shto-scp-videos-progress{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/shto-scp-videos.css.map */