.mm-important-video{background:var(--mm-important-video-background-color);overflow-x:clip}.mm-important-video__inner{width:100%;max-width:1240px;margin-inline:auto;padding:var(--mm-important-video-desktop-padding-top) 50px var(--mm-important-video-desktop-padding-bottom);box-sizing:border-box}.mm-important-video__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:24px;margin-bottom:22px}.mm-important-video__heading{margin:0;color:var(--mm-important-video-heading-color);font-family:Thunder,sans-serif;font-size:54px;font-style:italic;font-weight:700;line-height:80%;letter-spacing:0;text-transform:uppercase}.mm-important-video__supporting{color:var(--mm-important-video-supporting-color);font-family:Albert Sans,sans-serif;font-size:18px;font-style:normal;font-weight:600;line-height:140%;letter-spacing:0;text-align:right}.mm-important-video__supporting p{margin:0}.mm-important-video__carousel{position:relative}.mm-important-video__swiper{overflow:hidden;border-radius:2px}.mm-important-video__wrapper:not(.swiper-wrapper){display:block}.mm-important-video__slide{height:auto}.mm-important-video__frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#111}.mm-important-video__thumbnail,.mm-important-video__overlay,.mm-important-video__hosted-video,.mm-important-video__youtube,.mm-important-video__vimeo,.mm-important-video__video,.mm-important-video__youtube iframe,.mm-important-video__vimeo iframe{position:absolute;top:0;right:0;bottom:0;left:0}.mm-important-video__thumbnail{z-index:2}.mm-important-video__thumbnail-image,.mm-important-video__video,.mm-important-video__youtube iframe,.mm-important-video__vimeo iframe{width:100%;height:100%;display:block;object-fit:cover}.mm-important-video__overlay{z-index:3;background:var(--mm-important-video-overlay-color);opacity:var(--mm-important-video-overlay-opacity);pointer-events:none}.mm-important-video__hosted-video,.mm-important-video__youtube,.mm-important-video__vimeo{z-index:1}.mm-important-video__youtube iframe,.mm-important-video__vimeo iframe{border:0}.mm-important-video__video-title{position:absolute;z-index:4;top:48px;left:54px;max-width:calc(100% - 108px);color:var(--mm-important-video-overlay-text-color);font-family:Thunder,sans-serif;font-size:40px;font-style:italic;font-weight:700;line-height:80%;letter-spacing:0;text-transform:uppercase}.mm-important-video--overlay-text-shadow .mm-important-video__video-title{text-shadow:0 1px 2px var(--mm-important-video-overlay-text-shadow),0 2px 16px var(--mm-important-video-overlay-text-shadow)}.mm-important-video__initial-control,.mm-important-video__hosted-controls{position:absolute;z-index:4;left:54px;bottom:52px}.mm-important-video__initial-control{display:inline-flex;height:50px;padding:15px 48px 14px;justify-content:center;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;font-family:Thunder,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:0;text-align:center;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s ease,transform .2s ease}.mm-important-video__initial-control svg{width:22px;height:auto}.mm-important-video__hosted-controls{display:flex;align-items:center;gap:14px}.mm-important-video__hosted-controls[hidden]{display:none}.mm-important-video__control{position:relative;display:flex;width:50px;height:50px;padding:10px;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s ease,transform .2s ease}.mm-important-video__control svg{max-width:24px;max-height:24px}.mm-important-video__sound-control.is-sound-on:after{content:"";position:absolute;width:130%;height:2px;background:#fff;transform:rotate(-45deg)}.mm-important-video__initial-control:hover,.mm-important-video__control:hover{background:#fff3}.mm-important-video__initial-control:active,.mm-important-video__control:active{transform:translateY(1px)}.mm-important-video__initial-control:focus-visible,.mm-important-video__control:focus-visible,.mm-important-video__arrow:focus-visible{outline:2px solid currentColor;outline-offset:4px}.mm-important-video__slide.is-mm-video-started .mm-important-video__thumbnail,.mm-important-video__slide.is-mm-video-started .mm-important-video__initial-control,.mm-important-video__slide.is-mm-video-started .mm-important-video__video-title{opacity:0;pointer-events:none}.mm-important-video__slide.is-mm-video-started .mm-important-video__overlay{opacity:0}.mm-important-video__arrow{position:absolute;z-index:0;top:50%;display:flex;width:44px;height:44px;padding:6px;align-items:center;justify-content:center;border:0;background:transparent;color:var(--mm-important-video-arrow-color);cursor:pointer;transform:translateY(-50%)}.mm-important-video__arrow svg{width:32px;height:26px}.mm-important-video__arrow--previous{left:-24px}.mm-important-video__arrow--next{right:-24px}.mm-important-video__arrow--next svg{transform:rotate(180deg)}.mm-important-video__arrow:disabled{opacity:.35;cursor:default}@media(prefers-reduced-motion:reduce){.mm-important-video__initial-control,.mm-important-video__control{transition:none}}@media screen and (max-width:749px){.mm-important-video__inner{padding:var(--mm-important-video-mobile-padding-top) 20px var(--mm-important-video-mobile-padding-bottom)}.mm-important-video__header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:15px}.mm-important-video__heading{max-width:620px;font-size:44px;text-align:center}.mm-important-video__supporting{font-size:12px;text-align:center}.mm-important-video__video-title{top:24px;left:16px;max-width:calc(100% - 32px);font-size:18px}.mm-important-video__initial-control,.mm-important-video__hosted-controls{left:16px;bottom:24px}.mm-important-video__initial-control{height:38px;padding:12px 36px 11px;gap:10px;font-size:16px}.mm-important-video__initial-control svg{width:16px}.mm-important-video__hosted-controls{gap:10px}.mm-important-video__control{width:38px;height:38px}.mm-important-video__arrow{width:44px;height:44px;padding:12px}.mm-important-video__arrow svg{width:20px;height:17px}.mm-important-video__arrow--previous{left:-22px}.mm-important-video__arrow--next{right:-22px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mm-important-video.css.map */