.mgs{width:100%;margin:3.5rem 0;overflow:hidden;box-sizing:border-box}.mgs *,.mgs *:before,.mgs *:after{box-sizing:border-box}.mgs [hidden]{display:none!important}.mgs__heading{margin:0 0 1.8rem;padding:0 1rem;text-align:center;font-size:2.1rem;font-weight:600;line-height:1.2;letter-spacing:.06em}.mgs__slider-shell{position:relative;width:100%}.mgs__track{--mgs-card-size: clamp(205px, 50vw, 285px);display:flex;align-items:center;gap:1rem;width:100%;margin:0;padding-inline:calc((100% - var(--mgs-card-size)) / 2);overflow-x:auto;overflow-y:hidden;scroll-padding-inline:calc((100% - var(--mgs-card-size)) / 2);scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mgs__track::-webkit-scrollbar{display:none}.mgs__slide{position:relative;flex:0 0 var(--mgs-card-size);width:var(--mgs-card-size);aspect-ratio:3 / 5;scroll-snap-align:center;scroll-snap-stop:always;transition:opacity .2s ease}.mgs__slide.is-active{opacity:1}.mgs__card{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:0;overflow:hidden;-webkit-appearance:none;appearance:none;cursor:pointer;background:#111;border:0;border-radius:1.4rem}.mgs__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;background:#111;border-radius:inherit}.mgs__poster,.mgs__poster--empty{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;background:#ececec;opacity:1;transition:opacity .18s ease}.mgs__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;background:#111;opacity:0;pointer-events:none}.mgs__slide.is-playing .mgs__video{opacity:1}.mgs__slide.is-playing .mgs__poster{opacity:0}.mgs__mute{position:absolute;right:.9rem;bottom:.9rem;z-index:8;display:grid;place-items:center;width:3.4rem;height:3.4rem;padding:0;-webkit-appearance:none;appearance:none;cursor:pointer;color:#fff;background:#00000026;border:0;border-radius:50%;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.mgs__mute svg,.mgs-modal__control svg,.mgs-modal__unmute-notice svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.mgs[data-video-count="1"] .mgs__track{--mgs-card-size: clamp(200px, 48vw, 270px);justify-content:center;padding-inline:0;overflow-x:hidden;scroll-padding-inline:0}.mgs[data-video-count="1"] .mgs__slide{opacity:1}.mgs[data-video-count="2"] .mgs__track{--mgs-card-size: clamp(195px, 47vw, 265px);gap:1.25rem}.mgs__spinner,.mgs-modal__spinner{position:absolute;z-index:10;width:3.1rem;height:3.1rem;pointer-events:none;border:3px solid rgba(255,255,255,.36);border-top-color:#fff;border-radius:50%;animation:mgs-spin .8s linear infinite}.mgs__spinner{top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes mgs-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.mgs__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center;pointer-events:none}.mgs__play svg,.mgs-modal__play svg{width:5.2rem;height:5.2rem}.mgs__play circle,.mgs-modal__play circle{fill:#000000a8;stroke:#fffffff2;stroke-width:1.5}.mgs__play path,.mgs-modal__play path{fill:#fff}.mgs__arrow{display:none}.mgs-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;width:100vw;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none;background:#000}.mgs-modal__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.mgs-modal__video-slot{width:100vw;height:100vh;height:100dvh;max-width:none;overflow:hidden;background:#000}.mgs-modal__video-slot .mgs__video{position:static;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1}.mgs-modal__tap-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;padding:0;-webkit-appearance:none;appearance:none;background:transparent;border:0}.mgs-modal__spinner{top:50%;left:50%;transform:translate(-50%,-50%)}.mgs-modal__play{position:absolute;top:50%;left:50%;z-index:14;padding:0;-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent;border:0;transform:translate(-50%,-50%)}.mgs-modal__control{display:grid;place-items:center;width:4rem;height:4rem;padding:0;-webkit-appearance:none;appearance:none;cursor:pointer;color:#fff;background:#1c1c1c33;border:0;border-radius:50%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mgs-modal__close{position:absolute;top:max(1.5rem,env(safe-area-inset-top));left:max(1.5rem,env(safe-area-inset-left));z-index:20;width:4rem;height:4rem}.mgs-modal__actions{position:absolute;top:max(1.5rem,env(safe-area-inset-top));right:max(1.2rem,env(safe-area-inset-right));z-index:20;display:flex;flex-direction:column;gap:1.2rem}.mgs-modal__navigation{position:absolute;top:50%;right:max(1.2rem,env(safe-area-inset-right));z-index:20;display:flex;flex-direction:column;gap:1rem;transform:translateY(-50%)}.mgs.is-single .mgs-modal__navigation{display:none}.mgs-modal__unmute-notice{position:absolute;top:50%;left:50%;z-index:12;display:flex;align-items:center;gap:.9rem;padding:.8rem;color:#fff;background:#28282842;border-radius:.9rem;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .3s ease;font-size:1.8rem;font-weight:600}.mgs-modal__unmute-notice.is-visible{opacity:1}.mgs-modal__message{position:absolute;bottom:max(2.5rem,env(safe-area-inset-bottom));left:50%;z-index:30;padding:.9rem 1.7rem;color:#111;background:#fff;border-radius:3rem;transform:translate(-50%)}@media screen and (max-width:389px){.mgs__track{--mgs-card-size: clamp(190px, 52vw, 235px);gap:1rem}.mgs[data-video-count="1"] .mgs__track{--mgs-card-size: clamp(190px, 50vw, 230px)}.mgs[data-video-count="2"] .mgs__track{--mgs-card-size: clamp(185px, 49vw, 225px)}.mgs__heading{font-size:1.95rem}}@media screen and (min-width:750px){.mgs{margin:4rem 0}.mgs__heading{margin-bottom:1.8rem;font-size:2.2rem}.mgs__track{--mgs-card-size: clamp(155px, 12vw, 205px);gap:.7rem}.mgs[data-video-count="1"] .mgs__track{--mgs-card-size: clamp(165px, 12.5vw, 210px)}.mgs[data-video-count="2"] .mgs__track{--mgs-card-size: clamp(155px, 11.5vw, 195px);gap:1.5rem}.mgs__arrow{position:absolute;top:50%;z-index:12;display:grid;place-items:center;width:3.9rem;height:3.9rem;padding:0;cursor:pointer;color:#fff;background:#14141433;border:0;border-radius:50%;transform:translateY(-50%)}.mgs__arrow svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mgs__arrow--previous{left:.8rem}.mgs__arrow--next{right:.8rem}.mgs.is-single .mgs__arrow{display:none}.mgs-modal{background:#000000d1}.mgs-modal__stage{padding:3rem 8rem}.mgs-modal__video-slot{width:auto;height:min(86vh,760px);aspect-ratio:9 / 16;max-width:calc(100vw - 18rem);overflow:hidden;background:#000;border-radius:1.6rem}.mgs-modal__video-slot .mgs__video{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}.mgs-modal__close{top:2rem;left:2rem}.mgs-modal__actions{top:2rem;right:2rem}.mgs-modal__navigation{right:2rem}}@media screen and (min-width:1200px){.mgs__track{--mgs-card-size: clamp(165px, 10.5vw, 210px)}.mgs[data-video-count="1"] .mgs__track{--mgs-card-size: clamp(175px, 11vw, 215px)}.mgs[data-video-count="2"] .mgs__track{--mgs-card-size: clamp(160px, 10vw, 200px)}}@media(prefers-reduced-motion:reduce){.mgs__slide,.mgs__poster,.mgs-modal__unmute-notice{transition:none}.mgs__spinner,.mgs-modal__spinner{animation-duration:1.5s}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mg-simple-experience.css.map */