.kx-footage{--ar: 1.7778;--arc: 16 / 9;--rh: min(70svh, 760px)}.kx-footage .kx-head{margin-bottom:clamp(28px,3.4vw,48px)}.kx-footage:not(.has-tabs) .kx-head{margin-bottom:clamp(40px,5vw,72px)}.kx-footage__bar{display:grid;justify-items:center;margin-bottom:clamp(20px,2.4vw,32px)}.kx-footage .kx-apps__thumb{background:linear-gradient(90deg,var(--kx-fg) calc(var(--rp, 0) * 100%),color-mix(in srgb,var(--kx-fg) 58%,transparent) 0)}.kx-footage__stagewrap{width:min(100%,calc(var(--rh) * var(--ar)));margin-inline:auto}.kx-footage__stage{width:100%;aspect-ratio:var(--arc);box-shadow:0 40px 120px -40px #000000e6}.kx-footage__clip{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .45s var(--kx-ease),visibility 0s linear .45s}.kx-footage__clip.is-cur{opacity:1;visibility:visible;z-index:1;transition:opacity .45s var(--kx-ease),visibility 0s}.kx-footage__clip.is-out{opacity:1;visibility:visible;transition:none}.kx-footage__v,.kx-footage__clip>.kx-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}video.kx-footage__v:fullscreen{object-fit:contain;background:#000}video.kx-footage__v:-webkit-full-screen{object-fit:contain;background:#000}.kx-footage__hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;-webkit-tap-highlight-color:transparent}.kx-footage__stage.is-wait:before{content:"";position:absolute;left:50%;top:50%;z-index:3;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:2px solid rgba(255,255,255,.22);border-top-color:var(--kx-fg);animation:kx-spin .8s linear infinite;pointer-events:none}.kx-footage__ctl{position:absolute;right:16px;bottom:16px;z-index:3;display:flex;gap:8px}.kx-footage__btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--kx-fg);background:#05060780;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px #ffffff24;transition:background-color .3s}.kx-footage__btn[hidden]{display:none}.kx-footage__btn:hover{background:#050607bf}.kx-footage__btn svg{width:16px;height:16px}.kx-footage__btn .kx-i-play,.kx-footage__btn .kx-i-on{display:none}.kx-footage__btn[aria-pressed=true] .kx-i-play,.kx-footage__btn[aria-pressed=true] .kx-i-on{display:block}.kx-footage__btn[aria-pressed=true] .kx-i-pause,.kx-footage__btn[aria-pressed=true] .kx-i-off{display:none}.kx-footage__btn[data-sound][aria-pressed=true]{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kx-accent) 70%,transparent);color:var(--kx-accent)}.kx-footage__caps{display:grid;margin-top:18px}.kx-footage__cap{grid-area:1 / 1;display:grid;align-content:start;gap:6px;max-width:46em;padding-inline:4px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s var(--kx-ease),transform .45s var(--kx-ease-out),visibility 0s linear .3s}.kx-footage__cap.is-cur{opacity:1;visibility:visible;transform:none;transition:opacity .45s var(--kx-ease) .12s,transform .6s var(--kx-ease-out) .12s,visibility 0s}.kx-footage__text{color:var(--kx-fg-2);text-wrap:pretty}@media(max-width:749px){.kx-footage{--rh: min(64svh, 640px)}.kx-footage .kx-apps{gap:2px;padding-right:6px;-webkit-mask-image:none;mask-image:none}.kx-footage .kx-app{gap:6px;padding:0 10px 0 9px;font-size:13px}.kx-footage__stage{border-radius:var(--kx-r)}.kx-footage__ctl{right:10px;bottom:10px;gap:6px}.kx-footage__btn{width:36px;height:36px}.kx-footage__caps{margin-top:14px}.kx-footage__text{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/kx-footage.css.map */