.dh-vs{position:relative;margin:0 auto;max-width:1400px;--dh-vs-wave:32px;--dh-vs-gap:16px;--dh-vs-pad:32px;--dh-vs-ratio:180.2816%;--dh-vs-radius:16px;--dh-vs-fg:rgb(252,252,255);--dh-vs-bg:rgb(26,28,30)}.dh-vs__viewport{overflow:hidden;width:100%}.dh-vs__track{display:flex;align-items:flex-start;width:100%;padding-top:var(--dh-vs-pad);padding-bottom:calc(var(--dh-vs-pad) + var(--dh-vs-wave));transition:transform .4s ease;will-change:transform}.dh-vs__slide{flex:0 0 auto;position:relative;margin-right:var(--dh-vs-gap);border-radius:var(--dh-vs-radius);overflow:hidden;transition:transform .4s ease,opacity .4s ease;cursor:pointer}.dh-vs__slide.is-odd{transform:translateY(var(--dh-vs-wave))}.dh-vs__inner{position:relative;width:100%;padding-bottom:var(--dh-vs-ratio)}.dh-vs__stage{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--dh-vs-radius);overflow:hidden;background:var(--dh-vs-color,#888)}.dh-vs__stage img,.dh-vs__stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--dh-vs-radius);transform:scale(1.02)}.dh-vs__stage video{z-index:2;opacity:0;transition:opacity .35s ease-in-out}.dh-vs__slide.is-playing .dh-vs__stage video{opacity:1}.dh-vs__play{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:100%;border:0;padding:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;z-index:4;cursor:pointer;transition:transform .2s cubic-bezier(.68,-.55,.265,1.55),opacity .2s}.dh-vs__play svg{width:24px;height:24px;margin-left:3px}.dh-vs__slide.is-playing .dh-vs__play{transform:scale(0);opacity:0;pointer-events:none}.dh-vs__progress{position:absolute;left:8px;right:8px;bottom:8px;height:4px;border-radius:100px;background:var(--dh-vs-fg);z-index:5;opacity:0;transform:translateY(100%);overflow:hidden;transition:opacity .25s,transform .25s}.dh-vs__progress i{display:block;height:4px;border-radius:100px;background:var(--dh-vs-bg);width:100%;transform:translate(-100%)}.dh-vs__slide.is-playing .dh-vs__progress{opacity:1;transform:translateY(0)}.dh-vs__detail{position:absolute;left:0;right:0;bottom:0;padding:64px 0 16px;display:flex;flex-direction:column;gap:4px;z-index:3;color:var(--dh-vs-fg);background:linear-gradient(#0000,#00000080 48%,#000000b3);transition:opacity .25s,transform .25s}.dh-vs__slide.is-playing .dh-vs__detail{opacity:0;transform:translateY(100%)}.dh-vs__name{margin:0;font-size:18px;line-height:1.8;text-align:center;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--dh-vs-fg);font-weight:400}.dh-vs__name svg{width:18px;height:18px;display:block}.dh-vs__rating{display:flex;align-items:center;justify-content:center;gap:2px;color:var(--dh-vs-fg);height:20px}.dh-vs__rating svg{width:20px;height:20px;display:block}.dh-vs__nav{position:absolute;top:50%;width:46px;height:46px;padding:12px;border:0;border-radius:100%;background:#fcfcff;color:#1a1c1e;box-shadow:#0000001f 0 2.737px 12.775px -1.825px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:6}.dh-vs__nav svg{width:22px;height:22px;display:block}.dh-vs__nav--prev{left:0;transform:translate(-10px,-50%)}.dh-vs__nav--next{right:0;transform:translate(10px,-50%)}@media screen and (max-width:749px){.dh-vs__nav{display:none}}.dh-vs__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.dh-vs__modal[hidden]{display:none}.dh-vs .dh-vs__modal-backdrop{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3}.dh-vs__modal-box{position:relative;background:#fff;border-radius:16px;overflow:hidden;width:min(92vw,813px);max-height:92vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);z-index:1}.dh-vs__modal-media{background:#111;display:flex;align-items:center;justify-content:center;min-height:320px}.dh-vs__modal-media img,.dh-vs__modal-media video{width:100%;height:100%;max-height:584px;object-fit:contain;display:block}.dh-vs__modal-info{padding:32px 24px;display:flex;flex-direction:column;gap:12px;color:#1a1c1e;font-size:14px}.dh-vs__modal-info .dh-vs__name{justify-content:flex-start;font-weight:700;font-size:18px;color:#1a1c1e}.dh-vs__modal-info .dh-vs__rating{justify-content:flex-start;color:#1a1c1e}.dh-vs__modal-close{position:absolute;top:8px;right:8px;width:36px;height:36px;border:0;border-radius:100%;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}@media screen and (max-width:749px){.dh-vs__modal-box{grid-template-columns:1fr;overflow:auto}.dh-vs__modal-media{min-height:0}.dh-vs__modal-media img,.dh-vs__modal-media video{max-height:60vh}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/dh-video-slider.css.map */