:where([data-page=tools__base64-encoder-decoder]) .text-gradient{background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:var(--primary-600) var(--tw-gradient-from-position);--tw-gradient-to:var(--primary-600) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);color:#0000;-webkit-background-clip:text;background-clip:text}:where([data-page=tools__base64-encoder-decoder]) .tab-button{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}@media (prefers-color-scheme:dark){:where([data-page=tools__base64-encoder-decoder]) .tab-button{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}}:where([data-page=tools__base64-encoder-decoder]) .tab-button.active{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:var(--primary-600);--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}@media (prefers-color-scheme:dark){:where([data-page=tools__base64-encoder-decoder]) .tab-button.active{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));color:var(--primary-400)}}:where([data-page=tools__base64-encoder-decoder]) .input-type-btn:hover{--tw-shadow:var(--shadow-md);--tw-shadow-colored:var(--shadow-md);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}:where([data-page=tools__base64-encoder-decoder]) .input-type-btn.active{background-color:var(--primary-600);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}:where([data-page=tools__base64-encoder-decoder]) .input-type-btn:not(.active){--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}:where([data-page=tools__base64-encoder-decoder]) .input-type-btn:not(.active):hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}@media (prefers-color-scheme:dark){:where([data-page=tools__base64-encoder-decoder]) .input-type-btn:not(.active){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}:where([data-page=tools__base64-encoder-decoder]) .input-type-btn:not(.active):hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}}:where([data-page=tools__base64-encoder-decoder]) .faq-button[aria-expanded=true] .faq-icon{transform:rotate(180deg)}:where([data-page=tools__base64-encoder-decoder]) .faq-content{opacity:0;max-height:0;transition:max-height .3s ease-out,opacity .3s ease-out;overflow:hidden}:where([data-page=tools__base64-encoder-decoder]) .faq-content:not(.hidden){opacity:1;max-height:500px}:where([data-page=tools__base64-encoder-decoder]) .faq-button:focus{outline:none;box-shadow:0 0 0 3px #8b5cf61a}:where([data-page=tools__base64-encoder-decoder]) .file-drop-active{border-color:var(--primary-500,var(--primary));background-color:var(--primary-50);background-color:#7033ff0d}@media (prefers-color-scheme:dark){:where([data-page=tools__base64-encoder-decoder]) .file-drop-active{background-color:#7033ff26}}