@import"https://fonts.googleapis.com/css2?family=Segoe+UI:wght@300;400;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:#faf9f8;color:#1b1b1b;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f3f2f1}::-webkit-scrollbar-thumb{background:#c8c6c4;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a19f9d}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.fade-up{animation:fadeUp .45s ease both}.fade-in{animation:fadeIn .3s ease both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.skeleton{background:linear-gradient(90deg,#f3f2f1 25%,#edebe9,#f3f2f1 75%);background-size:600px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.ms-card{transition:box-shadow .2s ease,transform .2s ease}.ms-card:hover{box-shadow:0 4px 24px #0000001a;transform:translateY(-2px)}.playlist-item:hover{background:#faf9f8!important}input::placeholder,textarea::placeholder{color:#a19f9d}select option{background:#fff;color:#1b1b1b}:focus-visible{outline:2px solid #0067b8;outline-offset:2px}