.kinobalancer{display:flex;flex-wrap:wrap;padding:10px 10px 0;justify-content:space-between;align-items:flex-start}
.kinobalancer.loading *{transition:none!important}
.kinobalancer-players{order:1;display:flex;align-items:center;overflow:auto;max-width:calc(100% - 300px);gap:12px;min-width:300px}
.kinobalancer-controls{order:2;width:280px;display:flex;justify-content:flex-end;align-items:center;overflow:auto;gap:12px}
.kinobalancer-frame{aspect-ratio:1.777;width:calc(100% + 20px);order:3;margin:10px -10px;background:#0f0f0f;transition:all .2s ease}
.kinobalancer-films{order:4;width:calc(100% - 300px);display:flex;align-items:center;overflow:auto;gap:12px;transition:all .2s ease}
.kinobalancer-episodes{order:5;display:flex;align-items:center;overflow:auto;gap:12px;padding:0 0 5px;margin:0 0 5px}
.kinobalancer .btn{height:40px;display:flex;justify-content:center;align-items:center;color:#F2F2F2;font-size:14px;font-weight:700;background:#4F4F4F;transition:all .2s ease;border:2px solid transparent;border-radius:6px;padding:0 20px;cursor:pointer;gap:10px;text-transform:uppercase;flex-shrink:0}
.kinobalancer .btn:hover{color:var(--main-color)}
.kinobalancer .btn.active{background:var(--main-color);color:#F2F2F2}
.kinobalancer .btn svg{width:16px;height:16px;fill:var(--main-color);transition:all .2s ease;top:1px;position:relative}
.kinobalancer .btn.active svg{fill:#F2F2F2}
.kinobalancer-players .btn svg{width:16px;height:16px;border-radius:3px;background:var(--main-color);fill:#F2F2F2}
.kinobalancer-players .btn.active svg{background:#F2F2F2;fill:var(--main-color)}
.kinobalancer-frame iframe{aspect-ratio:1.777;border:0;width:100%;display:block}
.kinobalancer:has( .kinobalancer-players[style*="none"] ):has( .kinobalancer-episodes[style*="none"] ) .kinobalancer-controls{width:100%}
.kinobalancer:has( .kinobalancer-players[style*="none"] ) .kinobalancer-episodes{order:1;width:calc(100% - 300px);margin:0 0 -5px}
.kinobalancer:has( .kinobalancer-films[style*="flex"] ) .kinobalancer-frame{width:65%}
.kinobalancer-films{width:35%;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3px;align-self:flex-start;margin:10px 0;counter-reset:kinobalancer-films;aspect-ratio:0.9568}
.kinobalancer-films .btn{width:100%;min-height:40px;height:auto;padding:5px;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:700;text-transform:none;justify-content:flex-start;background:transparent;color:#fff;border-radius:4px;font-family:sans-serif;text-align:left;line-height:20px}
.kinobalancer-films .btn:hover{background:#4d4d4d;color:#fff}
.kinobalancer-films .btn.active{background:var(--main-color)}
.kinobalancer-films .btn span{overflow:hidden;text-overflow:ellipsis}
.kinobalancer-films .btn:before{counter-increment:kinobalancer-films;content:counter(kinobalancer-films);display:flex;width:30px;height:30px;color:#fff;justify-content:center;align-items:center;background:#4d4d4d;border-radius:5px;font-weight:700;font-size:14px;flex-shrink:0}
.kinobalancer-films .btn:hover:before{background:#444}
.kinobalancer-films .btn.active:before{background:#fff;color:var(--main-color)}
.with_sidebar .kinobalancer-frame{width:calc(100% + 19px)!important}
.with_sidebar .kinobalancer-films{width:100%;aspect-ratio:unset}
.kinobalancer-show_hide_films{position:absolute;bottom:15px;right:20px;margin:0;width:40px;padding:0!important;z-index:2;opacity:1;transition:all .2s ease}
.kinobalancer.hide_films .kinobalancer-show_hide_films{opacity:.4;transform:translateY(-45px) rotateZ(180deg)}
.kinobalancer:has( .kinobalancer-episodes[style*="flex"] ):has( .kinobalancer-players[style*="flex"] ) .kinobalancer-show_hide_films{bottom:75px}
.kinobalancer-show_hide_films:hover{opacity:1!important}
.kinobalancer:has( .kinobalancer-films[style*="none"] ) .kinobalancer-show_hide_films{display:none!important}
.kinobalancer.hide_films .kinobalancer-films{width:0;overflow:hidden}
.kinobalancer.hide_films .kinobalancer-frame{width:calc(100% + 20px)!important}
.kinobalancer:has( .kinobalancer-films[style*="flex"] ).is_serial .kinobalancer-frame{width:75%}
.is_serial .kinobalancer-films{width:25%;aspect-ratio:0.5925}
@media screen and (max-width: 690px) {
:not(.kinobalancer-films) > .btn{padding:0 15px;height:34px}
.kinobalancer:has( .kinobalancer-films[style*="flex"] ) .kinobalancer-frame{width:calc(100% + 20px)}
.kinobalancer-films{width:100%;aspect-ratio:unset}
.kinobalancer-controls{order:6;margin:0 0 10px;width:100%;justify-content:flex-start}
.kinobalancer-players{order:2;width:100%;max-width:none}
.kinobalancer-frame{width:calc(100% + 20px);order:3}
.kinobalancer-episodes{width:calc(100% + 20px)!important;order:4}
.kinobalancer-films{order:5}
.kinobalancer-show_hide_films{display:none!important}
.kinobalancer:has( .kinobalancer-players[style*="none"] ) .kinobalancer-episodes{margin:0 0 -5px!important}
}