.local-video{--lv-control-size:40px;--lv-gap:12px;--lv-surface:#18181852;aspect-ratio:16/9;isolation:isolate;color:#fff;font:14px/1 var(--store-font);background:#0f0f0f;border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}.local-video>video[playsinline]{object-fit:contain;background:#0f0f0f;border:0;border-radius:0;width:100%;height:100%;display:block}.local-video button,.local-video a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.local-video button{width:var(--lv-control-size);height:var(--lv-control-size);color:#fff;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.local-video svg{filter:drop-shadow(0 1px 1px #00000080);flex:none;width:24px;height:24px;display:block}.local-video button:focus-visible,.local-video a:focus-visible,.local-video input:focus-visible{outline-offset:-3px;outline:2px solid #fff}.local-video-bottom{z-index:2;padding:12px 12px 8px;transition:opacity .18s;position:absolute;inset:auto 0 0}.local-video-track{background:#6c6c6cd9;border-radius:4px;height:4px;margin-bottom:9px;position:relative}.local-video-buffer,.local-video-progress{border-radius:inherit;pointer-events:none;position:absolute;inset:0 auto 0 0}.local-video-buffer{background:#ffffff6b}.local-video-progress{background:#f03}.local-video-track input{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:24px;margin:0;padding:0;position:absolute;top:-10px;left:0}.local-video-track input::-webkit-slider-thumb{appearance:none;opacity:0;background:#f03;border:0;border-radius:50%;width:12px;height:12px;transition:opacity .12s,transform .12s;transform:scale(0)}.local-video-track input::-moz-range-thumb{opacity:0;background:#f03;border:0;border-radius:50%;width:12px;height:12px;transition:opacity .12s,transform .12s;transform:scale(0)}.local-video-track:hover input::-webkit-slider-thumb{opacity:1;transform:scale(1)}.local-video-track input:focus-visible::-webkit-slider-thumb{opacity:1;transform:scale(1)}.local-video-track:hover input::-moz-range-thumb{opacity:1;transform:scale(1)}.local-video-track input:focus-visible::-moz-range-thumb{opacity:1;transform:scale(1)}.local-video-track input::-moz-range-track{background:0 0}.local-video-controls,.local-video-transport,.local-video-tools,.local-video-volume{align-items:center;display:flex}.local-video-controls{justify-content:space-between;gap:8px}.local-video-transport{gap:var(--lv-gap);min-width:0}.local-video .local-video-play,.local-video-volume,.local-video-time,.local-video-tools{background:var(--lv-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;flex:none}.local-video .local-video-play:hover{background:#1818186b}.local-video-volume button:hover,.local-video-tools button:hover,.local-video .local-video-original:hover{background:#ffffff26}.local-video-volume{position:relative}.local-video-volume button{border-radius:inherit}.local-video-volume input{opacity:0;accent-color:#fff;border:0;width:0;min-width:0;margin:0;padding:0;transition:width .15s,opacity .15s}.local-video-volume:hover input,.local-video-volume:focus-within input{opacity:1;width:64px;margin-right:14px}.local-video-time{height:var(--lv-control-size);white-space:nowrap;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000000a6;justify-content:center;align-items:center;padding:0 16px;display:flex}.local-video-tools{gap:4px;padding:0 6px}.local-video-tools button{width:44px}.local-video .local-video-original{width:40px;height:var(--lv-control-size);color:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex}.local-video a.local-video-original:hover{color:#fff}.local-video-original svg{width:25px;height:19px}.local-video-settings{position:relative}.local-video-settings svg{transition:transform .2s}.local-video-settings button[aria-expanded=true] svg{transform:rotate(30deg)}.local-video-hd{color:#fff;font:700 8px/1 var(--store-font);pointer-events:none;background:#f03;border-radius:2px;padding:1px 2px;position:absolute;top:7px;right:7px}.local-video-freeze{object-fit:contain;pointer-events:none;background:#0f0f0f;width:100%;height:100%;position:absolute;inset:0}.local-video-freeze[hidden]{display:none}.local-video-menu{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#1c1c1ce6;border-radius:12px;flex-direction:column;width:264px;max-width:calc(100% - 24px);max-height:calc(100% - 86px);font-size:14px;line-height:20px;transition:opacity .14s,transform .14s;display:flex;position:absolute;bottom:74px;right:12px;overflow:hidden;box-shadow:0 8px 28px #00000059}@starting-style{.local-video-menu{opacity:0;transform:translateY(6px)}}.local-video .local-video-menu button{color:#fff;text-align:left;border-radius:0;justify-content:flex-start;align-items:center;gap:14px;width:100%;height:40px;padding:0 12px 0 16px;font-size:14px;display:flex}.local-video .local-video-menu button:hover{background:#ffffff1a}.local-video .local-video-menu button:focus-visible{background:#ffffff1a;outline:0;box-shadow:inset 0 0 0 2px #ffffffd9}.local-video .local-video-menu svg{filter:none;width:20px;height:20px}.local-video-menu-label{white-space:nowrap;flex:1;min-width:0}.local-video-menu-label sup{vertical-align:6px;margin-left:2px;font-size:9px;font-weight:700;line-height:0}.local-video-menu-value{color:#ffffffb8;white-space:nowrap}.local-video-menu-value+svg{color:#ffffffb8;margin-left:-8px}.local-video-menu-list,.local-video-menu-speeds{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;min-height:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 8px calc(100% - 8px),#0000);mask-image:linear-gradient(#0000,#000 8px calc(100% - 8px),#0000)}.local-video-menu-list{padding:8px 0}.local-video .local-video-menu .local-video-menu-back{border-bottom:1px solid #ffffff2e;flex:none;gap:8px;height:48px;padding-left:10px;font-weight:500}.local-video-menu-speeds{grid-template-columns:repeat(4,1fr);gap:8px;padding:16px;display:grid}.local-video .local-video-menu .local-video-speed{font-variant-numeric:tabular-nums;text-align:center;background:#ffffff1a;border-radius:999px;justify-content:center;height:36px;padding:0;font-size:13px}.local-video .local-video-menu .local-video-speed:hover{background:#fff3}.local-video .local-video-menu .local-video-speed[aria-checked=true]{color:#0f0f0f;background:#fff;font-weight:500}.local-video .local-video-menu .local-video-speed:focus-visible{box-shadow:0 0 0 2px #1c1c1c,0 0 0 4px #fff}.local-video-menu-check{flex:none;width:20px;display:flex}.local-video:not(.is-visible){cursor:none}.local-video:not(.is-visible) .local-video-bottom{opacity:0;pointer-events:none}.local-video:focus-visible .local-video-bottom{opacity:1;pointer-events:auto}.local-video:has(:focus-visible) .local-video-bottom{opacity:1;pointer-events:auto}.local-video-error{text-align:center;background:#111e;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;line-height:1.5;display:flex;position:absolute;inset:0}.local-video-error p{margin:0}.local-video-error button,.local-video .local-video-error a{color:#fff;align-items:center;gap:8px;width:auto;padding:8px 12px;display:flex}.local-video.has-error .local-video-bottom{display:none}.local-video-spinner{pointer-events:none;border:3px solid #fff5;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite local-video-spin;position:absolute;top:calc(50% - 20px);left:calc(50% - 20px)}@keyframes local-video-spin{to{transform:rotate(360deg)}}.local-video:fullscreen{aspect-ratio:auto;border-radius:0;width:100%;height:100%}@container (max-width:560px){.local-video-bottom{--lv-gap:8px}.local-video-tools{gap:2px;padding:0 4px}.local-video-tools button{width:36px}.local-video-volume input{left:0;bottom:calc(var(--lv-control-size) + 12px);visibility:hidden;pointer-events:none;background:#555e;border-radius:999px;width:92px;height:32px;padding:0 10px;position:absolute}.local-video-volume:hover input,.local-video-volume:focus-within input{opacity:1;visibility:visible;pointer-events:auto;width:92px;margin:0}.local-video-tools button[aria-label="Картинка в картинке"]{display:none}.local-video-menu{width:auto;max-width:none;max-height:calc(100% - 16px);bottom:8px;left:8px;right:8px}}@container (max-width:450px){.local-video-bottom{--lv-control-size:34px;--lv-gap:8px;padding:10px 10px 8px}.local-video-time{padding:0 12px;font-size:12px}.local-video-tools button,.local-video .local-video-original{width:32px}.local-video svg{width:22px;height:22px}.local-video-original svg{width:23px;height:17px}}@container (max-width:350px){.local-video-bottom{--lv-control-size:32px;--lv-gap:6px;padding-inline:8px}.local-video-time{padding:0 8px;font-size:11px}.local-video-tools{gap:0;padding-inline:2px}.local-video-tools button,.local-video .local-video-original{width:28px}}@media (prefers-reduced-motion:reduce){.local-video *,.local-video :before,.local-video :after{transition:none;animation-duration:2s}}
