.video{border-radius:12px;padding:10px;min-width:210px;max-width:400px;min-height:220px;cursor:pointer;transition:background .2s}@media(max-width:767px){.video{min-width:160px;min-height:150px}}.video.hovered .video{padding:10px;color:red}.video.hovered .video__info{display:grid;grid-template-columns:156px 55px;justify-content:space-between}.video.hovered .video__info .video__duration{grid-column:1/2}.video.hovered .video__info svg{grid-column:2/3;justify-self:end;margin-top:-30px}.video.video--vertical-no-description{padding:0}.video.video--vertical-no-description.hovered{background-color:rgba(0,0,0,0)}@media(max-width:767px){.video.video--vertical-no-description .video__content,.video.video--vertical-with-description .video__content{min-width:160px;min-height:225px}}.video.video--default .video__content{min-height:170px}@media(max-width:767px){.video.video--default .video__content{min-height:115px}}.video__wrapper{position:relative;border-radius:12px;overflow:hidden}.video__content{width:100%;height:100%;display:block;max-height:360px;-o-object-fit:cover;object-fit:cover;border-radius:12px}@media(max-width:1439px){.video__content{max-height:none}}.video__play{width:60px;height:60px;border-radius:50%;fill:hsla(0,0%,100%,.01);backdrop-filter:blur(100px);box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;transition:transform .2s ease}.video__play:hover{transform:translate(-50%,-50%) scale(1.1)}.video__progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background:hsla(0,0%,100%,.2)}.video__info{margin-top:16px;height:69px}.video__title{margin:0;max-width:180px;max-height:48px;overflow:hidden;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical}.video__duration{font-size:14px;color:#aaa}.video__progress{height:100%;background:#ff2d2d;width:0;transition:width .3s}.video__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;background:#f5f5f5;border-radius:12px;color:#666}.video__error-icon{font-size:24px;margin-bottom:8px}.video__error-text{font-size:14px;text-align:center}.hovered{background-color:#161616}.hovered .video__title{color:#fff}.video-loader{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none}.video-loader__overlay{width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.video-loader__content{text-align:center;color:#fff;max-width:300px;padding:20px}.video-loader__spinner{position:relative;width:60px;height:60px;margin:0 auto 20px}.video-loader__spinner-ring{position:absolute;width:100%;height:100%;border:3px solid rgba(0,0,0,0);border-top-color:#ff1900;border-radius:50%;animation:spin 1.2s linear infinite}.video-loader__spinner-ring:first-child{animation-delay:0s}.video-loader__message{font-size:16px;font-weight:500;margin-bottom:20px;line-height:1.4;font-family:Poppins,sans-serif}.video-loader__progress{width:100%;margin-top:20px}.video-loader__progress-bar{width:100%;height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden}.video-loader__progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;animation:progress 2s ease-in-out infinite;width:30%;margin-left:-30%}.video-loader__series-icon{margin-top:20px;opacity:.8;animation:pulse 1.5s ease-in-out infinite}.video-loader__series-icon svg{width:32px;height:32px;color:#667eea}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progress{0%{margin-left:-30%}50%{margin-left:100%}to{margin-left:-30%}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media(max-width:768px){.video-loader__content{max-width:250px;padding:16px}.video-loader__spinner{width:50px;height:50px;margin-bottom:16px}.video-loader__message{font-size:14px;margin-bottom:16px}.video-loader__series-icon svg{width:28px;height:28px}}@media(prefers-color-scheme:dark){.video-loader__overlay{background:rgba(0,0,0,.9)}}@media(prefers-color-scheme:light){.video-loader__overlay{background:rgba(0,0,0,.7)}}.video-modal{position:fixed;background-color:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000}.video-modal,.video-modal__overlay{top:0;left:0;width:100%;height:100%}.video-modal__overlay{position:absolute;cursor:pointer}.video-modal__content{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:12px;overflow:hidden;cursor:default}.video-modal__close-btn{position:absolute;top:5%;right:5%;width:50px;height:50px;background-color:rgba(0,0,0,.8);border:none;border-radius:5px;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;transition:transform .2s ease}.video-modal__close-btn:hover{transform:scale(1.1)}.video-modal__video-container{position:relative;width:100%;height:auto;max-height:75vh;border-radius:8px;overflow:hidden}.video-modal__video{width:100%;height:auto;max-height:75vh;display:block;cursor:pointer}.video-modal__subtitles{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;padding:8px 16px;border-radius:4px;font-size:16px;font-weight:500;text-align:center;max-width:80%;z-index:15;backdrop-filter:blur(10px);line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.video-modal__configurator-btn-container{display:flex;justify-content:space-between;align-self:center;padding:0 20px}.video-modal__series-info{background-color:rgba(0,0,0,.8);padding:15px 20px;border-radius:8px;color:#fff;z-index:10;max-width:350px;backdrop-filter:blur(10px)}.video-modal__series-info .video-modal__series-name{margin:0 0 5px;font-size:20px;font-weight:600;color:#fff;font-family:Poppins,sans-serif}.video-modal__series-info .video-modal__video-title{margin:0;font-size:14px;color:#ccc;font-family:Poppins,sans-serif}.video-modal__series-info .video-modal__series-indicator{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#fff}.video-modal__series-info .video-modal__series-indicator .video-modal__series-current{background:#dc2626;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}.video-modal__series-info .video-modal__series-indicator .video-modal__series-separator,.video-modal__series-info .video-modal__series-indicator .video-modal__series-total{color:#ccc}.video-modal__controls{position:relative;background:rgba(0,0,0,.75);padding:1% 25px;opacity:0;transition:opacity .3s ease;display:flex;gap:20px}.video-modal__controls--visible{opacity:1}.video-modal__controls-row{display:flex;align-items:center;gap:20px}.video-modal__controls-left,.video-modal__controls-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.video-modal__progress-container{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.video-modal__progress{margin-bottom:0;width:70%}.video-modal__progress .video-modal__progress-bar{width:100%;height:6px;background:hsla(0,0%,100%,.3);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-modal__progress .video-modal__progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#dc2626;border-radius:50%;cursor:pointer;margin-top:-5px}.video-modal__progress .video-modal__progress-bar::-moz-range-thumb{width:16px;height:16px;background:#dc2626;border-radius:50%;cursor:pointer;border:none}.video-modal__progress .video-modal__progress-bar::-webkit-slider-runnable-track{background:linear-gradient(to right,#dc2626 var(--progress-percent,0),rgba(255,255,255,.3) var(--progress-percent,0));height:6px;border-radius:3px}.video-modal__progress .video-modal__progress-bar::-moz-range-progress{background:#dc2626;border-radius:3px;height:6px}.video-modal__progress .video-modal__time{display:flex;justify-content:space-between;font-size:12px;color:#ccc;margin-top:0}.video-modal__control-btn{width:40px;height:40px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);transition:all .2s ease}.video-modal__control-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.video-modal__control-btn:active{transform:scale(.95)}.video-modal__control-btn:disabled{opacity:.5;cursor:not-allowed}.video-modal__series-btn{width:40px;height:40px;background:rgba(220,38,38,.8);border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);transition:all .2s ease}.video-modal__series-btn:hover{background:#dc2626;transform:scale(1.05)}.video-modal__series-btn:active{transform:scale(.95)}.video-modal__series-btn:disabled{opacity:.5;cursor:not-allowed}.video-modal__volume{width:80px;height:6px;background:hsla(0,0%,100%,.3);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-modal__volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#dc2626;border-radius:50%;cursor:pointer;margin-top:-5px}.video-modal__volume::-moz-range-thumb{width:16px;height:16px;background:#dc2626;border-radius:50%;cursor:pointer;border:none}.video-modal__speed-control{position:relative;display:inline-block}.video-modal__speed-btn{background:hsla(0,0%,100%,.1);border:none;border-radius:6px;color:#fff;padding:6px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:50px;text-align:center}.video-modal__speed-btn:hover{background:hsla(0,0%,100%,.2)}.video-modal__speed-btn:active{transform:scale(.95)}.video-modal__speed-menu{position:absolute;bottom:100%;right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 0;margin-bottom:8px;min-width:80px;z-index:30;box-shadow:0 4px 12px rgba(0,0,0,.5)}.video-modal__speed-menu:after{content:"";position:absolute;top:100%;right:20px;border:6px solid rgba(0,0,0,0);border-top-color:#1a1a1a}.video-modal__speed-option{display:block;width:100%;padding:8px 16px;background:none;border:none;color:#ccc;font-size:14px;text-align:center;cursor:pointer;transition:all .2s ease}.video-modal__speed-option:hover{background:hsla(0,0%,100%,.1);color:#fff}.video-modal__speed-option--active{background:rgba(220,38,38,.3);color:#dc2626;font-weight:600}.video-modal__subtitles-control{position:relative;display:inline-block}.video-modal__subtitles-btn{background:hsla(0,0%,100%,.1);border:none;border-radius:6px;color:#fff;padding:6px;width:32px;height:32px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.video-modal__subtitles-btn:hover{background:hsla(0,0%,100%,.2)}.video-modal__subtitles-btn:active{transform:scale(.95)}.video-modal__subtitles-btn--active{background:rgba(220,38,38,.8);color:#fff}.video-modal__subtitles-btn svg{width:16px;height:16px}.video-modal__subtitles-menu{display:inline-block;margin-left:8px}.video-modal__subtitles-menu-btn{background:hsla(0,0%,100%,.1);border:none;border-radius:4px;color:#fff;padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:30px;text-align:center}.video-modal__subtitles-menu-btn:hover{background:hsla(0,0%,100%,.2)}.video-modal__subtitles-options{position:absolute;bottom:100%;right:0;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 0;margin-bottom:8px;min-width:60px;z-index:30;box-shadow:0 4px 12px rgba(0,0,0,.5)}.video-modal__subtitles-options:after{content:"";position:absolute;top:100%;right:20px;border:6px solid rgba(0,0,0,0);border-top-color:#1a1a1a}.video-modal__subtitles-option{display:block;width:100%;padding:6px 12px;background:none;border:none;color:#ccc;font-size:12px;text-align:center;cursor:pointer;transition:all .2s ease}.video-modal__subtitles-option:hover{background:hsla(0,0%,100%,.1);color:#fff}.video-modal__subtitles-option--active{background:rgba(220,38,38,.3);color:#dc2626;font-weight:600}.video-modal__bottom-panel{background:#1a1a1a;padding:20px 25px;border-top:1px solid #333;display:flex;justify-content:space-between;align-items:center;gap:20px}.video-modal__bottom-info{flex:1;min-width:0}.video-modal__bottom-title{margin:0 0 5px;font-size:24px;font-weight:700;color:#fff;font-family:Poppins,sans-serif;line-height:1.2}.video-modal__bottom-description{margin:0;font-size:16px;color:#ccc;font-family:Poppins,sans-serif;line-height:1.4}.video-modal__bottom-buttons{display:flex;align-items:center;gap:15px;flex-shrink:0}.video-modal__configurator-btn{padding:12px 20px;align-self:center}.video-modal__series-list-btn{width:40px;height:40px;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);transition:all .2s ease}.video-modal__series-list-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.video-modal__series-list-btn:active{transform:scale(.95)}.video-modal__series-list-btn svg{width:20px;height:20px;fill:currentColor}.video-modal__series-sidebar{position:absolute;top:0;right:0;width:300px;height:100%;background:#fff;border-left:1px solid #333;overflow-y:auto;animation:slideInRight .3s ease}.video-modal__series-sidebar-header{padding:20px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.video-modal__series-sidebar-header h3{margin:0;color:#141414;font-size:18px;font-weight:600}.video-modal__series-sidebar-header .video-modal__series-list-btn{color:#141414}.video-modal__series-sidebar-content{padding:20px}.video-modal__series-item{margin-bottom:20px;padding:15px;background:hsla(0,0%,100%,.05);border-radius:8px;transition:all .2s ease}.video-modal__series-item:hover{background:hsla(0,0%,100%,.1)}.video-modal__series-item--active{background:rgba(220,38,38,.2);border:1px solid rgba(220,38,38,.5)}.video-modal__series-item-thumbnail{position:relative;width:100%;height:120px;border-radius:6px;overflow:hidden;margin-bottom:10px}.video-modal__series-item-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-modal__series-item-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:hsla(0,0%,100%,.01);backdrop-filter:blur(100px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.video-modal__series-item-info h4{margin:0 0 8px;color:#141414;font-size:16px;font-weight:600}.video-modal__series-item-info p{margin:0;color:#141414;font-size:14px;line-height:1.4}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:768px){.video-modal__content{max-width:95vw;max-height:95vh}.video-modal__video-container{border-radius:8px 8px 0 0}.video-modal__series-info{bottom:15px;left:15px;padding:12px 16px;max-width:280px}.video-modal__series-info .video-modal__series-name{font-size:18px}.video-modal__series-info .video-modal__video-title{font-size:13px}.video-modal__series-info .video-modal__series-indicator{gap:4px;margin-top:6px}.video-modal__series-info .video-modal__series-indicator .video-modal__series-current,.video-modal__series-info .video-modal__series-indicator .video-modal__series-separator,.video-modal__series-info .video-modal__series-indicator .video-modal__series-total{font-size:11px}.video-modal__controls{padding:15px 20px}.video-modal__controls-row{gap:15px}.video-modal__controls-left,.video-modal__controls-right{gap:8px}.video-modal__control-btn,.video-modal__series-btn{width:36px;height:36px;font-size:14px}.video-modal__volume{width:60px}.video-modal__bottom-panel{flex-direction:column;gap:15px;align-items:flex-start;padding:15px 20px}.video-modal__bottom-info{text-align:left}.video-modal__bottom-title{font-size:20px}.video-modal__bottom-description{font-size:14px}.video-modal__bottom-buttons{justify-content:flex-start;gap:10px}.video-modal__configurator-btn{padding:10px 16px;font-size:13px}.video-modal__series-list-btn{width:36px;height:36px}.video-modal__speed-control .video-modal__speed-btn{padding:4px 8px;font-size:12px;min-width:40px}.video-modal__speed-control .video-modal__speed-menu{min-width:70px;right:-15px}.video-modal__speed-control .video-modal__speed-menu:after{right:25px}.video-modal__speed-control .video-modal__speed-option{padding:6px 12px;font-size:12px}.video-modal__subtitles-control .video-modal__subtitles-btn{width:28px;height:28px;padding:4px}.video-modal__subtitles-control .video-modal__subtitles-btn svg{width:14px;height:14px}.video-modal__subtitles-control .video-modal__subtitles-menu-btn{padding:3px 6px;font-size:11px;min-width:25px}.video-modal__subtitles-control .video-modal__subtitles-options{min-width:50px;right:-10px}.video-modal__subtitles-control .video-modal__subtitles-options:after{right:20px}.video-modal__subtitles-control .video-modal__subtitles-option{padding:4px 8px;font-size:11px}.video-modal__subtitles{bottom:60px;font-size:14px;padding:6px 12px;max-width:90%}}