:where([data-page=tools__binary-converter]) .format-btn{color:#6b7280;border-color:#d1d5db}:where([data-page=tools__binary-converter]) .dark .format-btn{color:#9ca3af;border-color:#4b5563}:where([data-page=tools__binary-converter]) .format-btn.active{color:#fff;background-color:#7c3aed;border-color:#7c3aed}:where([data-page=tools__binary-converter]) .format-btn:not(.active):hover{background-color:#f3f4f6}:where([data-page=tools__binary-converter]) .dark .format-btn:not(.active):hover{background-color:#374151}:where([data-page=tools__binary-converter]) .faq-content{transition:all .3s ease-in-out}:where([data-page=tools__binary-converter]) .faq-content.hidden{opacity:0;max-height:0;padding-bottom:0}:where([data-page=tools__binary-converter]) .faq-content:not(.hidden){opacity:1;max-height:1000px;padding-bottom:1.5rem}:where([data-page=tools__binary-converter]) .faq-trigger:focus{outline-offset:2px;outline:2px solid #7c3aed}:where([data-page=tools__binary-converter]) .copy-btn.copied{animation:.5s ease-in-out copySuccess}@keyframes copySuccess{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}