.circle{background-color:transparent;border:2px solid #00fff2;border-radius:50%;height:18px;overflow:hidden;position:relative;width:18px}.filled{background-color:#00fff2}.etp-2 .circle{border:2px solid #e600ff}.etp-2 .filled{background-color:#e600ff}.half-filled:after{background-color:#00fff2;content:"";height:100%;left:0;position:absolute;top:0;width:50%}.etp-2 .half-filled:after{background-color:#e600ff}@keyframes circleFillPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.note-row .filled,.note-row .half-filled:after{animation:circleFillPop .4s cubic-bezier(.175,.885,.32,1.275) both}.note-row .circle:first-child{animation-delay:.05s}.note-row .circle:nth-child(2){animation-delay:.12s}.note-row .circle:nth-child(3){animation-delay:.19s}.note-row .circle:nth-child(4){animation-delay:.26s}.note-row .circle:nth-child(5){animation-delay:.33s}.overflow-y-scroll ::-webkit-scrollbar{height:8px;width:8px}.overflow-y-scroll ::-webkit-scrollbar-track{background-color:#010170;border-radius:10px}.overflow-y-scroll ::-webkit-scrollbar-thumb{background-color:#000096;border-radius:10px}.overflow-y-scroll ::-webkit-scrollbar-thumb:hover{background-color:#000096}.overflow-y-scroll{scrollbar-color:#000096 #010170;scrollbar-width:thin}.border-effect{align-items:center;border-radius:9999px;display:flex;justify-content:center;overflow:hidden;padding:2px;position:relative;z-index:0}.border-effect .border-effect-inner{background-color:#00003f;border-radius:9999px;margin:2px;position:relative;width:100%;z-index:1}.border-effect:before{animation:rotate 5s linear infinite forwards;background:linear-gradient(90deg,hsla(0,0%,100%,0),#e9b879 50%,hsla(0,0%,100%,0));content:"";display:block;height:100px;position:absolute;top:50%;transform:translate(0);transform-origin:top center;width:15px;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}