.hk-vs .hk-heading__top{gap:16px}.hk-vs .hk-eyebrow{gap:14px}.hk-vs__row{display:flex;align-items:flex-start;gap:24px;margin-right:calc(var(--hk-pad-x) * -1)}.hk-vs__video{position:relative;flex:0 0 594px;width:594px;height:360px;border-radius:24px;overflow:hidden;background:var(--hk-indigo);color:var(--hk-cream);isolation:isolate}.hk-vs__poster,.hk-vs__poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hk-vs__poster img.is-yt-fallback{transform:scale(1.34)}.hk-vs__ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#e9e0d2;fill:#2b211a38}.hk-vs__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2b211a00,#2b211aa6);pointer-events:none}.hk-vs__play{position:absolute;left:50%;top:122px;margin-left:-38px;z-index:2}.hk-vs__caption{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;display:flex;flex-direction:column;gap:6px;pointer-events:none}.hk-vs__title{font:600 22px/1.23 var(--hk-font-serif);color:#f7f1e5}.hk-vs__meta{font:500 13px/1.2 var(--hk-font-sans);color:#f7f1e5cc}.hk-vs__frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.hk-vs__frame:not(:empty){pointer-events:auto}.hk-vs__video.is-playing .hk-vs__shade,.hk-vs__video.is-playing .hk-vs__caption{display:none}.hk-vs__video:focus-visible,.hk-vs__short:focus-visible{outline:3px solid var(--hk-sun);outline-offset:3px}.hk-vs .hk-home2-play{width:76px;height:76px;background:#f7f1e6f2;box-shadow:none;color:var(--hk-terracotta)}.hk-vs .hk-home2-play svg{width:100%;height:100%;margin:0}.hk-vs .hk-home2-play--sm{width:48px;height:48px}.hk-vs__shorts{flex:1 1 auto;min-width:0}.hk-vs__track{--hk-slide-w: 202px;--hk-slide-gap: 16px;padding-bottom:0}.hk-vs__short{position:relative;display:block;height:360px;border-radius:20px;overflow:hidden;background:var(--hk-indigo)}.hk-vs__short-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--hk-ease)}.hk-vs__short:hover .hk-vs__short-img{transform:scale(1.04)}.hk-vs__short-play{position:absolute;left:14px;bottom:14px;z-index:2}.hk-vs__short.is-playing .hk-vs__short-img{display:none}.hk-vs__short.is-playing{background:#000}.hk-vs__short[data-hk-empty]:hover .hk-vs__short-img{transform:none}.hk-vs__channel{margin-top:40px;min-height:0;padding:14px 22px;font-size:15px;gap:8px}.hk-vs__channel .hk-icon{width:16px;height:16px}.hk-vs__decor{z-index:0}@media screen and (max-width:1100px)and (min-width:990px){.hk-vs__video{flex-basis:480px;width:480px;height:291px}.hk-vs__play{top:98px}}@media screen and (max-width:989px){.hk-vs__row{flex-direction:column;gap:16px;margin-right:0}.hk-vs__video{flex:none;width:100%;height:auto;aspect-ratio:594 / 360}.hk-vs__play{top:50%;margin-top:-38px}.hk-vs__shorts{width:calc(100% + var(--hk-pad-x))}.hk-vs__track{--hk-slide-w: 30%;margin-right:calc(var(--hk-pad-x) * -1);padding-right:var(--hk-pad-x)}.hk-vs__short{height:auto;aspect-ratio:202 / 360}.hk-vs__channel{margin-top:32px}}@media screen and (max-width:749px){.hk-vs__video{border-radius:20px;aspect-ratio:16 / 10}.hk-vs .hk-home2-play{width:60px;height:60px}.hk-vs__play{margin:-30px 0 0 -30px}.hk-vs__caption{left:18px;right:18px;bottom:16px;gap:4px}.hk-vs__title{font-size:18px}.hk-vs__meta{font-size:12px}.hk-vs__shorts{width:calc(100% + var(--hk-pad-x) * 2);margin-left:calc(var(--hk-pad-x) * -1)}.hk-vs__track{--hk-slide-w: 42%;--hk-slide-gap: 12px;margin:0;padding-inline:var(--hk-pad-x);scroll-padding-left:var(--hk-pad-x)}.hk-vs__short{border-radius:16px}.hk-vs .hk-home2-play--sm{width:44px;height:44px}.hk-vs__short-play{left:10px;bottom:10px}.hk-vs__channel{width:100%;white-space:normal;text-align:center;min-height:50px;padding-inline:16px;font-size:14px}.hk-vs__decor{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hk-s-video-shorts.css.map */