body,html{background-color:#f1f1f1;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal;height:100%;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;max-width:100vw;max-width:100%;padding:0}.noPlaylists{text-align:center;width:100%}.moreBtn{background-color:#d9d9d9;border-radius:10px;font-size:18px;padding:7px 10px}.delete{color:#ff9e9e!important}.pageContent{max-width:1020px}.link,a,button{color:inherit;cursor:pointer;text-decoration:none}.link:hover,a:hover,button:hover{opacity:.8}button,input,select{border:none}h1,h2,h3,h4,h5,h6{font-weight:400}.openDropdown{position:relative}.addItemBtn{align-items:center;background-color:#d9d9d9;border-radius:15px;display:flex;font-size:14px;height:10.5vw;justify-content:center;margin:15px 13px auto;max-height:160px;max-width:164px;min-height:120px;min-width:129px;width:calc(13vw - 26px)}label{color:#363636;font-size:13px}.addItemBtn img{width:50%}.addBtn{align-self:flex-end;background-color:#ff9800;border-radius:15px;color:#fff;font-weight:700;padding:10px 20px}.akord{color:red}.inputerror{color:red;font-size:12px}.linkcolor{color:purple}@media (max-width:700px){.addItemBtn{height:60px;margin:0;max-width:none;min-height:0;min-height:auto;min-width:0;min-width:auto;width:100%}.addItemBtn img{width:30px}}.header{grid-column:1/4;grid-row:1/2}.header .top{grid-gap:5px;color:#5b8ea8;font-size:13px;font-weight:700;padding:2px 2vw}.header .mainHeader,.header .top{align-items:center;display:flex;justify-content:space-between}.header .mainHeader{background-color:#5b8ea8;padding:15px 50px}.header .mainHeader .logo{cursor:pointer;height:70px}.header .mainHeader .search{display:flex}.header .mainHeader .search button,.header .mainHeader .search input{padding:7px}.header .mainHeader .search input{max-width:50vw;width:180px}.header .mainHeader .search .searchBtn{background-color:#ff9800;color:#fff}.header .mainHeader .search .selectWhatis{border:0;border-radius:0;margin-left:0;width:18px}.header .abc{align-items:center;display:flex;justify-content:center;padding:1.2vw 180px;text-align:center}.header .abc .letters{grid-gap:.5vw;display:flex;justify-content:space-around;max-width:1020px;overflow-y:auto;text-align:center;width:100%}.header .abc .letters .letter{background-color:#5b8ea8;border-radius:5px;color:#fff;cursor:pointer;line-height:25px;min-height:25px;min-width:28px;text-align:center}@media(max-width:1000px){.header .abc{align-content:center;display:flex;justify-content:center;padding-left:0;padding-right:0}.header .abc .letters{justify-content:normal;width:auto}}@media(max-width:700px){.header .mainHeader{grid-gap:10px;flex-direction:column}.header .mainHeader .logo{height:100px}.header .mainHeader .search{display:none}.header .mainHeader .search button,.header .mainHeader .search input{padding:7px}}.app{flex-direction:column;min-height:100vh;overflow-y:hidden}.app,.app .main{display:flex;width:100%}.app .main{flex-grow:1;max-width:100vw}.app .main .mobile-search{align-items:center;display:none;justify-content:center;padding:10px 0;width:100%}.app .main .mobile-search button,.app .main .mobile-search input{padding:10px}.app .main .mobile-search input{max-width:300px;width:70%}.app .main .mobile-search .searchBtn{background-color:#ff9800;color:#fff}.app .main .selectWhatis{border:0;border-radius:0;height:35px;margin-left:0;width:18px}.app .mainContent{flex-grow:1;max-width:calc(100vw - 360px);width:100%}.app .mainContent,.app .mainContent .arrows{align-items:center;display:flex;justify-content:center}.app .mainContent .arrows{grid-gap:30px}.app .mainContent .arrows .arrow{font-size:20px}.app select{border:1px solid #000;border-radius:5px;margin-left:10px}@media(max-width:1000px){.app .mainContent{max-width:calc(100vw - 180px)}}@media(max-width:700px){.pageContent{margin-top:15px}.app .main{flex-direction:column}.app .main .mobile-search{display:flex}.app .mainContent{align-items:center;justify-content:center;max-width:100vw;padding:1vw}}.sidebar{grid-gap:20px;display:flex;flex-direction:column;overflow-y:auto;overflow:visible;padding:20px;width:180px;z-index:5}.sidebar .userIcon{padding-right:3px}.sidebar .navlink{grid-gap:10px;align-items:center;background-color:#f1f1f1;display:flex;justify-content:flex-start;overflow:visible;z-index:6}.sidebar .navlink:hover{opacity:.7}.sidebar .navlink .usernameCarpet{grid-gap:10px;align-items:center;display:flex;justify-content:center}@media(max-width:700px){.sidebar{flex-direction:row;justify-content:space-around;max-width:100%;padding:15px;width:100%}.sidebar .navlink{grid-gap:10px;align-items:center;text-align:center}.sidebar .navlink .usernameCarpet .userIcon{display:none}}.ellipsisOpen{background-color:#5b8ea8;border-radius:7px;color:#fff;display:flex;flex-direction:column;min-width:130px;padding:5px;position:absolute;right:0;text-align:left;top:35px;z-index:999}.ellipsisOpen .ellipsisItem{border-bottom:1px solid #fff;font-size:13px;padding:8px}.ellipsisOpen .ellipsisItem:last-child{border:none}.rightSidebar{padding:20px 10px;width:180px}.custom-list{list-style:none;margin:0;padding:0}.custom-list h6{font-family:Arial,Helvetica,sans-serif;font-weight:700;margin-bottom:10px;text-align:center;width:100%}.custom-list .playlistItem{margin-bottom:3px}.custom-list .song-item{background-color:#fff;border-radius:15px;color:#000;font-family:Arial,sans-serif;font-size:9px;font-weight:700;justify-content:center;margin-bottom:3px;padding:7px 3px;text-align:center}.custom-list .song-item:hover{cursor:pointer}.custom-list [id^=a]:nth-child(odd) .song-item{background-color:rgba(91,142,168,.812);color:#fff}@media(max-width:1000px){.rightSidebar{display:none}}.playlistItem{grid-gap:20px;background-color:#fff;border-radius:15px;box-shadow:0 10px 20px #0006;box-sizing:border-box;display:flex;flex-direction:column;font-size:14px;max-width:190px;min-height:200px;min-width:155px;overflow:hidden;padding:15px 13px;transition:all .1s ease;width:13vw}.playlistItem:hover{scale:1.02}.playlistItem .greaterThan{display:none}.playlistItem .img{align-items:center;background-color:#d9d9d9;border-radius:15px;display:flex;height:10.5vw;justify-content:center;max-height:160px;min-height:120px;width:100%}.playlistItem .img img{height:auto;width:100%}.playlistItem .user{align-items:center;display:grid;grid-template-columns:calc(100% - 22px) 22px;justify-content:space-between;width:100%}.playlistItem .user .userInfo{grid-gap:12px;display:flex;flex-direction:column}.playlistItem .user .userInfo .playlistName{overflow-x:auto;overflow:hidden;text-align:left;white-space:nowrap}.playlistItem .user .userInfo .username{color:#363636;font-size:13px;text-align:left}.playlistItem .user .heartDiv{grid-gap:3px;align-items:center;align-self:flex-end;display:flex;flex-direction:column;justify-content:center;min-height:22px;min-width:22px}.playlistItem .user .heartDiv .heart{flex-shrink:0;font-size:22px;margin-top:auto;white-space:nowrap}.playlistItem .user .heartDiv .likes{font-size:10px}.playlistItemMobile{align-items:center;flex-direction:row;max-width:none;min-height:0;min-height:auto;padding:5px;width:100%}.playlistItemMobile:hover{opacity:1;scale:unset}.playlistItemMobile .greaterThan{display:block}.playlistItemMobile .user{align-items:center;font-size:8px;justify-content:space-between;width:100%}.playlistItemMobile .user .userInfo{grid-gap:7px}.playlistItemMobile .user .userInfo .playlistName{overflow-x:auto}.playlistItemMobile .user .userInfo .username{font-size:7px}.playlistItemMobile .user .heart{margin:initial}.playlistItemMobile .img{height:30px;min-height:0;min-height:auto;width:50px}.playlistItemMobile .img img{height:auto;max-height:100%;width:100%}@media(max-width:700px){.playlistItem{align-items:center;flex-direction:row;max-width:none;min-height:0;min-height:auto;padding:10px 20px 10px 10px;width:100%}.playlistItem:hover{opacity:1;scale:unset}.playlistItem .greaterThan{display:block}.playlistItem .user{align-items:center;font-size:13px;justify-content:space-between;width:100%}.playlistItem .user .userInfo{grid-gap:7px}.playlistItem .user .userInfo .playlistName{overflow-x:auto}.playlistItem .user .userInfo .username{font-size:11px}.playlistItem .user .heart{margin:initial}.playlistItem .img{height:50px;min-height:0;min-height:auto;width:60px}.playlistItem .img img{height:auto;max-height:100%;width:100%}}.home{max-width:calc(100vw - 360px);padding:20px 0 50px}.home .swiperSection{align-items:center;display:flex;justify-content:center}.home .swiperSection .slideContent{min-width:250px}.home .swiperSection .mySwiper .slajd,.home .swiperSection .mySwiper .swiper-slide,.home .swiperSection .mySwiper .swiper-slide-active,.home .swiperSection .mySwiper .swiper-slide-next,.home .swiperSection .mySwiper .swiper-slide-prev{cursor:grab;max-width:300px;padding:10px 0;text-align:center;width:auto}.home .swiperSection .mySwiper .slajd h1,.home .swiperSection .mySwiper .swiper-slide h1,.home .swiperSection .mySwiper .swiper-slide-active h1,.home .swiperSection .mySwiper .swiper-slide-next h1,.home .swiperSection .mySwiper .swiper-slide-prev h1{font-size:30px;font-weight:400;margin-bottom:2vw;text-align:center}.home .swiperSection .mySwiper .slajd .slideContent,.home .swiperSection .mySwiper .swiper-slide .slideContent,.home .swiperSection .mySwiper .swiper-slide-active .slideContent,.home .swiperSection .mySwiper .swiper-slide-next .slideContent,.home .swiperSection .mySwiper .swiper-slide-prev .slideContent{grid-gap:15px;align-items:center;background-color:#fff;border-radius:5%;box-shadow:0 5px 12px rgba(0,0,0,.447);display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:center;padding:15px}.home .swiperSection .mySwiper .slajd img,.home .swiperSection .mySwiper .swiper-slide img,.home .swiperSection .mySwiper .swiper-slide-active img,.home .swiperSection .mySwiper .swiper-slide-next img,.home .swiperSection .mySwiper .swiper-slide-prev img{border-radius:10px;max-width:100%}.home .swiperSection .swiper-slide-next,.home .swiperSection .swiper-slide-prev{z-index:1}.home .swiperSection .swiper-slide-next h1,.home .swiperSection .swiper-slide-next img,.home .swiperSection .swiper-slide-prev h1,.home .swiperSection .swiper-slide-prev img{opacity:.08}.home .swiperSection .swiper-slide-active{opacity:1;scale:1.1;z-index:2}.home .swiperSection .swiper-slide-active img{cursor:pointer}.home .swiperSection .swiper-slide-active img:hover{opacity:.8}.home .swiperSection .swiper-pagination{bottom:0}.home .songsHome{grid-gap:30px;align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin-top:100px;padding:20px 10px;text-align:center}.home .songsHome h1{font-weight:400}.home .songsHome .listSongs{display:flex;flex-direction:column;width:100%}@media(max-width:1000px){.home{max-width:calc(100vw - 180px)}.swiperSection .mySwiper .swiper-slide{align-items:center;display:flex;justify-content:center;width:50vw}}@media(max-width:700px){.home{max-width:100vw}.swiperSection .mySwiper .swiper-slide{align-items:center;display:flex;justify-content:center;width:90vw}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.songitem,.songitem2{align-items:center;background-color:#d9d9d9;border-radius:10px;color:#000;display:flex;height:38px;justify-content:space-between;padding:5px 15px;position:relative;transition:scale .1s ease;width:100%;z-index:2}.songitem2:hover,.songitem:hover{box-shadow:0 10px 20px #00000026;scale:1.01}.songitem.active,.songitem2.active{position:relative;z-index:3}.songitem .title,.songitem2 .title{grid-gap:5px;display:flex;overflow:hidden;white-space:nowrap}.songitem .title span,.songitem2 .title span{flex-shrink:0}.songitem .right,.songitem2 .right{align-items:center;color:#3a3a3a;display:flex}.songitem .right .username,.songitem2 .right .username{font-size:12px;margin-right:15px}.songitem .right #icon,.songitem2 .right #icon{font-size:22px;padding:3px}.songitem .addItemBtn,.songitem2 .addItemBtn{border-radius:10px;height:38px;margin:0;max-height:none;max-width:none;min-height:0;min-height:auto;min-width:0;min-width:auto;padding:5px 0;width:100%}.songitem .addItemBtn img,.songitem2 .addItemBtn img{height:100%;width:auto}.songitem2{background-color:#fff}.modalSong{grid-gap:5px;align-items:center;justify-content:center;max-width:80vw;padding:2vw;width:250px}.modalSong,.modalSong .inputs{display:flex;flex-direction:column}.modalSong .inputs{grid-gap:10px;max-height:40vh;overflow-y:auto;padding:20px}.modalSong .inputs .input{grid-gap:10px;align-items:center;display:flex}.modalSong .inputs .input label{font-size:15px}.modalSong .addBtn{font-size:13px;margin-top:20px}@media screen and (max-width:700px){.songitem,.songitem2{height:auto}.songitem .title,.songitem2 .title{grid-gap:2px;display:flex;flex-direction:column;font-size:12px!important;overflow:auto;text-align:left}.songitem .title .line,.songitem2 .title .line{display:none}.songitem .title span:last-of-type,.songitem2 .title span:last-of-type{color:#3a3a3a;font-size:10px}}.modalDiv{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:11111}.modalDiv .modal{background-color:#fff;border-radius:15px;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:800px;min-height:100px;min-width:100px;overflow-y:auto;padding:1px;position:absolute;top:50%;transform:translate(-50%,-50%)}.modalDiv .modal .modalIcon{color:#ff9800;cursor:pointer;font-size:30px;margin:10px 15px 10px auto;text-align:right}.closeModal{background-color:rgba(0,0,0,.358);height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}@media screen and (max-width:700px){.registration .formDiv .header h1{font-size:20px}}.areYouSure{flex-direction:column;padding:30px}.areYouSure,.areYouSure .buttons{grid-gap:20px}.areYouSure,.areYouSure .buttons,footer{align-items:center;display:flex;justify-content:center}footer{background-color:#5b8ea8;box-shadow:0 -4px 6px #0000001a;color:#fff;margin-top:30px;padding:50px}.songs{background-color:#fff;border-radius:15px;flex-direction:column;flex-grow:1;height:100%;justify-content:center;padding:4vw}.songs,.songs .songsHeader{align-items:center;display:flex;width:100%}.songs .songsHeader{cursor:pointer;justify-content:space-between}.songs .songsHeader h1{font-weight:400}.songs .songsHeader .genres{grid-gap:10px;align-items:center;display:flex;flex-direction:row;justify-content:end}.songs .songsList{align-items:flex-start;display:flex;flex-direction:column;width:100%}.songs .addItemBtn{border-radius:10px;height:38px;margin:0;max-height:none;max-width:none;min-height:0;min-height:auto;min-width:0;min-width:auto;padding:5px 0;width:100%}.songs .addItemBtn img{height:100%;width:auto}.songs .icons{grid-gap:2vw;align-items:center;display:flex;flex-direction:row;margin-top:20px}.songs .icons .icon{cursor:pointer;height:27px}.songs .icons button:disabled{opacity:.5}.songs .moreBtn{margin-top:10px}@media screen and (max-width:700px){.songs{padding:10px 1vw}.songs .songsHeader{padding:20px 10px}}.playlists{align-items:center;background-color:#fff;border-radius:15px;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;padding:4vw;width:100%}.playlists h1{font-size:25px;font-weight:400;width:100%}.playlists .playlistsContent{grid-gap:1.5vw;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:30px 0;width:100%}@media screen and (max-width:700px){.playlists{padding:10px 2vw}.playlists h1{padding:10px 0 0 10px}}.page2,.profile{display:flex;flex-direction:column;width:100%}.page2 .profileMain,.profile .profileMain{display:flex;flex-direction:column;margin-bottom:100px}.page2 .profileMain .profileNav ul,.profile .profileMain .profileNav ul{display:flex;list-style:none;text-align:center;width:100%}.page2 .profileMain .profileNav ul .active,.profile .profileMain .profileNav ul .active{background-color:#fff;border-bottom:3px solid #5b8ea8;color:#5b8ea8;font-weight:700}.page2 .profileMain .profileNav ul li,.profile .profileMain .profileNav ul li{align-items:center;border-bottom:none;cursor:pointer;display:flex;font-size:13px;justify-content:center;padding:10px 30px;width:33.3%}.page2 .myPlaylists,.profile .myPlaylists{background-color:#fff;border-radius:0 0 15px 15px;padding:50px 2vw;text-align:center}.page2 .myPlaylists .list,.profile .myPlaylists .list{grid-gap:1.5vw;align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.page2 .songsHome,.profile .songsHome{background-color:#fff;border-radius:0 0 15px 15px;padding:50px 1vw;text-align:center}.page2 .songsHome h1,.profile .songsHome h1{font-weight:400;margin-bottom:20px}.page2 .songsHome .deleteBtn,.profile .songsHome .deleteBtn{background-color:#ff0000c4;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;margin-bottom:20px;margin-right:auto;padding:6px 10px}.page2 .songsHome .deleteBtn:hover,.profile .songsHome .deleteBtn:hover{opacity:.8}.page2 .songsHome .listSongs,.profile .songsHome .listSongs{display:flex;flex-direction:column;margin-bottom:20px;width:100%}.page2 .addItemBtnSong,.profile .addItemBtnSong{border-radius:10px;height:38px;margin:0;max-height:none;max-width:none;min-height:0;min-height:auto;min-width:0;min-width:auto;padding:5px 0;width:100%}.page2 .addItemBtnSong img,.profile .addItemBtnSong img{height:100%;width:auto}@media(max-width:800px){.page2 .profileMain .profileNav ul li,.profile .profileMain .profileNav ul .active{font-size:12px}}@media(max-width:400px){.profile .myPlaylists .myPlaylistsHeader{font-size:14px}}.profileHeader{grid-gap:2vw;align-items:center;background-color:#fff;border-radius:15px 15px 0 0;display:flex;padding:2vw;width:100%}.profileHeader .userIcon{color:gray;font-size:90px}.profileHeader .userInfo{grid-gap:1vw;display:flex;flex-direction:column}.profileHeader .userInfo .username{grid-gap:5vw;align-items:center;display:flex;font-size:22px;width:100%}.profileHeader .userInfo .info{grid-gap:1vw;align-items:center;display:flex;font-size:13px}.profileHeader .userPenIcon{align-self:center;color:#000;font-size:25px;justify-self:flex-end;margin-left:auto}.profileHeader .modalChangeProfile{margin:1vw 0;width:90vw}.profileHeader .registration .formDiv .header{margin-bottom:20px}.profileHeader .registration .formDiv .input{margin:20px 0}.profileHeader .registration .formDiv{justify-content:space-around;width:100%}.profileHeader .block{align-self:center;background-color:#ff0000c4;border:2px solid #ffa200;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;justify-self:flex-end;margin-left:auto;padding:6px 10px}.profileHeader .block:hover{opacity:.8}.profileHeader .unblock{align-self:center;background-color:#2f4f4f;border-radius:10px;color:#fff;cursor:pointer;font-size:13px;justify-self:flex-end;margin-left:auto;padding:6px 10px}.profileHeader .unblock:hover{opacity:.8}@media(max-width:1170px){.profileHeader{padding:30px}.profileHeader .userIcon{font-size:60px}}@media(max-width:400px){.profileHeader .userInfo{align-self:flex-start}.profileHeader .userInfo .info{display:none}}.registration{align-items:center;display:flex;justify-content:center;margin:5vw 0;width:100%}.registration .formDiv{grid-gap:2vw;background-color:#fff;border-radius:15px;padding:30px;width:80%}.registration .formDiv,.registration .formDiv .header{align-items:center;display:flex;justify-content:space-between}.registration .formDiv .header h1{align-self:flex-start;font-size:30px}.registration .formDiv .header .link{font-size:12px}.registration .formDiv .icon{color:#9b9b9b;font-size:140px;width:35%}.registration .formDiv form{grid-gap:20px;display:flex;flex-direction:column;width:100%}.registration .formDiv form .input{grid-gap:10px;display:flex;flex-direction:column;width:100%}.registration .formDiv form .input input[type=password],.registration .formDiv form .input input[type=text]{background-color:#d9d9d9;border-radius:15px;font-size:18px;padding:8px;width:100%}.registration .formDiv form .radioDiv{grid-gap:20px;align-content:center;display:flex;justify-content:flex-start}.registration .formDiv form .radioDiv .radio{grid-gap:5px;align-items:center;display:flex;justify-content:flex-start}.registration .formDiv form .terms{grid-gap:10px;align-items:center;display:flex;font-size:11px;justify-content:left;margin:-10px 0 0}.registration .formDiv form .terms .blue{color:blue}.registration .formDiv form .formBtn{align-self:flex-end;background-color:#ff9800;border-radius:15px;color:#fff;font-size:13px;font-weight:700;padding:8px 15px}@media screen and (max-width:900px){.registration .formDiv{grid-gap:50px;width:90%}.registration .formDiv .icon{display:none}.registration .formDiv form{width:100%}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;top:var(--swiper-navigation-top-offset,50%);width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{height:100%;object-fit:contain;transform-origin:center;width:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.registrationPlaylist{align-items:center;display:flex;justify-content:center;margin:5vw 0;width:100%}.registrationPlaylist .formDiv{grid-gap:10px;align-items:center;background-color:#fff;border-radius:15px;display:flex;justify-content:space-between;padding:30px;width:80%}.registrationPlaylist .formDiv h1{align-self:flex-start;font-size:30px}.registrationPlaylist .formDiv .icon{color:#9b9b9b;font-size:140px;width:35%}.registrationPlaylist .formDiv .slider{align-items:center;display:flex;flex-direction:column;justify-content:center;width:35%}.registrationPlaylist .formDiv .slider .mySwiper,.registrationPlaylist .formDiv .slider .mySwiper img{width:100%}.registrationPlaylist .formDiv .slider p{color:#363636;font-size:12px}.registrationPlaylist .formDiv form{grid-gap:20px;display:flex;flex-direction:column;width:65%}.registrationPlaylist .formDiv form .input{grid-gap:10px;display:flex;flex-direction:column;font-size:16px;width:100%}.registrationPlaylist .formDiv form .input input{background-color:#d9d9d9;border-radius:15px;font-size:18px;padding:8px;width:100%}.registrationPlaylist .formDiv form .radioDiv{grid-gap:15px;align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-start}.registrationPlaylist .formDiv form .radioDiv .radio{grid-gap:5px;display:inline-flex;margin:0;min-width:auto;padding:0;white-space:nowrap}.registrationPlaylist .formDiv form .radioDiv .radio input,.registrationPlaylist .formDiv form .radioDiv .radio label{display:inline-block;font-size:11px;height:auto;line-height:1;margin:0;padding:0;position:relative;width:auto;z-index:1}.registrationPlaylist .formDiv form .terms{grid-gap:10px;align-items:center;display:flex;font-size:11px;justify-content:left;margin:-10px 0 0}.registrationPlaylist .formDiv form .terms .blue{color:blue}.registrationPlaylist .formDiv .formBtn,.registrationPlaylist .formDiv .formBtnMobile{align-self:flex-end;background-color:#ff9800;border-radius:15px;color:#fff;font-size:15px;font-weight:700;padding:10px 20px}.registrationPlaylist .formDiv .formBtnMobile{align-self:center;display:none}.registrationPlaylist .swiper-button-next:after,.registrationPlaylist .swiper-button-prev:after{color:#000;font-size:17px}.registrationPlaylist .swiper-button-next{right:0}.registrationPlaylist .swiper-button-prev{left:0}@media screen and (max-width:700px){.registrationPlaylist .formDiv{grid-gap:50px;flex-direction:column-reverse;width:90%}.registrationPlaylist .formDiv .icon{display:none}.registrationPlaylist .formDiv .slider,.registrationPlaylist .formDiv form{width:100%}.registrationPlaylist .formDiv form .radioDiv{grid-gap:10px;flex-wrap:nowrap;justify-content:center}.registrationPlaylist .formDiv .formBtn{display:none}.registrationPlaylist .formDiv .formBtnMobile{display:block}}.registrationAddSong{justify-content:center;margin:5vw 0;width:100%}.registrationAddSong,.registrationAddSong .formDiv{align-items:center;display:flex;flex-direction:column}.registrationAddSong .formDiv{grid-gap:10px;background-color:#fff;border-radius:15px;justify-content:space-between;padding:30px;width:80%}.registrationAddSong .formDiv h1{align-self:flex-start;font-size:30px}.registrationAddSong .formDiv .icon{color:#9b9b9b;font-size:140px;width:35%}.registrationAddSong .formDiv form{grid-gap:20px;display:flex;flex-direction:column;width:65%}.registrationAddSong .formDiv form .input{grid-gap:10px;display:flex;flex-direction:column;font-size:16px;width:100%}.registrationAddSong .formDiv form .input input,.registrationAddSong .formDiv form .input textarea{background-color:#d9d9d9;border-radius:15px;font-size:18px;padding:8px;width:100%}.registrationAddSong .formDiv form .input textarea{word-wrap:normal;font-size:13px;overflow-wrap:normal;resize:auto;white-space:pre}.registrationAddSong .formDiv form .input .genres{flex-direction:row}.registrationAddSong .formDiv form .terms{grid-gap:10px;align-items:center;display:flex;font-size:11px;justify-content:left;margin:-10px 0 0}.registrationAddSong .formDiv form .terms .blue{color:blue}.registrationAddSong .formDiv .formBtn{align-self:flex-end;background-color:#ff9800;border-radius:15px;color:#fff;font-size:15px;font-weight:700;padding:10px 20px}.registrationAddSong .swiper-button-next:after,.registrationAddSong .swiper-rtl .swiper-button-prev:after{color:#000;font-size:15px;margin-right:-30px}.registrationAddSong .swiper-button-prev:after,.registrationAddSong .swiper-rtl .swiper-button-next:after{color:#000;font-size:15px;margin-left:-30px}.song{grid-gap:10px;background-color:#fff;border-radius:15px;display:flex;flex-direction:column;flex-grow:1;height:100%;padding:4vw;width:100%}.song .top{align-items:center;display:flex;justify-content:space-between}.song .playlistName{font-size:13px;font-style:italic}.song .playlistName .playlistNameSpan{color:#0390fc;cursor:pointer;margin-right:auto}.song .playlistName .playlistNameSpan:hover{opacity:.8}.song .icons{grid-gap:15px;align-items:center;cursor:pointer;display:flex;font-size:25px;position:relative}.song .icons .icon:hover{cursor:pointer;opacity:.8}.song .transpose{max-width:35px}.song .songInfo .songsBtns{grid-gap:20px;align-items:center;display:flex;margin-top:20px}.song .songInfo .songsBtns button{background-color:#0390fc;border-radius:5px;color:#fff;cursor:pointer;padding:7px 10px}.song .songInfo .songsBtns button:hover{opacity:.8}.song .songInfo .songsBtns button:disabled{cursor:not-allowed;opacity:.5}.song .songInfo .songsBtns p{background-color:#f1f1f1;border-radius:5px;padding:5px 10px}.song .songInfo .artistName{color:#2b6dc4;cursor:pointer}.song .text{font-size:12px;margin:40px 0}.song .bottom{align-items:center;color:gray;display:flex;font-size:14px;font-style:italic;justify-content:space-between}.song .bottom .username{color:#2b6dc4;cursor:pointer}.song .arrows{justify-content:flex-start!important;margin-top:20px}.song .shuffle{background-color:#f1f1f1;border-radius:5px;font-size:25px;padding:5px 10px}@media screen and (max-width:800px){.song .text{font-size:10px}}@media screen and (max-width:700px){.song .text{font-size:8px}}.playlist{background-color:#fff;border-radius:15px;flex-direction:column;flex-grow:1;height:100%;justify-content:center;padding:4vw;width:100%}.playlist,.playlist .icons{align-items:center;display:flex}.playlist .icons{grid-gap:15px;align-self:flex-end;cursor:pointer;font-size:25px;position:relative}.playlist .icons .icon{align-items:center;display:flex;flex-direction:column;justify-content:center}.playlist .icons .icon .likes{font-size:12px;margin-bottom:-12px}.playlist .icons .icon:hover{cursor:pointer;opacity:.8}.playlist .playlistTitle{align-self:flex-start;font-size:2em}.playlist .songsList{margin:30px 0;width:100%}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}}.Toastify__toast{--y:0;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;touch-action:none;z-index:0}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.artist{align-items:flex-start;background-color:#fff;border-radius:15px;display:flex;flex-direction:column;flex-grow:1;height:100%;padding:4vw;width:100%}.artist h1{margin-bottom:20px}.artist .artists{grid-gap:5px;display:flex;flex-direction:column}.artist .artists .artistItem{color:#5b8ea8;cursor:pointer;text-decoration:underline}.artist .artists .artistItem:hover{opacity:.8}.registrationGenre{justify-content:center;margin:5vw 0;width:100%}.registrationGenre,.registrationGenre .formDiv{align-items:center;display:flex;flex-direction:column}.registrationGenre .formDiv{grid-gap:10px;background-color:#fff;border-radius:15px;justify-content:space-between;padding:30px;width:80%}.registrationGenre .formDiv h1{align-self:flex-start;font-size:30px}.registrationGenre .formDiv .icon{color:#9b9b9b;font-size:140px;width:35%}.registrationGenre .formDiv form{grid-gap:20px;display:flex;flex-direction:column;width:65%}.registrationGenre .formDiv form .input{grid-gap:10px;display:flex;flex-direction:column;font-size:16px;width:100%}.registrationGenre .formDiv form .input input,.registrationGenre .formDiv form .input textarea{background-color:#d9d9d9;border-radius:15px;font-size:18px;padding:8px;width:100%}.registrationGenre .formDiv form .input textarea{word-wrap:normal;font-size:13px;overflow-wrap:normal;resize:auto;white-space:pre}.registrationGenre .formDiv form .terms{grid-gap:10px;align-items:center;display:flex;font-size:11px;justify-content:left;margin:-10px 0 0}.registrationGenre .formDiv form .terms .blue{color:blue}.registrationGenre .formDiv .formBtn{align-self:flex-end;background-color:#ff9800;border-radius:15px;color:#fff;font-size:15px;font-weight:700;padding:10px 20px}.registrationGenre .swiper-button-next:after,.registrationGenre .swiper-rtl .swiper-button-prev:after{color:#000;font-size:15px;margin-right:-30px}.registrationGenre .swiper-button-prev:after,.registrationGenre .swiper-rtl .swiper-button-next:after{color:#000;font-size:15px;margin-left:-30px}@media screen and (max-width:700px){.registrationAddSong .formDiv{grid-gap:50px;flex-direction:column-reverse;width:90%}.registrationAddSong .formDiv .icon{display:none}.registrationAddSong .formDiv .slider,.registrationAddSong .formDiv form{width:100%}}.genres{align-items:center;background-color:#fff;border-radius:15px;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;padding:4vw;width:100%}.genres button{border:1px solid #000;border-radius:5px;margin-bottom:20px;padding:5px 10px}.genres ul{grid-gap:10px;display:flex;flex-direction:column;list-style:none;width:100%}.genres ul li{border:1px solid #000;border-radius:5px;display:flex;justify-content:space-between;padding:2px 5px;width:100%}.genres ul li .icons{grid-gap:10px;cursor:pointer;display:flex}.genres ul li .icons svg:hover{color:gray;opacity:.8}.whatIsRepertorify{grid-gap:10px;background-color:#fff;border-radius:15px;display:flex;flex-direction:column;flex-grow:1;height:100%;padding:4vw;width:100%}.whatIsRepertorify .about-container{color:#333;font-family:Arial,sans-serif;font-size:15px;margin:40px auto;max-width:700px}.whatIsRepertorify .about-container .about-title{font-size:32px;margin-bottom:24px;text-align:center}.whatIsRepertorify .about-container .about-subtitle{font-size:24px;font-weight:600;margin-bottom:16px}.whatIsRepertorify .about-container .about-text{font-size:18px;line-height:1.6;margin-bottom:24px}.whatIsRepertorify .about-container .about-list{line-height:1.6;margin-bottom:24px;padding-left:20px}.whatIsRepertorify .about-container .about-list li{margin-bottom:8px}.whatIsRepertorify .about-container .about-footer{font-size:16px;font-weight:600;margin-top:32px;text-align:center}@media(max-width:768px){.whatIsRepertorify .about-container .about-title{font-size:28px}.whatIsRepertorify .about-container .about-subtitle{font-size:20px}.whatIsRepertorify .about-container .about-footer,.whatIsRepertorify .about-container .about-list li,.whatIsRepertorify .about-container .about-text{font-size:15px}}@media(max-width:480px){.whatIsRepertorify{padding:5vw}.whatIsRepertorify .about-container .about-title{font-size:22px;margin-bottom:16px}.whatIsRepertorify .about-container .about-subtitle{font-size:18px;margin-bottom:12px}.whatIsRepertorify .about-container .about-list li,.whatIsRepertorify .about-container .about-text{font-size:14px;margin-bottom:16px}.whatIsRepertorify .about-container .about-list{margin-bottom:18px;padding-left:16px}.whatIsRepertorify .about-container .about-list li{margin-bottom:6px}.whatIsRepertorify .about-container .about-footer{font-size:14px;margin-top:24px}}
/*# sourceMappingURL=main.ca51ce94.css.map*/