.login{position:relative}.login .error{position:absolute;bottom:-37px;font-size:14px;right:0;color:red}.login .loginForm{row-gap:5px;justify-content:space-between}.login .invalid-user-popup{background-color:#fff;z-index:99999;position:fixed;transform:translateY(-50%);padding:40px 80px 30px;border-radius:5px;box-shadow:0 0 10px #5a5a5a}.login .invalid-user-popup .cross-icon{border:2px solid red;border-radius:50%;padding:5px;width:60px;height:60px}.login .invalid-user-popup .invalid-title{color:#595959;font-size:25px;font-weight:500}.login .invalid-user-popup .ok-btn{color:#fff;background:#615dfc;border:none;padding:15px 20px;border-radius:5px}.login .invalid-user-popup .ok-btn:hover{cursor:pointer}.login .browser-btn{color:#fff;background-color:var(--md-source)}.login .browser-btn-container{display:flex;align-items:center;column-gap:10px}.login .browser-btn-container p{color:#fff;font-size:17px;font-weight:700}.login .browser-btn-container label{background:var(--md-source);color:#fff;border:none;outline:none;border-radius:5px;padding:15px 40px;cursor:pointer;transition:.5s}.login .browser-btn-container label:hover{opacity:.7}.login .browser-btn-container label:active{transform:scale(.93)}.login .playlist-types-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.login .playlist-types-container p{color:#6c7795;font-size:20px}.login .playlist-types-container .playlist-types{display:flex;padding:7px;justify-content:space-around;border-radius:4px;border:2px solid var(--md-sys-color-on-surface-dark);width:300px}.login .playlist-types-container .playlist-types label{color:#6c7795;font-size:18px}.login .playlist-types-container .playlist-types .radio-inputs{display:flex;justify-content:space-around;width:100%}@media only screen and (max-width:800px){.login .playlist-types-container{flex-direction:column;align-items:flex-start}}.carousel-login{width:597px;height:498px;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:100px;padding-bottom:20px;row-gap:20px}.carousel-login img{width:550px;height:550px}.carousel-login .inner{white-space:nowrap;transition:transform .3s}.carousel-login .indicators{display:flex;justify-content:center}.carousel-login .indicators .indicator{width:12px;height:12px;background-color:var(--md-sys-color-on-surface-light);border-radius:50%;transition:.5s;margin:4px}.carousel-login .indicators .indicator:hover{cursor:pointer}.carousel-login .indicators .active-indicator{width:12px;height:12px;background-color:var(--md-ref-palette-primary40);border-radius:50%;transform:scale(1.4);transition:.5s;margin:4px}.carousel-login .indicators .active-indicator:hover{cursor:pointer}.carousel-login .carousel-item{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--md-ref-palette-neutral90)}.carousel-login .carousel-item img{object-fit:contain}.m3u-modal-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;row-gap:20px}.m3u-modal-container .content p{color:#fff;margin:0}.m3u-modal-container .content .content-items{display:flex;flex-wrap:wrap;row-gap:20px;margin-top:20px}.m3u-modal-container .content .content-items p{margin:0}.m3u-modal-container .content .content-items .content-item{display:flex;align-items:center;width:200px;margin:0;padding:0;color:#fff}.m3u-modal-container .content .content-items .content-item .dot{background-color:var(--md-source);width:10px;height:10px;border-radius:50%}.m3u-modal-container .content .content-items .content-item .not-required{color:#6f7b9d}.m3u-modal-container .content .content-items .content-item .required{color:#ff4949}.m3u-modal-container .content .content-items .content-item .recommended{color:#386eff}.m3u-modal-container .ok-btn{color:#fff;background:var(--md-ref-palette-primary50);border:none;padding:15px 20px;border-radius:5px}.m3u-modal-container .ok-btn:hover{cursor:pointer}