:where([data-page=tools__html-encoder-decoder]) .action-btn{border-radius:var(--radius);align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}:where([data-page=tools__html-encoder-decoder]) .faq-content{transition:all .3s ease-in-out}:where([data-page=tools__html-encoder-decoder]) .faq-content.hidden{opacity:0;max-height:0;padding-bottom:0}:where([data-page=tools__html-encoder-decoder]) .faq-content:not(.hidden){opacity:1;max-height:1000px;padding-bottom:1.5rem}:where([data-page=tools__html-encoder-decoder]) .faq-trigger:focus{outline-offset:2px;outline:2px solid #7c3aed}