.mg-highlights{padding:40px 20px;max-width:1400px;margin:0 auto}.mg-highlights__heading{font-size:28px;font-weight:700;margin:0 0 24px}.mg-highlights__wrapper{position:relative;display:flex;align-items:center}.mg-highlights__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:6px 4px}.mg-highlights__track::-webkit-scrollbar{display:none}.mg-highlight-card{position:relative;flex:0 0 auto;width:190px;aspect-ratio:9 / 13;border-radius:14px;overflow:hidden;scroll-snap-align:start;background:#111;padding:3px;background-image:linear-gradient(#111,#111),linear-gradient(135deg,#e6007e,#f2a900 60%,#e6007e);background-origin:border-box;background-clip:content-box,border-box;box-shadow:0 4px 14px #0000002e;transition:transform .2s ease}.mg-highlight-card:hover{transform:translateY(-2px)}.mg-highlight-card__media{position:relative;width:100%;height:100%;cursor:pointer;border-radius:11px;overflow:hidden;outline:none}.mg-highlight-card__media:focus-visible{box-shadow:inset 0 0 0 3px #fff}.mg-highlight-card__video,.mg-highlight-card__poster-only{width:100%;height:100%;object-fit:cover;display:block}.mg-highlight-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000 45%,#00000040);pointer-events:none;z-index:1}.mg-highlight-card__progress{position:absolute;top:6px;left:6px;right:6px;z-index:4;height:3px;border-radius:3px;background:#ffffff59;overflow:hidden}.mg-highlight-card__progress span{display:block;height:100%;width:0%;background:#fff;transition:width .1s linear}.mg-highlight-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#14283c8c;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity .15s ease;z-index:2;animation:mg-pulse 1.8s ease-in-out infinite}.mg-highlight-card__media.is-playing .mg-highlight-card__play{opacity:0;animation:none}@keyframes mg-pulse{0%,to{box-shadow:0 0 #ffffff59}50%{box-shadow:0 0 0 8px #fff0}}.mg-highlight-card__mute{position:absolute;top:8px;right:8px;z-index:4;width:26px;height:26px;border-radius:50%;border:none;background:#00000073;display:flex;align-items:center;justify-content:center;cursor:pointer}.mg-highlight-card__mute .icon-unmuted,.mg-highlight-card__media.is-muted .mg-highlight-card__mute .icon-muted{display:none}.mg-highlight-card__media.is-muted .mg-highlight-card__mute .icon-unmuted{display:block}.mg-highlight-card__expand{position:absolute;bottom:44px;right:8px;z-index:4;width:26px;height:26px;border-radius:6px;border:none;background:#00000073;display:flex;align-items:center;justify-content:center;cursor:pointer}.mg-highlight-card__buy{position:absolute;bottom:10px;left:10px;right:10px;z-index:4;background:#e6007e;color:#fff;text-decoration:none;font-weight:700;font-size:12px;text-align:center;padding:9px 8px;border-radius:6px;letter-spacing:.2px;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.mg-highlight-card__buy.is-visible{opacity:1;transform:translateY(0)}.mg-highlight-card__buy:hover{background:#c40068}.mg-highlights__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1a2b40}.mg-highlights__arrow--prev{left:-8px}.mg-highlights__arrow--next{right:-8px}.mg-highlights__modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;align-items:center;justify-content:center}.mg-highlights__modal.is-open{display:flex}.mg-highlights__modal-inner{position:relative;width:90vw;max-width:420px}.mg-highlights__modal-inner video{width:100%;max-height:85vh;border-radius:10px;display:block}.mg-highlights__modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:32px;line-height:1;cursor:pointer}@media(max-width:749px){.mg-highlight-card{width:140px}.mg-highlights__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mg-video-highlights.css.map */