.DemoVideoDialog_dialog__V9Dl9{width:100%;max-width:none;height:100%;max-height:none;padding:72px 24px;border:0;background:transparent;overflow:hidden;color:white;opacity:0;transition:opacity .32s cubic-bezier(.4,0,1,1);transition:opacity .32s cubic-bezier(.4,0,1,1),overlay allow-discrete .42s,display allow-discrete .42s}.DemoVideoDialog_dialog__V9Dl9[open]{display:grid;place-items:center;opacity:1;transition-duration:.5s,.7s,.7s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.DemoVideoDialog_dialog__V9Dl9::backdrop{background:rgba(6,6,8,0);backdrop-filter:blur(0);transition:background-color .42s ease,backdrop-filter .42s ease;transition:background-color .42s ease,backdrop-filter .42s ease,overlay allow-discrete .42s,display allow-discrete .42s}.DemoVideoDialog_dialog__V9Dl9[open]::backdrop{background:rgba(6,6,8,.86);backdrop-filter:blur(28px) saturate(120%);transition-duration:.7s}.DemoVideoDialog_player__2iV5K,.DemoVideoDialog_rotate__O7S27{grid-area:1/1}.DemoVideoDialog_surface__aeSY6{display:grid;place-items:center;width:100%;height:100%;min-height:0}.DemoVideoDialog_surface__aeSY6:fullscreen{background:#000}.DemoVideoDialog_player__2iV5K{position:relative;width:min(1440px,100%,(100dvh - 144px) * 16/9);border-radius:20px;overflow:hidden;background:#000;box-shadow:0 40px 120px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);transform:translateY(20px) scale(.97);opacity:0;transition:transform .42s cubic-bezier(.4,0,1,1),opacity .32s ease}.DemoVideoDialog_dialog__V9Dl9[open] .DemoVideoDialog_player__2iV5K{transform:none;opacity:1;transition:transform .9s cubic-bezier(.16,1,.3,1) 60ms,opacity .6s ease 60ms}.DemoVideoDialog_dialog__V9Dl9[data-stage=rotate] .DemoVideoDialog_player__2iV5K{transform:scale(.97);opacity:0;pointer-events:none}.DemoVideoDialog_player__2iV5K video{display:block;width:100%;aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;background:#000}.DemoVideoDialog_player__2iV5K video:focus{outline:none}.DemoVideoDialog_close___oUTA{position:fixed;top:20px;right:20px;z-index:1;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;color:rgba(255,255,255,.78);background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);backdrop-filter:blur(20px);cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .25s ease,color .25s ease}.DemoVideoDialog_dialog__V9Dl9[open] .DemoVideoDialog_close___oUTA{opacity:1;transition:opacity .5s ease .35s,background-color .25s ease,color .25s ease}.DemoVideoDialog_close___oUTA:focus-visible{outline:1.5px solid rgba(255,255,255,.8);outline-offset:3px}@media (hover:hover) and (pointer:fine){.DemoVideoDialog_close___oUTA:hover{color:#fff;background:rgba(255,255,255,.16)}}.DemoVideoDialog_rotate__O7S27{display:grid;justify-items:center;gap:12px;max-width:300px;padding:0 12px;text-align:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}.DemoVideoDialog_dialog__V9Dl9[data-stage=rotate] .DemoVideoDialog_rotate__O7S27{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease .15s,transform .8s cubic-bezier(.16,1,.3,1) .15s,visibility 0s}.DemoVideoDialog_rotateDevice__75pHp{position:relative;display:grid;place-items:center;width:104px;height:104px;margin-bottom:12px}.DemoVideoDialog_rotateDevice__75pHp:before{content:"";position:absolute;width:78px;height:44px;border-radius:10px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18)}.DemoVideoDialog_rotateDevice__75pHp i{position:relative;width:44px;height:78px;border-radius:10px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.92);animation:DemoVideoDialog_rotateHint__SMYi0 2.8s cubic-bezier(.65,0,.35,1) infinite}.DemoVideoDialog_rotateDevice__75pHp i:after{content:"";position:absolute;top:7px;left:50%;width:12px;height:3px;border-radius:2px;background:rgba(255,255,255,.92);transform:translateX(-50%)}.DemoVideoDialog_rotate__O7S27 strong{font-size:19px;font-weight:600;letter-spacing:-.015em}.DemoVideoDialog_rotate__O7S27 p{margin:0;color:rgba(255,255,255,.6);font-size:14px;line-height:1.5;text-wrap:pretty}.DemoVideoDialog_rotateSkip__PFrNA{margin-top:12px;padding:10px 14px;border:0;background:none;color:rgba(255,255,255,.72);font:inherit;font-size:14px;text-decoration:underline;text-decoration-color:rgba(255,255,255,.28);text-underline-offset:4px;cursor:pointer}.DemoVideoDialog_rotateSkip__PFrNA:focus-visible{outline:1.5px solid rgba(255,255,255,.8);outline-offset:2px;border-radius:8px}@keyframes DemoVideoDialog_rotateHint__SMYi0{0%{transform:rotate(0);opacity:0}10%,20%{transform:rotate(0);opacity:1}55%,85%{transform:rotate(-90deg);opacity:1}to{transform:rotate(-90deg);opacity:0}}@starting-style{.DemoVideoDialog_dialog__V9Dl9[open]{opacity:0}.DemoVideoDialog_dialog__V9Dl9[open]::backdrop{background:rgba(6,6,8,0);backdrop-filter:blur(0)}.DemoVideoDialog_dialog__V9Dl9[open] .DemoVideoDialog_player__2iV5K{transform:translateY(20px) scale(.97);opacity:0}.DemoVideoDialog_dialog__V9Dl9[open] .DemoVideoDialog_close___oUTA{opacity:0}}@media (max-width:720px){.DemoVideoDialog_dialog__V9Dl9{padding:64px 12px}.DemoVideoDialog_player__2iV5K{border-radius:12px}.DemoVideoDialog_close___oUTA{top:12px;right:12px}}.DemoVideoDialog_dialog__V9Dl9[data-mobile=true]{position:fixed;inset:0;margin:0;width:100%;height:100dvh;padding:0;background:#000}.DemoVideoDialog_dialog__V9Dl9[data-mobile=true] .DemoVideoDialog_player__2iV5K{width:100%;height:100%;border-radius:0;box-shadow:none}.DemoVideoDialog_dialog__V9Dl9[data-mobile=true] .DemoVideoDialog_player__2iV5K video{width:100%;height:100%;aspect-ratio:auto}.DemoVideoDialog_dialog__V9Dl9[data-mobile=true] .DemoVideoDialog_close___oUTA{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px}@media (prefers-reduced-motion:reduce){.DemoVideoDialog_close___oUTA,.DemoVideoDialog_dialog__V9Dl9,.DemoVideoDialog_dialog__V9Dl9::backdrop,.DemoVideoDialog_player__2iV5K,.DemoVideoDialog_rotate__O7S27{transition:none}.DemoVideoDialog_player__2iV5K{transform:none}.DemoVideoDialog_rotateDevice__75pHp i{animation:none;transform:rotate(-90deg)}}