.cm-video-showcase{margin-top:128px}@media screen and (min-width: 990px){.cm-video-showcase{margin-top:240px}}.cm-video-showcase__header{display:grid;grid-template-columns:repeat(12,1fr);margin-bottom:5.6rem}.cm-video-showcase__heading{margin-bottom:40px;grid-column:2/11;margin-top:0}.cm-video-showcase__description{margin-bottom:56px;grid-column:2/12;font-size:16px;font-style:normal;font-weight:400;line-height:140%;color:var(--color-black)}@media screen and (min-width: 990px){.cm-video-showcase__description{grid-column:2/6}}.cm-video-showcase__content{width:100%}.cm-video-showcase__grid{gap:16px}.cm-video-showcase__item{position:relative;display:flex;flex-direction:column}.cm-video-showcase__video-container{position:relative;width:100%;margin-bottom:16px}.cm-video-showcase__thumbnail-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;cursor:pointer;background-color:var(--color-black);overflow:hidden}.cm-video-showcase__thumbnail-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.cm-video-showcase__thumbnail{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease,transform .5s ease}.cm-video-showcase__thumbnail--desktop{display:none}.cm-video-showcase__thumbnail--mobile{display:block}@media screen and (min-width: 750px){.cm-video-showcase__thumbnail--desktop{display:block}.cm-video-showcase__thumbnail--mobile{display:none}}.cm-video-showcase__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background .2s ease,transform .2s ease}.cm-video-showcase__thumbnail-wrapper:hover .cm-video-showcase__thumbnail{transform:scale(1.05);opacity:.8}.cm-video-showcase__thumbnail-wrapper:hover .cm-video-showcase__play-button{transform:translate(-50%,-50%) scale(1.1)}.cm-video-showcase__play-icon{display:flex;align-items:center;justify-content:center}.cm-video-showcase__play-icon svg{width:24px;height:24px;margin-left:.2rem;stroke:var(--color-midnight-blue);stroke-width:2px;color:transparent}.cm-video-showcase__video-wrapper{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;background-color:#0000000d}@media screen and (min-width: 990px){.cm-video-showcase__video-wrapper{aspect-ratio:16/9}}.deferred-media iframe,.cm-video-showcase__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.cm-video-showcase__title{margin-top:0;margin-bottom:0;font-size:16px;font-style:normal;font-weight:400;line-height:140%}.cm-video-showcase__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;box-sizing:border-box}.cm-video-showcase__overlay.active{opacity:1;visibility:visible}.cm-video-showcase__overlay-content{position:relative;width:100%;max-width:1200px;aspect-ratio:16/9;background-color:#000}.cm-video-showcase__close-button{position:absolute;top:20px;right:20px;width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001}.cm-video-showcase__close-icon{width:24px;height:24px;position:relative}.cm-video-showcase__close-icon:before,.cm-video-showcase__close-icon:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:#fff}.cm-video-showcase__close-icon:before{transform:rotate(45deg)}.cm-video-showcase__close-icon:after{transform:rotate(-45deg)}.cm-video-showcase__overlay-video{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width: 989px){.cm-video-showcase__grid{gap:56px}.cm-video-showcase .grid__item{width:100%;max-width:calc(100% / 12 * 11)}.cm-video-showcase .grid__item:nth-child(odd){margin-left:-3em}.cm-video-showcase .grid__item:nth-child(odd) .cm-video-showcase__title{margin-left:5em}.cm-video-showcase .grid__item:nth-child(2n){margin-left:auto;margin-right:-3.2em}}@media screen and (max-width: 749px){.cm-video-showcase .grid__item:nth-child(odd){margin-left:-1.25em}.cm-video-showcase .grid__item:nth-child(odd) .cm-video-showcase__title{margin-left:1.5em}.cm-video-showcase .grid__item:nth-child(2n){margin-right:-1.25em}}body.video-overlay-active{overflow:hidden}@media screen and (min-width: 990px){.cm-video-showcase__description{margin-bottom:4.4rem;grid-column:2/8}}@media screen and (min-width: 1280px){.cm-video-showcase__description{grid-column:2/6}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-cm-video-showcase.css.map */