.spaces-video-carousel{display:block;width:calc(100% - 2 * var(--asif-content-inset, 20px));padding-block:var(--asif-component-space);margin-inline:auto;position:relative}.spaces-video-carousel__controls{display:flex;justify-content:flex-end;gap:16px;margin-bottom:12px}.spaces-video-carousel__controls button{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--asif-component-line);border-radius:var(--asif-component-radius);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:16px;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 88%;aspect-ratio:16 / 9;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;border:0;border-radius:var(--asif-component-radius);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:var(--asif-component-radius);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;border-radius:50%;height:52px;border:1px solid var(--asif-component-line);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:500 13px/1.4 var(--asif-sans);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% - 16px)/2)}}@media(prefers-reduced-motion:reduce){.asif-video-facade img{transition:none}}.spaces-video-carousel__header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.spaces-video-carousel__controls{align-items:center;margin:0;flex-shrink:0;gap:8px}.spaces-video-carousel__controls button{border-radius:50%!important}.spaces-video-carousel__status{font:500 12px/1.4 var(--asif-sans);font-variant-numeric:tabular-nums;margin-right:8px;white-space:nowrap}.spaces-video-carousel__note{margin:16px 0 0;color:#181a1ab8;font:400 13px/1.5 var(--asif-sans)}@media(max-width:699px){.spaces-video-carousel__header{align-items:start;flex-direction:column;gap:16px}.spaces-video-carousel__controls{align-self:flex-end}}.spaces-video-carousel .video-wrapper{border-radius:var(--asif-component-radius)!important}
/*# sourceMappingURL=/cdn/shop/t/272/assets/asif-spaces-video-facade.css.map */