@property --spin-duration{syntax:"<time>";initial-value:3s;inherits:false}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.button-highlighted:after,.button-highlighted:before{animation:spin var(--spin-duration) linear infinite;background-image:conic-gradient(from var(--angle),rgb(var(--color-primary-300)),rgb(var(--color-primary-500)));border-radius:34px;content:"";height:calc(100% + 5px);left:50%;padding:3px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + 5px);z-index:-1}.button-highlighted:hover:after,.button-highlighted:hover:before{animation-play-state:paused}.button-highlighted:before{filter:blur(2px)}@keyframes spin{0%{--angle:0deg}35%{--angle:180deg}70%{--angle:300deg}to{--angle:360deg}}.sidebar-scroll{scrollbar-color:transparent transparent;scrollbar-width:thin;transition:scrollbar-color .3s ease}.sidebar-scroll:hover{scrollbar-color:rgb(var(--color-primary-300)) transparent}.sidebar-scroll::-webkit-scrollbar{width:20px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent;margin:12px 0}.sidebar-scroll::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:transparent;border:7px solid transparent;border-radius:9999px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.sidebar-scroll:hover::-webkit-scrollbar-thumb{background-color:rgb(var(--color-primary-300))}.sidebar-scroll:hover::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--color-primary-400))}