.hover-based-white:hover{--tw-bg-opacity:1;background-color:rgb(244 244 248/var(--tw-bg-opacity,1))}.hover-based-white:active{--tw-bg-opacity:0.6}.hover-based-purple-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(229 229 238/var(--tw-bg-opacity,1))}.hover-based-purple-gray-50:active{--tw-bg-opacity:0.6}.hover-based-purple-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 248/var(--tw-bg-opacity,1))}.hover-based-purple-gray-100:active{--tw-bg-opacity:0.6}.hover-based-black-200:hover{--tw-bg-opacity:1;background-color:rgb(61 61 61/var(--tw-bg-opacity,1))}.hover-based-black-200:active{--tw-bg-opacity:0.5}.hover-based-purple-300:hover{--tw-bg-opacity:0.9}.hover-based-purple-300:active{--tw-bg-opacity:0.8}.hover-based-purple-150:active,.hover-based-purple-150:hover{--tw-bg-opacity:0.9}.hover-based-purple-100:hover{--tw-bg-opacity:1;background-color:rgb(210 210 255/var(--tw-bg-opacity,1))}.hover-based-gray-800:hover,.hover-based-gray-800:hover:active,.hover-based-purple-100:active{--tw-bg-opacity:0.9}.hover-based-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(224 224 224/var(--tw-bg-opacity,1))}.hover-based-gray-300:active{--tw-bg-opacity:0.9}.hover-based-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(232 232 232/var(--tw-bg-opacity,1))}.hover-based-gray-200:active{--tw-bg-opacity:0.9}.hover-based-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))}.hover-based-gray-100:active{--tw-bg-opacity:0.9}.hover-based-yellow-300:hover{--tw-bg-opacity:0.95}.hover-based-yellow-300:active{--tw-bg-opacity:0.9}.hover-based-darkblue-100:hover{--tw-bg-opacity:0.95}.hover-based-darkblue-100:active{--tw-bg-opacity:0.9}.hover-based-blue-100:hover{--tw-bg-opacity:0.95}.hover-based-blue-100:active{--tw-bg-opacity:0.9}.hover-based-yellow-150:hover{--tw-bg-opacity:0.95}.hover-based-yellow-150:active{--tw-bg-opacity:0.9}