.mn-video-playlist-wrapper{width:100%;position:relative}.mn-video-playlist-title{margin:0 0 20px 0;font-size:28px;font-weight:700;line-height:1.2;text-align:left}.mn-video-playlist-container{display:flex;gap:20px;height:500px;width:100%}.mn-layout-top .mn-video-playlist-container{flex-direction:column}.mn-layout-top .mn-video-player{flex:0 0 60%;margin-bottom:15px}.mn-layout-top .mn-video-playlist{flex:0 0 40%;max-height:40%}.mn-layout-top .mn-playlist-items{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;padding:10px;height:100%;max-height:300px}.mn-layout-top .mn-playlist-item{display:flex;flex-direction:column;align-items:flex-start}.mn-layout-left .mn-video-playlist-container{flex-direction:row}.mn-layout-left .mn-video-player{flex:0 0 75%}.mn-layout-left .mn-video-playlist{flex:0 0 25%}.mn-layout-left .mn-playlist-items{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;height:100%;max-height:480px;padding:10px}.mn-layout-left .mn-playlist-item{display:flex;flex-direction:column;align-items:flex-start}.mn-layout-right .mn-video-playlist-container{flex-direction:row-reverse}.mn-layout-right .mn-video-player{flex:0 0 75%}.mn-layout-right .mn-video-playlist{flex:0 0 25%}.mn-layout-right .mn-playlist-items{display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden;height:100%;max-height:480px;padding:10px}.mn-layout-right .mn-playlist-item{display:flex;flex-direction:column;align-items:flex-start}.mn-video-player{position:relative;background-color:#000;border-radius:8px;overflow:hidden}.mn-video-player iframe{width:100%;height:100%;border:none;display:block}.mn-video-playlist{background-color:#f8f9fa;border-radius:8px;overflow:hidden;position:relative}.mn-playlist-items{height:100%;max-height:480px;overflow-y:auto;overflow-x:hidden;padding:10px;display:flex;flex-direction:column;gap:8px}.mn-playlist-item{cursor:pointer;transition:all 0.3s ease;border-radius:6px;padding:10px;margin-bottom:8px;position:relative;background-color:#fff0}.mn-playlist-item:hover{background-color:rgb(0 0 0 / .05);transform:translateX(2px)}.mn-playlist-item.active{background-color:#007cba;color:#fff}.mn-playlist-item.active:hover{background-color:#005a87}.mn-playlist-item-thumbnail{position:relative;overflow:hidden;border-radius:4px;flex-shrink:0}.mn-layout-top .mn-playlist-item-thumbnail,.mn-layout-left .mn-playlist-item-thumbnail,.mn-layout-right .mn-playlist-item-thumbnail{width:100%;height:120px;margin-right:0;margin-bottom:8px;flex-shrink:0}.mn-playlist-item-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.mn-playlist-item:hover .mn-playlist-item-thumbnail img{transform:scale(1.05)}.mn-playlist-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgb(0 0 0 / .8);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transition:all 0.3s ease;backdrop-filter:blur(2px);border:2px solid rgb(255 255 255 / .3)}.mn-playlist-play-icon::before{content:"\f04b";font-family:"Font Awesome 5 Free","Font Awesome 6 Free","FontAwesome";font-weight:900;font-style:normal}.mn-playlist-item:hover .mn-playlist-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.mn-playlist-item.active .mn-playlist-play-icon{background-color:rgb(255 255 255 / .95);color:#007cba;opacity:1;border-color:#007cba}.mn-playlist-play-icon:not(.fa):not([class*="fa-"])::before{content:"▶";font-family:inherit}@media (hover:none) and (pointer:coarse){.mn-playlist-item .mn-playlist-play-icon{opacity:.7}.mn-playlist-item.active .mn-playlist-play-icon{opacity:1}}.mn-playlist-item-content{flex:1;min-width:0}.mn-playlist-item-title{margin:0 0 5px 0;font-size:14px;font-weight:600;line-height:1.3;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mn-playlist-item-description{margin:0 0 5px 0;font-size:12px;line-height:1.4;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.mn-playlist-item-duration{position:absolute;top:8px;right:8px;font-size:11px;font-weight:500;color:#fff;background-color:rgb(0 0 0 / .8);padding:2px 6px;border-radius:3px;display:inline-block;backdrop-filter:blur(2px);z-index:2}.mn-playlist-item.active .mn-playlist-item-title,.mn-playlist-item.active .mn-playlist-item-description,.mn-playlist-item.active .mn-playlist-item-duration{color:#fff}.mn-playlist-item.active .mn-playlist-item-duration{background-color:#007cba;color:#fff}.mn-playlist-items::-webkit-scrollbar{width:6px;height:6px}.mn-playlist-items::-webkit-scrollbar-track{background:rgb(0 0 0 / .1);border-radius:3px}.mn-playlist-items::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .3);border-radius:3px}.mn-playlist-items::-webkit-scrollbar-thumb:hover{background:rgb(0 0 0 / .5)}.mn-theme-light .mn-video-playlist-title{color:#333}.mn-theme-light .mn-video-playlist{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 10px rgb(0 0 0 / .1)}.mn-theme-light .mn-playlist-item{color:#333}.mn-theme-light .mn-playlist-item:hover{background-color:rgb(0 0 0 / .05)}.mn-theme-light .mn-playlist-item-title{color:#333}.mn-theme-light .mn-playlist-item-description{color:#666}.mn-theme-light .mn-playlist-item-duration{color:#888;background-color:rgb(0 0 0 / .1)}.mn-theme-light .mn-playlist-item:hover{background-color:#2c3e50;color:#fff}.mn-theme-light .mn-playlist-item:hover .mn-playlist-item-title{color:#fff}.mn-theme-light .mn-playlist-item:hover .mn-playlist-item-description{color:#ecf0f1}.mn-theme-light .mn-playlist-item:hover .mn-playlist-item-duration{color:#fff;background-color:rgb(255 255 255 / .2)}.mn-theme-dark .mn-video-playlist-title{color:#fff}.mn-theme-dark .mn-video-playlist{background-color:#2c3e50;border:1px solid #34495e;box-shadow:0 2px 10px rgb(0 0 0 / .3)}.mn-theme-dark .mn-playlist-item{color:#fff}.mn-theme-dark .mn-playlist-item:hover{background-color:rgb(255 255 255 / .1)}.mn-theme-dark .mn-playlist-item-title{color:#fff}.mn-theme-dark .mn-playlist-item-description{color:#ecf0f1}.mn-theme-dark .mn-playlist-item-duration{color:#fff;background-color:rgb(255 255 255 / .2)}.mn-theme-dark .mn-playlist-item:hover{background-color:#fff;color:#333}.mn-theme-dark .mn-playlist-item:hover .mn-playlist-item-title{color:#333}.mn-theme-dark .mn-playlist-item:hover .mn-playlist-item-description{color:#666}.mn-theme-dark .mn-playlist-item:hover .mn-playlist-item-duration{color:#888;background-color:rgb(0 0 0 / .1)}.mn-playlist-item.active{background-color:#007cba!important;color:#ffffff!important}.mn-playlist-item.active .mn-playlist-item-title,.mn-playlist-item.active .mn-playlist-item-description,.mn-playlist-item.active .mn-playlist-item-duration{color:#ffffff!important}.mn-playlist-item.active .mn-playlist-item-duration{background-color:rgb(255 255 255 / .2)!important}@media (max-width:1024px){.mn-video-playlist-container{height:500px}.mn-layout-left .mn-video-player,.mn-layout-right .mn-video-player{flex:0 0 70%}.mn-layout-left .mn-video-playlist,.mn-layout-right .mn-video-playlist{flex:0 0 30%}}@media (max-width:768px){.mn-video-playlist-container{flex-direction:column!important;height:auto!important;gap:15px!important}.mn-video-player{flex:none!important;margin-bottom:15px!important;margin-right:0!important;max-height:none!important}.mn-video-playlist{flex:none!important;max-height:300px!important}.mn-playlist-items{display:flex!important;flex-direction:column!important;gap:8px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px!important;height:100%!important;max-height:300px!important;-webkit-overflow-scrolling:touch!important}.mn-playlist-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;margin-bottom:8px!important;padding:8px!important}.mn-playlist-item-thumbnail{width:100%!important;height:100px!important;margin-right:0!important;margin-bottom:8px!important;flex-shrink:0!important}.mn-playlist-item-content{flex:1!important;min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important}.mn-playlist-play-icon{width:35px!important;height:35px!important;font-size:14px!important}}@media (max-width:480px){.mn-video-playlist-wrapper{padding:0 10px}.mn-video-playlist-container{gap:15px;min-height:350px;height:auto!important}.mn-video-player{min-height:200px}.mn-video-playlist{flex:none!important;max-height:250px!important}.mn-playlist-items{max-height:200px!important;-webkit-overflow-scrolling:touch!important}.mn-playlist-item{display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:8px!important;margin-bottom:8px!important}.mn-playlist-item-thumbnail{width:100%!important;height:120px!important;margin-right:0!important;margin-bottom:6px!important;flex-shrink:0!important}.mn-playlist-item-content{flex:1!important;min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:8px 0!important}.mn-playlist-item-title{font-size:13px!important;margin-bottom:4px!important;line-height:1.3!important}.mn-playlist-item-description{font-size:11px;-webkit-line-clamp:1;line-clamp:1}.mn-playlist-item-duration{font-size:10px}}.mn-video-playlist-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:14px}.mn-video-playlist-loading::after{content:'';width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007cba;border-radius:50%;animation:mn-spin 1s linear infinite;margin-left:10px}@keyframes mn-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media print{.mn-video-playlist-wrapper{break-inside:avoid}.mn-video-player{display:none}.mn-video-playlist-container{flex-direction:column;height:auto}.mn-playlist-item:hover{transform:none;background-color:#fff0}.mn-playlist-play-icon{display:none}}