.support-cinema{background:var(--cinema-background, #132c24);color:#f5f6f2;padding-block:var(--cinema-spacing, 88px);font:400 16px/1.6 var(--font-body--family, sans-serif)}.support-cinema *,.support-cinema *:before,.support-cinema *:after{box-sizing:border-box}.support-cinema__wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;width:min(1280px,calc(100% - 96px));margin-inline:auto}.support-cinema figure,.support-cinema h2,.support-cinema p{margin:0}.support-cinema__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:48px;align-items:end;margin-bottom:0}.support-cinema h2{max-width:14ch;font:var(--font-heading--weight, 200) clamp(38px,4.5vw,64px)/1.04 var(--font-heading--family, serif);letter-spacing:-.035em;text-transform:none;color:inherit;text-wrap:balance}.support-cinema__description{max-width:40ch;color:#c4d3c7;justify-self:end}.support-cinema__stage{position:relative;background:#0d201a;overflow:hidden;aspect-ratio:var(--cinema-desktop-ratio, 16 / 9)}.support-cinema video{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:#0d201a}.support-cinema .support-cinema__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:12px 20px;transform:translate(-50%,-50%);border-radius:var(--style-border-radius-buttons-primary);background:#132c24;color:#f5f6f2}.support-cinema__play svg{width:22px;height:22px}.support-cinema__play:dir(rtl){transform:translate(50%,-50%)}.support-cinema__end-link{position:absolute;top:0;right:0;bottom:72px;left:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px;color:#f5f6f2;text-decoration:none;cursor:pointer}.support-cinema__end-link>span{padding:11px 16px;border:1px solid #c4d3c7;border-radius:6px;background:#132c24;font-size:14px;font-weight:500}.support-cinema__end-link:hover>span{background:#315546}.support-cinema__end-link:focus-visible{outline:2px solid #dfebd7;outline-offset:-5px}.support-cinema video:focus-visible,.support-cinema button:focus-visible,.support-cinema__stage:focus-visible{outline:2px solid #dfebd7;outline-offset:5px}.support-cinema button{flex-shrink:0;min-height:46px;padding:11px 20px;border:1px solid #c4d3c7;border-radius:6px;color:#f5f6f2;background:transparent;font:500 14px/1.4 var(--font-body--family, sans-serif);cursor:pointer;transition:background-color .16s ease}.support-cinema button:hover:not(:disabled){background:#315546}.support-cinema button:disabled{opacity:.5;cursor:not-allowed}.support-cinema [hidden]{display:none!important}.support-cinema figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;color:#c4d3c7;font-size:12px;line-height:1.5}.support-cinema__drag-note{display:none;white-space:nowrap}.support-cinema__status{font-size:13px;color:#f5f6f2}.support-cinema__status:not(:empty){margin-top:12px}.support-cinema__retry{margin-top:12px}@media(hover:hover)and (pointer:fine){support-cinema[data-ready][data-enable-drag] .support-cinema__stage{cursor:grab}support-cinema[data-dragging] .support-cinema__stage{cursor:grabbing}support-cinema[data-ready][data-enable-drag] .support-cinema__drag-note{display:inline}}@media(max-width:989px){.support-cinema__wrap{width:calc(100% - 48px);grid-template-columns:minmax(0,1fr);gap:32px}.support-cinema__intro{gap:28px}}@media(max-width:749px){.support-cinema{padding-block:calc(var(--cinema-spacing, 88px) * .7)}.support-cinema__wrap{width:calc(100% - 40px)}.support-cinema__intro{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:0}.support-cinema__description{justify-self:start}.support-cinema h2{font-size:clamp(38px,10vw,54px)}.support-cinema video{min-height:0}.support-cinema__figure{width:min(100%,390px);min-width:0;margin-inline:auto}.support-cinema__stage{aspect-ratio:var(--cinema-mobile-ratio, 9 / 16)}.support-cinema figcaption{flex-direction:column;gap:8px}}@media(max-width:359px){.support-cinema__wrap{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){.support-cinema *,.support-cinema *:before,.support-cinema *:after{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/support-cinema.css.map */