@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);html{background-color:#fff;color:#000;color-scheme:light}html.dark{background-color:#020617;color:#fff;color-scheme:dark}.bento-card{transition:all .3s cubic-bezier(.25,.8,.25,1)}.bento-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px -10px rgba(0,0,0,.1)}.key-active{transform:scale(.95)!important;border-color:#f6a!important;color:#f6a!important;background-color:#fff1f2!important;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)!important}html.dark .key-active{background-color:#331f26!important}.setting-bar-bg{height:12px;background-color:#f1f5f9;border-radius:99px;overflow:hidden;position:relative}html.dark .setting-bar-bg{background-color:#334155}.setting-bar-fill{height:100%;border-radius:99px;transition:width 1s ease-out}.skin-item{transition:all .3s ease}.hidden-item{display:none!important}.fade-in{animation:fadeIn .4s ease forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.filter-label{font-size:.75rem;text-transform:uppercase;font-weight:800;color:#94a3b8;margin-bottom:.5rem;letter-spacing:.05em}