.klar-video-wall{padding-top:var(--section-padding-top, 60px);padding-bottom:var(--section-padding-bottom, 60px);background:#fff;color:#17181a}.klar-video-wall *,.klar-video-wall *:before,.klar-video-wall *:after{box-sizing:border-box}.klar-video-wall__heading-wrap{max-width:560px;margin:0 auto 48px;text-align:center}.klar-video-wall__heading{margin:0;color:#17181a;font-family:var(--font-stack-header, inherit);font-size:48px;font-weight:600;line-height:1.14;letter-spacing:-.02em}.klar-video-wall__heading--accent{color:#17181a}.klar-video-wall__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:1184px;margin:0 auto}.klar-video-wall__item{position:relative;overflow:hidden;aspect-ratio:9 / 14;background:#111;border:1px solid #d8d8d8;border-radius:14px;cursor:pointer}.klar-video-wall__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.klar-video-wall__play-btn{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:96px;height:96px;color:#000;background:#fff;border-radius:50%;box-shadow:0 2px 16px #00000024;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease}.klar-video-wall__play-btn svg{width:74px;height:74px;margin-left:5px}.klar-video-wall__item:hover .klar-video-wall__play-btn{transform:translate(-50%,-50%) scale(1.06)}.klar-video-wall__item.is-playing .klar-video-wall__play-btn{opacity:0}@media(max-width:767px){.klar-video-wall{overflow:hidden}.klar-video-wall__heading-wrap{max-width:470px;margin:0 auto 32px;text-align:left}.klar-video-wall__heading{font-size:36px;line-height:1.25;text-align:center}.klar-video-wall__grid{display:flex;gap:17px;max-width:none;margin:0;overflow-x:auto;padding:0 24px 4px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.klar-video-wall__grid::-webkit-scrollbar{display:none}.klar-video-wall__item{flex:0 0 clamp(320px,82vw,472px);border-radius:18px;scroll-snap-align:start}.klar-video-wall__play-btn{width:100px;height:100px}.klar-video-wall__play-btn svg{width:84px;height:84px;margin-left:8px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/klar-video-wall.css.map */