.videos{display:block}.videos__container{max-width:var(--base-max-width);margin:0 auto;padding:0 var(--base-padding-inline)}.videos__title{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:48px}.videos__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}.videos__item{position:relative}.videos__video-wrapper{position:relative;width:100%;aspect-ratio:316 / 528;background:#000;overflow:hidden;border-radius:12px}.videos__video{width:100%;height:100%;object-fit:cover}.videos__control{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:none;border:none;cursor:pointer;z-index:2;transition:transform .2s ease,opacity .2s ease}.videos__control:hover{transform:translate(-50%,-50%) scale(1.1)}.videos__control-play{display:block}.videos__control-pause{display:none;opacity:0}.videos__control.is-playing .videos__control-play{display:none}.videos__control.is-playing .videos__control-pause{display:block}.videos__video-wrapper:hover .videos__control.is-playing .videos__control-pause{opacity:1}.videos__control:not(.is-playing){opacity:1}.videos__text-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(180deg,#19181800,#191818);color:#fff;transition:opacity .3s ease}.videos__text-overlay--hide-on-play{opacity:1}.videos__video-wrapper.is-playing .videos__text-overlay--hide-on-play{opacity:0}.videos__item-title{font-size:1.25rem;font-weight:600;margin-bottom:4px}.videos__item-subtitle{font-size:.875rem;opacity:.9}.videos__carousel{display:none}.videos__mobile-item{height:100%}@media screen and (min-width: 750px) and (max-width: 1023px){.videos__title{font-size:1.75rem}}@media (max-width: 749px){.videos__title{font-size:1.75rem;margin-bottom:32px}.videos__grid{display:none}.videos__carousel{display:block;margin-left:calc(-1 * var(--base-padding-inline));margin-right:calc(-1 * var(--base-padding-inline))}.videos__video-wrapper{border-radius:8px}.videos__text-overlay{padding:16px}.videos__item-title{font-size:1.125rem}.videos__item-subtitle{font-size:.75rem}.videos__control svg{width:48px;height:48px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/videos.css.map */