.material-symbols-outlined {
       font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
   }

   .glass-effect {
       backdrop-filter: blur(12px);
       -webkit-backdrop-filter: blur(12px);
   }

   /* Piano white/black active and hide states */
   .piano-key-white:active,
   .piano-key-white.active {
       background-color: #f1f5f9;
       transform: translateY(2px);
   }

   .piano-key-black:active,
   .piano-key-black.active {
       background-color: #1e293b;
       transform: translateY(2px);
   }

   .piano-keys .key.hide span {
       display: none !important;
   }

   .no-scrollbar::-webkit-scrollbar {
       display: none;
   }

   .no-scrollbar {
       -ms-overflow-style: none;
       scrollbar-width: none;
   }

   /* Custom cursors */
   body,
   html {
       cursor: url("../curoshair/normal.cur"), auto;
   }

   a,
   button,
   select,
   option,
   input[type="range"] {
       cursor: url("../curoshair/link700.cur"), pointer !important;
   }

   input,
   textarea,
   [contenteditable="true"] {
       cursor: url("../curoshair/text_select.cur"), text;
   }