:where([data-page=tools__unit-converter]) .category-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}:where([data-page=tools__unit-converter]) .dark .category-btn{background:#1f2937;border-color:#4b5563}:where([data-page=tools__unit-converter]) .category-btn:hover{background:#f3f4f6}:where([data-page=tools__unit-converter]) .dark .category-btn:hover{background:#374151}:where([data-page=tools__unit-converter]) .category-btn.active{color:#fff;background:#7c3aed;border-color:#7c3aed}:where([data-page=tools__unit-converter]) .faq-content{transition:all .3s ease-in-out}:where([data-page=tools__unit-converter]) .faq-content.hidden{opacity:0;max-height:0;padding-bottom:0}:where([data-page=tools__unit-converter]) .faq-content:not(.hidden){opacity:1;max-height:1000px;padding-bottom:1.5rem}:where([data-page=tools__unit-converter]) .faq-trigger:focus{outline-offset:2px;outline:2px solid #7c3aed}