@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap);.slick-slider{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid #0000;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) 50% no-repeat}@font-face{font-family:slick;font-style:normal;font-weight:400;src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);src:url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format("embedded-opentype"),url(/static/media/slick.295183786cd8a1389865.woff) format("woff"),url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format("svg")}.slick-next,.slick-prev{border:none;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:#0000;color:#0000;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:slick;font-size:20px;line-height:1;opacity:.75}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;display:block;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0;position:relative}.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}.slick-dots li button{background:#0000;border:0;color:#0000;display:block;font-size:0;line-height:0;outline:none;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;content:"•";font-family:slick;font-size:6px;height:20px;left:0;line-height:20px;opacity:.25;position:absolute;text-align:center;top:0;width:20px}.slick-dots li.slick-active button:before{color:#000;opacity:.75}html{scroll-behavior:smooth}body,html{height:100%}body{font-family:Funnel Sans,sans-serif;margin:0;text-rendering:optimizeSpeed;width:auto}#root{height:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#121212}::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,47%,.667);border-radius:3px;cursor:pointer}::-webkit-scrollbar-thumb:hover{background:#777}.wrapper{height:100%;margin:0 auto}.wrapper .container{background-color:#121212;height:100%;margin:0}.leftContainer{background:#121212;border-right:.5px solid #1f1f1f;height:100%;left:0;position:fixed;transition:.2s ease-out;width:100%;z-index:2}.leftContainer .top{background-color:#121212;border-bottom:.5px solid #1f1f1f;justify-content:space-between;padding:8px;position:relative;z-index:1}.leftContainer .top,.leftContainer .top .logo{align-items:center;display:flex}.leftContainer .top .logo img{cursor:pointer;height:35px}.leftContainer .top .right{align-items:center;display:flex;justify-content:right}.leftContainer .top .search .btnOpenSearch{align-items:center;background-color:#0000;border:.5px solid #0000;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:6px;position:relative;transition:.2s ease-in}.leftContainer .top .search .btnOpenSearch .unseenMessagesCount{align-items:center;background-color:#e91429;border:2px solid #121212;border-radius:50%;color:#fff;display:flex;font-family:system-ui;font-size:10px;font-weight:500;justify-content:center;padding:3px 7px;position:absolute;right:-5px;top:-3px;transition:.2s ease-out;z-index:10}.leftContainer .top .search .btnOpenSearch:hover{background-color:#1f1f1f}.leftContainer .top .search .btnOpenSearch:hover .unseenMessagesCount{border:2px solid #1f1f1f}.leftContainer .top .search .btnOpenSearch:active{background-color:#000}.leftContainer .middle{height:92%;overflow-x:hidden;overflow-y:auto}.leftContainer .middle .user{align-items:center;background-color:#121212;border-bottom:.5px solid #1f1f1f;display:flex;height:80px;padding:8px;position:relative}.leftContainer .middle .user .avatar{align-items:center;display:flex;height:100%;width:85px}.leftContainer .middle .user .avatar img{border-radius:5px;box-shadow:0 5px 15px #00000059;cursor:pointer;height:63.2px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:63.2px}.leftContainer .middle .user .name{align-items:center;display:grid;height:100%;justify-content:center;width:75%}.leftContainer .middle .user .name span{color:#fff;cursor:pointer;font-family:system-ui;font-size:16px;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:.2s ease-in;width:105px}.leftContainer .middle .user .name span:hover{text-decoration:underline}.leftContainer .middle .playlist{height:42px;position:relative;transition:.2s ease-out}.leftContainer .middle .playlist .top{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-bottom:.5px solid #1f1f1f;display:flex;justify-content:space-between;left:0;padding:8px;position:absolute;right:0;top:0;z-index:1}.leftContainer .middle .playlist .top .title{align-items:center;color:#fff;display:flex;font-family:system-ui;font-size:18px;font-weight:700}.leftContainer .middle .playlist .top .options{align-items:center;display:flex}.leftContainer .middle .playlist .top .options .btnExpand{align-items:center;background-color:#0000;border:.5px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:flex;padding:5px;transition:.2s ease-out}.leftContainer .middle .playlist .top .options .btnExpand:hover{background-color:#1f1f1f}.leftContainer .middle .playlist .top .options .btnExpand:active{background-color:#000}.leftContainer .middle .playlist .top .options .btnAdd{align-items:center;background-color:#0000;border:.5px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:flex;padding:5px;transition:.2s ease-out}.leftContainer .middle .playlist .top .options .btnAdd:hover{background-color:#1f1f1f}.leftContainer .middle .playlist .top .options .btnAdd:active{background-color:#fff;color:#000}.leftContainer .middle .playlist .backTop{height:42px}.leftContainer .middle .playlist .main{border-bottom:.5px solid #1f1f1f;height:0;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth;transition:.2s ease-in;width:100%;z-index:0}.leftContainer .middle .playlist .main .btnPlaylist{align-items:center;background-color:#0000;border:none;border-bottom:.5px solid #0000;cursor:pointer;display:flex;font-family:Funnel Sans,sans-serif;height:80px;padding:8px;transition:.2s ease-out;width:100%}.leftContainer .middle .playlist .main .btnPlaylist .coverImage{align-items:center;display:flex;height:100%;width:85px}.leftContainer .middle .playlist .main .btnPlaylist .coverImage img{border:.5px solid #1f1f1f;cursor:pointer;filter:blur(.4px);height:100%;object-fit:cover;width:100%}.leftContainer .middle .playlist .main .btnPlaylist .info{align-items:center;display:grid;padding-left:8px;width:75%}.leftContainer .middle .playlist .main .btnPlaylist .info .name{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;cursor:pointer;display:-webkit-box;font-size:16px;font-weight:400;line-height:25px;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:.2s ease-out;width:100%}.leftContainer .middle .playlist .main .btnPlaylist .info .name:hover{text-decoration:underline}.leftContainer .middle .playlist .main .btnPlaylist .info .quantity{align-items:center;color:hsla(0,0%,47%,.667);display:flex;font-size:14px;font-weight:400;justify-content:left}.leftContainer .middle .playlist .main .btnPlaylist:hover{background-color:#1f1f1f}.leftContainer .middle .playlist .main .btnPlaylist:active{background-color:#000}.leftContainer .middle .historyListen{height:42px;position:relative;transition:.2s ease-out}.leftContainer .middle .historyListen .top{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-bottom:.5px solid #1f1f1f;display:flex;justify-content:space-between;left:0;padding:8px;position:absolute;right:0;top:0;z-index:1}.leftContainer .middle .historyListen .top .title{align-items:center;color:#fff;display:flex;font-family:system-ui;font-size:18px;font-weight:700}.leftContainer .middle .historyListen .top .options{align-items:center;display:flex}.leftContainer .middle .historyListen .top .options .btnExpand{align-items:center;background-color:#0000;border:.5px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:flex;padding:5px;transition:.2s ease-out}.leftContainer .middle .historyListen .top .options .btnExpand:hover{background-color:#1f1f1f}.leftContainer .middle .historyListen .top .options .btnExpand:active{background-color:#000}.leftContainer .middle .historyListen .top .options .btnAdd{align-items:center;background-color:#0000;border:.5px solid #0000;color:#fff;cursor:pointer;display:flex;padding:5px;transition:.2s ease-out}.leftContainer .middle .historyListen .top .options .btnAdd:hover{background-color:#1f1f1f}.leftContainer .middle .historyListen .top .options .btnAdd:active{background-color:#fff;color:#000}.leftContainer .middle .historyListen .backTop{height:42px}.leftContainer .middle .historyListen .main{border-bottom:.5px solid #1f1f1f;height:0;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth;transition:.2s ease-in;width:100%;z-index:0}.leftContainer .middle .historyListen .main .btnPlaylist{align-items:center;background-color:#0000;border:none;border-bottom:.5px solid #0000;cursor:pointer;display:flex;font-family:Funnel Sans,sans-serif;height:80px;padding:8px;transition:.2s ease-out;width:100%}.leftContainer .middle .historyListen .main .btnPlaylist .coverImage{align-items:center;display:flex;height:100%;width:85px}.leftContainer .middle .historyListen .main .btnPlaylist .coverImage img{border:.5px solid #1f1f1f;cursor:pointer;filter:blur(.4px);height:100%;object-fit:cover;width:100%}.leftContainer .middle .historyListen .main .btnPlaylist .info{align-items:center;display:grid;padding-left:8px;width:70%}.leftContainer .middle .historyListen .main .btnPlaylist .info .name{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;cursor:pointer;display:-webkit-box;font-size:16px;font-weight:400;line-height:25px;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:.2s ease-out;width:100%}.leftContainer .middle .historyListen .main .btnPlaylist .info .name:hover{text-decoration:underline}.leftContainer .middle .historyListen .main .btnPlaylist .info .quantity{align-items:center;color:hsla(0,0%,47%,.667);display:flex;font-size:14px;font-weight:400;justify-content:left}.leftContainer .middle .historyListen .main .btnPlaylist .btnRemoveBox{align-items:center;display:flex;height:100%;justify-content:center}.leftContainer .middle .historyListen .main .btnPlaylist .btnRemoveBox .btnRemove{align-items:center;background-color:#0000;border:.5px solid #0000;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:.2s ease-out;z-index:1}.leftContainer .middle .historyListen .main .btnPlaylist .btnRemoveBox .btnRemove:hover{background-color:#121212}.leftContainer .middle .historyListen .main .btnPlaylist .btnRemoveBox .btnRemove:active{background-color:red}.leftContainer .middle .historyListen .main .btnPlaylist:hover{background-color:#1f1f1f}.leftContainer .middle .historyListen .main .btnPlaylist:active{background-color:#000}.leftContainer .middle .mySong{height:42px;position:relative;transition:.2s ease-out}.leftContainer .middle .mySong .top{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-bottom:.5px solid #1f1f1f;display:flex;justify-content:space-between;left:0;padding:8px;position:absolute;right:0;top:0;z-index:1}.leftContainer .middle .mySong .top .title{align-items:center;color:#fff;display:flex;font-family:system-ui;font-size:18px;font-weight:700}.leftContainer .middle .mySong .top .options{align-items:center;display:flex}.leftContainer .middle .mySong .top .options .btnExpand{align-items:center;background-color:#0000;border:.5px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:flex;padding:5px;transition:.2s ease-out}.leftContainer .middle .mySong .top .options .btnExpand:hover{background-color:#1f1f1f}.leftContainer .middle .mySong .top .options .btnExpand:active{background-color:#000}.leftContainer .middle .mySong .top .options .btnAdd{align-items:center;background-color:#0000;border:.5px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:flex;padding:5px;transition:.2s ease-out}.leftContainer .middle .mySong .top .options .btnAdd .btnAddText{font-family:sans-serif;font-size:13px;font-weight:600;height:0;margin-bottom:-2px;overflow:hidden;transition:.2s ease-out;width:0}.leftContainer .middle .mySong .top .options .btnAdd:hover .btnAddText{height:max-content;transition:.2s ease-out;width:24px}.leftContainer .middle .mySong .top .options .btnAdd:hover{background-color:#1f1f1f;gap:3px}.leftContainer .middle .mySong .top .options .btnAdd:active{background-color:#fff;color:#000}.leftContainer .middle .mySong .backTop{height:42px}.leftContainer .middle .mySong .main{border-bottom:.5px solid #1f1f1f;height:0;overflow-x:hidden;overflow-y:auto;position:relative;scroll-behavior:smooth;transition:.2s ease-in;width:100%;z-index:0}.leftContainer .middle .mySong .main .listenHistoryItem{align-items:center;display:flex;position:relative}.leftContainer .middle .mySong .main .listenHistoryItem .buttonBox{background-color:#0000;left:71.2px;padding-left:8px;position:absolute;top:8px;width:65%;z-index:5}.leftContainer .middle .mySong .main .listenHistoryItem .btnName{-webkit-box-orient:vertical;-webkit-line-clamp:1;background-color:#0000;border:none;color:#fff;cursor:pointer;display:-webkit-box;font-family:system-ui;font-size:16px;font-weight:500;line-height:25px;margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;transition:.2s ease-out;width:100%}.leftContainer .middle .mySong .main .listenHistoryItem .btnName:hover{text-decoration:underline}.leftContainer .middle .mySong .main .listenHistoryItem .btnOwnerAndUserTagsBox{display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;text-align:left;text-overflow:ellipsis;width:100%}.leftContainer .middle .mySong .main .listenHistoryItem .btnQuantity{-webkit-box-orient:vertical;-webkit-line-clamp:1;background-color:#0000;border:none;color:hsla(0,0%,47%,.667);cursor:pointer;display:-webkit-box;font-family:system-ui;font-size:14px;font-weight:500;margin:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;width:100%}.leftContainer .middle .mySong .main .listenHistoryItem .btnQuantity:hover{text-decoration:underline}.leftContainer .middle .mySong .main .btnPlaylist{align-items:center;background-color:#0000;border:none;border-bottom:.5px solid #0000;cursor:pointer;display:flex;font-family:Funnel Sans,sans-serif;height:80px;padding:8px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:100%}.leftContainer .middle .mySong .main .btnPlaylist .coverImage{align-items:center;display:flex;height:100%}.leftContainer .middle .mySong .main .btnPlaylist .coverImage img{border-radius:5px;box-shadow:0 5px 15px #00000059;cursor:pointer;height:63.2px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:63.2px}.leftContainer .middle .mySong .main .btnPlaylist .info{height:100%;padding-left:8px;position:relative;width:65%}.leftContainer .middle .mySong .main .btnPlaylist .info .name{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;cursor:pointer;display:-webkit-box;font-family:system-ui;font-size:16px;font-weight:500;line-height:25px;opacity:0;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:.2s ease-out;width:100%}.leftContainer .middle .mySong .main .btnPlaylist .info .quantity{align-items:center;color:hsla(0,0%,47%,.667);display:flex;font-size:14px;font-weight:400;justify-content:left;opacity:0;position:relative}.leftContainer .middle .mySong .main .btnPlaylist .info .quantity:hover{text-decoration:underline}.leftContainer .middle .mySong .main .btnPlaylist .info .quantity:active{color:#fff}.leftContainer .middle .mySong .main .btnPlaylist:hover{background-color:#1f1f1f}.leftContainer .middle .mySong .main .btnPlaylist:active{background-color:#000}.leftContainer .middle .mySong .main .btnDeleteListenHistory{align-items:center;background-color:#0000;border:.5px solid hsla(0,0%,47%,.667);border-radius:10px;color:hsla(0,0%,47%,.667);cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:4px 10px;position:absolute;right:8px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:fit-content;z-index:5}.leftContainer .middle .mySong .main .btnDeleteListenHistory:hover{border:.5px solid #e91429;color:#e91429}.leftContainer .middle .mySong .main .btnDeleteListenHistory:active{transform:scale(.97)}.middleContainer{background-color:#121212;padding-top:58.4px;position:relative}.middleContainer .tabSwitchBar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-bottom:.5px solid #1f1f1f;display:flex;height:58.4px;position:fixed;top:0;width:50%;z-index:99}.middleContainer .tabSwitchBar .btnHomePage{align-items:center;background-color:#0000;border:none;border-bottom:3px solid #0000;cursor:pointer;display:flex;font-family:system-ui;height:100%;justify-content:center;transition:.2s ease-out;width:100%}.middleContainer .tabSwitchBar .btnHomePage span{color:#fff;display:block;font-size:16px;font-weight:500}.middleContainer .tabSwitchBar .btnHomePage:hover{background-color:#1f1f1f}.middleContainer .tabSwitchBar .btnHomePage:active{background-color:#000}.middleContainer .tabSwitchBar .btnFeedPage{align-items:center;background-color:#0000;border:none;border-bottom:3px solid #0000;cursor:pointer;display:flex;font-family:system-ui;height:100%;justify-content:center;transition:.2s ease-out;width:100%}.middleContainer .tabSwitchBar .btnFeedPage span{color:#fff;display:block;font-size:16px;font-weight:500}.middleContainer .tabSwitchBar .btnFeedPage:hover{background-color:#1f1f1f}.middleContainer .tabSwitchBar .btnFeedPage:active{background-color:#000}.middleContainer .tabSwitchBar .btnComeBackBox,.middleContainer .tabSwitchBar .btnComeBackBox .btnComeBack{align-items:center;display:flex;height:100%;justify-content:center}.middleContainer .tabSwitchBar .btnComeBackBox .btnComeBack{background-color:#0000;border:.5px solid #0000;color:#fff;cursor:pointer;padding:5px 10px;transition:.2s ease-out}.middleContainer .tabSwitchBar .btnComeBackBox .btnComeBack:hover{background-color:#1f1f1f}.middleContainer .tabSwitchBar .btnComeBackBox .btnComeBack:active{background-color:#fff;color:#000}.middleContainer .tabSwitchBar .actived{border:none;border-bottom:3px solid #fff}.middleContainer .tabSwitchBarOnPhone{align-items:center;display:flex;height:58.4px;justify-content:space-between;padding:8px 8px 0;position:fixed;top:0;width:50%;z-index:99}.middleContainer .tabSwitchBarOnPhone .left{display:flex;gap:8px}.middleContainer .tabSwitchBarOnPhone a{text-decoration:none}.middleContainer .tabSwitchBarOnPhone button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex!important;height:100%;justify-content:center;padding:13.2px;transition:.2s ease-out;width:max-content}.middleContainer .tabSwitchBarOnPhone button span{display:block;font-family:system-ui;font-size:16px;font-weight:500}.middleContainer .tabSwitchBarOnPhone button:hover{background-color:#1f1f1f}.middleContainer .tabSwitchBarOnPhone .actived{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:hsla(0,0%,100%,.859);color:#000}.middleContainer .tabSwitchBarOnPhone .actived:hover{background-color:hsla(0,0%,100%,.859)}.middleContainer .tabSwitchBarOnPhone .btnComeBack{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffb3;border-radius:50%;color:#000;font-size:16px}.middleContainer .tabSwitchBarOnPhone .btnComeBack:hover{background-color:hsla(0,0%,100%,.859)}.middleContainer .tabSwitchBarOnPhone .tooltip{display:inline-block;position:relative}.middleContainer .tabSwitchBarOnPhone .tooltip .tooltiptext{background-color:#000;border-radius:6px;color:#fff;left:50%;margin-left:-40px;margin-top:5px;padding:5px 0;position:absolute;text-align:center;top:100%;transition:.1s ease-out;visibility:hidden;width:80px;z-index:99}.middleContainer .tabSwitchBarOnPhone .tooltip:hover .tooltiptext{transition:.1s ease-out;visibility:visible}.rightContainer{background-color:#121212;border-left:.5px solid #1f1f1f;height:100%;position:fixed;right:0;transition:.2s ease-out;width:100%;z-index:2}.songPlayer{height:100%;position:relative;width:100%;z-index:100}.songPlayer .top{align-items:center;border:none;display:flex;height:58.4px;justify-content:space-between;left:0;padding:8px;position:absolute;right:0;top:0;z-index:99}.songPlayer .top .title{align-items:center;color:#fff;display:flex;font-family:system-ui;font-size:16px;font-weight:500;justify-content:center;padding:4px}.songPlayer .top .options{align-items:center;display:flex;height:100%}.songPlayer .top .options button:hover{background-color:#1f1f1f}.songPlayer .top .options button:active{background-color:#000}.songPlayer .top .options .btnFullScreen,.songPlayer .top .options .btnPicInPic{align-items:center;background-color:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:.2s ease-in}.songPlayer .middle{background-color:#121212;height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:67px;scroll-behavior:smooth;scrollbar-width:none;width:100%}.songPlayer .middle .topBack{height:58.4px}.songPlayer .middle .bottomBack{background-color:red;height:58.4px}.songPlayer .middle .carouselThumbnail{padding-top:20px;width:100%}.songPlayer .middle .carouselThumbnail .slick-list{overflow:visible}.songPlayer .middle .carouselThumbnail .thumbnail{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.songPlayer .middle .songInfo{display:grid;font-family:system-ui;justify-content:center;padding:30px 0 10px;width:100%}.songPlayer .middle .songInfo .name{height:23.2px;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scrollbar-width:none;transition:all .2s;width:300px}.songPlayer .middle .songInfo .name span{color:#fff;cursor:default;display:block;font-size:17px;font-weight:500;position:absolute;white-space:nowrap}.songPlayer .middle .songInfo .name span:hover{cursor:pointer;text-decoration:underline}.songPlayer .middle .songInfo .name .songNameMarqueeActived{animation:songNameMarquee 18s ease-in-out infinite}.songPlayer .middle .songInfo .name:hover{background-color:#1f1f1f}.songPlayer .middle .songInfo .artist{overflow-x:hidden;overflow-y:hidden;width:300px}.songPlayer .middle .songInfo .artist span{color:hsla(0,0%,47%,.667);cursor:pointer;display:block;font-size:16px;font-weight:500;transition:.2s ease-out;white-space:nowrap}.songPlayer .middle .songInfo .artist span:hover{text-decoration:underline}.songPlayer .middle .songInfo .artist .btnArtist{background-color:#0000;border:none;font-family:system-ui;margin:0;padding:0}@keyframes songNameMarquee{0%{transform:translateX(0)}50%{transform:translateX(-450px)}to{transform:translateX(2px)}}.songPlayer .middle .progressBarContainer{display:grid;height:fit-content;justify-content:center;width:100%}.songPlayer .middle .progressBarContainer .progressBar{-webkit-appearance:none;appearance:none;background:#0000;border-radius:5px;cursor:pointer;outline:none;width:100%}.songPlayer .middle .progressBarContainer .progressBar::-webkit-slider-runnable-track{background:linear-gradient(to right,hsla(0,0%,100%,.902) 0,hsla(0,0%,100%,.902) calc(var(--progress)*1%),hsla(0,0%,47%,.667) calc(var(--progress)*1%),hsla(0,0%,47%,.667) 100%);border-radius:5px;height:7px}.songPlayer .middle .progressBarContainer .progressBar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:hsla(0,0%,100%,.902);border-radius:50%;cursor:pointer;height:14px;margin-top:-4px;opacity:0;width:14px}.songPlayer .middle .progressBarContainer .progressBar::-webkit-slider-thumb:hover{opacity:1}.songPlayer .middle .progressBarContainer .progressBar::-moz-range-track{background:hsla(0,0%,47%,.667);border-radius:5px;height:6px}.songPlayer .middle .progressBarContainer .progressBar::-moz-range-thumb{background:hsla(0,0%,100%,.902);border-radius:50%;cursor:pointer;height:14px;width:14px}.songPlayer .middle .progressBarContainer .timeBar{align-items:center;color:hsla(0,0%,100%,.867);display:flex;justify-content:space-between;margin-top:8px;-webkit-user-select:none;user-select:none;width:300px}.songPlayer .middle .progressBarContainer .timeBar .left,.songPlayer .middle .progressBarContainer .timeBar .right{font-size:14px;font-weight:500}.songPlayer .middle .interactButtonBoxContainer{background-color:#0000;display:grid;height:fit-content;justify-content:center;padding:15px 0 10px;position:relative;width:100%}.songPlayer .middle .interactButtonBoxContainer .interactButtonBox{align-items:center;background-color:#0000;display:flex;gap:8px;height:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;width:300px}.songPlayer .middle .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.songPlayer .middle .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer .btnLikeSong{align-items:center;background:#0000;border:.5px solid #1f1f1f;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;justify-content:center;padding:7px;transition:.2s ease-out;width:max-content}.songPlayer .middle .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer .btnLikeSong .sparkles{align-items:center;color:#0000;display:flex;font-size:8px;justify-content:center;position:absolute;transition:.2s ease-out}.songPlayer .middle .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer .btnLikeSong .sparklesActived{animation:sparklesAnimation 1s ease-out}.songPlayer .middle .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer .btnLikeSongActived{color:#d63031}.songPlayer .middle .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer .btnLikeSong:hover{background-color:#1f1f1f}.songPlayer .middle .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer .btnLikeSong:active{background-color:#000}.songPlayer .middle .playlistContainer{align-items:center;background-color:#0000;display:flex;height:fit-content;justify-content:center;margin-top:5px;width:100%}.songPlayer .middle .playlistContainer .playlist{background-color:#0000;border:.5px solid #1f1f1f;border-radius:25px;width:300px}.songPlayer .middle .playlistContainer .playlist .title{align-items:center;background-color:#171717;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-family:system-ui;font-size:12px;font-weight:500;justify-content:space-between;padding:7px 12px;transition:.2s ease-out;-webkit-user-select:none;user-select:none}.songPlayer .middle .playlistContainer .playlist .title svg{font-size:15px}.songPlayer .middle .playlistContainer .playlist .title .playlistInfo{align-items:center;display:grid;width:230px}.songPlayer .middle .playlistContainer .playlist .title .playlistInfo span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-align:left;text-overflow:ellipsis}.songPlayer .middle .playlistContainer .playlist .title .playlistInfo .name{color:hsla(0,0%,100%,.502)}.songPlayer .middle .playlistContainer .playlist .title:hover{background-color:rgba(31,31,31,.835)}.songPlayer .middle .playlistContainer .playlist .main{background-color:#0000;border-radius:0 0 25px 25px;height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;transition:.2s ease-out}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist{align-items:center;background-color:#0000;border:none;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:5px;transition:.2s ease-out;width:100%}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist span{align-items:center;color:hsla(0,0%,100%,.639);display:flex;font-family:system-ui;font-size:12px;font-weight:500}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist .number{justify-content:left;position:relative}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist .number .numberIcon{font-size:12px;font-weight:500}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist .number .playIcon{bottom:0;color:#fff;left:0;opacity:0;position:absolute;top:0}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist .music{align-items:center;display:flex;gap:7px;width:90%}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist .music img{border-radius:5px;box-shadow:0 5px 15px #00000059;cursor:pointer;height:45px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:45px}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist .music .info .name{color:#fff}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist .music .info .quantity{color:hsla(0,0%,47%,.667);font-size:12px;font-weight:500}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist .music .info span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-align:left;text-overflow:ellipsis}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist:hover{background-color:rgba(31,31,31,.502)}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist:hover .number .numberIcon{opacity:0}.songPlayer .middle .playlistContainer .playlist .main .btnPlaylist:hover .number .playIcon{opacity:1}.songPlayer .middle .addToPlaylistBox{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121212cc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.songPlayer .middle .addToPlaylistBox .addToPlaylist{background-color:#2e2e2e;border-radius:20px;height:370px;position:relative;width:300px}.songPlayer .middle .addToPlaylistBox .addToPlaylist .title{align-items:center;border-bottom:.5px solid hsla(0,0%,100%,.149);display:flex;justify-content:center;padding:8px 5px;position:relative}.songPlayer .middle .addToPlaylistBox .addToPlaylist .title span{color:#fff;font-family:system-ui;font-size:15px;font-weight:500}.songPlayer .middle .addToPlaylistBox .addToPlaylist .title .btnClose{align-content:center;background-color:#2e2e2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:5px;top:5px;transition:.2s ease-out}.songPlayer .middle .addToPlaylistBox .addToPlaylist .title .btnClose:hover{background-color:#e9142980}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist{height:330px;overflow-x:hidden;overflow-y:auto;padding:8px;scroll-behavior:smooth;scrollbar-width:none}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .playlistCard{align-items:center;display:flex;justify-content:center;position:relative}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist{align-items:center;background-color:#0000;border:none;border-radius:15px;cursor:pointer;display:flex;font-family:Funnel Sans,sans-serif;height:max-content;padding:8px;position:relative;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:100%}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist .coverImage{align-items:center;display:flex;height:100%}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist .coverImage img{border-radius:5px;box-shadow:0 5px 15px #00000059;cursor:pointer;height:40px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:40px}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist .info{height:100%;padding-left:8px;width:100%}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist .info .name{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;cursor:pointer;display:-webkit-box;font-family:system-ui;font-size:16px;font-weight:500;line-height:25px;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:.2s ease-out;width:70%}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist .info .quantity{align-items:center;color:hsla(0,0%,47%,.667);display:flex;font-size:14px;font-weight:400;justify-content:left}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist:hover{background-color:#1f1f1f}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist:active{background-color:#000}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnAddMusic{align-items:center;background-color:#dfdfdf;border:2px solid #0000;border-radius:10px;box-shadow:0 5px 15px #00000059;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:4px 10px;position:absolute;right:8px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:fit-content;z-index:5}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnAddMusic:hover{background-color:#c2c0c0}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnAddMusic:active{transform:scale(.97)}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnRemoveAddMusic{background-color:#1f1f1f;color:#fff}.songPlayer .middle .addToPlaylistBox .addToPlaylist .listPlaylist .btnRemoveAddMusic:hover{background-color:#171717}.songPlayer .middle .addToPlaylistBox .addToPlaylist .btnCreatePlaylistContainer{align-items:center;background:#2e2e2e;border-radius:0 0 20px 20px;bottom:0;display:flex;justify-content:center;left:0;padding:8px;position:absolute;right:0;z-index:6}.songPlayer .middle .addToPlaylistBox .addToPlaylist .btnCreatePlaylistContainer .btnCreatePlaylist{align-items:center;background-color:#fff;border:none;border-radius:15px;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:5px 8px;transition:.2s ease-out;width:100%}.songPlayer .middle .addToPlaylistBox .addToPlaylist .btnCreatePlaylistContainer .btnCreatePlaylist:hover{transform:scale(1.01)}.songPlayer .middle .addToPlaylistBox .addToPlaylist .btnCreatePlaylistContainer .btnCreatePlaylist:active{transform:scale(1)}.songPlayer .middle .nextSongRecommendContainer{align-items:center;background-color:#0000;display:flex;height:fit-content;justify-content:center;margin-top:5px;width:100%}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend{background-color:#171717;border:.5px solid #1f1f1f;border-radius:25px;padding:5px;width:300px}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .title{color:#fff;display:block;font-family:system-ui;font-size:13px;font-weight:500;padding:3px 10px 2px}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist{align-items:center;background-color:#0000;border:none;border-radius:20px;cursor:pointer;display:flex;gap:5px;justify-content:space-between;margin:0;padding:8px 10px;transition:.2s ease-out;width:100%}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist span{align-items:center;color:hsla(0,0%,100%,.639);display:flex;font-family:system-ui;font-size:13px;font-weight:500}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .number{justify-content:left;position:relative;width:9%}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .number .numberIcon{font-size:14px;font-weight:500}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .number .playIcon{bottom:0;color:#fff;left:0;opacity:0;position:absolute;top:0}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .music{align-items:center;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;width:82%}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .music .songImageContainer{height:45px;width:45px}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .music img{border-radius:5px;cursor:pointer;height:45px;object-fit:cover;object-position:center;outline:1px solid #87878726;outline-offset:-1px;width:45px}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .music .info .name{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;display:-webkit-box;overflow:hidden;text-align:left;text-overflow:ellipsis}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .music .info .quantity{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:hsla(0,0%,47%,.667);display:-webkit-box;font-size:12px;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .time{color:hsla(0,0%,47%,.667);font-size:12px;font-weight:500;justify-content:right;width:9%}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist:hover{background-color:rgba(31,31,31,.835)}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist:hover .number .numberIcon{opacity:0}.songPlayer .middle .nextSongRecommendContainer .nextSongRecommend .btnPlaylist:hover .number .playIcon{opacity:1}.songPlayer .bottom{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border:none;bottom:0;left:0;position:absolute;right:0;width:100%}.songPlayer .bottom .controlsContainer{padding:8px;width:100%}.songPlayer .bottom .controlsContainer .controls{align-items:center;display:flex;justify-content:space-between}.songPlayer .bottom .controlsContainer .controls button{border-radius:8px}.songPlayer .bottom .controlsContainer .controls .btnDisabled{cursor:not-allowed!important;opacity:.3!important}.songPlayer .bottom .controlsContainer .controls .btnDisabled:active{background-color:#0000!important;transform:scale(1)!important}.songPlayer .bottom .controlsContainer .controls .volumeControl{background-color:#1f1f1f;border-radius:8px;opacity:0;padding:0;position:absolute;top:0;transform:rotate(-90deg);transition:.2s ease-out}.songPlayer .bottom .controlsContainer .controls .volumeControl .volumeControlRange{accent-color:hsla(0,0%,100%,.902);align-items:center;cursor:pointer;display:flex;justify-content:center;opacity:0}.songPlayer .bottom .controlsContainer .controls .btnShuffleContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.songPlayer .bottom .controlsContainer .controls .btnShuffleContainer .btnShuffle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:.2s ease-out}.songPlayer .bottom .controlsContainer .controls .btnShuffleContainer .btnShuffle:hover{background-color:#1f1f1f}.songPlayer .bottom .controlsContainer .controls .btnShuffleContainer .btnShuffle:active{background-color:#000;transform:scale(.7)}.songPlayer .bottom .controlsContainer .controls .btnPreviousSongContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.songPlayer .bottom .controlsContainer .controls .btnPreviousSongContainer .btnPreviousSong{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:.2s ease-out}.songPlayer .bottom .controlsContainer .controls .btnPreviousSongContainer .btnPreviousSong:hover{background-color:#1f1f1f}.songPlayer .bottom .controlsContainer .controls .btnPreviousSongContainer .btnPreviousSong:active{background-color:#000;transform:scale(.7)}.songPlayer .bottom .controlsContainer .controls .btnPlayContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.songPlayer .bottom .controlsContainer .controls .btnPlayContainer .btnPlay{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:.2s ease-out}.songPlayer .bottom .controlsContainer .controls .btnPlayContainer .btnPlay:hover{background-color:#1f1f1f}.songPlayer .bottom .controlsContainer .controls .btnPlayContainer .btnPlay:active{background-color:#000;transform:scale(.7)}.songPlayer .bottom .controlsContainer .controls .btnNextSongContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.songPlayer .bottom .controlsContainer .controls .btnNextSongContainer .btnNextSong{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:.2s ease-out}.songPlayer .bottom .controlsContainer .controls .btnNextSongContainer .btnNextSong:hover{background-color:#1f1f1f}.songPlayer .bottom .controlsContainer .controls .btnNextSongContainer .btnNextSong:active{background-color:#000;transform:scale(.7)}.songPlayer .bottom .controlsContainer .controls .btnRepeatContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.songPlayer .bottom .controlsContainer .controls .btnRepeatContainer .btnRepeat{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:.2s ease-out}.songPlayer .bottom .controlsContainer .controls .btnRepeatContainer .btnRepeat:hover{background-color:#1f1f1f}.songPlayer .bottom .controlsContainer .controls .btnRepeatContainer .btnRepeat:active{background-color:#000;transform:scale(.7)}.songPlayer .bottom .controlsContainer .controls .btnVolumeControlContainer{align-items:center;display:flex;height:fit-content;justify-content:center;position:relative;width:fit-content}.songPlayer .bottom .controlsContainer .controls .btnVolumeControlContainer .btnVolumeControl{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:.2s ease-out}.songPlayer .bottom .controlsContainer .controls .btnVolumeControlContainer .btnVolumeControl:hover{background-color:#1f1f1f}.songPlayer .bottom .controlsContainer .controls .btnVolumeControlContainer .btnVolumeControl:active{background-color:#000;transform:scale(.7)}.songPlayer .bottom .controlsContainer .controls .btnVolumeControlContainer:hover .volumeControl{opacity:1;padding:8px;top:-265%;transition:.2s ease-out}.songPlayer .bottom .controlsContainer .controls .btnVolumeControlContainer:hover .volumeControl input{opacity:1}.songPlayer .bottom .controlsContainer .controls .btnLikeSongContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.songPlayer .bottom .controlsContainer .controls .btnLikeSongContainer .btnLikeSong{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:.2s ease-out}.songPlayer .bottom .controlsContainer .controls .btnLikeSongContainer .btnLikeSong .sparkles{align-items:center;color:#0000;display:flex;font-size:8px;justify-content:center;position:absolute;transition:.2s ease-out}.songPlayer .bottom .controlsContainer .controls .btnLikeSongContainer .btnLikeSong .sparklesActived{animation:sparklesAnimation 1s ease-out}.songPlayer .bottom .controlsContainer .controls .btnLikeSongContainer .btnLikeSongActived{color:#d63031}.songPlayer .bottom .controlsContainer .controls .btnLikeSongContainer .btnLikeSong:hover{background-color:#1f1f1f}.songPlayer .bottom .controlsContainer .controls .btnLikeSongContainer .btnLikeSong:active{background-color:#000;transform:scale(.7)}.songPlayer .bottom .controlsContainer .controls .btnAutoNextSongContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.songPlayer .bottom .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSong{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:grid;font-size:20px;height:36px;justify-content:center;padding:8px;transition:.2s ease-out;width:36px}.songPlayer .bottom .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSong .title{font-family:system-ui;font-size:9px;font-weight:600}.songPlayer .bottom .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSong .status{color:#d63031;font-family:system-ui;font-size:7px;font-weight:600}.songPlayer .bottom .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSongActived{color:#d63031}.songPlayer .bottom .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSong:hover{background-color:#1f1f1f}.songPlayer .bottom .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSong:active{background-color:#000;transform:scale(.7)}.songPlayer .musicPlayerBlocked{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;bottom:0;color:#fff;display:flex;font-family:system-ui;justify-content:center;position:absolute;top:0;width:100%;z-index:99}.songPlayer .boxContainer{--boxSize:5px;--gutter:3px;height:33px;margin-bottom:13px;margin-left:36%}.songPlayer .boxContainer,.songPlayer .boxContainerSmall{display:flex;justify-content:space-between;width:calc((var(--boxSize) + var(--gutter))*5)}.songPlayer .boxContainerSmall{--boxSize:1px;--gutter:1px;height:12px;margin-bottom:0;margin-left:0}.songPlayer .box{animation-duration:1.2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;background:hsla(0,0%,100%,.502);border-radius:8px;height:100%;transform:scaleY(.4);width:var(--boxSize)}.songPlayer .box1{animation-name:quiet}.songPlayer .box2{animation-name:normal}.songPlayer .box3{animation-name:quiet}.songPlayer .box4{animation-name:loud}.songPlayer .box5{animation-name:quiet}@keyframes quiet{25%{transform:scaleY(.6)}50%{transform:scaleY(.4)}75%{transform:scaleY(.8)}}@keyframes normal{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(.6)}}@keyframes loud{25%{transform:scaleY(1)}50%{transform:scaleY(.4)}75%{transform:scaleY(1.2)}}.ant-message-notice-content{background-color:#2e2e2e!important}.signInSignUpContainer .logo{opacity:1%;position:absolute;top:0;width:100%;z-index:0}.signUpContainer{height:100%;position:relative;width:100%}.signUpContainer,.signUpContainer .signUpForm{align-items:center;display:grid;justify-content:center}.signUpContainer .signUpForm{width:350px;z-index:2}.signUpContainer .signUpForm .onSubmitErrorMessage{background-color:#e91429;border-radius:25px;font-family:system-ui;font-weight:600;margin:0 0 5px;padding:10px;width:100%}.signUpContainer .signUpForm .onSubmitErrorMessage span{align-items:center;color:#fff;display:flex;font-size:14px;justify-content:center;width:100%}.signUpContainer .signUpForm .title{color:#fff;display:block;font-family:system-ui;font-size:45px;font-weight:700;margin:35px 0;text-align:center}.signUpContainer .signUpForm .stepTitle{display:flex;margin-bottom:25px}.signUpContainer .signUpForm .stepTitle .left{align-items:center;display:flex;justify-content:center}.signUpContainer .signUpForm .stepTitle .left .btnReturnPreviousStep{align-items:center;background-color:#0000;border:.5px solid #0000;border-radius:2px;color:#777;cursor:pointer;display:flex;font-size:23px;justify-content:center;padding:5px;transition:.2s ease-out}.signUpContainer .signUpForm .stepTitle .left .btnReturnPreviousStep:hover{color:#fff}.signUpContainer .signUpForm .stepTitle .right{font-family:system-ui;width:80%}.signUpContainer .signUpForm .stepTitle span{color:#fff;display:block;font-size:16px;font-weight:600;padding:3px 0;text-align:center}.signUpContainer .signUpForm .stepTitle .step{color:#777;font-weight:500}.signUpContainer .signUpForm .stepProgressBar{background-color:#818181;height:3px;margin-bottom:15px;width:100%}.signUpContainer .signUpForm .stepProgressBar .stepProgressBarInner{background-color:#fff;height:100%}.signUpContainer .signUpForm .errorMessage{color:#f3727f;font-family:system-ui;font-size:14px;font-weight:500;margin:0;min-inline-size:0;overflow-wrap:break-word;width:350px}.signUpContainer .signUpForm .labelEmail{color:#fff;font-family:system-ui;font-size:15px;font-weight:600;margin:5px 0}.signUpContainer .signUpForm .inputEmail{background-color:#121212;border:2px solid #1f1f1f;border-radius:25px;color:#fff;font-family:system-ui;font-weight:600;margin:5px 0;padding:12px 10px;transition:.2s ease-out;width:350px}.signUpContainer .signUpForm .inputEmail:hover{border:2px solid #f5f5f5}.signUpContainer .signUpForm .labelPassword{color:#fff;font-family:system-ui;font-size:15px;font-weight:600;margin:5px 0}.signUpContainer .signUpForm .inputPassword{background-color:#121212;border:2px solid #1f1f1f;border-radius:25px;color:#fff;font-family:system-ui;font-weight:600;margin:5px 0;padding:12px 10px;transition:.2s ease-out;width:350px}.signUpContainer .signUpForm .inputPassword:hover{border:2px solid #f5f5f5}.signUpContainer .signUpForm .btnShowPassword{align-items:center;background-color:#0000;border:.2px solid #0000;border-radius:2px;color:#777;cursor:pointer;display:flex;font-size:15px;height:80%;justify-content:center;padding:0 8px;position:absolute;right:0;transition:.2s ease-out}.signUpContainer .signUpForm .btnShowPassword:hover{color:#fff}.signUpContainer .signUpForm .labelName{color:#fff;font-family:system-ui;font-size:15px;font-weight:600;margin:5px 0}.signUpContainer .signUpForm .inputName{background-color:#121212;border:2px solid #1f1f1f;border-radius:25px;color:#fff;font-family:system-ui;font-weight:600;margin:5px 0;padding:12px 10px;transition:.2s ease-out;width:350px}.signUpContainer .signUpForm .inputName:hover{border:2px solid #f5f5f5}.signUpContainer .signUpForm .labelUserName{color:#fff;font-family:system-ui;font-size:15px;font-weight:600;margin:5px 0}.signUpContainer .signUpForm .inputUserName{background-color:#121212;border:2px solid #1f1f1f;border-radius:25px;color:#fff;font-family:system-ui;font-weight:600;margin:5px 0;padding:12px 10px;transition:.2s ease-out;width:350px}.signUpContainer .signUpForm .inputUserName:hover{border:2px solid #f5f5f5}.signUpContainer .signUpForm .btnNextStep{background-color:#000;border:2px solid #0000;border-radius:25px;color:#fff;cursor:pointer;font-family:system-ui;font-weight:600;margin:5px 0;padding:12px 10px;transition:.2s ease-out}.signUpContainer .signUpForm .btnNextStep:hover{background-color:#2e2e2e}.signUpContainer .signUpForm .btnNextStep:active{transform:scale(.98)}.signUpContainer .signUpForm .labelBirth{color:#fff;font-family:system-ui;font-size:15px;font-weight:600;margin:5px 0}.signUpContainer .signUpForm .inputBirth{background-color:#121212;border:2px solid #1f1f1f;border-radius:25px;color:#fff;font-family:system-ui;font-weight:600;margin:5px 0;padding:12px 10px;transition:.2s ease-out;width:350px}.signUpContainer .signUpForm .inputBirth:hover{border:2px solid #f5f5f5}.signUpContainer .signUpForm .labelGender{color:#fff;font-family:system-ui;font-size:15px;font-weight:600;margin:5px 0}.signUpContainer .signUpForm .inputGender{background-color:#121212;border:2px solid #1f1f1f;border-radius:25px;color:#fff;font-family:system-ui;font-weight:600;margin:5px 0;padding:12px 10px;transition:.2s ease-out;width:350px}.signUpContainer .signUpForm .inputGender:hover{border:2px solid #f5f5f5}.signUpContainer .signUpForm .labelGenderFemale,.signUpContainer .signUpForm .labelGenderMale,.signUpContainer .signUpForm .labelGenderOther{background-color:#121212;border:2px solid #1f1f1f;border-radius:25px;color:#fff;cursor:pointer;font-family:system-ui;font-size:13px;font-weight:600;margin:5px 5px 5px 0;padding:12px 10px;text-align:center;transition:.2s ease-out;width:34%}.signUpContainer .signUpForm .labelGenderFemale:hover,.signUpContainer .signUpForm .labelGenderMale:hover,.signUpContainer .signUpForm .labelGenderOther:hover{border:2px solid #f5f5f5}.signUpContainer .signUpForm .otherRegisMethod{display:grid}.signUpContainer .signUpForm .otherRegisMethod .title{display:flex;justify-content:center;margin:20px 0;position:relative;width:100%}.signUpContainer .signUpForm .otherRegisMethod .title span{background-color:#121212;display:inline-block;font-size:14px;font-weight:600;padding:0 12px;position:relative}.signUpContainer .signUpForm .otherRegisMethod .title:before{background-color:#818181;background-color:var(--essential-subdued,#818181);content:" ";display:block;height:.5px;left:0;position:absolute;right:0;top:50%}.signUpContainer .signUpForm .otherRegisMethod .regisMethodGoogle{align-items:center;background-color:#121212;border:2px solid #1f1f1f;border-radius:2px;cursor:pointer;display:flex;font-family:Funnel Sans,sans-serif;margin:5px 0;padding:15px 10px;text-decoration:none;transition:.2s ease-out}.signUpContainer .signUpForm .otherRegisMethod .regisMethodGoogle .logoGoogle{color:#fff;font-size:20px}.signUpContainer .signUpForm .otherRegisMethod .regisMethodGoogle span{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;justify-content:center;width:100%}.signUpContainer .signUpForm .otherRegisMethod .regisMethodGoogle:hover{border:2px solid #fff}.signUpContainer .signUpForm .otherRegisMethod .regisMethodGoogle:active{transform:scale(.98)}.signUpContainer .signUpForm .toSignIn{color:#fff;color:#777;font-family:system-ui;font-size:15px;margin:20px 0 5px;text-align:center}.signInContainer{height:100%;position:relative;width:100%}.signInContainer,.signInContainer .signInForm{align-items:center;display:grid;justify-content:center}.signInContainer .signInForm{width:350px;z-index:2}.signInContainer .signInForm .onSubmitErrorMessage{background-color:#e91429;border-radius:25px;font-family:system-ui;font-weight:600;margin:0 0 5px;padding:10px}.signInContainer .signInForm .onSubmitErrorMessage span{align-items:center;color:#fff;display:flex;font-size:14px;justify-content:center;width:100%}.signInContainer .signInForm .title{color:#fff;display:block;font-family:system-ui;font-size:45px;font-weight:700;margin:35px 0;text-align:center}.signInContainer .signInForm .errorMessage{color:#f3727f;font-family:system-ui;font-size:14px;font-weight:600;margin:0;min-inline-size:0;overflow-wrap:break-word;width:350px}.signInContainer .signInForm .labelEmail{color:#fff;font-family:system-ui;font-size:15px;font-weight:600;margin:5px 0}.signInContainer .signInForm .inputEmail{background-color:#121212;border:2px solid #1f1f1f;border-radius:25px;color:#fff;font-family:system-ui;font-weight:600;margin:5px 0;padding:12px 10px;transition:.2s ease-out;width:350px}.signInContainer .signInForm .inputEmail:hover{border:2px solid #f5f5f5}.signInContainer .signInForm .labelPassword{color:#fff;font-family:system-ui;font-size:15px;font-weight:600;margin:5px 0}.signInContainer .signInForm .inputPassword{background-color:#121212;border:2px solid #1f1f1f;border-radius:25px;color:#fff;font-family:system-ui;font-weight:600;margin:5px 0;padding:12px 10px;transition:.2s ease-out;width:350px}.signInContainer .signInForm .inputPassword:hover{border:2px solid #f5f5f5}.signInContainer .signInForm .btnShowPassword{align-items:center;background-color:#0000;border:.2px solid #0000;border-radius:2px;color:#777;cursor:pointer;display:flex;font-size:15px;height:80%;justify-content:center;padding:0 8px;position:absolute;right:0;transition:.2s ease-out}.signInContainer .signInForm .btnShowPassword:hover{color:#fff}.signInContainer .signInForm .labelName{color:#fff;font-size:15px;font-weight:600;margin:5px 0}.signInContainer .signInForm .inputName{background-color:#121212;border:2px solid #1f1f1f;border-radius:2px;color:#fff;font-family:Funnel Sans,sans-serif;margin:5px 0;padding:15px 10px;transition:.2s ease-out;width:350px}.signInContainer .signInForm .inputName:hover{border:2px solid #f5f5f5}.signInContainer .signInForm .labelUserName{color:#fff;font-size:15px;font-weight:600;margin:5px 0}.signInContainer .signInForm .inputUserName{background-color:#121212;border:2px solid #1f1f1f;border-radius:2px;color:#fff;font-family:Funnel Sans,sans-serif;margin:5px 0;padding:15px 10px;transition:.2s ease-out;width:350px}.signInContainer .signInForm .inputUserName:hover{border:2px solid #f5f5f5}.signInContainer .signInForm .btnNextStep{background-color:#000;border:2px solid #0000;border-radius:25px;color:#fff;cursor:pointer;font-family:system-ui;font-weight:600;margin:5px 0;padding:12px 10px;transition:.2s ease-out}.signInContainer .signInForm .btnNextStep:hover{background-color:#2e2e2e}.signInContainer .signInForm .btnNextStep:active{transform:scale(.98)}.signInContainer .signInForm .labelBirth{color:#fff;font-size:15px;font-weight:600;margin:5px 0}.signInContainer .signInForm .inputBirth{background-color:#121212;border:2px solid #1f1f1f;border-radius:2px;color:#fff;font-family:Funnel Sans,sans-serif;margin:5px 0;padding:15px 10px;transition:.2s ease-out;width:350px}.signInContainer .signInForm .inputBirth:hover{border:2px solid #f5f5f5}.signInContainer .signInForm .labelGender{color:#fff;font-size:15px;font-weight:600;margin:5px 0}.signInContainer .signInForm .inputGender{background-color:#121212;border:2px solid #1f1f1f;border-radius:2px;color:#fff;font-family:Funnel Sans,sans-serif;margin:5px 0;padding:15px 10px;transition:.2s ease-out;width:350px}.signInContainer .signInForm .inputGender:hover{border:2px solid #f5f5f5}.signInContainer .signInForm .labelGenderFemale,.signInContainer .signInForm .labelGenderMale,.signInContainer .signInForm .labelGenderOther{background-color:#121212;border:2px solid #1f1f1f;border-radius:2px;color:#fff;cursor:pointer;font-family:Funnel Sans,sans-serif;font-size:13px;margin:5px 5px 5px 0;padding:15px 10px;text-align:center;transition:.2s ease-out;width:34%}.signInContainer .signInForm .labelGenderFemale:hover,.signInContainer .signInForm .labelGenderMale:hover,.signInContainer .signInForm .labelGenderOther:hover{border:2px solid #f5f5f5}.signInContainer .signInForm .otherRegisMethod{display:grid}.signInContainer .signInForm .otherRegisMethod .title{display:flex;justify-content:center;margin:20px 0;position:relative;width:100%}.signInContainer .signInForm .otherRegisMethod .title span{background-color:#121212;display:inline-block;font-size:14px;font-weight:600;padding:0 12px;position:relative}.signInContainer .signInForm .otherRegisMethod .title:before{background-color:#818181;background-color:var(--essential-subdued,#818181);content:" ";display:block;height:.5px;left:0;position:absolute;right:0;top:50%}.signInContainer .signInForm .otherRegisMethod .regisMethodGoogle{align-items:center;background-color:#121212;border:2px solid #1f1f1f;border-radius:2px;cursor:pointer;display:flex;font-family:Funnel Sans,sans-serif;margin:5px 0;padding:15px 10px;text-decoration:none;transition:.2s ease-out}.signInContainer .signInForm .otherRegisMethod .regisMethodGoogle .logoGoogle{color:#fff;font-size:20px}.signInContainer .signInForm .otherRegisMethod .regisMethodGoogle span{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;justify-content:center;width:100%}.signInContainer .signInForm .otherRegisMethod .regisMethodGoogle:hover{border:2px solid #fff}.signInContainer .signInForm .otherRegisMethod .regisMethodGoogle:active{transform:scale(.98)}.signInContainer .signInForm .toSignUp{color:#fff;color:#777;font-family:system-ui;font-size:15px;margin:20px 0 5px;text-align:center}.homePage{background-color:#121212;overflow-x:hidden;padding:0}.homePage h1{margin:0}.homePage .carouselNews{position:relative}.homePage .carouselNews .btnPrevCarousel{align-items:center;background-color:#0000;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;left:0;padding:0 16px;position:absolute;top:0;transition:.2s ease-out}.homePage .carouselNews .btnPrevCarousel:active{color:#000;padding-left:10px}.homePage .carouselNews .btnNextCarousel{align-items:center;background-color:#0000;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;padding:0 16px;position:absolute;right:0;top:0;transition:.2s ease-out}.homePage .carouselNews .btnNextCarousel:active{color:#000;padding-right:10px}.homePage .carousel{position:relative}.homePage .carousel .slick-track{margin-left:0;margin-right:0}.homePage .carousel .carouselItem{background-color:#0000;border-radius:8px;cursor:pointer;margin:0;padding:8px;transition:.2s ease-out;-webkit-user-select:none;user-select:none}.homePage .carousel .carouselItem:hover{background-color:#1f1f1f}.homePage .carousel .carouselItem:active{background-color:#000}.homePage .carousel .btnPrevCarousel{align-items:center;background-color:#0000;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;left:0;padding:0 16px;position:absolute;top:0;transition:.2s ease-out}.homePage .carousel .btnPrevCarousel:active{color:#000;padding-left:10px}.homePage .carousel .btnNextCarousel{align-items:center;background-color:#0000;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;padding:0 16px;position:absolute;right:0;top:0;transition:.2s ease-out}.homePage .carousel .btnNextCarousel:active{color:#000;padding-right:10px}.homePage .carouselMixedForYou{margin:30px 0}.homePage .carouselMixedForYou .title span{color:#fff;display:block;font-family:system-ui;font-size:24px;font-weight:700;padding:10px 10px 15px}.homePage .carouselTrendingMusic{margin:30px 0}.homePage .carouselTrendingMusic .title span{color:#fff;display:block;font-family:system-ui;font-size:24px;font-weight:700;padding:10px 10px 15px}.homePage .carouselByGenre{margin:30px 0}.homePage .carouselByGenre .title span{color:#fff;display:block;font-family:system-ui;font-size:24px;font-weight:700;padding:10px 10px 15px}.feedPage{width:100%}.feedPage .articleContainer{border-bottom:.5px solid #1f1f1f;padding:12px;width:100%}.feedPage .articleContainer .article{display:flex;width:100%}.feedPage .articleContainer .article .left{align-items:start;display:grid;height:100%;justify-content:center;padding-right:10px}.feedPage .articleContainer .article .left .userAvatar{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.feedPage .articleContainer .article .left .userAvatar img{border:.5px solid #0000;border-radius:50%;cursor:pointer;height:42px;object-fit:cover;width:42px}.feedPage .articleContainer .article .right{height:100%;width:93%}.feedPage .articleContainer .article .right .top{display:flex;justify-content:space-between}.feedPage .articleContainer .article .right .top .articleInfo{display:flex;height:100%}.feedPage .articleContainer .article .right .top .articleInfo .userName{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;cursor:pointer;display:-webkit-box;font-size:15px;font-weight:500;height:100%;margin-right:5px;max-width:230px;overflow:hidden;text-overflow:ellipsis;transition:.2s ease-out;width:max-content}.feedPage .articleContainer .article .right .top .articleInfo .userName:hover{text-decoration:underline}.feedPage .articleContainer .article .right .top .articleInfo .createdAt{align-items:start;color:hsla(0,0%,47%,.667);display:flex;font-size:15px;font-weight:300;height:100%;justify-content:center}.feedPage .articleContainer .article .right .top .articleOptions .btnArticleOptions{align-items:center;background-color:#0000;border:.5px solid #0000;color:hsla(0,0%,47%,.667);cursor:pointer;display:flex;justify-content:center;padding:5px;transition:.2s ease-out}.feedPage .articleContainer .article .right .top .articleOptions .btnArticleOptions:hover{background-color:#1f1f1f}.feedPage .articleContainer .article .right .top .articleOptions .btnArticleOptions:active{background-color:#000}.feedPage .articleContainer .article .right .middle .content .text{align-items:start;color:#fff;display:flex;font-family:system-ui;font-size:15px;font-weight:400;justify-content:start;padding-bottom:8px}.feedPage .articleContainer .article .right .middle .content .text:focus{outline:none}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia{height:max-content;margin-bottom:26px;position:relative;width:400px}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia .slick-list{border-radius:5px}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia .slick-track{align-items:center;display:flex}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia .mediaContainer{height:100%}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia .mediaContainer img,.feedPage .articleContainer .article .right .middle .content .media .carouselMedia .mediaContainer video{border-radius:20px;height:100%;object-fit:cover;object-position:center center;outline:1px solid #f3f5f726;outline-offset:-1px;width:100%}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia .btnPrevCarousel{align-items:center;-webkit-backdrop-filter:initial;backdrop-filter:none;background-color:#0000;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;left:0;padding-left:10px;padding-right:10px;position:absolute;top:0;transition:.2s ease-out}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia .btnPrevCarousel:active{color:#000;padding-left:8px}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia .btnPrevCarousel:focus{outline:none}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia .btnNextCarousel{align-items:center;-webkit-backdrop-filter:initial;backdrop-filter:none;background-color:#0000;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;padding-left:10px;padding-right:10px;position:absolute;right:0;top:0;transition:.2s ease-out}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia .btnNextCarousel:active{color:#000;padding-right:8px}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia .btnNextCarousel:focus{outline:none}.feedItemArticle{text-decoration:none}.feedItemArticle:active{transition:.2s ease-out}.feedItemSharedArticle{text-decoration:none}.feedItemSharedArticle:active{transition:.2s ease-out}.feedItemPlaylist{text-decoration:none}.feedItemPlaylist .playlistContainer{border-bottom:.5px solid #1f1f1f;padding:12px;width:100%}.feedItemPlaylist .playlistContainer .playlist{display:flex;width:100%}.feedItemPlaylist .playlistContainer .playlist .left{align-items:start;display:grid;height:100%;justify-content:center;padding-right:10px}.feedItemPlaylist .playlistContainer .playlist .left .icon{align-items:center;background-color:#1f1f1f;border:.5px solid #1f1f1f;border-radius:50%;color:#fff;display:flex;height:42px;justify-content:center;object-fit:cover;width:42px}.feedItemPlaylist .playlistContainer .playlist .right{height:100%;width:89%}.feedItemPlaylist .playlistContainer .playlist .right .top{display:flex;justify-content:space-between}.feedItemPlaylist .playlistContainer .playlist .right .top .playlistInfo{display:flex;gap:5px;height:100%}.feedItemPlaylist .playlistContainer .playlist .right .top .playlistInfo .name{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;display:-webkit-box;font-family:system-ui;font-size:15px;font-weight:500;height:100%;max-width:230px;overflow:hidden;text-overflow:ellipsis;transition:.2s ease-out;width:max-content}.feedItemPlaylist .playlistContainer .playlist .right .top .playlistInfo .privacy{align-items:center;display:flex;justify-content:center}.feedItemPlaylist .playlistContainer .playlist .right .top .playlistInfo .createdAt{align-items:start;color:hsla(0,0%,47%,.667);cursor:pointer;display:flex;font-family:"system-ui";font-size:14px;font-weight:400;height:100%;justify-content:center}.feedItemPlaylist .playlistContainer .playlist .right .top .playlistInfo .createdAt:hover{text-decoration:underline}.feedItemPlaylist .playlistContainer .playlist .right .top .playlistInfo .tooltip{display:inline-block;position:relative}.feedItemPlaylist .playlistContainer .playlist .right .top .playlistInfo .tooltip .tooltiptext{background-color:#ffffffe6;border-radius:10px;color:#000;font-family:"system-ui";font-size:12px;font-weight:400;left:50%;margin-left:-40px;margin-top:5px;padding:8px 10px;position:absolute;text-align:center;top:100%;transition:.1s ease-out;visibility:hidden;width:max-content;z-index:99}.feedItemPlaylist .playlistContainer .playlist .right .top .playlistInfo .tooltip:hover .tooltiptext{transition:.1s ease-out;visibility:visible}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent{align-items:center;background-color:#1f1f1f;border:.5px solid #f3f5f714;border-radius:25px;display:flex;gap:10px;margin-top:10px;padding:12px;position:relative;width:100%}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent .coverImageContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent .coverImageContainer .coverImage{border-radius:15px;box-shadow:-3px 0 0 0 #323232,-6px 0 #32323280,-9px 0 #32323233;height:63.2px;margin-left:9px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:63.2px}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent .nameAndOwner{width:65%}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent .nameAndOwner .name{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;cursor:pointer;display:-webkit-box;font-family:system-ui;font-size:16px;font-weight:500;height:100%;max-width:250px;overflow:hidden;text-overflow:ellipsis;transition:.2s ease-out;width:max-content}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent .nameAndOwner .name:hover{text-decoration:underline}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent .nameAndOwner .ownerAndUserTags{align-items:center;display:flex;gap:5px;margin-top:7px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;width:96%}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent .nameAndOwner .ownerAndUserTags .btnOwner{align-items:center;background-color:#171717;border:.5px solid rgba(46,46,46,.835);border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:system-ui;font-weight:500;gap:5px;justify-content:center;margin:0;padding:5px;position:relative;transition:.2s ease-out}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent .nameAndOwner .ownerAndUserTags .btnOwner img{border-radius:50%;height:18px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;-webkit-user-select:none;user-select:none;width:18px}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent .nameAndOwner .ownerAndUserTags .btnOwner:hover{background-color:rgba(46,46,46,.835)}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent .btnToPlaylistDetail{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border:none;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:10px;transition:.2s ease-out;z-index:5}.feedItemPlaylist .playlistContainer .playlist .right .middle .playlistContent .btnToPlaylistDetail:hover{background-color:#2e2e2e}.feedItemPlaylist:active{transition:.2s ease-out}.loadingAnimation{animation:spin 1s linear infinite;color:#fff;font-size:28px;text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.settingMenuContainer{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121212cc;display:flex;height:91%;justify-content:center;left:0;position:absolute;right:0;z-index:20}.settingMenuContainer .settingMenu{background-color:#121212;border:1px solid #1f1f1f;border-radius:25px;display:grid;height:fit-content;margin-top:80px;padding:3px 5px;width:300px}.settingMenuContainer .settingMenu .title{color:#fff;display:block;font-family:system-ui;font-size:15px;font-weight:500;padding:10px 0;text-align:center}.settingMenuContainer .settingMenu button{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0000;border:.2px solid #1f1f1f;border-radius:20px;color:#fff;cursor:pointer;font-family:system-ui;font-size:15px;font-weight:400;margin:5px;padding:10px 0;transition:.2s ease-out}.settingMenuContainer .settingMenu button:hover{background-color:#1f1f1f}.settingMenuContainer .settingMenu button:active{background-color:#000}.settingMenuContainer .settingMenu .btnFollow{background-color:#fff;color:#000}.settingMenuContainer .settingMenu .btnFollow:hover{background-color:hsla(0,0%,100%,.502)}.settingMenuContainer .settingMenu .btnSignOut{margin-bottom:0}.settingMenuContainer .settingMenu .btnClose{margin-top:0}.settingMenuContainer .settingMenu .searchInput{background-color:#1f1f1f;border:.5px solid #0000;border-radius:15px;color:#fff;font-family:system-ui;font-size:14px;font-weight:500;margin:10px;padding:7px 10px}.settingMenuContainer .settingMenu .searchInput:focus{outline:none}.settingMenuContainer .settingMenu .listFollowerContainer{overflow-x:hidden;overflow-y:auto}.settingMenuContainer .settingMenu .listFollowerContainer .follower{align-items:center;display:flex;justify-content:space-between;padding:10px;position:relative}.settingMenuContainer .settingMenu .listFollowerContainer .follower .left{align-items:center;display:flex;justify-content:left}.settingMenuContainer .settingMenu .listFollowerContainer .follower .left .userAvatar{border-radius:50%;cursor:pointer;height:55px;object-fit:cover;object-position:center center;width:55px}.settingMenuContainer .settingMenu .listFollowerContainer .follower .left .userName{color:#fff;cursor:pointer;font-family:system-ui;font-size:15px;font-weight:500;margin:0 10px}.settingMenuContainer .settingMenu .listFollowerContainer .follower .left .userName:hover{text-decoration:underline}.settingMenuContainer .settingMenu .listFollowerContainer .follower .right{margin-left:35px}.settingMenuContainer .settingMenu .listFollowerContainer .follower .right .btnFollow{align-items:center;background-color:#fff;border:none;border-radius:15px;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;justify-content:center;margin:0;padding:8px 15px;transition:.2s ease-out}.settingMenuContainer .settingMenu .listFollowerContainer .follower .right .btnFollow:hover{background-color:#dfdfdf}.settingMenuContainer .settingMenu .listFollowerContainer .follower .right .btnFollow:active{transform:scale(.97)}.settingMenuContainer .settingMenu .listFollowerContainer .follower .right .btnFollowed{align-items:center;background-color:#1f1f1f;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;justify-content:center;margin:0;padding:8px 15px;transition:.2s ease-out}.settingMenuContainer .settingMenu .listFollowerContainer .follower .right .btnFollowed:hover{background-color:rgba(31,31,31,.502)}.settingMenuContainer .settingMenu .listFollowerContainer .follower .right .btnFollowed:active{transform:scale(.97)}.tabSwitchProfile{align-items:center;background-color:#121212;border-bottom:.5px solid #1f1f1f;display:flex;height:58.4px;position:fixed;top:0;width:50%;z-index:99}.tabSwitchProfile .profileUserName{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.tabSwitchProfile .profileUserName span{color:#fff;font-family:system-ui;font-size:16px;font-weight:500}.tabSwitchProfile .btnComeBackBox{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;right:0}.tabSwitchProfile .btnComeBackBox .btnComeBack{align-items:center;background-color:#0000;border:.5px solid #0000;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;padding:5px 10px;transition:.2s ease-out}.tabSwitchProfile .btnComeBackBox .tooltip{display:inline-block;position:relative}.tabSwitchProfile .btnComeBackBox .tooltip .tooltiptext{background-color:#000;border-radius:10px;color:#fff;left:50%;margin-left:-40px;margin-top:5px;padding:5px 0;position:absolute;text-align:center;top:100%;transition:.1s ease-out;visibility:hidden;width:80px;z-index:99}.tabSwitchProfile .btnComeBackBox .tooltip:hover .tooltiptext{transition:.1s ease-out;visibility:visible}.tabSwitchProfile .btnComeBackBox .btnComeBack:hover{background-color:#1f1f1f}.tabSwitchProfile .btnComeBackBox .btnComeBack:active{background-color:#fff;color:#000}.tabSwitchProfile .utilsBox{border:1px solid #1f1f1f;border-radius:25px;gap:3px;margin-left:7px;padding:3px;position:relative;width:fit-content}.tabSwitchProfile .utilsBox,.tabSwitchProfile .utilsBox button{align-items:center;background-color:#0000;display:flex;justify-content:center}.tabSwitchProfile .utilsBox button{border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;margin:0;padding:7px;transition:.2s ease-out}.tabSwitchProfile .utilsBox button:hover{background-color:#1f1f1f}.tabSwitchProfile .utilsBox button:active{transform:scale(.96)}.tabSwitchProfile .utilsBox .createConversationChoices{background-color:#121212;border:1px solid #1f1f1f;border-radius:20px;height:max-content;padding:5px;position:absolute;top:115%;width:max-content}.tabSwitchProfile .utilsBox .createConversationChoices button{justify-content:left;width:100%}.profilePage{height:100%;width:100%}.profilePage .top{display:flex}.profilePage .top .left{align-items:center;display:flex;justify-content:center;width:30%}.profilePage .top .left .avatar{align-items:center;display:flex;height:130px;width:130px}.profilePage .top .left .avatar img{border-radius:50%;cursor:pointer;height:100%;object-fit:cover;outline:1px solid #f3f5f726;outline-offset:-1px;width:100%}.profilePage .top .right{width:65%}.profilePage .top .right .topRight{display:block}.profilePage .top .right .topRight .userInfo{align-items:center;display:flex;justify-content:start;padding:20px 0;width:100%}.profilePage .top .right .topRight .userInfo .userName{color:#fff;font-family:system-ui;font-size:20px;font-weight:400;margin-right:20px}.profilePage .top .right .topRight .userInfo .btnBox{align-items:center;display:flex}.profilePage .top .right .topRight .userInfo .btnFollow{align-items:center;background-color:#fff;border:none;border-radius:15px;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;justify-content:center;margin-right:10px;padding:8px 15px;transition:.2s ease-out}.profilePage .top .right .topRight .userInfo .btnFollow:hover{background-color:#dfdfdf}.profilePage .top .right .topRight .userInfo .btnFollow:active{transform:scale(.95)}.profilePage .top .right .topRight .userInfo .btnFollowed{align-items:center;background-color:#1f1f1f;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;justify-content:center;margin-right:10px;padding:8px 15px;transition:.2s ease-out}.profilePage .top .right .topRight .userInfo .btnFollowed:hover{background-color:#2e2e2e}.profilePage .top .right .topRight .userInfo .btnFollowed:active{transform:scale(.95)}.profilePage .top .right .topRight .userInfo .btnMessage{align-items:center;background-color:#1f1f1f;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;justify-content:center;margin-right:10px;padding:8px 15px;transition:.2s ease-out}.profilePage .top .right .topRight .userInfo .btnMessage:hover{background-color:#2e2e2e}.profilePage .top .right .topRight .userInfo .btnMessage:active{transform:scale(.95)}.profilePage .top .right .topRight .userInfo .btnCreate{align-items:center;background-color:#1f1f1f;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;justify-content:center;margin-right:10px;padding:8px 15px;transition:.2s ease-out}.profilePage .top .right .topRight .userInfo .btnCreate:hover{background-color:#2e2e2e}.profilePage .top .right .topRight .userInfo .btnCreate:active{transform:scale(.95)}.profilePage .top .right .topRight .userInfo .btnOptions{align-items:center;background-color:#0000;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;float:right;font-family:system-ui;font-size:16px;font-weight:500;justify-content:center;padding:5px;transition:.2s ease-out}.profilePage .top .right .topRight .userInfo .btnOptions:active{color:#1f1f1f}.profilePage .top .right .middleRight .userNumeral{align-items:center;display:flex;justify-content:space-between;padding:10px 0;-webkit-user-select:none;user-select:none;width:100%}.profilePage .top .right .middleRight .userNumeral .articles{color:#fff;font-family:system-ui;font-size:15.5px;font-weight:500}.profilePage .top .right .middleRight .userNumeral .followers,.profilePage .top .right .middleRight .userNumeral .following{color:#fff;cursor:pointer;font-family:system-ui;font-size:15.5px;font-weight:500}.profilePage .top .right .middleRight .userDescription p{color:#fff;font-family:system-ui;font-size:14px;font-weight:400;margin:0;padding:20px 0}.profilePage .bottom{margin-top:10px;width:100%}.profilePage .bottom .switchBar{align-items:center;background-color:#121212;border-bottom:.5px solid #1f1f1f;display:flex;justify-content:start;position:sticky;top:57.6px;z-index:5}.profilePage .bottom .switchBar .btnToArticle{align-items:center;border-bottom:2px solid #0000;color:#fff;display:flex;font-family:system-ui;justify-content:center;padding:15px 20px;text-decoration:none;transition:.2s ease-out;width:50%}.profilePage .bottom .switchBar .btnToArticle:active{background-color:#000}.profilePage .bottom .switchBar .btnToArticle:focus{outline:none}.profilePage .bottom .switchBar .btnToMusic{align-items:center;border-bottom:2px solid #0000;color:#fff;display:flex;font-family:system-ui;justify-content:center;padding:15px 20px;text-decoration:none;transition:.2s ease-out;width:50%}.profilePage .bottom .switchBar .btnToMusic:active{background-color:#000}.profilePage .bottom .switchBar .btnToMusic:focus{outline:none}.profilePage .bottom .switchBar .actived{border-bottom:2px solid #fff}.profileEditPage{height:100%;width:100%}.profileEditPage .profileEditForm{align-items:center;display:grid;font-family:system-ui;padding:15px;position:relative;width:100%}.profileEditPage .profileEditForm .errorMessage{color:#e91429;font-size:14px;font-weight:400;margin:0;min-inline-size:0;overflow-wrap:break-word;width:350px}.profileEditPage .profileEditForm .userAvatarWrapper{align-items:center;border-radius:2px;display:grid;justify-content:center;padding:20px}.profileEditPage .profileEditForm .userAvatarWrapper .userAvatarContainer{align-items:center;display:flex;height:130px;justify-content:center;width:130px}.profileEditPage .profileEditForm .userAvatarWrapper .userAvatarContainer .userAvatar{border-radius:50%;cursor:pointer;height:100%;object-fit:cover;outline:1px solid #f3f5f726;outline-offset:-1px;width:100%}.profileEditPage .profileEditForm .userAvatarWrapper .labelUserAvatar{align-items:center;background-color:#121212;border:2px solid #1f1f1f;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;justify-content:center;margin:20px 0 0;padding:10px 20px;text-align:center;transition:.2s ease-out}.profileEditPage .profileEditForm .userAvatarWrapper .labelUserAvatar:hover{background-color:#1f1f1f;border:2px solid #fff}.profileEditPage .profileEditForm .userAvatarWrapper .labelUserAvatar:active{transform:scale(.98)}.profileEditPage .profileEditForm .userAvatarWrapper .inputUserAvatar{color:#fff;opacity:0;width:130px}.profileEditPage .profileEditForm .labelDescription{color:#fff;font-size:17px;font-weight:700;margin:5px 0}.profileEditPage .profileEditForm .inputDescription{background-color:#121212;border:2px solid #1f1f1f;border-radius:20px;color:#fff;font-family:system-ui;font-size:15px;font-weight:400;height:80px;margin:5px 0;padding:10px;resize:none;text-align:start;transition:.2s ease-out;width:100%}.profileEditPage .profileEditForm .inputDescription:hover{border:2px solid #f5f5f5}.profileEditPage .profileEditForm .inputDescription:focus{outline:none}.profileEditPage .profileEditForm .labelGender{color:#fff;font-size:17px;font-weight:700;margin:20px 0 5px}.profileEditPage .profileEditForm .inputGender{background-color:#121212;border:2px solid #1f1f1f;border-radius:2px;color:#fff;font-family:Funnel Sans,sans-serif;margin:5px 0;padding:15px 10px;transition:.2s ease-out;width:350px}.profileEditPage .profileEditForm .inputGender:hover{border:2px solid #f5f5f5}.profileEditPage .profileEditForm .labelGenderFemale,.profileEditPage .profileEditForm .labelGenderMale,.profileEditPage .profileEditForm .labelGenderOther{background-color:#121212;border:2px solid #1f1f1f;border-radius:20px;color:#fff;cursor:pointer;font-family:system-ui;font-size:14px;font-weight:500;margin:5px 5px 5px 0;padding:15px 10px;text-align:center;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:34%}.profileEditPage .profileEditForm .labelGenderOther{margin-right:0}.profileEditPage .profileEditForm .labelGenderFemale:hover,.profileEditPage .profileEditForm .labelGenderMale:hover,.profileEditPage .profileEditForm .labelGenderOther:hover{border:2px solid #f5f5f5}.profileEditPage .profileEditForm .btnSubmit{background-color:#000;border:2px solid #0000;border-radius:20px;color:#fff;cursor:pointer;font-family:system-ui;font-size:15px;font-weight:500;margin:20px 0 5px;padding:15px 10px;transition:.2s ease-out}.profileEditPage .profileEditForm .btnSubmit:hover{background-color:#2e2e2e}.profileEditPage .profileEditForm .btnSubmit:active{transform:scale(.98)}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .top .articleInfo .privacySelect{background:#1f1f1f;border:.5px solid #0000;border-radius:15px;color:#fff;cursor:pointer;font-family:Funnel Sans,sans-serif;padding:1px}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .top .articleInfo .privacySelect .privacyOption{cursor:pointer}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .top .articleInfo .privacySelect .privacyOption:hover{cursor:pointer!important}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .top .articleInfo .privacySelect:focus{outline:none}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer{border:.5px solid #1f1f1f;border-radius:25px;display:grid;padding:10px 15px}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox{background-color:#1f1f1f;border-radius:15px;display:grid;margin-bottom:5px;margin-top:10px;padding:10px;width:100%}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .title{align-items:center;color:#fff;display:flex;font-family:sans-serif;font-size:15px;font-weight:400;justify-content:space-between;margin-bottom:10px}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .title .btnAddMedia{align-items:center;background-color:#0000;border:1.5px dashed hsla(0,0%,100%,.502);border-radius:8px;color:hsla(0,0%,100%,.502);cursor:pointer;display:flex;font-family:system-ui;font-size:15px;font-weight:400;gap:5px;justify-content:center;padding:5px 10px;transition:.2s ease-out;-webkit-user-select:none;user-select:none}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .title .btnAddMedia svg{color:hsla(0,0%,100%,.502);font-size:16px}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .title .btnAddMedia:hover{border:1.5px dashed #fff;color:#fff}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .title .btnAddMedia:hover svg{color:#fff}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .title .btnAddMedia:active{background-color:#000}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .title .btnCloseAddMediaBox{align-items:center;background-color:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .title .btnCloseAddMediaBox:hover{background-color:#2e2e2e}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .title .btnCloseAddMediaBox:active{background-color:red}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .mediaListContainer{align-items:center;display:flex;justify-content:start;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList{align-items:center;display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer{border-radius:3px;height:150px;margin-bottom:5px;margin-right:5px;max-height:150px;min-height:150px;position:relative;width:100%}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer .btnRemove{align-items:center;background-color:#12121259;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:3px 5px;position:absolute;right:4px;top:4px;transition:.2s ease-out}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer .btnRemove:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121212a6}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer .btnRemove:active{background-color:red}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer img,.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer video{border-radius:10px;height:100%;outline:1px solid #f3f5f726;outline-offset:-1px}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList::-webkit-scrollbar{height:8px}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList::-webkit-scrollbar-track{background-color:#0000}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList::-webkit-scrollbar-thumb{border-radius:3px}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMoreContent{align-items:center;background-color:#0000;display:flex;justify-content:space-between;width:100%}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMoreContent .title{color:#fff;display:block;font-family:system-ui;font-size:15px;font-weight:500}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMoreContent .contentOptions button{align-items:center;background-color:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px;transition:.2s ease-out}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMoreContent .contentOptions button:hover{background-color:#1f1f1f}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMoreContent .contentOptions button:active{background-color:#000}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .article .right .middle .content .addMoreContentContainer .addMoreContent .contentOptions button:active svg{transform:scale(.95);transition:.2s ease-out}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .settingMenuContainer .settingMenu .article .right .middle .content .media .carouselMedia .slick-dots button{border:none;font-size:0}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .settingMenuContainer .settingMenu .article .right .middle .content .media .carouselMedia .slick-dots button:hover{background-color:#0000}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .btnSubmit{background-color:#000;border:2px solid #0000;border-radius:25px;color:#fff;cursor:pointer;font-family:sans-serif;font-family:system-ui;font-size:15px;font-weight:600;margin:12px 0 0;padding:15px 10px;transition:.2s ease-out;width:100%}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .btnSubmit:hover{background-color:#1f1f1f}.uploadArticlePage .feedPage .articleContainer .uploadArticleForm .btnSubmit:active{transform:scale(.98)}.uploadMusicPage{display:block;height:auto}.uploadMusicPage .uploadMusicForm{display:block;position:relative;width:100%}.uploadMusicPage .uploadMusicForm .progressBox{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-radius:7px;margin:0;padding:17px}.uploadMusicPage .uploadMusicForm .progressBox .stepProgressBar{border-radius:2px;height:5px;margin-bottom:10px}.uploadMusicPage .uploadMusicForm .progressBox .stepProgressBar .stepProgressBarInner{border-radius:2px}.uploadMusicPage .uploadMusicForm .progressBox .stepTitle{font-family:system-ui;margin:0;position:relative;-webkit-user-select:none;user-select:none}.uploadMusicPage .uploadMusicForm .progressBox .stepTitle .left .btnReturnPreviousStep{bottom:0;left:0;position:absolute;top:0}.uploadMusicPage .uploadMusicForm .progressBox .stepTitle .right{width:100%}.uploadMusicPage .uploadMusicForm .btnNextStep{align-items:center;border-radius:5px;display:flex;font-family:system-ui;font-size:15px;gap:5px;height:max-content;justify-content:center;margin:0;max-height:max-content;max-width:max-content;padding:5px;position:absolute;right:0;top:10px;width:max-content}.uploadMusicPage .uploadMusicForm .audioUploadBox{align-items:center;background-color:#1f1f1f;border-radius:6px;display:flex;height:400px;justify-content:center;margin:17px;max-height:450px;position:relative}.uploadMusicPage .uploadMusicForm .audioUploadBox .areaDropFile{align-items:center;background-color:#0000;border-radius:50%;color:hsla(0,0%,87%,.502);display:flex;font-size:70px;height:max-content;justify-content:center;padding:10px;-webkit-user-select:none;user-select:none;width:100%}.uploadMusicPage .uploadMusicForm .audioUploadBox .btnChooseMusicFile{align-items:center;background-color:#dfdfdf;border:2px solid #0000;border-radius:5px;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:15px;font-weight:600;justify-content:center;margin:20px auto 0;padding:5px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:fit-content;z-index:9}.uploadMusicPage .uploadMusicForm .audioUploadBox .btnChooseMusicFile:hover{background-color:#c2c0c0}.uploadMusicPage .uploadMusicForm .audioUploadBox .btnChooseMusicFile:active{transform:scale(.98)}.uploadMusicPage .uploadMusicForm .audioUploadBox .inputMusicFile{background-color:#0000;border-radius:6px;height:100%;margin:0;max-height:450px;opacity:0;position:absolute;top:0;width:100%}.uploadMusicPage .uploadMusicForm .audioUploadBox .fileName{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#dfdfdf;display:-webkit-box;font-family:system-ui;font-weight:400;max-width:300px;overflow:hidden;text-overflow:ellipsis}.uploadMusicPage .uploadMusicForm .addMoreContentContainer{border:.5px solid #1f1f1f;border-radius:20px;display:grid;padding:10px}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox{background-color:#1f1f1f;border-radius:13px;display:grid;margin-top:10px;padding:10px;width:100%}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .title{align-items:center;color:#fff;display:flex;font-family:sans-serif;font-size:15px;font-weight:400;justify-content:space-between;margin:0 0 10px}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .title .btnAddMedia{align-items:center;background-color:#0000;border:1.5px dashed hsla(0,0%,100%,.502);border-radius:5px;color:hsla(0,0%,100%,.502);cursor:pointer;display:flex;font-family:system-ui;font-size:15px;font-weight:400;gap:5px;justify-content:center;padding:5px 10px;transition:.2s ease-out;-webkit-user-select:none;user-select:none}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .title .btnAddMedia svg{color:hsla(0,0%,100%,.502);font-size:16px}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .title .btnAddMedia:hover{border:1.5px dashed #fff;color:#fff}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .title .btnAddMedia:hover svg{color:#fff}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .title .btnAddMedia:active{background-color:#000}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .title .btnCloseAddMediaBox{align-items:center;background-color:#0000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .title .btnCloseAddMediaBox:hover{background-color:#2e2e2e}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .title .btnCloseAddMediaBox:active{background-color:red}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer{align-items:center;border:1.5px dashed #0000;border-radius:6px;display:flex;justify-content:start;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;transition:.2s ease-out}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList{align-items:center;display:flex;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer{border-radius:3px;height:150px;margin-right:5px;max-height:150px;min-height:150px;position:relative;width:100%}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer .btnRemove{align-items:center;background-color:#12121259;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:3px 5px;position:absolute;right:2px;top:2px;transition:.2s ease-out;z-index:3}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer .btnRemove:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121212a6}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer .btnRemove:active{background-color:red}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer img{border-radius:5px;height:100%;outline:1px solid #f3f5f726;outline-offset:-1px}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer video{border-radius:5px;height:100%}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer video::-webkit-media-controls-mute-button,.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList .previewMediaFilesContainer video::-webkit-media-controls-volume-slider{display:none}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList::-webkit-scrollbar{height:8px}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList::-webkit-scrollbar-track{background-color:#0000}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMediaBox .mediaListContainer .mediaList::-webkit-scrollbar-thumb{border-radius:3px}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMoreContent{align-items:center;background-color:#0000;display:flex;justify-content:space-between;width:100%}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMoreContent .title{color:#fff;display:block;font-family:system-ui;font-size:13px;font-weight:500;margin:0}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMoreContent .contentOptions button{align-items:center;background-color:#0000;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px;transition:.2s ease-out}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMoreContent .contentOptions button:hover{background-color:#1f1f1f}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMoreContent .contentOptions button:active{background-color:#000}.uploadMusicPage .uploadMusicForm .addMoreContentContainer .addMoreContent .contentOptions button:active svg{transform:scale(.95);transition:.2s ease-out}.uploadMusicPage .uploadMusicForm .nameField{margin:24px 17px}.uploadMusicPage .uploadMusicForm .nameField .title{color:#fff;display:block;font-size:17px;font-weight:400;margin:0 0 12px;text-align:left}.uploadMusicPage .uploadMusicForm .nameField .inputNameMusic{background-color:#0000;border:.5px solid #1f1f1f;border-radius:20px;color:#fff;font-family:system-ui;font-size:16px;font-weight:400;padding:15px 10px;width:100%}.uploadMusicPage .uploadMusicForm .nameField .inputNameMusic:focus{outline:none}.uploadMusicPage .uploadMusicForm .nameField .selectMusicGenre{-webkit-appearance:none;appearance:none;background-color:#0000;border:.5px solid #1f1f1f;border-radius:20px;color:#fff;font-family:system-ui;font-size:16px;font-weight:400;padding:15px 10px;width:100%}.uploadMusicPage .uploadMusicForm .nameField .selectMusicGenre option{background-color:#121212;color:#fff;font-family:system-ui;font-size:15px;font-weight:500}.uploadMusicPage .uploadMusicForm .nameField .selectMusicGenre::-ms-expand{display:none}.uploadMusicPage .uploadMusicForm .nameField .selectMusicGenre:focus{outline:none}.uploadMusicPage .uploadMusicForm .songImageField{margin:24px 17px}.uploadMusicPage .uploadMusicForm .songImageField .title{color:#fff;display:block;font-size:17px;font-weight:400;margin:0 0 12px;text-align:left}.uploadMusicPage .uploadMusicForm .songVideoField{margin:24px 17px}.uploadMusicPage .uploadMusicForm .songVideoField .title{color:#fff;display:block;font-size:17px;font-weight:400;margin:0 0 12px;text-align:left}.uploadMusicPage .uploadMusicForm .customControl{align-items:center;display:flex;gap:5px;justify-content:center;width:100%}.uploadMusicPage .uploadMusicForm .customControl .btnPlay{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:.2s ease-out}.uploadMusicPage .uploadMusicForm .customControl .btnPlay:hover{background-color:#2e2e2e}.uploadMusicPage .uploadMusicForm .customControl .btnPlay:active{background-color:#000;transform:scale(.7)}.uploadMusicPage .uploadMusicForm .customControl .progress{display:flex;width:100%}.uploadMusicPage .uploadMusicForm .customControl .progress .testAudioProgressBar{-webkit-appearance:none;appearance:none;background:#0000;border-radius:5px;cursor:pointer;outline:none;width:100%}.uploadMusicPage .uploadMusicForm .customControl .progress .testAudioProgressBar::-webkit-slider-runnable-track{background:linear-gradient(to right,hsla(0,0%,100%,.902) 0,hsla(0,0%,100%,.902) calc(var(--testAudioProgress)*1%),hsla(0,0%,47%,.667) calc(var(--testAudioProgress)*1%),hsla(0,0%,47%,.667) 100%);border-radius:5px;height:7px}.uploadMusicPage .uploadMusicForm .customControl .progress .testAudioProgressBar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:hsla(0,0%,100%,.902);border-radius:50%;cursor:pointer;height:14px;margin-top:-4px;opacity:0;width:14px}.uploadMusicPage .uploadMusicForm .customControl .progress .testAudioProgressBar::-webkit-slider-thumb:hover{opacity:1}.uploadMusicPage .uploadMusicForm .customControl .progress .testAudioProgressBar::-moz-range-track{background:hsla(0,0%,47%,.667);border-radius:5px;height:6px}.uploadMusicPage .uploadMusicForm .customControl .progress .testAudioProgressBar::-moz-range-thumb{background:hsla(0,0%,100%,.902);border-radius:50%;cursor:pointer;height:14px;width:14px}.uploadMusicPage .uploadMusicForm .customControl .durationAndCurrentTime{color:#fff;display:block;font-family:system-ui;font-size:13px;font-weight:500}.uploadMusicPage .uploadMusicForm .progress{display:flex;width:100%}.uploadMusicPage .uploadMusicForm .progress .testAudioProgressBar{-webkit-appearance:none;appearance:none;background:#0000;border-radius:5px;cursor:pointer;outline:none;width:100%}.uploadMusicPage .uploadMusicForm .progress .testAudioProgressBar::-webkit-slider-runnable-track{background:linear-gradient(to right,hsla(0,0%,100%,.902) 0,hsla(0,0%,100%,.902) calc(var(--testAudioProgress)*1%),hsla(0,0%,47%,.667) calc(var(--testAudioProgress)*1%),hsla(0,0%,47%,.667) 100%);border-radius:5px;height:7px}.uploadMusicPage .uploadMusicForm .progress .testAudioProgressBar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:hsla(0,0%,100%,.902);border-radius:50%;cursor:pointer;height:14px;margin-top:-4px;opacity:0;width:14px}.uploadMusicPage .uploadMusicForm .progress .testAudioProgressBar::-webkit-slider-thumb:hover{opacity:1}.uploadMusicPage .uploadMusicForm .progress .testAudioProgressBar::-moz-range-track{background:hsla(0,0%,47%,.667);border-radius:5px;height:6px}.uploadMusicPage .uploadMusicForm .progress .testAudioProgressBar::-moz-range-thumb{background:hsla(0,0%,100%,.902);border-radius:50%;cursor:pointer;height:14px;width:14px}.createPlaylistPage,.createPlaylistPage .createPlaylistContainer,.createPlaylistPage .createPlaylistContainer .top{width:100%}.createPlaylistPage .createPlaylistContainer .top .playlistInfo{align-items:center;display:flex;gap:15px;padding:25px 20px 20px}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .areaUploadCoverImageFileContainer{align-items:center;background:#0000;border-radius:10px;display:flex;height:285px;justify-content:center;outline:3px dotted #87878726;outline-offset:-1px;position:relative;width:285px}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .areaUploadCoverImageFileContainer .areaUploadCoverImageFile{height:max-content;text-align:center;width:max-content}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .areaUploadCoverImageFileContainer .title{grid-gap:5px;align-items:center;color:hsla(0,0%,87%,.502);display:grid;font-family:system-ui;font-size:15px;font-weight:500;gap:5px;justify-content:center;margin-bottom:10px}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .areaUploadCoverImageFileContainer .title svg{font-size:55px;margin:0 auto}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .areaUploadCoverImageFileContainer .labelInputCoverImageFile{align-items:center;background-color:#dfdfdf;border:2px solid #0000;border-radius:10px;box-shadow:0 5px 15px #00000059;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;margin:0 auto;padding:4px 10px;position:relative;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:fit-content}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .areaUploadCoverImageFileContainer .labelInputCoverImageFile:hover{background-color:#c2c0c0}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .areaUploadCoverImageFileContainer .inputCoverImageFile{background-color:#0000;border:none;border-radius:5px;bottom:2px;cursor:pointer;left:2px;opacity:0;position:absolute;right:2px;top:2px}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .previewCoverImageContainer{position:relative}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .previewCoverImageContainer .btnDeleteCoverImage{align-items:center;background-color:#12121259;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:3px;position:absolute;right:4px;top:4px;transition:.2s ease-out;z-index:3}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .previewCoverImageContainer .btnDeleteCoverImage svg{background-color:#0000;color:#fff}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .previewCoverImageContainer .btnDeleteCoverImage:hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121212a6}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .coverImage .previewCoverImageContainer .btnDeleteCoverImage:active{background-color:red}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info{height:285px;overflow:hidden;padding-top:10px;position:relative;width:100%}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info span{color:#fff;display:block;font-family:system-ui;font-weight:600}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .type{color:hsla(0,0%,100%,.639);font-size:13px}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .type select{background:#1f1f1f;border:.5px solid #0000;border-radius:10px;color:#fff;cursor:pointer;font-family:system-ui;font-size:13px;font-weight:500;margin-right:5px;padding:1px}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .name{align-items:center;display:flex;font-size:28px;gap:5px;line-height:39.6px;margin-bottom:5px;position:relative}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .name svg{font-size:28px}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .name .nameInput{background-color:#0000;border:.5px solid #0000;color:#fff;cursor:pointer;font-family:system-ui;font-size:28px;font-weight:600;height:max-content;line-height:39.6px;max-height:max-content;transition:.2s ease-out;width:max-content}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .name .nameInput:focus{outline:none}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .name .nameInput:hover{border-bottom:.5px solid hsla(0,0%,100%,.639)}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .name .labelNameInput{align-items:center;background-color:#0000;border-radius:10px;cursor:pointer;display:flex;justify-content:center;padding:3px;position:absolute;right:0;transition:.2s ease-out}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .name .labelNameInput:hover{background-color:#1f1f1f}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .name .labelNameInput:active{background-color:#000}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner{align-items:center;display:flex;gap:5px;margin-bottom:7px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;width:92.5%}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner .btnOwner{align-items:center;background-color:#171717;border:.5px solid #1f1f1f;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:system-ui;font-weight:500;gap:5px;justify-content:center;margin:0;padding:5px;position:relative;transition:.2s ease-out}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner .btnOwner img{border-radius:50%;height:18px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;-webkit-user-select:none;user-select:none;width:18px}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner .btnOwner:hover{background-color:#1f1f1f}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner .highlight{animation:highlightAnimation 1s ease-out}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner .btnDeleteUserTag{align-items:center;background-color:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:18px;justify-content:center;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;padding:3px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:18px}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner .btnDeleteUserTag:hover{background-color:#e9142980}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner .btnDeleteUserTag:active{background-color:#000}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner .btnAddUserTagsContainer{position:absolute;right:0;z-index:4}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner .btnAddUserTagsContainer .btnAddUserTags{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;position:relative}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner .btnAddUserTagsContainer .btnAddUserTags:hover{background-color:#1f1f1f}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .owner .btnAddUserTagsContainer .btnAddUserTags:active{background-color:#000}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .detail{align-items:center;color:hsla(0,0%,100%,.639);display:flex;font-size:13px;gap:5px}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .detail span{color:hsla(0,0%,100%,.639)}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .playlistControls{align-items:center;bottom:0;display:flex;gap:10px;left:0;position:absolute}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .playlistControls .btnPlayPlaylist{align-items:center;background-color:#dfdfdf;border:2px solid #0000;border-radius:25px;box-shadow:0 5px 15px #00000059;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:4px 10px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:fit-content}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .playlistControls .btnPlayPlaylist:hover{background-color:#c2c0c0}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer{padding:20px}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic{width:100%}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .headListMusic{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-bottom:.5px solid #1f1f1f;display:flex;gap:5px;justify-content:space-between;margin-bottom:10px;padding:8px 10px;position:sticky;top:57.6px;transition:.2s ease-out;width:100%;z-index:1}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .headListMusic span{align-items:center;color:hsla(0,0%,100%,.639);display:flex;font-family:system-ui;font-size:15px;font-weight:500}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .headListMusic .number{justify-content:left;width:9%}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .headListMusic .music{width:82%}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .headListMusic .time{justify-content:right;width:9%}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic{width:100%}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist{align-items:center;background-color:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;gap:5px;justify-content:space-between;margin:0;padding:8px 10px;transition:.2s ease-out;width:100%}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist span{align-items:center;color:hsla(0,0%,100%,.639);display:flex;font-family:system-ui;font-size:15px;font-weight:500}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist .number{justify-content:left;position:relative;width:9%}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist .number .numberIcon{font-size:14px;font-weight:500}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist .number .playIcon{bottom:0;color:#fff;left:0;opacity:0;position:absolute;top:0}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist .music{align-items:center;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;width:82%}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist .music img{border-radius:5px;box-shadow:0 5px 15px #00000059;cursor:pointer;height:45px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:45px}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist .music .info .name{color:#fff}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist .music .info .quantity{color:hsla(0,0%,47%,.667);font-size:14px;font-weight:500}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist .time{color:hsla(0,0%,47%,.667);font-size:14px;font-weight:500;justify-content:right;width:9%}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist:hover{background-color:#1f1f1f}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist:hover .number .numberIcon{opacity:0}.createPlaylistPage .createPlaylistContainer .middle .listMusicContainer .listMusic .bodyListMusic .btnPlaylist:hover .number .playIcon{opacity:1}.addMusicBoxContainer{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121212cc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:4}.addMusicBoxContainer .addMusicBox{background-color:#2e2e2e;border-radius:20px;height:fit-content;width:350px}.addMusicBoxContainer .addMusicBox .title{align-items:center;display:flex;justify-content:center;padding:8px 5px;position:relative}.addMusicBoxContainer .addMusicBox .title span{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;display:-webkit-box;font-family:system-ui;font-size:15px;font-weight:500;overflow:hidden;text-align:center;text-overflow:ellipsis;width:90%}.addMusicBoxContainer .addMusicBox .title button{align-content:center;background-color:#2e2e2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:5px;top:5px;transition:.2s ease-out}.addMusicBoxContainer .addMusicBox .title button:hover{background-color:#e9142980}.addMusicBoxContainer .addMusicBox .title button:active{background-color:#000}.addMusicBoxContainer .addMusicBox .mainContainer{padding:5px}.addMusicBoxContainer .addMusicBox .mainContainer .navigateBar{align-items:center;border-bottom:.5px solid hsla(0,0%,100%,.149);display:flex;gap:10px;height:max-content;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;padding-top:5px;scroll-behavior:smooth;scrollbar-width:none;width:100%;z-index:7}.addMusicBoxContainer .addMusicBox .mainContainer .navigateBar button{align-items:center;background-color:#1f1f1f;border:2px solid #0000;border-radius:10px;color:#dfdfdf;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:4px 10px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:max-content;z-index:5}.addMusicBoxContainer .addMusicBox .mainContainer .navigateBar button:hover{background-color:#171717}.addMusicBoxContainer .addMusicBox .mainContainer .inputSearchMusic{background-color:#1f1f1f;border:.5px solid #1f1f1f;border-radius:10px;color:#fff;font-family:system-ui;font-size:14px;font-weight:500;margin-top:10px;padding:7px 10px;width:100%}.addMusicBoxContainer .addMusicBox .mainContainer .main{height:380px;overflow-x:hidden;overflow-y:auto;width:100%}.addMusicBoxContainer .addMusicBox .mainContainer .main .listenHistory{margin-top:10px}.addMusicBoxContainer .addMusicBox .mainContainer .main .listenHistory .title{color:#fff;font-family:system-ui;font-size:15px;font-weight:500;justify-content:left}.addMusicBoxContainer .addMusicBox .mainContainer .main .listenHistory .listenHistoryItem{align-items:center;display:flex;justify-content:center;position:relative}.addMusicBoxContainer .addMusicBox .mainContainer .main .myMusicList{height:94.6px;overflow:hidden;transition:.2s ease-out}.addMusicBoxContainer .addMusicBox .mainContainer .main .title{align-items:center;color:#fff;display:flex;font-family:system-ui;font-size:14px;font-weight:500;justify-content:left}.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer{grid-gap:10px;align-items:center;display:grid;gap:10px;justify-content:center;padding:10px;width:100%}.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer .songImageDropArea{background-color:#0000;background-position:50%;background-size:cover;border-radius:10px;height:150px;margin:0 auto;outline:3px dotted #87878726;outline-offset:-1px;position:relative;width:150px}.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer .songImageDropArea .songVideoPreview{border-radius:10px;margin:0 auto;position:absolute;width:100%}.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer .songImageDropArea .songVideoPreview::-webkit-media-controls-mute-button,.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer .songImageDropArea .songVideoPreview::-webkit-media-controls-volume-slider{display:none}.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer .songImageDropArea .btnChangeMediaTab{align-items:center;background-color:#1f1f1f;border:2px solid #0000;border-radius:10px;color:#dfdfdf;cursor:pointer;display:flex;font-family:system-ui;font-size:15px;font-weight:500;gap:5px;justify-content:center;padding:7px 5px;position:absolute;right:-38.2px;top:58.9px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:max-content}.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer .songImageDropArea .btnChangeMediaTab:hover{background-color:#171717}.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer .inputSongImageFile{border-radius:10px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer .note{color:hsla(0,0%,47%,.667);font-family:system-ui;font-size:11px;font-weight:500;text-align:center}.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer .btnRemoveContainer{align-items:center;display:flex;gap:10px;justify-content:center;margin:0 auto;width:max-content}.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer .btnRemove{align-items:center;background-color:#1f1f1f;border:2px solid #0000;border-radius:10px;color:#dfdfdf;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:4px 10px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:max-content}.addMusicBoxContainer .addMusicBox .mainContainer .main .songImageContainer .btnRemove:hover{background-color:#171717}.addMusicBoxContainer .addMusicBox .mainContainer .main .songNameContainer .title{align-items:center;color:#fff;display:flex;font-family:system-ui;font-size:14px;font-weight:500;justify-content:left}.addMusicBoxContainer .addMusicBox .mainContainer .main .songNameContainer .inputSongName{background-color:#0000;border:.5px solid hsla(0,0%,47%,.667);border-radius:20px;color:#fff;font-family:system-ui;font-size:14px;font-weight:500;padding:10px;width:100%}.addMusicBoxContainer .addMusicBox .mainContainer .main .songNameContainer .inputSongName:focus{outline:none}.addMusicBoxContainer .addMusicBox .mainContainer .main .btnChangeSongInfoContainer{border-radius:10px;bottom:5px;position:absolute;right:5px}.addMusicBoxContainer .addMusicBox .mainContainer .main .btnChangeSongInfoContainer .btnChangeSongInfo{align-items:center;background-color:#dfdfdf;border:2px solid #0000;border-radius:10px;color:#1f1f1f;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:4px 10px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:max-content}.addMusicBoxContainer .addMusicBox .mainContainer .main .btnChangeSongInfoContainer .btnChangeSongInfo:hover{background-color:#fff}.addMusicBoxContainer .addMusicBox .mainContainer .main .btnChangeSongInfoContainer .btnChangeSongInfo:active{transform:scale(.97)}.addMusicBoxContainer .addMusicBox .mainContainer .main::-webkit-scrollbar{width:6px}.addMusicBoxContainer .addMusicBox .mainContainer .main::-webkit-scrollbar-track{background:#0000}.addMusicBoxContainer .addMusicBox .mainContainer .main::-webkit-scrollbar-thumb{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,47%,.667);border-radius:3px;cursor:pointer}.addMusicBoxContainer .addMusicBox .mainContainer .settingItemContainer{padding:0 5px}.addMusicBoxContainer .addMusicBox .mainContainer .settingItemContainer .settingItem{align-items:center;border-bottom:.5px solid #7773;display:flex;justify-content:space-between;padding:15px 0}.addMusicBoxContainer .addMusicBox .mainContainer .settingItemContainer .settingItem span{color:#fff;font-family:system-ui;font-size:14px;font-weight:500}.addMusicBoxContainer .addMusicBox .mainContainer .settingItemContainer .settingItem .btnDeletePlaylist{align-items:center;background-color:#0000;border:.5px solid #e91429;border-radius:10px;color:#e91429;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:4px 10px 5px;transition:.2s ease-out}.addMusicBoxContainer .addMusicBox .mainContainer .settingItemContainer .settingItem .btnDeletePlaylist:hover{background-color:#444}.addMusicBoxContainer .addMusicBox .mainContainer .settingItemContainer .settingItem .btnDeletePlaylist:active{transform:scale(.96)}.addMusicBoxContainer .addMusicBox .btnPlaylist{align-items:center;background-color:#0000;border:none;border-radius:15px;cursor:pointer;display:flex;font-family:Funnel Sans,sans-serif;height:max-content;padding:8px;position:relative;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:100%}.addMusicBoxContainer .addMusicBox .btnPlaylist .coverImage{align-items:center;display:flex;height:100%}.addMusicBoxContainer .addMusicBox .btnPlaylist .coverImage img{border-radius:5px;box-shadow:0 5px 15px #00000059;cursor:pointer;height:40px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:40px}.addMusicBoxContainer .addMusicBox .btnPlaylist .info{height:100%;padding-left:8px;width:75%}.addMusicBoxContainer .addMusicBox .btnPlaylist .info .name{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;cursor:pointer;display:-webkit-box;font-family:system-ui;font-size:16px;font-weight:500;line-height:25px;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:.2s ease-out;width:100%}.addMusicBoxContainer .addMusicBox .btnPlaylist .info .quantity{align-items:center;color:hsla(0,0%,47%,.667);display:flex;font-size:14px;font-weight:400;justify-content:left}.addMusicBoxContainer .addMusicBox .btnPlaylist:hover{background-color:#1f1f1f}.addMusicBoxContainer .addMusicBox .btnPlaylist:active{background-color:#000}.addMusicBoxContainer .addMusicBox .btnAddMusic{align-items:center;background-color:#dfdfdf;border:2px solid #0000;border-radius:10px;box-shadow:0 5px 15px #00000059;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:4px 10px;position:absolute;right:8px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:fit-content;z-index:5}.addMusicBoxContainer .addMusicBox .btnAddMusic:hover{background-color:#c2c0c0}.addMusicBoxContainer .addMusicBox .btnAddMusic:active{transform:scale(.97)}.addMusicBoxContainer .addMusicBox .btnRemoveAddMusic{background-color:#1f1f1f;color:#fff}.addMusicBoxContainer .addMusicBox .btnRemoveAddMusic:hover{background-color:#171717}.addMusicBoxContainer .addMusicBox .btnMoreContainer{align-content:center;display:flex;justify-content:center;width:100%}.addMusicBoxContainer .addMusicBox .btnMoreContainer .btnMore{align-items:center;background-color:#0000;border:none;color:hsla(0,0%,47%,.667);cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;transition:.2s ease-out}.addMusicBoxContainer .addMusicBox .btnMoreContainer .btnMore:hover{color:#dfdfdf}.addMusicBoxContainer .addMusicBox .btnMoreContainer .btnMore:active svg{margin-top:2px}.listArticle{padding:4px 4px 0}.listArticle .row{margin:0 -4px 0 0}.listArticle .row .col{height:302.39px;padding:0 4px 4px 0;text-decoration:none}.listArticle .row .col .thumbnail{cursor:pointer;height:100%;position:relative;transition:.1s ease-out;width:100%}.listArticle .row .col .thumbnail img,.listArticle .row .col .thumbnail video{border-radius:10px;height:100%;object-fit:cover;object-position:center center;width:100%}.listArticle .row .col .thumbnail .textContent{background-color:#1f1f1f;border-top:.5px solid gray;color:#fff;display:block;font-family:system-ui;font-size:15px;font-weight:400;height:100%;margin-top:5px;overflow:hidden;padding-top:10px;text-overflow:ellipsis;width:100%}.listArticle .row .col .thumbnail .thumbnailHover{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-radius:10px;bottom:6px;color:#fff;display:flex;font-family:system-ui;font-size:14px;left:6px;opacity:0;padding:5px;position:absolute;transition:.2s ease-out;z-index:0}.listArticle .row .col .thumbnail .thumbnailHover .likes{margin:0 15px 1px 5px}.listArticle .row .col .thumbnail .thumbnailHover .comments{margin:0 5px 1px}.listArticle .row .col .thumbnail:hover .thumbnailHover{opacity:1}.listArticle .row .col .thumbnail:active{opacity:.7}.listMusicInProfile .row{margin:0;padding:8px}.listMusicInProfile .musicsContainer{padding:6px;width:100%}.listMusicInProfile .musicsContainer .title{color:#fff;font-family:"system-ui";font-size:18px;font-weight:700}.listMusicInProfile .musicsContainer .musics{margin-top:5px;padding:5px}.listMusicInProfile .musicsContainer .musics .btnPlaylist{align-items:center;background-color:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;gap:5px;justify-content:space-between;margin:0;padding:8px 10px;transition:.2s ease-out;width:100%}.listMusicInProfile .musicsContainer .musics .btnPlaylist span{align-items:center;color:hsla(0,0%,100%,.639);display:flex;font-family:system-ui;font-size:15px;font-weight:500}.listMusicInProfile .musicsContainer .musics .btnPlaylist .number{justify-content:left;position:relative;width:9%}.listMusicInProfile .musicsContainer .musics .btnPlaylist .number .numberIcon{font-size:14px;font-weight:500}.listMusicInProfile .musicsContainer .musics .btnPlaylist .number .playIcon{bottom:0;color:#fff;left:0;opacity:0;position:absolute;top:0}.listMusicInProfile .musicsContainer .musics .btnPlaylist .music{align-items:center;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;width:82%}.listMusicInProfile .musicsContainer .musics .btnPlaylist .music img{border-radius:5px;box-shadow:0 5px 15px #00000059;cursor:pointer;height:45px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:45px}.listMusicInProfile .musicsContainer .musics .btnPlaylist .music .info .name{color:#fff}.listMusicInProfile .musicsContainer .musics .btnPlaylist .music .info .quantity{color:hsla(0,0%,47%,.667);font-size:14px;font-weight:500}.listMusicInProfile .musicsContainer .musics .btnPlaylist .time{color:hsla(0,0%,47%,.667);font-size:14px;font-weight:500;justify-content:right;width:9%}.listMusicInProfile .musicsContainer .musics .btnPlaylist:hover{background-color:#1f1f1f}.listMusicInProfile .musicsContainer .musics .btnPlaylist:hover .number .numberIcon{opacity:0}.listMusicInProfile .musicsContainer .musics .btnPlaylist:hover .number .playIcon{opacity:1}.articleDetailPage{width:100%}.articleDetailPage .articleDetail{border-bottom:.5px solid #1f1f1f;padding:12px;width:100%}.articleDetailPage .articleDetail .article{display:flex;width:100%}.articleDetailPage .articleDetail .article .left{align-items:start;display:grid;height:100%;justify-content:center;padding-right:10px}.articleDetailPage .articleDetail .article .left .userAvatar{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.articleDetailPage .articleDetail .article .left .userAvatar img{border:.5px solid #1f1f1f;border-radius:50%;cursor:pointer;height:42px;object-fit:cover;width:42px}.articleDetailPage .articleDetail .article .right{height:100%;width:93%}.articleDetailPage .articleDetail .article .right .top{display:flex;justify-content:space-between}.articleDetailPage .articleDetail .article .right .top .articleInfo{display:flex;height:100%}.articleDetailPage .articleDetail .article .right .top .articleInfo .userName{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;cursor:pointer;display:-webkit-box;font-family:system-ui;font-size:15px;font-weight:500;height:100%;margin-right:5px;max-width:230px;overflow:hidden;text-overflow:ellipsis;transition:.2s ease-out;width:max-content}.articleDetailPage .articleDetail .article .right .top .articleInfo .userName:hover{text-decoration:underline}.articleDetailPage .articleDetail .article .right .top .articleInfo .createdAt{align-items:start;color:hsla(0,0%,47%,.667);display:flex;font-family:"system-ui";font-size:14px;font-weight:400;height:100%;justify-content:center}.articleDetailPage .articleDetail .article .right .top .articleInfo .createdAt:hover{cursor:pointer;text-decoration:underline}.articleDetailPage .articleDetail .article .right .top .articleOptions{position:relative}.articleDetailPage .articleDetail .article .right .top .articleOptions .btnArticleOptions{align-items:center;background-color:#0000;border:.5px solid #0000;border-radius:10px;color:hsla(0,0%,47%,.667);cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:0;transition:.2s ease-out}.articleDetailPage .articleDetail .article .right .top .articleOptions .btnArticleOptions:hover{background-color:#1f1f1f}.articleDetailPage .articleDetail .article .right .top .articleOptions .btnArticleOptions:active{background-color:#000}.articleDetailPage .articleDetail .article .right .top .articleOptions .articleOptionsBox{background-color:#121212;border:.5px solid #1f1f1f;border-radius:15px;box-shadow:0 4px 12px #0000001a;height:max-content;max-width:max-content;padding:8px;position:absolute;right:3%;top:25px;width:max-content;z-index:10}.articleDetailPage .articleDetail .article .right .top .articleOptions .articleOptionsBox button{align-items:center;background-color:#0000;border:none;border-radius:10px;color:#dfdfdf;cursor:pointer;display:flex;font-family:"system-ui";font-size:13px;font-weight:400;gap:20px;justify-content:space-between;max-width:100%;padding:8px 10px;transition:.2s ease-out;width:100%}.articleDetailPage .articleDetail .article .right .top .articleOptions .articleOptionsBox button svg{font-size:18px}.articleDetailPage .articleDetail .article .right .top .articleOptions .articleOptionsBox button:hover{background-color:#1f1f1f}.articleDetailPage .articleDetail .article .right .top .articleOptions .articleOptionsBox button:active{background-color:#000;transform:scale(.98)}.articleDetailPage .articleDetail .article .right .middle .content .text{align-items:start;color:#fff;display:flex;font-family:"system-ui";font-size:15px;font-weight:400;justify-content:start;padding-bottom:8px;padding-top:3px}.articleDetailPage .articleDetail .article .right .middle .content .media .carouselMedia{height:max-content;margin-bottom:14px;position:relative;width:400px}.articleDetailPage .articleDetail .article .right .middle .content .media .carouselMedia .slick-track{align-items:center;display:flex}.articleDetailPage .articleDetail .article .right .middle .content .media .carouselMedia .mediaContainer{height:100%}.articleDetailPage .articleDetail .article .right .middle .content .media .carouselMedia .mediaContainer img,.articleDetailPage .articleDetail .article .right .middle .content .media .carouselMedia .mediaContainer video{border-radius:20px;height:100%;object-fit:cover;object-position:center center;outline:1px solid #f3f5f726;outline-offset:-1px;width:100%}.articleDetailPage .articleDetail .article .right .middle .content .media .carouselMedia .btnPrevCarousel{align-items:center;background-color:#0000;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;left:0;padding-left:10px;padding-right:10px;position:absolute;top:0;transition:.2s ease-out}.articleDetailPage .articleDetail .article .right .middle .content .media .carouselMedia .btnPrevCarousel:active{color:#000;padding-left:8px}.articleDetailPage .articleDetail .article .right .middle .content .media .carouselMedia .btnNextCarousel{align-items:center;background-color:#0000;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;padding-left:10px;padding-right:10px;position:absolute;right:0;top:0;transition:.2s ease-out}.articleDetailPage .articleDetail .article .right .middle .content .media .carouselMedia .btnNextCarousel:active{color:#000;padding-right:8px}.articleDetailPage .articleDetail .article .right .middle .content .sharedArticleDetail{transition:.2s ease-out}.articleDetailPage .articleDetail .article .right .middle .content .sharedArticleDetail:hover{filter:brightness(1.1)}.articleDetailPage .articleDetail .article .right .middle .content .sharedArticleDetail:active{background-color:#2e2e2e!important}.articleDetailPage .articleDetail .article .right .bottom{background-color:#0000;gap:5px;padding-top:5px;width:100%}.articleDetailPage .articleDetail .article .right .bottom .interactiveButtonBox{align-items:center;background-color:#0000;display:flex;gap:10px;height:fit-content;justify-content:start;margin-left:-10px;width:100%}.articleDetailPage .articleDetail .article .right .bottom .interactiveButtonBox button{align-items:center;background-color:#0000;border:none;border-radius:25px;color:#dfdfdf;cursor:pointer;display:flex;font-family:"system-ui";font-size:13px;font-weight:400;gap:4px;justify-content:center;padding:9px 10px 10px;transition:.2s ease-out}.articleDetailPage .articleDetail .article .right .bottom .interactiveButtonBox button svg{font-size:19px;transform:translateY(1.5px)}.articleDetailPage .articleDetail .article .right .bottom .interactiveButtonBox button .sparkles{align-items:center;color:#0000;display:flex;font-size:8px;justify-content:center;position:absolute;transition:.2s ease-out}.articleDetailPage .articleDetail .article .right .bottom .interactiveButtonBox button .sparklesActived{animation:sparklesAnimation 1s ease-out}@keyframes sparklesAnimation{0%{color:#d63031}50%{color:#fd79a8}to{color:#0000}}.articleDetailPage .articleDetail .article .right .bottom .interactiveButtonBox .btnLikeArticleActived{color:#d63031}.articleDetailPage .articleDetail .article .right .bottom .interactiveButtonBox button:hover{background-color:#1f1f1f}.articleDetailPage .articleDetail .article .right .bottom .interactiveButtonBox button:active{background-color:#000;transform:scale(.7)}.articleDetailPage .articleDetail .article .right .bottom .commentBox{align-items:center;display:flex;gap:10px;justify-content:start;width:400px}.articleDetailPage .articleDetail .article .right .bottom .commentBox .userAvatar{border:.5px solid #1f1f1f;border-radius:50%;cursor:pointer;height:32px;object-fit:cover;width:8%}.articleDetailPage .articleDetail .article .right .bottom .commentBox .formComment{display:flex;width:92%}.articleDetailPage .articleDetail .article .right .bottom .commentBox .formComment .inputComment{background:#0000;border:.5px solid #0000;border-radius:15px;color:#fff;font-family:"system-ui";height:max-content;max-height:max-content;max-width:100%;min-height:max-content;min-width:max-content;padding:8px 5px;resize:none;width:89%}.articleDetailPage .articleDetail .article .right .bottom .commentBox .formComment .inputComment:focus{outline:none}.articleDetailPage .articleDetail .article .right .bottom .commentBox .formComment .btnPostComment{align-items:center;background-color:#0000;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:0 12px;transition:.2s ease-out;width:11%}.articleDetailPage .articleDetail .article .right .bottom .commentBox .formComment .btnPostComment:hover{background-color:#1f1f1f}.articleDetailPage .articleDetail .article .right .bottom .commentBox .formComment .btnPostComment:active{background-color:#000}.articleDetailPage .articleDetail .tooltip{display:inline-block;position:relative}.articleDetailPage .articleDetail .tooltip .tooltiptext{background-color:#ffffffe6;border-radius:10px;color:#000;font-family:"system-ui";font-size:12px;font-weight:400;left:50%;margin-left:-40px;margin-top:5px;padding:8px 10px;position:absolute;text-align:center;top:100%;transition:.1s ease-out;visibility:hidden;width:max-content;z-index:99}.articleDetailPage .articleDetail .tooltip:hover .tooltiptext{transition:.1s ease-out;visibility:visible}.articleDetailPage .articleDetail .deleteConfirmBox{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#121212cc;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:999}.articleDetailPage .articleDetail .deleteConfirmBox .deleteConfirm{height:max-content;text-align:center;width:100%}.articleDetailPage .articleDetail .deleteConfirmBox .deleteConfirm .title{color:#fff;display:block;font-family:system-ui;font-size:14px;font-weight:500;margin-bottom:10px}.articleDetailPage .articleDetail .deleteConfirmBox .deleteConfirm .btnBox{display:flex;justify-content:center;width:100%}.articleDetailPage .articleDetail .deleteConfirmBox .deleteConfirm .btnBox button{align-items:center;background-color:#121212;border:.5px solid #1f1f1f;color:#fff;cursor:pointer;display:flex;font-family:"system-ui";justify-content:center;padding:5px 10px;transition:.2s ease-out}.articleDetailPage .articleDetail .deleteConfirmBox .deleteConfirm .btnBox button:hover{background-color:#1f1f1f}.articleDetailPage .articleDetail .deleteConfirmBox .deleteConfirm .btnBox button:active{background-color:#000}.articleDetailPage .articleDetail .deleteConfirmBox .deleteConfirm .btnBox .btnDelete{border-radius:10px 0 0 10px}.articleDetailPage .articleDetail .deleteConfirmBox .deleteConfirm .btnBox .btnDelete:active{background-color:red}.articleDetailPage .articleDetail .deleteConfirmBox .deleteConfirm .btnBox .btnCancel{border-radius:0 10px 10px 0}.articleDetailPage .articleDetail .btnToArticleDetail{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border:none;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:10px;transition:.2s ease-out}.articleDetailPage .articleDetail .btnToArticleDetail:hover{background-color:#2e2e2e}.articleDetailPage .articleDetail .btnToArticleDetail:active{background-color:#000}.articleDetailPage .articleComments{padding:0;width:100%}.articleDetailPage .articleComments .commentWrapper{border-bottom:.5px solid #1f1f1f;padding:12px;position:relative}.articleDetailPage .articleComments .commentWrapper.highlight{animation:highlightAnimation 1s ease-out}@keyframes highlightAnimation{0%{background-color:#1f1f1f}50%{background-color:#444}to{background-color:#0000}}.articleDetailPage .articleComments .commentWrapper.reply{border-bottom:none;border-left:2px solid #2e2e2e;padding-bottom:4px;padding-left:10px;padding-top:5px}.articleDetailPage .articleComments .comment{display:flex;width:100%}.articleDetailPage .articleComments .comment .left{align-items:start;display:grid;height:100%;justify-content:center;padding-right:10px}.articleDetailPage .articleComments .comment .left .userAvatar{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.articleDetailPage .articleComments .comment .left .userAvatar img{border:.5px solid #1f1f1f;border-radius:50%;cursor:pointer;height:42px;object-fit:cover;width:42px}.articleDetailPage .articleComments .comment .right{height:100%;width:93%}.articleDetailPage .articleComments .comment .right .top{display:flex;justify-content:space-between}.articleDetailPage .articleComments .comment .right .top .articleInfo{display:flex;height:100%}.articleDetailPage .articleComments .comment .right .top .articleInfo .userName{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;cursor:pointer;display:-webkit-box;font-family:system-ui;font-size:15px;font-weight:500;height:100%;max-width:230px;overflow:hidden;text-overflow:ellipsis;transition:.2s ease-out;width:max-content}.articleDetailPage .articleComments .comment .right .top .articleInfo .userName:hover{text-decoration:underline}.articleDetailPage .articleComments .comment .right .top .articleInfo .replyTo{align-items:center;display:flex;justify-content:left}.articleDetailPage .articleComments .comment .right .top .articleInfo .replyTo svg{align-items:center;color:#fff;display:flex;font-size:13px;justify-content:center;padding-top:2px}.articleDetailPage .articleComments .comment .right .top .articleInfo .createdAt{align-items:start;color:hsla(0,0%,47%,.667);display:flex;font-family:"system-ui";font-size:14px;font-weight:400;height:100%;justify-content:center;margin-left:5px}.articleDetailPage .articleComments .comment .right .top .articleInfo .createdAt:hover{cursor:pointer;text-decoration:underline}.articleDetailPage .articleComments .comment .right .top .articleInfo .tooltip{display:inline-block;position:relative}.articleDetailPage .articleComments .comment .right .top .articleInfo .tooltip .tooltiptext{background-color:#ffffffe6;border-radius:10px;color:#000;font-family:"system-ui";font-size:12px;font-weight:400;left:50%;margin-left:-40px;margin-top:5px;padding:8px 10px;position:absolute;text-align:center;top:100%;transition:.1s ease-out;visibility:hidden;width:max-content;z-index:99}.articleDetailPage .articleComments .comment .right .top .articleInfo .tooltip:hover .tooltiptext{transition:.1s ease-out;visibility:visible}.articleDetailPage .articleComments .comment .right .top .articleInfo .isLikedByAuthor{align-items:center;display:flex;justify-content:center;margin-left:7px;position:relative}.articleDetailPage .articleComments .comment .right .top .articleInfo .isLikedByAuthor img{border:.5px solid #1f1f1f;border-radius:50%;height:18px;object-fit:cover;width:18px}.articleDetailPage .articleComments .comment .right .top .articleInfo .isLikedByAuthor svg{bottom:-2px;color:#d63031;font-size:12px;position:absolute;right:-3px}.articleDetailPage .articleComments .comment .right .top .articleOptions{position:relative}.articleDetailPage .articleComments .comment .right .top .articleOptions .btnArticleOptions{align-items:center;background-color:#0000;border:.5px solid #0000;border-radius:10px;color:hsla(0,0%,47%,.667);cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:0;transition:.2s ease-out}.articleDetailPage .articleComments .comment .right .top .articleOptions .btnArticleOptions:hover{background-color:#1f1f1f}.articleDetailPage .articleComments .comment .right .top .articleOptions .btnArticleOptions:active{background-color:#000}.articleDetailPage .articleComments .comment .right .top .articleOptions .commentOptionsBox{background-color:#121212;border:.5px solid #1f1f1f;border-radius:15px;box-shadow:0 4px 12px #0000001a;max-width:max-content;padding:8px;position:absolute;right:40%;top:25px;width:max-content;z-index:999}.articleDetailPage .articleComments .comment .right .top .articleOptions .commentOptionsBox button{align-items:center;background-color:#0000;border:none;border-radius:10px;color:#dfdfdf;cursor:pointer;display:flex;font-family:"system-ui";font-size:13px;font-weight:400;gap:20px;justify-content:space-between;max-width:100%;padding:8px 10px;transition:.2s ease-out;width:100%}.articleDetailPage .articleComments .comment .right .top .articleOptions .commentOptionsBox button svg{font-size:18px}.articleDetailPage .articleComments .comment .right .top .articleOptions .commentOptionsBox button:hover{background-color:#1f1f1f}.articleDetailPage .articleComments .comment .right .top .articleOptions .commentOptionsBox button:active{background-color:#000;transform:scale(.98)}.articleDetailPage .articleComments .comment .right .middle .content .text{align-items:start;color:#fff;display:flex;font-family:"system-ui";font-size:15px;font-weight:400;justify-content:start;margin-left:-5px;padding-bottom:8px;padding-top:5px}.articleDetailPage .articleComments .comment .right .middle .content .text .textContent{margin-left:5px;margin-right:5px}.articleDetailPage .articleComments .comment .right .middle .content .media .carouselMedia{height:max-content;margin-bottom:26px;position:relative;width:400px}.articleDetailPage .articleComments .comment .right .middle .content .media .carouselMedia .slick-track{align-items:center;display:flex}.articleDetailPage .articleComments .comment .right .middle .content .media .carouselMedia .mediaContainer{height:100%}.articleDetailPage .articleComments .comment .right .middle .content .media .carouselMedia .mediaContainer img,.articleDetailPage .articleComments .comment .right .middle .content .media .carouselMedia .mediaContainer video{border-radius:5px;height:100%;object-fit:cover;object-position:center center;outline:1px solid #f3f5f726;outline-offset:-1px;width:100%}.articleDetailPage .articleComments .comment .right .middle .content .media .carouselMedia .btnPrevCarousel{align-items:center;background-color:#0000;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;left:0;padding-left:10px;padding-right:10px;position:absolute;top:0;transition:.2s ease-out}.articleDetailPage .articleComments .comment .right .middle .content .media .carouselMedia .btnPrevCarousel:active{color:#000;padding-left:8px}.articleDetailPage .articleComments .comment .right .middle .content .media .carouselMedia .btnNextCarousel{align-items:center;background-color:#0000;border:none;bottom:0;color:#fff;cursor:pointer;display:flex;padding-left:10px;padding-right:10px;position:absolute;right:0;top:0;transition:.2s ease-out}.articleDetailPage .articleComments .comment .right .middle .content .media .carouselMedia .btnNextCarousel:active{color:#000;padding-right:8px}.articleDetailPage .articleComments .comment .right .bottom{background-color:#0000;width:100%}.articleDetailPage .articleComments .comment .right .bottom .interactiveButtonBox{align-items:center;background-color:#0000;display:flex;gap:10px;height:fit-content;justify-content:start;margin-left:-10px;width:100%}.articleDetailPage .articleComments .comment .right .bottom .interactiveButtonBox button{align-items:center;background-color:#0000;border:none;border-radius:25px;color:#dfdfdf;cursor:pointer;display:flex;font-family:"system-ui";font-size:13px;font-weight:400;gap:4px;justify-content:center;padding:9px 10px 10px;transition:.2s ease-out}.articleDetailPage .articleComments .comment .right .bottom .interactiveButtonBox button svg{font-size:19px;transform:translateY(1.5px)}.articleDetailPage .articleComments .comment .right .bottom .interactiveButtonBox button:hover{background-color:#1f1f1f}.articleDetailPage .articleComments .comment .right .bottom .interactiveButtonBox button:active{background-color:#000;transform:scale(.8)}.articleDetailPage .articleComments .comment .right .bottom .interactiveButtonBox .btnLikeArticleActived{color:#d63031}.articleDetailPage .articleComments .commentBox{align-items:center;display:flex;gap:10px;justify-content:start;max-width:100%;width:400px}.articleDetailPage .articleComments .commentBox .userAvatar{border:.5px solid #1f1f1f;border-radius:50%;cursor:pointer;height:32px;object-fit:cover;width:8%}.articleDetailPage .articleComments .commentBox .formComment{display:flex;width:92%}.articleDetailPage .articleComments .commentBox .formComment .inputComment{background:#0000;border:.5px solid #0000;border-radius:15px;color:#fff;font-family:"system-ui";height:max-content;max-height:max-content;max-width:100%;min-height:max-content;min-width:max-content;padding:8px 5px;resize:none;width:89%}.articleDetailPage .articleComments .commentBox .formComment .inputComment:focus{outline:none}.articleDetailPage .articleComments .commentBox .formComment .btnPostComment{align-items:center;background-color:#0000;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:0 12px;transition:.2s ease-out;width:11%}.articleDetailPage .articleComments .commentBox .formComment .btnPostComment:hover{background-color:#1f1f1f}.articleDetailPage .articleComments .commentBox .formComment .btnPostComment:active{background-color:#000}.articleDetailPage .articleComments .deleteConfirmBox{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#121212cc;display:flex;height:100%;left:0;position:absolute;top:0;width:100%;z-index:999}.articleDetailPage .articleComments .deleteConfirmBox .deleteConfirm{height:max-content;text-align:center;width:100%}.articleDetailPage .articleComments .deleteConfirmBox .deleteConfirm .title{color:#fff;display:block;font-family:system-ui;font-size:14px;font-weight:500;margin-bottom:10px}.articleDetailPage .articleComments .deleteConfirmBox .deleteConfirm .btnBox{display:flex;justify-content:center;width:100%}.articleDetailPage .articleComments .deleteConfirmBox .deleteConfirm .btnBox button{align-items:center;background-color:#121212;border:.5px solid #1f1f1f;color:#fff;cursor:pointer;display:flex;font-family:system-ui;justify-content:center;padding:5px 10px;transition:.2s ease-out}.articleDetailPage .articleComments .deleteConfirmBox .deleteConfirm .btnBox button:hover{background-color:#1f1f1f}.articleDetailPage .articleComments .deleteConfirmBox .deleteConfirm .btnBox button:active{background-color:#000}.articleDetailPage .articleComments .deleteConfirmBox .deleteConfirm .btnBox .btnDelete{border-radius:10px 0 0 10px}.articleDetailPage .articleComments .deleteConfirmBox .deleteConfirm .btnBox .btnDelete:active{background-color:red}.articleDetailPage .articleComments .deleteConfirmBox .deleteConfirm .btnBox .btnCancel{border-radius:0 10px 10px 0}.articleSkeleton{border-bottom:.5px solid #1f1f1f;padding:12px;width:100%}.articleSkeleton .article{display:flex;width:100%}.articleSkeleton .article .left{align-items:start;display:grid;height:100%;justify-content:center;padding-right:10px}.articleSkeleton .article .left .userAvatar{align-items:center;background-color:#1f1f1f;border:.5px solid #1f1f1f;border-radius:50%;cursor:pointer;display:flex;height:42px;justify-content:center;object-fit:cover;width:42px}.articleSkeleton .article .right{height:100%;width:93%}.articleSkeleton .article .right .top{display:flex;justify-content:space-between}.articleSkeleton .article .right .top .articleInfo{display:flex;height:100%}.articleSkeleton .article .right .top .articleInfo .userName{border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;height:19.2px;margin-right:5px;max-width:230px;overflow:hidden;position:relative;transition:.2s ease-out;width:100px}.articleSkeleton .article .right .top .articleInfo .userName:after{animation:articleSkeletonAnimation 2s infinite;background:linear-gradient(90deg,#0000 0,#fff3 50%,#0000);content:"";height:100%;left:-100px;position:absolute;top:0;width:100%}.articleSkeleton .article .right .top .articleInfo .userName:hover{text-decoration:underline}.articleSkeleton .article .right .top .articleInfo .createdAt{align-items:start;border-radius:5px;color:hsla(0,0%,47%,.667);display:flex;font-family:"system-ui";font-size:14px;font-weight:400;height:19.2px;justify-content:center;overflow:hidden;position:relative;width:40px}.articleSkeleton .article .right .top .articleInfo .createdAt:after{animation:articleSkeletonAnimation 2s infinite;background:linear-gradient(90deg,#0000 0,#fff3 50%,#0000);content:"";height:100%;left:-100px;position:absolute;top:0;width:100%}.articleSkeleton .article .right .top .articleInfo .createdAt:hover{cursor:pointer;text-decoration:underline}.articleSkeleton .article .right .middle .content{margin-top:5px}.articleSkeleton .article .right .middle .content .text{align-items:start;border-radius:5px;color:#fff;display:flex;font-family:"system-ui";font-size:15px;font-weight:400;height:19.2px;justify-content:start;overflow:hidden;padding-bottom:8px;position:relative;width:350px}.articleSkeleton .article .right .middle .content .text:after{animation:articleSkeletonAnimation 2s infinite;background:linear-gradient(90deg,#0000 0,#fff3 50%,#0000);content:"";height:100%;left:-100px;position:absolute;top:0;width:100%}.articleSkeleton .article .right .middle .content .media .carouselMedia{height:max-content;margin-top:5px;position:relative;width:400px}.articleSkeleton .article .right .middle .content .media .carouselMedia .slick-track{align-items:center;display:flex}.articleSkeleton .article .right .middle .content .media .carouselMedia .mediaContainer{border-radius:5px;height:19.2px;overflow:hidden;position:relative;width:250px}.articleSkeleton .article .right .middle .content .media .carouselMedia .mediaContainer:after{animation:articleSkeletonAnimation 2s infinite;background:linear-gradient(90deg,#0000 0,#fff3 50%,#0000);content:"";height:100%;left:-100px;position:absolute;top:0;width:100%}@keyframes articleSkeletonAnimation{0%{left:-100px}to{left:100%}}.shareArticleBoxContainer{align-items:center;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#121212cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.shareArticleBoxContainer .shareArticleBox{margin-top:5px;max-width:100%;width:550px}.shareArticleBoxContainer .shareArticleBox .tabSwitchProfile{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000;border-bottom:none;font-family:system-ui;left:0;width:100%}.shareArticleBoxContainer .shareArticleBox .tabSwitchProfile .profileUserName span{font-weight:500}.shareArticleBoxContainer .shareArticleBox .tabSwitchProfile .btnComeBackBox button{height:max-content;max-height:max-content;max-width:max-content;transform:translateX(-10px);width:max-content}.shareArticleBoxContainer .shareArticleBox .articleContainer{border-bottom:none}.shareArticleBoxContainer .shareArticleBox .articleContainer .article .right .middle .content .text{color:#fff;font-family:system-ui!important;font-size:15px;font-weight:400}.shareArticleBoxContainer .shareArticleBox .articleContainer .article .right .middle .content .articleDetail{background-color:#1f1f1f;border:.5px solid #f3f5f714;border-radius:25px}.shareArticleBoxContainer .shareArticleBox .articleContainer .article .right .middle .content .articleDetail .article .right .middle .content .text{padding-top:5px}.shareArticleBoxContainer .shareArticleBox .articleContainer .article .right .middle .content .articleDetail .article .right .middle .content .media{z-index:999}.shareArticleBoxContainer .shareArticleBox .articleContainer .article .right .middle .content .articleDetail .article .right .middle .content .media .carouselMedia{margin-bottom:0}.shareArticleBoxContainer .shareArticleBox .articleContainer .article .right .middle .content .articleDetail .article .right .middle .content .media .carouselMedia .slick-dots{display:none!important}.shareArticleBoxContainer .shareArticleBox .btnCreate{background-color:#1f1f1f!important;font-weight:500!important}.shareArticleBoxContainer .shareArticleBox .btnCreate:hover{background-color:#000!important}.shareArticleBoxContainer .shareArticleBox .btnCreate:active{transform:scale(.95)!important}.shareArticleBoxContainer .shareArticleBox .btnCreateDisabled{opacity:.5!important}.shareArticleBoxContainer .shareArticleBox .btnCreateDisabled:hover{background-color:#1f1f1f!important}.shareArticleBoxContainer .shareArticleBox .btnCreateDisabled:active{transform:scale(1)!important}.userTagContainer{height:100%;position:relative}.userTagContainer .userTag{color:#0095f6;text-decoration:none}.userTagContainer .userTag:hover{text-decoration:underline}.userTagContainer .userTagInfoBox{background-color:#121212;border:.5px solid #1f1f1f;border-radius:20px;box-shadow:0 4px 12px #0000001a;display:block;font-family:"system-ui";padding:16px;position:absolute;text-decoration:none;width:max-content;z-index:99}.userTagContainer .userTagInfoBox .top{display:flex;padding-bottom:5px}.userTagContainer .userTagInfoBox .top .userInfo{display:grid}.userTagContainer .userTagInfoBox .top .userInfo .name{color:#fff;font-size:18px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.userTagContainer .userTagInfoBox .top .userInfo .userName{color:#fff;font-size:15px;font-weight:300;overflow:hidden;text-overflow:ellipsis}.userTagContainer .userTagInfoBox .top .userAvatar{border:.5px solid #1f1f1f;border-radius:50%;cursor:pointer;height:42px;margin-left:36px;object-fit:cover;width:42px}.userTagContainer .userTagInfoBox .top:hover{opacity:.55;transition:.2s ease-out}.userTagContainer .userTagInfoBox .top:active{opacity:1}.userTagContainer .userTagInfoBox .middle{display:grid}.userTagContainer .userTagInfoBox .middle .description{color:#fff;font-size:15px;font-weight:300;overflow:hidden;padding-bottom:5px;text-overflow:ellipsis}.userTagContainer .userTagInfoBox .middle .followers{color:hsla(0,0%,47%,.667);font-size:15px;font-weight:300}.userTagContainer .userTagInfoBox .bottom{margin-top:12px;text-align:center}.userTagContainer .userTagInfoBox .bottom .btnFollow{background-color:#fff;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:500;margin-right:10px;padding:8px 15px;transition:.2s ease-out;width:100%}.userTagContainer .userTagInfoBox .bottom .btnFollow:hover{background-color:#dfdfdf}.userTagContainer .userTagInfoBox .bottom .btnFollow:active{transform:scale(.95)}.userTagContainer .userTagInfoBox .bottom .btnFollowed{background-color:#1f1f1f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-right:10px;padding:8px 15px;transition:.2s ease-out;width:100%}.userTagContainer .userTagInfoBox .bottom .btnFollowed:hover{background-color:#2e2e2e}.userTagContainer .userTagInfoBox .bottom .btnFollowed:active{transform:scale(.95)}.tagSuggestionsList{align-items:center;background:#121212;border:.5px solid #1f1f1f;border-radius:5px;color:#fff;display:grid;font-size:15px;font-weight:500;height:max-content;justify-content:center;list-style:none;margin:0 0 8px 42px;overflow-x:hidden;overflow-y:auto;padding:0;width:fit-content}.tagSuggestionsList .tag{align-items:center;border-bottom:.5px solid #1f1f1f;cursor:pointer;display:flex;padding:5px}.tagSuggestionsList .tag .tagAvatar{border:.5px solid #1f1f1f;border-radius:50%;cursor:pointer;height:32px!important;margin:5px 10px 5px 5px;object-fit:cover;width:32px!important}.tagSuggestionsList .tag .tagInfo{display:grid}.tagSuggestionsList .tag .tagInfo .userName{color:#fff!important;font-weight:500t}.tagSuggestionsList .tag .tagInfo .name,.tagSuggestionsList .tag .tagInfo .userName{-webkit-box-orient:vertical;-webkit-line-clamp:1;cursor:pointer;display:-webkit-box;font-size:15px!important;height:100%;max-width:230px;overflow:hidden;text-overflow:ellipsis;transition:.2s ease-out;width:max-content}.tagSuggestionsList .tag .tagInfo .name{color:hsla(0,0%,47%,.667)!important;font-weight:300}.tagSuggestionsList .tag:hover{background-color:#1f1f1f!important}.videoWrapper{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:720px;width:100%}.videoWrapper .ambilightWrapper{height:100%;position:relative;width:100%}.videoWrapper .aspectRatio{align-items:center;display:flex;justify-content:center;padding:0 15px 15px}.videoWrapper #video{aspect-ratio:16/9;border-radius:6px;height:300px;position:relative;width:100%;z-index:2}.videoWrapper #ambilight{border-radius:6px;filter:blur(80px) opacity(.5) saturate(300%);height:300px;pointer-events:none;width:100%;z-index:1}.imageWrapper{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:720px;width:100%}.imageWrapper .ambilightWrapper{height:100%;position:relative;width:100%}.imageWrapper .aspectRatio{align-items:center;display:flex;justify-content:center}.imageWrapper #imageAmbilight{bottom:0;filter:blur(35px) opacity(.2) saturate(300%);pointer-events:none;position:absolute;top:0;z-index:2}.imageWrapper #image,.imageWrapper #imageAmbilight{height:300px;object-fit:cover;object-position:center center;width:300px}.imageWrapper #image{border-radius:25px;position:relative;z-index:3}.imageWrapper #ambilight{filter:blur(80px) opacity(.5) saturate(300%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.searchPage .searchFormContainer{position:relative}.searchPage .searchForm{align-items:center;background-color:#0000;border:.5px solid #1f1f1f;border-radius:20px;display:flex;padding:5px}.searchPage .searchForm .searchInputContainer{align-items:center;display:flex;justify-content:center}.searchPage .searchForm .searchInputContainer .searchInput{background-color:#0000;border:none;color:#fff;font-family:system-ui;font-size:14px;font-weight:400;padding:4px 8px;width:300px}.searchPage .searchForm .searchInputContainer .searchInput:focus{outline:none}.searchPage .searchForm .btnSearchContainer{align-items:center;display:flex;justify-content:center}.searchPage .searchForm .btnSearchContainer .btnSearch{align-items:center;background-color:#fff;border:.5px solid #0000;border-radius:15px;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:600;justify-content:center;padding:4px 8px;transition:.2s ease-out;-webkit-user-select:none;user-select:none}.searchPage .searchForm .btnSearchContainer .btnSearch:hover{background-color:hsla(0,0%,100%,.859)}.searchPage .searchForm .btnSearchContainer .btnSearch:active{transform:scale(.99)}.searchPage .searchAutocompleteContainer{background-color:#1f1f1f;border-radius:20px;height:360px;left:0;overflow-x:hidden;overflow-y:auto;padding:5px;position:absolute;right:0;top:112%}.searchPage .searchAutocompleteContainer .searchAutocompleteItem{background-color:#0000;border-radius:15px;cursor:pointer;padding:6px 8px;transition:.2s ease-out}.searchPage .searchAutocompleteContainer .searchAutocompleteItem .searchAutocompleteKeyword{align-items:center;color:#fff;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:8px;justify-content:left}.searchPage .searchAutocompleteContainer .searchAutocompleteItem:hover{background-color:#2e2e2e}.searchPage .main .searchResult .navigationBar{align-items:center;background-color:#121212;display:flex;gap:10px;height:max-content;overflow-x:auto;overflow-y:hidden;padding:10px;position:sticky;scroll-behavior:smooth;scrollbar-width:none;top:58px;width:100%;z-index:9}.searchPage .main .searchResult .navigationBar button{align-items:center;background-color:#1f1f1f;border:2px solid #0000;border-radius:10px;color:#dfdfdf;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:4px 10px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:max-content;z-index:5}.searchPage .main .searchResult .navigationBar button:hover{background-color:#171717}.searchPage .main .searchResult .resultContent{padding:0 10px 10px}.searchPage .main .searchResult .resultContent .row{margin:0 -10px 0 0}.searchPage .main .searchResult .resultContent .searchItemArticle{height:302.39px;padding:0 10px 10px 0;text-decoration:none}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail{border-radius:10px;cursor:pointer;height:100%;position:relative;transition:.1s ease-out;-webkit-user-select:none;user-select:none;width:100%}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail img,.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail video{border-radius:10px;height:100%;object-fit:cover;object-position:center center;width:100%}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail .textContent{background-color:#1f1f1f;border-top:.5px solid gray;color:#fff;display:block;font-size:15px;font-weight:300;height:100%;margin-top:5px;overflow:hidden;padding-top:10px;text-overflow:ellipsis;width:100%}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail .thumbnailHover{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-radius:10px;bottom:6px;color:#fff;display:flex;font-size:14px;left:6px;opacity:0;padding:5px;position:absolute;transition:.2s ease-out;z-index:0}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail .thumbnailHover .likes{margin:0 15px 0 5px;padding-bottom:1px}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail .thumbnailHover .comments{margin:0 5px;padding-bottom:1px}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail:hover .thumbnailHover{opacity:1}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail:active{opacity:.7}.searchPage .main .searchResult .resultContent .searchItemArticle .userInfo{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-radius:10px;color:#fff;display:flex;font-size:14px;gap:4px;left:6px;opacity:0;padding:5px;position:absolute;top:6px;transition:.2s ease-out;z-index:0}.searchPage .main .searchResult .resultContent .searchItemArticle .userInfo .avatar{border-radius:50%;height:20px;object-fit:cover;object-position:center;outline:1px solid #87878726;outline-offset:-1px;width:20px}.searchPage .main .searchResult .resultContent .searchItemArticle .userInfo .userName{font-family:system-ui;font-size:12px;font-weight:500}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail:hover .userInfo{opacity:1}.searchPage .main .searchResult .resultContent .searchItemArticle .createdAtHover{align-items:center;background-color:#0000;border-radius:10px;bottom:6px;color:#fff;display:flex;opacity:0;padding:5px;position:absolute;right:6px;transition:.2s ease-out;z-index:0}.searchPage .main .searchResult .resultContent .searchItemArticle .createdAtHover span{color:#dfdfdf;font-family:system-ui;font-size:12px;font-weight:500}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail:hover .createdAtHover{opacity:1}.searchPage .main .searchResult .resultContent .searchItemSong{height:302.39px;padding:0 10px 10px 0;text-decoration:none}.searchPage .main .searchResult .resultContent .searchItemSong .songImageContainer{cursor:pointer;height:100%;position:relative;-webkit-user-select:none;user-select:none;width:100%}.searchPage .main .searchResult .resultContent .searchItemSong .songImageContainer .songImage{border-radius:10px;height:100%;object-fit:cover;object-position:center;width:100%}.searchPage .main .searchResult .resultContent .searchItemSong .songImageContainer svg{color:#fff;font-size:18px;position:absolute;right:6px;top:6px}.searchPage .main .searchResult .resultContent .searchItemSong .userInfo{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-radius:10px;color:#fff;display:flex;font-size:14px;gap:4px;left:6px;opacity:0;padding:5px;position:absolute;top:6px;transition:.2s ease-out;z-index:0}.searchPage .main .searchResult .resultContent .searchItemSong .userInfo .avatar{border-radius:50%;height:20px;object-fit:cover;object-position:center;outline:1px solid #87878726;outline-offset:-1px;width:20px}.searchPage .main .searchResult .resultContent .searchItemSong .userInfo .userName{font-family:system-ui;font-size:12px;font-weight:500}.searchPage .main .searchResult .resultContent .searchItemSong .songImageContainer:hover .userInfo{opacity:1}.searchPage .main .searchResult .resultContent .searchItemSong .thumbnailHoverContainer{bottom:6px;left:6px;opacity:0;position:absolute}.searchPage .main .searchResult .resultContent .searchItemSong .thumbnailHoverContainer .songName{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;display:-webkit-box;font-family:system-ui;font-size:13px;font-weight:500;overflow:hidden;padding:5px 5px 5px 2px;text-align:left;text-overflow:ellipsis}.searchPage .main .searchResult .resultContent .searchItemSong .thumbnailHoverContainer .thumbnailHover{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-radius:10px;color:#fff;display:flex;font-size:14px;padding:5px;transition:.2s ease-out;width:fit-content;z-index:0}.searchPage .main .searchResult .resultContent .searchItemSong .thumbnailHoverContainer .thumbnailHover svg{color:#fff;font-size:14px;position:static}.searchPage .main .searchResult .resultContent .searchItemSong .thumbnailHoverContainer .thumbnailHover .likes{margin:0 3px 0 5px;padding-bottom:1px}.searchPage .main .searchResult .resultContent .searchItemSong .songImageContainer:hover .thumbnailHoverContainer{opacity:1}.searchPage .main .searchResult .resultContent .searchItemSong .btnPlay{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border:none;border-radius:50%;bottom:6px;color:#fff;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;height:35px;justify-content:center;opacity:0;outline:1px solid #87878726;outline-offset:-1px;padding:0;position:absolute;right:6px;transition:.2s ease-out;width:35px}.searchPage .main .searchResult .resultContent .searchItemSong .btnPlay svg{color:#fff;font-size:14px;position:static}.searchPage .main .searchResult .resultContent .searchItemSong .btnPlay:hover{background-color:#dfdfdf}.searchPage .main .searchResult .resultContent .searchItemSong .btnPlay:hover svg{color:#000}.searchPage .main .searchResult .resultContent .searchItemSong .btnPlay:active{transform:scale(.97)}.searchPage .main .searchResult .resultContent .searchItemSong .songImageContainer:hover .btnPlay{opacity:1}.searchPage .main .searchResult .resultContent .searchItemSong .songImageContainer:active{opacity:.7}.searchPage .main .searchResult .resultContent .searchItemSong .createdAtHover{align-items:center;background-color:#0000;border-radius:10px;bottom:6px;color:#fff;display:flex;opacity:0;padding:5px;position:absolute;right:6px;transition:.2s ease-out;z-index:0}.searchPage .main .searchResult .resultContent .searchItemSong .createdAtHover span{color:#dfdfdf;font-family:system-ui;font-size:12px;font-weight:500}.searchPage .main .searchResult .resultContent .searchItemSong .songImageContainer:hover .createdAtHover{opacity:1}.searchPage .main .searchResult .resultContent .searchItemUser{height:302.39px;padding:0 10px 10px 0;text-decoration:none}.searchPage .main .searchResult .resultContent .searchItemUser .userCardContainer{align-items:center;background-color:#1f1f1f;border-radius:10px;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:100%}.searchPage .main .searchResult .resultContent .searchItemUser .userCardContainer .userCard{grid-gap:10px;display:grid;gap:10px}.searchPage .main .searchResult .resultContent .searchItemUser .userCardContainer .userAvatarContainer{align-items:center;display:flex;justify-content:center;width:100%}.searchPage .main .searchResult .resultContent .searchItemUser .userCardContainer .userAvatarContainer .userAvatar{border:none;border-radius:50%;height:85px;object-fit:cover;object-position:center;outline:1px solid #87878726;outline-offset:-1px;width:85px}.searchPage .main .searchResult .resultContent .searchItemUser .userCardContainer .userInfo{align-items:center;display:flex;justify-content:center;width:100%}.searchPage .main .searchResult .resultContent .searchItemUser .userCardContainer .userInfo .userName{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;display:-webkit-box;font-family:system-ui;font-size:14px;font-weight:500;max-width:130px;overflow:hidden;text-overflow:ellipsis}.searchPage .main .searchResult .resultContent .searchItemUser .userCardContainer:hover{background-color:#2e2e2e}.searchPage .main .searchResult .resultContent .searchItemUser .userCardContainer:active{opacity:.7}.searchHistoryContainer{padding:10px}.searchHistoryContainer .title span{color:#fff;font-family:system-ui;font-size:18px;font-weight:700}.searchHistoryContainer .searchHistory{padding-top:10px}.searchHistoryContainer .searchHistory .searchHistoryItem{align-items:center;background-color:#0000;border-radius:16px;cursor:pointer;display:flex;padding:10px;position:relative;transition:.2s ease-out}.searchHistoryContainer .searchHistory .searchHistoryItem span{align-items:center;color:#777;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:8px;justify-content:left}.searchHistoryContainer .searchHistory .searchHistoryItem svg{margin-top:1px}.searchHistoryContainer .searchHistory .searchHistoryItem .searchedAt{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:hsla(0,0%,47%,.667);border-radius:11px;color:#dfdfdf;font-size:12px;padding:5px;-webkit-user-select:none;user-select:none}.searchHistoryContainer .searchHistory .searchHistoryItem:hover{background-color:#171717}.searchHistoryContainer .searchHistory .btnDeleteSearchHistory{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#0000;border-radius:7px;color:#777;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;justify-content:left;padding:5px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:fit-content}.searchHistoryContainer .searchHistory .btnDeleteSearchHistory:hover{background-color:#d63031;color:#fff}.searchHistoryContainer .searchHistory .btnDeleteSearchHistory:active{background-color:rgba(214,48,49,.667)}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{background-color:#000;border-radius:10px;color:#fff;font-family:system-ui;font-size:13px;font-weight:500;left:50%;margin-left:-40px;margin-top:5px;padding:3px 3px 6px;position:absolute;text-align:center;top:100%;transition:.1s ease-out;visibility:hidden;width:80px;z-index:99}.tooltip:hover .tooltiptext{transition:.1s ease-out;visibility:visible}.messagePage{height:100%;position:relative}.messagePage .searchConversation{align-items:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background-color:#121212cc;border-bottom:1px solid #1f1f1f;display:flex;justify-content:space-between;padding:8px 16px;position:fixed;top:0;transition:.2s ease-out;width:50%;z-index:5}.messagePage .searchConversation .searchInput{align-items:center;background-color:#0000;border:none;border-radius:25px;display:flex;gap:5px;justify-content:left;padding:5px 10px;width:100%}.messagePage .searchConversation .searchInput input{background-color:#0000;border:none;color:#fff;font-family:system-ui;font-size:15px;font-weight:400;width:100%}.messagePage .searchConversation .searchInput input:focus{outline:none}.messagePage .searchConversation .searchInput svg{color:#2e2e2e}.messagePage .searchConversation .btnCloseSearchConversation{align-items:center;background-color:#0000;border:1px solid #1f1f1f;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:7px;transition:.2s ease-out}.messagePage .searchConversation .btnCloseSearchConversation:hover{background-color:#1f1f1f}.messagePage .conversationListContainer{background-color:#121212;height:100%;width:100%}.messagePage .conversationListContainer .conversationList{height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;transition:.2s ease-out;width:100%}.messagePage .conversationListContainer .conversationList .conversationItem{cursor:pointer;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:100%}.messagePage .conversationListContainer .conversationList .conversationItem .conversationLink{align-items:center;border-bottom:1px solid #1f1f1f;color:#fff;display:flex;font-family:system-ui;font-size:14px;font-weight:400;gap:16px;height:80px;justify-content:left;padding:8px 16px;position:relative;text-decoration:none;width:100%}.messagePage .conversationListContainer .conversationList .conversationItem .conversationLink .left .conversationAvatar{position:relative}.messagePage .conversationListContainer .conversationList .conversationItem .conversationLink .left .conversationAvatar img{border-radius:50%;cursor:pointer;height:53.2px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:53.2px}.messagePage .conversationListContainer .conversationList .conversationItem .conversationLink .left .conversationAvatar .presenceSign{border:2px solid #121212;border-radius:50%;bottom:1px;height:15px;position:absolute;right:2px;width:15px}.messagePage .conversationListContainer .conversationList .conversationItem .conversationLink .right{grid-gap:2px;display:grid;gap:2px}.messagePage .conversationListContainer .conversationList .conversationItem .conversationLink .right .conversationTitle{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;display:-webkit-box;font-family:system-ui;font-size:16px;font-weight:500;overflow:hidden;position:relative;text-align:left;text-overflow:ellipsis;width:100%}.messagePage .conversationListContainer .conversationList .conversationItem .conversationLink .right .newestMessage{align-items:center;color:#818181;display:flex;font-family:system-ui;font-size:14px;font-weight:400;gap:3px;overflow:hidden}.messagePage .conversationListContainer .conversationList .conversationItem .conversationLink .right .newestMessage .content{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-align:left;text-overflow:ellipsis;width:60%}.messagePage .conversationListContainer .conversationList .conversationItem .conversationLink .mark{color:#fff;font-size:11px;position:absolute;right:16px}.messagePage .conversationListContainer .conversationList .conversationItem .conversationLink .mark .markAvatar{border-radius:50%;height:12px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:12px}.messagePage .conversationListContainer .conversationList .conversationItem:hover{background-color:#1f1f1f}.messagePage .conversationListContainer .conversationList .conversationItem:hover .presenceSign{border:2px solid #1f1f1f}.messagePage .conversationListContainer .conversationList .conversationItem:active{background-color:#000}.messagePage .createNewConversationContainer{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121212cc;border-radius:25px;display:flex;height:100%;justify-content:center;position:absolute;transform:scale(0);transition:.2s ease-out;width:100%;z-index:10}.messagePage .createNewConversationContainer .createNewConversationBox{grid-gap:10px;background-color:#121212;border:1px solid #1f1f1f;border-radius:25px;display:grid;gap:10px;height:max-content;padding:15px 20px;width:350px}.messagePage .createNewConversationContainer .createNewConversationBox .top{grid-gap:20px;display:grid;gap:20px;position:relative}.messagePage .createNewConversationContainer .createNewConversationBox .top .btnClose{align-items:center;background-color:#121212;border:1px solid #1f1f1f;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:7px;position:absolute;right:0;top:0;transition:.2s ease-out}.messagePage .createNewConversationContainer .createNewConversationBox .top .btnClose:hover{background-color:#1f1f1f}.messagePage .createNewConversationContainer .createNewConversationBox .top .btnClose:active{transform:scale(.97)}.messagePage .createNewConversationContainer .createNewConversationBox .top .title{color:#fff;display:block;font-family:system-ui;font-size:15px;font-weight:500;text-align:center;width:100%}.messagePage .createNewConversationContainer .createNewConversationBox .top .inputFindParticipantWrapper{align-items:center;background-color:#000;border-radius:20px;display:flex;gap:10px;padding:6px 15px;transition:.2s ease-out;width:100%}.messagePage .createNewConversationContainer .createNewConversationBox .top .inputFindParticipantWrapper .inputFindParticipant{background:#0000;border:none;color:#fff;font-family:system-ui;font-size:14px;font-weight:400;width:100%}.messagePage .createNewConversationContainer .createNewConversationBox .top .inputFindParticipantWrapper .inputFindParticipant:focus{outline:none}.messagePage .createNewConversationContainer .createNewConversationBox .middle{overflow:auto;scroll-behavior:smooth;scrollbar-width:none}.messagePage .createNewConversationContainer .createNewConversationBox .middle .searchResultList{list-style:none;margin:0;max-height:450px;overflow-x:hidden;overflow-y:auto;padding:0;transition:.2s ease-out;width:100%}.messagePage .createNewConversationContainer .createNewConversationBox .middle .searchResultList .searchResultItem{background:#0000;border-radius:25px;cursor:pointer;padding:5px;transition:.2s ease-out;-webkit-user-select:none;user-select:none}.messagePage .createNewConversationContainer .createNewConversationBox .middle .searchResultList .searchResultItem .user{align-items:center;display:flex;gap:20px}.messagePage .createNewConversationContainer .createNewConversationBox .middle .searchResultList .searchResultItem .user .avatarContainer{align-items:center;display:flex;justify-content:center}.messagePage .createNewConversationContainer .createNewConversationBox .middle .searchResultList .searchResultItem .user .avatarContainer .userAvatar{border-radius:50%;cursor:pointer;height:35px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:35px}.messagePage .createNewConversationContainer .createNewConversationBox .middle .searchResultList .searchResultItem .user .userName{color:#fff;font-family:system-ui;font-size:15px;font-weight:500;text-decoration:none}.messagePage .createNewConversationContainer .createNewConversationBox .middle .searchResultList .searchResultItem:hover{background-color:#1f1f1f}.messagePage .createNewConversationContainer .createNewConversationBox .middle .searchResultList .searchResultItem:active{transform:scale(.98)}.messagePage .createNewConversationContainer .createNewConversationBox .middle .selectedUser{align-items:center;display:flex;gap:10px;overflow:auto;padding:5px 0;scroll-behavior:smooth;scrollbar-width:none}.messagePage .createNewConversationContainer .createNewConversationBox .middle .selectedUser .title{color:#fff;font-family:system-ui;font-size:16px;font-weight:500}.messagePage .createNewConversationContainer .createNewConversationBox .middle .selectedUser .user{align-items:center;background-color:#1f1f1f;border-radius:25px;display:flex;gap:20px;padding:5px}.messagePage .createNewConversationContainer .createNewConversationBox .middle .selectedUser .user .avatarContainer{align-items:center;display:flex;justify-content:center}.messagePage .createNewConversationContainer .createNewConversationBox .middle .selectedUser .user .avatarContainer .userAvatar{border-radius:50%;height:35px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:35px}.messagePage .createNewConversationContainer .createNewConversationBox .middle .selectedUser .user .userName{color:#fff;font-family:system-ui;font-size:15px;font-weight:500;text-decoration:none}.messagePage .createNewConversationContainer .createNewConversationBox .middle .selectedUser .user .btnDeleteSelectedUserContainer{padding:3px}.messagePage .createNewConversationContainer .createNewConversationBox .middle .selectedUser .user .btnDeleteSelectedUserContainer .btnDeleteSelectedUser{align-items:center;background-color:#fff;border:1px solid #1f1f1f;border-radius:50%;color:#000;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:.2s ease-out}.messagePage .createNewConversationContainer .createNewConversationBox .middle .selectedUser .user .btnDeleteSelectedUserContainer .btnDeleteSelectedUser:hover{background-color:hsla(0,0%,100%,.667)}.messagePage .createNewConversationContainer .createNewConversationBox .middle .selectedUser .user .btnDeleteSelectedUserContainer .btnDeleteSelectedUser:active{transform:scale(.97)}.messagePage .createNewConversationContainer .createNewConversationBox .bottom{align-items:center;display:flex;justify-content:space-between}.messagePage .createNewConversationContainer .createNewConversationBox .bottom .btnCreateNewConversation{align-items:center;background-color:#fff;border:none;border-radius:25px;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:5px 15px;transition:.2s ease-out}.messagePage .createNewConversationContainer .createNewConversationBox .bottom .btnCreateNewConversation:hover{background-color:hsla(0,0%,100%,.667)}.messagePage .createNewConversationContainer .createNewConversationBox .bottom .btnCreateNewConversation:active{transform:scale(.97)}.messagePage .createNewConversationContainer .createNewConversationBox .bottom .conversationType{color:hsla(0,0%,47%,.667);font-family:system-ui;font-size:12px;font-weight:500;margin-left:5px}.chatWindowContainer{background-color:#121212;bottom:0;left:0;position:absolute;right:0;top:0;transition:.2s ease-out}.chatWindowContainer .chatWindow{background-color:#12121200;height:100%;padding-top:58px;width:100%}.chatWindowContainer .chatWindow .messagesList{display:flex;flex:1 1;flex-direction:column;gap:1.2px;height:100%;overflow-x:hidden;overflow-y:auto;padding:10px 10px 68.4px;position:relative}.chatWindowContainer .chatWindow .messagesList .readAt .avatarReadAt{align-items:center;display:flex;height:14px;justify-content:center;margin:2px 0;width:14px}.chatWindowContainer .chatWindow .messagesList .readAt .avatarReadAt img{border-radius:50%;height:100%;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:100%}.chatWindowContainer .chatWindow .messagesList .messageBubble{align-items:center;display:flex;max-width:70%;position:relative;width:max-content}.chatWindowContainer .chatWindow .messagesList .messageBubble .sender{padding-right:6px}.chatWindowContainer .chatWindow .messagesList .messageBubble .sender .avatar{align-items:center;display:flex;height:30px;justify-content:center;width:30px}.chatWindowContainer .chatWindow .messagesList .messageBubble .sender .avatar img{border-radius:50%;height:100%;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:100%}.chatWindowContainer .chatWindow .messagesList .messageBubble .messageContent{border-radius:20px 20px 20px 3px;color:#fff;font-family:system-ui;font-size:14px;font-weight:400;padding:9px 12px;transition:.2s ease-out;-webkit-user-select:none;user-select:none}.chatWindowContainer .chatWindow .messagesList .messageBubble .createdAt{opacity:0;padding:0 10px;right:100%}.chatWindowContainer .chatWindow .messagesList .messageBubble .ack,.chatWindowContainer .chatWindow .messagesList .messageBubble .createdAt{background-color:#0000;border-radius:20px;color:hsla(0,0%,47%,.667);font-family:system-ui;font-size:12px;font-weight:500;position:absolute;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:max-content}.chatWindowContainer .chatWindow .messagesList .messageBubble .ack{align-items:center;display:flex;gap:3px;justify-content:right;padding-top:3px;right:0;top:100%}.chatWindowContainer .chatWindow .messagesList .messageBubble .ack .readAt .avatarReadAt{align-items:center;display:flex;height:14px;justify-content:center;width:14px}.chatWindowContainer .chatWindow .messagesList .messageBubble .ack .readAt .avatarReadAt img{border-radius:50%;height:100%;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:100%}.chatWindowContainer .chatWindow .messagesList .messageBubble:hover .createdAt{opacity:1}.chatWindowContainer .chatWindow .messagesList .messageStatus{align-items:center;align-self:flex-end;display:flex;gap:3px;justify-content:right;max-width:65%;position:relative;width:max-content}.chatWindowContainer .chatWindow .messagesList .messageStatus span{background-color:#0000;border-radius:20px;color:hsla(0,0%,47%,.667);font-family:system-ui;font-size:12px;font-weight:500;-webkit-user-select:none;user-select:none}.chatWindowContainer .chatWindow .btnScrollToBottom{grid-gap:4px;align-items:center;background-color:#0000;bottom:8%;display:grid;gap:4px;justify-content:center;left:0;padding:5px;position:absolute;right:0}.chatWindowContainer .chatWindow .btnScrollToBottom .btnContainer{align-items:center;display:flex;justify-content:center}.chatWindowContainer .chatWindow .btnScrollToBottom button{align-items:center;background-color:#121212;border:.5px solid #1f1f1f;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-family:system-ui;font-size:13px;font-weight:400;gap:5px;justify-content:center;padding:5px 8px;transition:.2s ease-out;width:max-content}.chatWindowContainer .chatWindow .btnScrollToBottom button svg{font-size:16px}.chatWindowContainer .chatWindow .btnScrollToBottom button:hover{background-color:#1f1f1f}.chatWindowContainer .chatWindow .btnScrollToBottom button:active{transform:scale(.98)}.chatWindowContainer .messageInputContainer{align-items:center;background:#121212;background:linear-gradient(0deg,#121212,#12121200);bottom:0;display:flex;gap:10px;height:58.4px;padding:0 14px 14px;position:fixed;width:50%}.chatWindowContainer .messageInputContainer .messageInput{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#121212cc;border:none;border-radius:25px;color:#fff;display:flex;font-family:system-ui;font-size:15px;font-weight:400;justify-content:center;outline:1px solid hsla(0,0%,100%,.027);padding:8px 12px;width:100%}.chatWindowContainer .messageInputContainer .messageInput:focus{outline:1px solid hsla(0,0%,100%,.027)}.chatWindowContainer .messageInputContainer .btnSendMessage{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#121212cc;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;font-size:14px;gap:5px;justify-content:center;outline:1px solid hsla(0,0%,100%,.027);padding:11px;transition:.2s ease-out}.chatWindowContainer .messageInputContainer .btnSendMessage svg{color:#fff;transform:translateX(1px);transition:.2s ease-out}.chatWindowContainer .messageInputContainer .btnSendMessage:active svg{transform:translateX(3px)}.dot-elastic{animation:dot-elastic 1s linear infinite;background-color:#fff;border-radius:7px;color:#fff;height:5px;position:relative;width:6px}.dot-elastic:after,.dot-elastic:before{content:"";display:inline-block;position:absolute;top:0}.dot-elastic:before{animation:dot-elastic-before 1s linear infinite;left:-11px}.dot-elastic:after,.dot-elastic:before{background-color:#fff;border-radius:7px;color:#fff;height:5px;width:6px}.dot-elastic:after{animation:dot-elastic-after 1s linear infinite;left:11px}@keyframes dot-elastic-before{0%{transform:scale(1)}25%{transform:scaleY(1.5)}50%{transform:scaleY(.67)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dot-elastic{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(1.5)}75%{transform:scale(1)}to{transform:scale(1)}}@keyframes dot-elastic-after{0%{transform:scale(1)}25%{transform:scale(1)}50%{transform:scaleY(.67)}75%{transform:scaleY(1.5)}to{transform:scale(1)}}.bottomNavigationBar{display:none}@media(max-width:600px){input,textarea{font-size:16px!important}.middleContainer{padding-bottom:126.4px}.middleContainer .tabSwitchBar{width:100%}.feedPage .articleContainer .article .left{width:13%}.feedPage .articleContainer .article .right{width:86%}.feedPage .articleContainer .article .right .middle .content .media .carouselMedia,.tabSwitchProfile{width:100%}.profilePage .top{display:grid}.profilePage .top .left{align-items:center;display:flex;justify-content:center;padding:20px 0;width:100%}.profilePage .top .left .avatar{align-items:center;display:flex;height:130px;width:130px}.profilePage .top .left .avatar img{border-radius:50%;cursor:pointer;height:100%;object-fit:cover;outline:1px solid #f3f5f726;outline-offset:-1px;width:100%}.profilePage .top .right{width:100%}.profilePage .top .right .topRight{display:block}.profilePage .top .right .topRight .userInfo{align-items:center;display:grid;justify-content:center;padding:0;width:100%}.profilePage .top .right .topRight .userInfo .userName{color:#fff;font-size:20px;font-weight:400;margin-right:0;text-align:center}.profilePage .top .right .topRight .userInfo .btnBox{align-items:center;display:flex;padding:15px 0}.profilePage .top .right .topRight .userInfo .btnFollow{background-color:#fff;border:none;border-radius:15px;color:#000;cursor:pointer;font-size:14px;font-weight:500;margin-right:10px;padding:8px 15px;transition:.2s ease-out}.profilePage .top .right .topRight .userInfo .btnFollow:hover{background-color:#dfdfdf}.profilePage .top .right .topRight .userInfo .btnFollow:active{transform:scale(.95)}.profilePage .top .right .topRight .userInfo .btnCreate{background-color:#1f1f1f;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-right:10px;padding:8px 15px;transition:.2s ease-out}.profilePage .top .right .topRight .userInfo .btnCreate:hover{background-color:#dfdfdf}.profilePage .top .right .topRight .userInfo .btnCreate:active{transform:scale(.95)}.profilePage .top .right .topRight .userInfo .btnMessage{background-color:#1f1f1f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-right:10px;padding:8px 15px;transition:.2s ease-out}.profilePage .top .right .topRight .userInfo .btnMessage:hover{background-color:#2e2e2e}.profilePage .top .right .topRight .userInfo .btnMessage:active{transform:scale(.95)}.profilePage .top .right .topRight .userInfo .btnOptions{align-items:center;background-color:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;float:right;font-size:16px;font-weight:500;justify-content:center;padding:5px;transition:.2s ease-out}.profilePage .top .right .topRight .userInfo .btnOptions:active{color:#1f1f1f}.profilePage .top .right .middleRight{width:100%}.profilePage .top .right .middleRight .userNumeral{align-items:center;display:flex;justify-content:center;padding:5px 0;width:100%}.profilePage .top .right .middleRight .userNumeral .articles,.profilePage .top .right .middleRight .userNumeral .followers{border-right:.5px solid #1f1f1f;color:hsla(0,0%,100%,.667);font-size:14.5px;font-weight:400;padding:0 5px}.profilePage .top .right .middleRight .userNumeral .followers{cursor:pointer}.profilePage .top .right .middleRight .userNumeral .following{color:hsla(0,0%,100%,.667);cursor:pointer;font-size:14.5px;font-weight:400;padding:0 5px}.profilePage .top .right .middleRight .userDescription p{color:#fff;font-size:14px;font-weight:300;margin:0;padding:15px 0;text-align:center}.article .left{width:13%!important}.article .right{width:86%!important}.article .right .bottom .commentBox,.article .right .middle .content .media .carouselMedia{width:100%!important}.article .right .bottom .commentBox .userAvatar{width:32px!important}.comment .left{width:13%!important}.comment .right{width:86%!important}.comment .right .middle .content .media .carouselMedia{width:100%!important}.messagePage .searchConversation{width:100%}.previewArticleContainer{width:345px}.createPlaylistPage,.createPlaylistPage .createPlaylistContainer,.createPlaylistPage .createPlaylistContainer .top{width:100%}.createPlaylistPage .createPlaylistContainer .top .playlistInfo{display:grid;justify-content:center}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info{height:max-content}.createPlaylistPage .createPlaylistContainer .top .playlistInfo .info .playlistControls{padding:30px 0 10px;position:static}.tagSuggestionsList{right:35px!important;top:auto!important}.btnExpandMenuOnPhone{visibility:visible!important}.leftContainer{z-index:100}.chatWindowContainer .messageInputContainer{width:100%}.bottomNavigationBar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#121212cc;border-top:.5px solid #1f1f1f;bottom:0;display:flex;height:58.4px;justify-content:space-around;position:fixed;transition:.2s ease-out;width:100%;z-index:99}.bottomNavigationBar button{align-items:center;background:none;border:none;border-radius:50%;display:flex;justify-content:center;padding:10px}.bottomNavigationBar button svg{color:#fff;font-size:24px;transition:.2s ease-out}.bottomNavigationBar .btnMessages{position:relative}.bottomNavigationBar .btnMessages .unseenMessagesCount{align-items:center;background-color:#e91429;border:2px solid #121212;border-radius:50%;color:#fff;display:flex;font-family:system-ui;font-size:10px;font-weight:500;justify-content:center;padding:3px 7px;position:absolute;right:-3px;top:0;transition:.2s ease-out;z-index:10}.bottomNavigationBar .btnUpload{background-color:#1f1f1f;border-radius:15px;position:relative}.bottomNavigationBar .btnUpload .uploadOptions{grid-gap:5px;background-color:#121212;border:1px solid #1f1f1f;border-radius:25px;bottom:135%;box-shadow:0 1px 4px #0003;display:grid;gap:5px;height:max-content;justify-content:left;padding:5px;position:absolute;visibility:hidden;width:max-content;z-index:1000}.bottomNavigationBar .btnUpload .uploadOptions button{align-items:center;background-color:#0000;border:1px solid #1f1f1f;border-radius:25px;color:#fff;display:flex;font-family:system-ui;font-size:13px;font-weight:500;gap:10px;justify-content:left;transition:none;-webkit-user-select:none;user-select:none}.bottomNavigationBar .btnUpload .uploadOptions button svg{transition:none}.bottomNavigationBar .btnUpload .uploadOptions button:active{background-color:#000}.bottomNavigationBar .btnProfile .userAvatar{border:2px solid #87878780;border-radius:50%;cursor:pointer;height:27px;object-fit:cover;width:27px}.miniMusicPlayerContainer{align-items:end;background:linear-gradient(0deg,#12121266,#12121200);bottom:58.4px;display:flex;padding:6px;position:absolute;transition:.2s ease-out;width:100%;z-index:999}.miniMusicPlayerContainer .miniMusicPlayerWrapper{align-items:center;display:flex;height:max-content;position:relative;transition:.2s ease-out;width:100%}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#121212cc;border-radius:19px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist{background-color:#2e2e2e;border-radius:20px;height:370px;position:relative;width:300px}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .title{align-items:center;border-bottom:.5px solid hsla(0,0%,100%,.149);display:flex;justify-content:center;padding:8px 5px;position:relative}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .title span{color:#fff;font-family:system-ui;font-size:15px;font-weight:500}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .title .btnClose{align-content:center;background-color:#2e2e2e;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:5px;top:5px;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .title .btnClose:hover{background-color:#e9142980}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist{height:330px;overflow-x:hidden;overflow-y:auto;padding:8px;scroll-behavior:smooth;scrollbar-width:none}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .playlistCard{align-items:center;display:flex;justify-content:center;position:relative}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist{align-items:center;background-color:#0000;border:none;border-radius:15px;cursor:pointer;display:flex;font-family:Funnel Sans,sans-serif;height:max-content;padding:8px;position:relative;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:100%}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist .coverImage{align-items:center;display:flex;height:100%}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist .coverImage img{border-radius:5px;box-shadow:0 5px 15px #00000059;cursor:pointer;height:40px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:40px}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist .info{height:100%;padding-left:8px;width:100%}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist .info .name{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;cursor:pointer;display:-webkit-box;font-family:system-ui;font-size:16px;font-weight:500;line-height:25px;overflow:hidden;text-align:left;text-overflow:ellipsis;transition:.2s ease-out;width:72%}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist .info .quantity{align-items:center;color:hsla(0,0%,47%,.667);display:flex;font-size:14px;font-weight:400;justify-content:left}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist:hover{background-color:#1f1f1f}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnPlaylist:active{background-color:#000}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnAddMusic{align-items:center;background-color:#dfdfdf;border:2px solid #0000;border-radius:10px;box-shadow:0 5px 15px #00000059;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:4px 10px;position:absolute;right:8px;transition:.2s ease-out;-webkit-user-select:none;user-select:none;width:fit-content;z-index:5}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnAddMusic:hover{background-color:#c2c0c0}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnAddMusic:active{transform:scale(.97)}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnRemoveAddMusic{background-color:#1f1f1f;color:#fff}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .listPlaylist .btnRemoveAddMusic:hover{background-color:#171717}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .btnCreatePlaylistContainer{align-items:center;background:#2e2e2e;border-radius:0 0 20px 20px;bottom:0;display:flex;justify-content:center;left:0;padding:8px;position:absolute;right:0;z-index:6}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .btnCreatePlaylistContainer .btnCreatePlaylist{align-items:center;background-color:#fff;border:none;border-radius:15px;color:#000;cursor:pointer;display:flex;font-family:system-ui;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:5px 8px;transition:.2s ease-out;width:100%}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .btnCreatePlaylistContainer .btnCreatePlaylist svg{color:#000}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .btnCreatePlaylistContainer .btnCreatePlaylist:hover{transform:scale(1.01)}.miniMusicPlayerContainer .miniMusicPlayerWrapper .addToPlaylistBox .addToPlaylist .btnCreatePlaylistContainer .btnCreatePlaylist:active{transform:scale(1)}.miniMusicPlayerContainer .miniMusicPlayer{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#121212fa;border-radius:19px;display:flex;float:right;height:max-content;justify-content:space-between;outline:1px solid hsla(0,0%,100%,.027);outline-offset:-1px;overflow-x:hidden;overflow-y:auto;padding:8px;position:relative;scroll-behavior:smooth;scrollbar-width:none;transition:.2s ease-out;width:100%}.miniMusicPlayerContainer .miniMusicPlayer .songInfo{align-items:center;animation-duration:.2s;display:flex;gap:10px;height:max-content;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .songInfo .songName{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;display:-webkit-box;font-family:system-ui;font-size:14px;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.miniMusicPlayerContainer .miniMusicPlayer .songInfo .songThumbnail{align-items:center;display:flex;height:max-content;justify-content:center;margin:0 auto;width:max-content}.miniMusicPlayerContainer .miniMusicPlayer .songInfo .songThumbnail .thumbnail{border-radius:11px;height:40px;object-fit:cover;object-position:center;outline:1px solid #87878726;outline-offset:-1px;-webkit-user-select:none;user-select:none;width:40px}.miniMusicPlayerContainer .miniMusicPlayer .progressBarContainer{display:grid;height:fit-content;justify-content:center;width:100%}.miniMusicPlayerContainer .miniMusicPlayer .progressBarContainer .progressBar{-webkit-appearance:none;appearance:none;background:#0000;border-radius:5px;cursor:pointer;outline:none;width:100%}.miniMusicPlayerContainer .miniMusicPlayer .progressBarContainer .progressBar::-webkit-slider-runnable-track{background:linear-gradient(to right,hsla(0,0%,100%,.902) 0,hsla(0,0%,100%,.902) calc(var(--progress)*1%),hsla(0,0%,47%,.667) calc(var(--progress)*1%),hsla(0,0%,47%,.667) 100%);border-radius:5px;height:7px}.miniMusicPlayerContainer .miniMusicPlayer .progressBarContainer .progressBar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:hsla(0,0%,100%,.902);border-radius:50%;cursor:pointer;height:14px;margin-top:-4px;opacity:0;width:14px}.miniMusicPlayerContainer .miniMusicPlayer .progressBarContainer .progressBar::-webkit-slider-thumb:hover{opacity:1}.miniMusicPlayerContainer .miniMusicPlayer .progressBarContainer .progressBar::-moz-range-track{background:hsla(0,0%,47%,.667);border-radius:5px;height:6px}.miniMusicPlayerContainer .miniMusicPlayer .progressBarContainer .progressBar::-moz-range-thumb{background:hsla(0,0%,100%,.902);border-radius:50%;cursor:pointer;height:14px;width:14px}.miniMusicPlayerContainer .miniMusicPlayer .progressBarContainer .timeBar{align-items:center;color:hsla(0,0%,100%,.667);display:flex;justify-content:space-between;margin-top:8px;-webkit-user-select:none;user-select:none;width:260px}.miniMusicPlayerContainer .miniMusicPlayer .progressBarContainer .timeBar .left,.miniMusicPlayerContainer .miniMusicPlayer .progressBarContainer .timeBar .right{font-size:14px;font-weight:500}.miniMusicPlayerContainer .miniMusicPlayer .interactButtonBoxContainer{background-color:#0000;display:grid;height:fit-content;justify-content:center;position:relative;width:100%}.miniMusicPlayerContainer .miniMusicPlayer .interactButtonBoxContainer .interactButtonBox{align-items:center;background-color:#0000;display:flex;gap:8px;height:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;width:260px}.miniMusicPlayerContainer .miniMusicPlayer .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.miniMusicPlayerContainer .miniMusicPlayer .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer .btnLikeSong{align-items:center;background:#0000;border:.5px solid #1f1f1f;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:15px;justify-content:center;padding:7px;transition:.2s ease-out;width:max-content}.miniMusicPlayerContainer .miniMusicPlayer .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer .btnLikeSong .sparkles{align-items:center;color:#0000;display:flex;font-size:8px;justify-content:center;position:absolute;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer .btnLikeSong .sparklesActived{animation:sparklesAnimation 1s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer .btnLikeSongActived{color:#d63031}.miniMusicPlayerContainer .miniMusicPlayer .interactButtonBoxContainer .interactButtonBox .btnLikeSongContainer .btnLikeSong:active{background-color:#000}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer{display:grid;width:100%}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls{align-items:center;display:flex;justify-content:space-between;position:static}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls button{border-radius:8px}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnDisabled{cursor:not-allowed!important;opacity:.3!important}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnDisabled:active{background-color:#0000!important;transform:scale(1)!important}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .volumeControl{background-color:#1f1f1f;border-radius:8px;opacity:0;padding:0;position:absolute;top:0;transform:rotate(-90deg);transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .volumeControl .volumeControlRange{accent-color:hsla(0,0%,100%,.902);align-items:center;cursor:pointer;display:flex;justify-content:center;opacity:0}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnShuffleContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnShuffleContainer .btnShuffle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:12px;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnShuffleContainer .btnShuffle:hover{background-color:#1f1f1f}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnShuffleContainer .btnShuffle:active{background-color:#000;transform:scale(.7)}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnPreviousSongContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnPreviousSongContainer .btnPreviousSong{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:12px;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnPreviousSongContainer .btnPreviousSong:hover{background-color:#1f1f1f}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnPreviousSongContainer .btnPreviousSong:active{background-color:#000;transform:scale(.7)}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnPlayContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnPlayContainer .btnPlay{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:12px;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnPlayContainer .btnPlay:hover{background-color:#1f1f1f}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnPlayContainer .btnPlay:active{background-color:#000;transform:scale(.7)}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnNextSongContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnNextSongContainer .btnNextSong{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:12px;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnNextSongContainer .btnNextSong:hover{background-color:#1f1f1f}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnNextSongContainer .btnNextSong:active{background-color:#000;transform:scale(.7)}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnRepeatContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnRepeatContainer .btnRepeat{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:12px;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnRepeatContainer .btnRepeat:hover{background-color:#1f1f1f}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnRepeatContainer .btnRepeat:active{background-color:#000;transform:scale(.7)}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnVolumeControlContainer{align-items:center;display:flex;height:fit-content;justify-content:center;position:relative;width:fit-content}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnVolumeControlContainer .btnVolumeControl{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:12px;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnVolumeControlContainer .btnVolumeControl:hover{background-color:#1f1f1f}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnVolumeControlContainer .btnVolumeControl:active{background-color:#000;transform:scale(.7)}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnVolumeControlContainer:hover .volumeControl{opacity:1;padding:8px;top:-265%;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnVolumeControlContainer:hover .volumeControl input{opacity:1}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnLikeSongContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnLikeSongContainer .btnLikeSong{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:12px;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnLikeSongContainer .btnLikeSong .sparkles{align-items:center;color:#0000;display:flex;font-size:8px;justify-content:center;position:absolute;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnLikeSongContainer .btnLikeSong .sparklesActived{animation:sparklesAnimation 1s ease-out}@keyframes sparklesAnimation{0%{color:#d63031}50%{color:#fd79a8}to{color:#0000}}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnLikeSongContainer .btnLikeSongActived{color:#d63031}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnLikeSongContainer .btnLikeSong:hover{background-color:#1f1f1f}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnLikeSongContainer .btnLikeSong:active{background-color:#000;transform:scale(.7)}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnAutoNextSongContainer{align-items:center;display:flex;height:fit-content;justify-content:center;width:fit-content}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSong{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:grid;font-size:20px;height:36px;justify-content:center;padding:8px;transition:.2s ease-out;width:36px}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSong .title{font-family:system-ui;font-size:9px;font-weight:600}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSong .status{color:#d63031;font-family:system-ui;font-size:7px;font-weight:600}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSongActived{color:#d63031}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSong:hover{background-color:#1f1f1f}.miniMusicPlayerContainer .miniMusicPlayer .controlsContainer .controls .btnAutoNextSongContainer .btnAutoNextSong:active{background-color:#000;transform:scale(.7)}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer{align-items:center;background-color:#0000;display:flex;height:fit-content;justify-content:center;margin-top:5px;width:100%}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend{background-color:#171717;border:.5px solid #1f1f1f;border-radius:25px;padding:5px;width:260px}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .title{color:#fff;display:block;font-family:system-ui;font-size:13px;font-weight:500;padding:3px 10px 2px}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist{align-items:center;background-color:#0000;border:none;border-radius:20px;cursor:pointer;display:flex;gap:5px;justify-content:space-between;margin:0;padding:8px 10px;transition:.2s ease-out;width:100%}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist span{align-items:center;color:hsla(0,0%,100%,.639);display:flex;font-family:system-ui;font-size:13px;font-weight:500}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .number{justify-content:left;position:relative;width:9%}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .number .numberIcon{font-size:14px;font-weight:500}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .number .playIcon{bottom:0;color:#fff;left:0;opacity:0;position:absolute;top:0}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .music{align-items:center;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;width:82%}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .music .songImageContainer{height:45px;width:45px}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .music img{border-radius:5px;cursor:pointer;height:45px;object-fit:cover;object-position:center;outline:1px solid #87878726;outline-offset:-1px;width:45px}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .music .info .name{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#fff;display:-webkit-box;overflow:hidden;text-align:left;text-overflow:ellipsis}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .music .info .quantity{-webkit-box-orient:vertical;-webkit-line-clamp:1;color:hsla(0,0%,47%,.667);display:-webkit-box;font-size:12px;font-weight:500;overflow:hidden;text-align:left;text-overflow:ellipsis}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist .time{color:hsla(0,0%,47%,.667);font-size:12px;font-weight:500;justify-content:right;width:9%}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist:hover{background-color:rgba(31,31,31,.835)}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist:hover .number .numberIcon{opacity:0}.miniMusicPlayerContainer .miniMusicPlayer .nextSongRecommendContainer .nextSongRecommend .btnPlaylist:hover .number .playIcon{opacity:1}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer{align-items:center;background-color:#0000;display:flex;height:fit-content;justify-content:center;margin-top:5px;width:100%}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist{background-color:#0000;border:.5px solid #1f1f1f;border-radius:25px;width:260px}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .title{align-items:center;background-color:#171717;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-family:system-ui;font-size:12px;font-weight:500;justify-content:space-between;padding:7px 12px;transition:.2s ease-out;-webkit-user-select:none;user-select:none}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .title svg{font-size:15px}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .title .playlistInfo{align-items:center;display:grid;width:230px}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .title .playlistInfo span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-align:left;text-overflow:ellipsis}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .title .playlistInfo .name{color:hsla(0,0%,100%,.502)}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .title:hover{background-color:rgba(31,31,31,.835)}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main{background-color:#0000;border-radius:0 0 25px 25px;height:0;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;transition:.2s ease-out}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist{align-items:center;background-color:#0000;border:none;border-radius:0;border-radius:initial;cursor:pointer;display:flex;gap:10px;justify-content:space-between;padding:5px;transition:.2s ease-out;width:100%}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist span{align-items:center;color:hsla(0,0%,100%,.639);display:flex;font-family:system-ui;font-size:12px;font-weight:500}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist .number{justify-content:left;position:relative}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist .number .numberIcon{font-size:12px;font-weight:500}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist .number .playIcon{bottom:0;color:#fff;left:0;opacity:0;position:absolute;top:0}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist .music{align-items:center;display:flex;gap:7px;width:90%}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist .music img{border-radius:5px;box-shadow:0 5px 15px #00000059;cursor:pointer;height:45px;object-fit:cover;outline:1px solid #87878726;outline-offset:-1px;width:45px}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist .music .info .name{color:#fff}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist .music .info .quantity{color:hsla(0,0%,47%,.667);font-size:12px;font-weight:500}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist .music .info span{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;text-align:left;text-overflow:ellipsis}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist:hover{background-color:rgba(31,31,31,.502)}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist:hover .number .numberIcon{opacity:0}.miniMusicPlayerContainer .miniMusicPlayer .playlistContainer .playlist .main .btnPlaylist:hover .number .playIcon{opacity:1}.miniMusicPlayerContainer .btnCloseMiniMusicPlayerContainer{align-items:center;bottom:6px;display:flex;justify-content:right;padding:6px 6px 0;position:absolute;width:100%}.miniMusicPlayerContainer .btnCloseMiniMusicPlayerContainer .btnCloseMiniMusicPlayer{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:#121212fa;border-radius:50%;display:flex;justify-content:center;outline:1px solid hsla(0,0%,100%,.027);outline-offset:-1px;padding:10px;transition:.2s ease-out}.miniMusicPlayerContainer .btnCloseMiniMusicPlayerContainer .btnCloseMiniMusicPlayer svg{color:#fff;font-size:16px}.miniMusicPlayerContainer .controls{align-items:center;display:flex;justify-content:center;position:absolute;right:9px;z-index:5}.miniMusicPlayerContainer .controls button{background-color:#0000;border-radius:12px;cursor:pointer;transition:.2s ease-out}.miniMusicPlayerContainer .controls button svg{font-size:20px}.miniMusicPlayerContainer .controls button:hover{background-color:#1f1f1f}.miniMusicPlayerContainer .controls .btnDisabled{cursor:not-allowed;opacity:.3}.searchPage .main .searchResult .navigationBar button{font-size:10px}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail .thumbnailHover,.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail:hover .thumbnailHover{opacity:1}.searchPage .main .searchResult .resultContent .searchItemArticle .thumbnail:active{opacity:.7}.searchPage .main .searchResult .resultContent .searchItemArticle .userInfo{opacity:1}.searchPage .main .searchResult .resultContent .searchItemArticle .userInfo .avatar{border-radius:50%;height:20px;object-fit:cover;object-position:center;outline:1px solid #87878726;outline-offset:-1px;width:20px}.searchPage .main .searchResult .resultContent .searchItemArticle .userInfo .userName{font-family:system-ui;font-size:12px;font-weight:500}.searchPage .main .searchResult .resultContent .searchItemArticle .createdAtHover{opacity:1}.searchPage .main .searchResult .resultContent .searchItemArticle .createdAtHover span{color:#dfdfdf;font-family:system-ui;font-size:12px;font-weight:500}.searchPage .main .searchResult .resultContent .searchItemSong .userInfo{opacity:1}.searchPage .main .searchResult .resultContent .searchItemSong .userInfo .avatar{border-radius:50%;height:20px;object-fit:cover;object-position:center;outline:1px solid #87878726;outline-offset:-1px;width:20px}.searchPage .main .searchResult .resultContent .searchItemSong .userInfo .userName{font-family:system-ui;font-size:12px;font-weight:500}.searchPage .main .searchResult .resultContent .searchItemSong .btnPlay,.searchPage .main .searchResult .resultContent .searchItemSong .thumbnailHoverContainer{opacity:1}.searchPage .main .searchResult .resultContent .searchItemSong .btnPlay:active{transform:scale(.97)}.searchPage .main .searchResult .resultContent .searchItemSong .songImageContainer:active{opacity:.7}.searchPage .main .searchResult .resultContent .searchItemSong .createdAtHover{opacity:1}.searchPage .main .searchResult .resultContent .searchItemUser .userCardContainer:active{opacity:.7}}.grid{display:block;padding:0;width:100%}.grid.wide{margin:0 auto}.row{display:flex;flex-wrap:wrap;margin-left:-4px;margin-right:-4px}.row.no-gutters{margin-left:0;margin-right:0}*{box-sizing:border-box}.c-0{display:none}.c-1{flex:0 0 8.33333%;max-width:8.33333%}.c-2{flex:0 0 16.66667%;max-width:16.66667%}.c-3{flex:0 0 25%;max-width:25%}.c-4{flex:0 0 33.33333%;max-width:33.33333%}.c-5{flex:0 0 41.66667%;max-width:41.66667%}.c-6{flex:0 0 50%;max-width:50%}.c-7{flex:0 0 58.33333%;max-width:58.33333%}.c-8{flex:0 0 66.66667%;max-width:66.66667%}.c-9{flex:0 0 75%;max-width:75%}.c-10{flex:0 0 83.33333%;max-width:83.33333%}.c-11{flex:0 0 91.66667%;max-width:91.66667%}.c-12{flex:0 0 100%;max-width:100%}.c-o-1{margin-left:8.33333%}.c-o-2{margin-left:16.66667%}.c-o-3{margin-left:25%}.c-o-4{margin-left:33.33333%}.c-o-5{margin-left:41.66667%}.c-o-6{margin-left:50%}.c-o-7{margin-left:58.33333%}.c-o-8{margin-left:66.66667%}.c-o-9{margin-left:75%}.c-o-10{margin-left:83.33333%}.c-o-11{margin-left:91.66667%}@media(min-width:740px)and (max-width:1023px){.wide{width:730px}.wide .row{margin-left:-12px;margin-right:-12px}}@media(min-width:1024px)and (max-width:1239px){.wide{width:1024px}.wide .row{margin-left:-12px;margin-right:-12px}.wide .l-0{display:none}.wide .l-1,.wide .l-10,.wide .l-11,.wide .l-12,.wide .l-2,.wide .l-3,.wide .l-4,.wide .l-5,.wide .l-6,.wide .l-7,.wide .l-8,.wide .l-9{display:block}.wide .l-1{flex:0 0 8.33333%;max-width:8.33333%}.wide .l-2{flex:0 0 16.66667%;max-width:16.66667%}.wide .l-3{flex:0 0 25%;max-width:25%}.wide .l-4{flex:0 0 33.33333%;max-width:33.33333%}.wide .l-5{flex:0 0 41.66667%;max-width:41.66667%}.wide .l-6{flex:0 0 50%;max-width:50%}.wide .l-7{flex:0 0 58.33333%;max-width:58.33333%}.wide .l-8{flex:0 0 66.66667%;max-width:66.66667%}.wide .l-9{flex:0 0 75%;max-width:75%}.wide .l-10{flex:0 0 83.33333%;max-width:83.33333%}.wide .l-11{flex:0 0 91.66667%;max-width:91.66667%}.wide .l-12{flex:0 0 100%;max-width:100%}.wide .l-o-1{margin-left:8.33333%}.wide .l-o-2{margin-left:16.66667%}.wide .l-o-3{margin-left:25%}.wide .l-o-4{margin-left:33.33333%}.wide .l-o-5{margin-left:41.66667%}.wide .l-o-6{margin-left:50%}.wide .l-o-7{margin-left:58.33333%}.wide .l-o-8{margin-left:66.66667%}.wide .l-o-9{margin-left:75%}.wide .l-o-10{margin-left:83.33333%}.wide .l-o-11{margin-left:91.66667%}}@media(min-width:740px){.row{margin-left:-8px;margin-right:-8px}.m-0{display:none}.m-1,.m-10,.m-11,.m-12,.m-2,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9{display:block}.m-1{flex:0 0 8.33333%;max-width:8.33333%}.m-2{flex:0 0 16.66667%;max-width:16.66667%}.m-3{flex:0 0 25%;max-width:25%}.m-4{flex:0 0 33.33333%;max-width:33.33333%}.m-5{flex:0 0 41.66667%;max-width:41.66667%}.m-6{flex:0 0 50%;max-width:50%}.m-7{flex:0 0 58.33333%;max-width:58.33333%}.m-8{flex:0 0 66.66667%;max-width:66.66667%}.m-9{flex:0 0 75%;max-width:75%}.m-10{flex:0 0 83.33333%;max-width:83.33333%}.m-11{flex:0 0 91.66667%;max-width:91.66667%}.m-12{flex:0 0 100%;max-width:100%}.m-o-1{margin-left:8.33333%}.m-o-2{margin-left:16.66667%}.m-o-3{margin-left:25%}.m-o-4{margin-left:33.33333%}.m-o-5{margin-left:41.66667%}.m-o-6{margin-left:50%}.m-o-7{margin-left:58.33333%}.m-o-8{margin-left:66.66667%}.m-o-9{margin-left:75%}.m-o-10{margin-left:83.33333%}.m-o-11{margin-left:91.66667%}}@media(min-width:1113px){.row{margin-left:7px;margin-right:7px}.l-0{display:none}.l-1,.l-10,.l-11,.l-12,.l-2,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9{display:block}.l-1{flex:0 0 8.33333%;max-width:8.33333%}.l-2{flex:0 0 16.66667%;max-width:16.66667%}.l-3{flex:0 0 25%;max-width:25%}.l-4{flex:0 0 33.33333%;max-width:33.33333%}.l-5{flex:0 0 41.66667%;max-width:41.66667%}.l-6{flex:0 0 50%;max-width:50%}.l-7{flex:0 0 58.33333%;max-width:58.33333%}.l-8{flex:0 0 66.66667%;max-width:66.66667%}.l-9{flex:0 0 75%;max-width:75%}.l-10{flex:0 0 83.33333%;max-width:83.33333%}.l-11{flex:0 0 91.66667%;max-width:91.66667%}.l-12{flex:0 0 100%;max-width:100%}.l-o-1{margin-left:8.33333%}.l-o-2{margin-left:16.66667%}.l-o-3{margin-left:25%}.l-o-4{margin-left:33.33333%}.l-o-5{margin-left:41.66667%}.l-o-6{margin-left:50%}.l-o-7{margin-left:58.33333%}.l-o-8{margin-left:66.66667%}.l-o-9{margin-left:75%}.l-o-10{margin-left:83.33333%}.l-o-11{margin-left:91.66667%}}
/*# sourceMappingURL=main.42492cbd.css.map*/