.spaces-video-carousel{width:min(100%,1400px);margin-inline:auto;position:relative}.spaces-video-carousel__controls{display:flex;justify-content:flex-end;gap:1px;margin-bottom:12px}.spaces-video-carousel__controls button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #181a1a;border-radius:0;background:#f2efe6;color:#181a1a;cursor:pointer}.spaces-video-carousel__controls button:hover,.spaces-video-carousel__controls button:focus-visible{background:#e7df72}.spaces-video-carousel__controls button:focus-visible{outline:2px solid #181a1a;outline-offset:2px}.spaces-video-carousel__controls button:disabled{cursor:default;opacity:.32}.spaces-video-carousel__arrow{width:13px;height:13px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.spaces-video-carousel__arrow--left{transform:rotate(225deg)}.video-slider{display:flex;gap:1px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:0;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.video-slider::-webkit-scrollbar{display:none}.video-slider:focus-visible{outline:2px solid #181a1a;outline-offset:3px}.video-slider .video-wrapper{position:relative;flex:0 0 min(86vw,640px);aspect-ratio:16 / 9;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;border:0;border-radius:0;background:#181a1a;box-shadow:none}.video-slider .video-wrapper iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.asif-video-facade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#181a1a;color:#f2efe6;cursor:pointer;overflow:hidden}.asif-video-facade img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .18s cubic-bezier(.2,0,0,1),opacity .18s cubic-bezier(.2,0,0,1)}.asif-video-facade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 48%,rgb(0 0 0 / .78))}.asif-video-facade__play{position:absolute;z-index:2;inset:50% auto auto 50%;translate:-50% -50%;display:grid;place-items:center;width:52px;height:52px;border:1px solid #181a1a;background:#e7df72;color:#181a1a}.asif-video-facade__play .asif-play-icon{width:17px;height:17px;transform:translate(1px)}.asif-video-facade__note{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;text-align:left;font:700 11px/1.35 IBM Plex Mono,monospace;letter-spacing:.02em}.asif-video-facade:hover img{transform:scale(1.015);opacity:.9}.asif-video-facade:focus-visible{outline:3px solid #e7df72;outline-offset:-3px}@media(min-width:750px){.video-slider .video-wrapper{flex-basis:calc((100% - 1px)/2)}}@media(prefers-reduced-motion:reduce){.asif-video-facade img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/asif-spaces-video-facade.css.map */