:root{--ind-primary: #c026d3;--ind-primary-dark: #a21caf;--ind-primary-soft: #fae8ff;--ind-accent: #7c3aed;--ind-accent-dark: #6d28d9;--ind-bg: #f4eef7;--ind-bg-2: #ecddf4}.ind-page #banner .content header h2{margin:0 0 .4rem;font-size:1.4rem}.ind-page #banner .actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none}.ind-page .button.big{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;padding:.7rem 1.4rem;font-weight:700;color:#fff;background:var(--ind-primary);border-radius:999px;box-shadow:var(--ind-shadow-sm)}.ind-page .button.big:hover{background:var(--ind-primary-dark);text-decoration:none}.ind-page .urlencode-radio-group{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;margin-top:.7rem}.ind-page .urlencode-radio-group input[type=radio]{margin:0 .25rem 0 0}.ind-page .urlencode-radio-group label{margin-right:.6rem;font-weight:600}.ind-page #change{margin:.6rem 0}.ind-page #result_encode,.ind-page #result_decode{margin-top:.8rem}.ind-page #result_encode_text,.ind-page #result_decode_text{width:100%;margin-top:.4rem;background:var(--ind-surface-2);font-family:var(--ind-mono)}.ind-page #result_copy_encode,.ind-page #result_copy_decode{background:var(--ind-accent)}.ind-page #result_copy_encode:hover,.ind-page #result_copy_decode:hover{background:var(--ind-accent-dark)}