.cm-media-single{display:grid;grid-template-columns:repeat(12,1fr);margin-top:128px}@media screen and (min-width: 990px){.cm-media-single{margin-top:240px}}.cm-media-single__header{margin-bottom:56px;grid-column:2/12}.cm-media-single__heading{margin:0 0 40px}.cm-media-single__intro{font-size:16px;font-style:normal;font-weight:400;line-height:140%;color:var(--color-black)}@media screen and (min-width: 990px){.cm-media-single__intro{max-width:50%}}@media screen and (min-width: 1280px){.cm-media-single__intro{max-width:calc(100% / 12 * 5)}}.cm-media-single__content{display:flex;flex-direction:column;gap:30px;grid-column:2/13;padding-left:-5rem;width:calc(100% + 5rem)}.cm-media-single__main-video-container{position:relative;width:100%}.cm-media-single__preview-container{position:relative;width:100%;cursor:pointer;overflow:hidden;background:#f5f5f5;padding-bottom:56.25%}@media screen and (max-width: 749px){.cm-media-single__preview-container{padding-bottom:150%}}.cm-media-single__thumbnail-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:opacity .3s ease}.cm-media-single__thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.cm-media-single__thumbnail--desktop{display:block}.cm-media-single__thumbnail--mobile{display:none}@media screen and (max-width: 749px){.cm-media-single__thumbnail--desktop{display:none}.cm-media-single__thumbnail--mobile{display:block}}.cm-media-single__loop-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;overflow:hidden}.cm-media-single__loop-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.cm-media-single__loop-video::-webkit-media-controls{display:none!important}.cm-media-single__loop-video::-webkit-media-controls-enclosure{display:none!important}.cm-media-single__loop-video--desktop{display:block}.cm-media-single__loop-video--mobile{display:none}@media screen and (max-width: 749px){.cm-media-single__loop-video--desktop{display:none}.cm-media-single__loop-video--mobile{display:block}}.cm-media-single__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;z-index:2;pointer-events:auto}.cm-media-single__preview-container:hover .cm-media-single__play-button{transform:translate(-50%,-50%) scale(1.1)}.cm-media-single__play-icon{display:flex;align-items:center;justify-content:center}.cm-media-single__play-icon svg{width:24px;height:24px;margin-left:.2rem;stroke:var(--color-midnight-blue);stroke-width:2px;color:transparent}.cm-media-single__video-wrapper{display:none}.cm-media-single__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cm-media-single__overlay.active{opacity:1;visibility:visible}.cm-media-single__overlay-content{position:relative;width:100%;max-width:1200px;height:auto;max-height:90vh}.cm-media-single__close-button{position:absolute;top:20px;right:20px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;z-index:10000;padding:0}.cm-media-single__close-icon{display:block;width:40px;height:40px;position:relative}.cm-media-single__close-icon:before,.cm-media-single__close-icon:after{content:"";position:absolute;top:50%;left:50%;width:24px;height:2px;background:#fff}.cm-media-single__close-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.cm-media-single__close-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.cm-media-single__overlay-video-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden}.cm-media-single__overlay-video-container video,.cm-media-single__overlay-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.cm-media-single__overlay-video{width:100%;height:100%;object-fit:contain}body.video-overlay-active{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-cm-media-single.css.map */