.tp{--tp-ease:var(--mc-ease-out,cubic-bezier(.22, 1, .36, 1));border:1px solid var(--mc-line-strong);background:var(--mc-bg-raised);font-family:var(--mc-font);color:var(--mc-text);border-radius:18px;grid-template-columns:minmax(0,1fr);gap:18px;padding:20px;display:grid}.tp :focus-visible{outline:2px solid var(--mc-green);outline-offset:3px}.tp-sides{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tp-side{border:1px solid var(--mc-line-strong);height:46px;font:600 15px / 1 var(--mc-font);color:var(--mc-text-2);cursor:pointer;transition:background-color .24s var(--tp-ease), border-color .24s var(--tp-ease), color .24s var(--tp-ease);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.tp-side:hover:not(:disabled){color:var(--mc-text);border-color:var(--mc-text-3)}.tp-side[data-on]{border-color:var(--mc-green);background:var(--mc-green-wash);box-shadow:inset 0 0 0 1px var(--mc-green);color:var(--mc-text)}.tp-side:active:not(:disabled){transform:translateY(1px)}.tp-side:disabled{cursor:not-allowed;opacity:.6}.tp-field{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.tp-field-h{justify-content:space-between;align-items:baseline;gap:var(--mc-sp-8);font:500 11px / 16px var(--mc-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mc-text-3);display:flex}.tp-max{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 12px / 16px var(--mc-font-mono);letter-spacing:0;text-transform:none;color:var(--mc-text-2);cursor:pointer;transition:color .16s var(--tp-ease);background:0 0;border:0;padding:0;overflow:hidden}.tp-max:hover:not(:disabled){color:var(--mc-green)}.tp-input{border-bottom:2px solid var(--mc-line-strong);transition:border-color .24s var(--tp-ease);align-items:baseline;gap:10px;padding:0 0 8px;display:flex}.tp-input:focus-within{border-bottom-color:var(--mc-green)}.tp .tp-input input:focus-visible{outline:none}.tp-input input{width:0;min-width:0;font:500 40px / 1.12 var(--mc-font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.05em;color:var(--mc-text);background:0 0;border:0;outline:0;flex:1;padding:0}.tp-input input::placeholder{color:var(--mc-text-3);opacity:.6}.tp-input input:disabled{opacity:.6}.tp-unit{font:500 13px / 1 var(--mc-font-mono);color:var(--mc-text-3);flex:none}.tp-rows{border-top:1px solid var(--mc-line);margin:0;display:grid}.tp-row{justify-content:space-between;align-items:baseline;gap:var(--mc-sp-12);border-bottom:1px solid var(--mc-line);font:400 13.5px / 19px var(--mc-font);padding:9px 0;display:flex}.tp-row dt{color:var(--mc-text-2);min-width:0}.tp-row dd{font:500 13.5px / 19px var(--mc-font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--mc-text);text-align:right;white-space:nowrap;align-items:center;margin:0;display:inline-flex}.tp-row-strong dt{color:var(--mc-text);font-weight:500}.tp-row-strong dd{font-size:16px;font-weight:600}.tp-row dd.ui-pos{color:var(--mc-green)}.tp-row-sub{padding:6px 0 6px 14px;font-size:12.5px;line-height:17px}.tp-row-sub dt{color:var(--mc-text-3)}.tp-row-sub dd{font-size:12.5px;line-height:17px}.tp-warn{color:var(--mc-danger)!important}.tp-row-warn dt{color:var(--mc-danger);font-weight:500}.tp-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tp-more{margin-top:-8px;display:grid}.tp-more-t{border:0;border-bottom:1px solid var(--mc-line);cursor:pointer;width:100%;min-height:44px;font:500 13.5px / 19px var(--mc-font);color:var(--mc-text-2);text-align:left;transition:color .16s var(--tp-ease);background:0 0;align-items:center;gap:10px;padding:10px 0;display:flex}.tp-more-t:hover,.tp-more-t:hover .tp-chev{color:var(--mc-text)}.tp-more-k{margin-right:auto}.tp-more-v{font:500 13.5px / 19px var(--mc-font-mono);letter-spacing:-.01em;color:var(--mc-text);white-space:nowrap}.tp-chev{color:var(--mc-text-3);transition:transform .24s var(--tp-ease), color .16s var(--tp-ease);flex:none}.tp-more-t[aria-expanded=true] .tp-chev{transform:rotate(180deg)}.tp-more-p{border-bottom:1px solid var(--mc-line);animation:tp-in .24s var(--tp-ease) both;gap:14px;padding:2px 0 16px;display:grid}.tp-more-p[hidden]{display:none}.tp-more-p .tp-rows{border-top:0}.tp-note{font:400 12.5px / 18px var(--mc-font);color:var(--mc-text-3);text-wrap:pretty}.tp-err{font:400 var(--mc-fs-2) / 19px var(--mc-font);color:var(--mc-danger)}.tp-status{font:400 var(--mc-fs-2) / 19px var(--mc-font);color:var(--mc-text-2)}.tp-slip{font:500 11px / 16px var(--mc-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mc-text-3);align-items:center;gap:6px;display:flex}.tp-slip span{margin-right:auto}.tp-slip button{border:1px solid var(--mc-line-strong);height:30px;font:500 12px / 1 var(--mc-font-mono);letter-spacing:0;color:var(--mc-text-2);cursor:pointer;transition:border-color .16s var(--tp-ease), color .16s var(--tp-ease);background:0 0;border-radius:999px;padding:0 12px}.tp-slip button:hover:not(:disabled){color:var(--mc-text);border-color:var(--mc-text-3)}.tp-slip button[data-on]{border-color:var(--mc-green);color:var(--mc-text)}.tp-slip button:disabled{cursor:not-allowed;opacity:.6}.tp .tp-go{border-radius:999px;width:100%;height:52px;font-size:15px;font-weight:600}.tp .tp-go:active:not(:disabled){transform:translateY(1px)}.tp-spin{flex:none;animation:.9s linear infinite tp-spin}@keyframes tp-spin{to{transform:rotate(360deg)}}.tp-link{color:var(--mc-text-2);text-decoration:underline;-webkit-text-decoration-color:var(--mc-line-strong);text-decoration-color:var(--mc-line-strong);text-underline-offset:3px;font:500 var(--mc-fs-2) / var(--mc-lh-2) var(--mc-font);transition:color .16s var(--tp-ease), text-decoration-color .16s var(--tp-ease);align-items:center;gap:3px;display:inline-flex}.tp-link:hover{color:var(--mc-text);-webkit-text-decoration-color:var(--mc-green);text-decoration-color:var(--mc-green)}.tp-faucet{font:400 12.5px / 18px var(--mc-font);color:var(--mc-text-3);padding-top:var(--mc-sp-12);border-top:1px solid var(--mc-line)}.tp-faucet button{font:inherit;color:var(--mc-text-2);text-decoration:underline;-webkit-text-decoration-color:var(--mc-line-strong);text-decoration-color:var(--mc-line-strong);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0}.tp-faucet button:hover:not(:disabled){color:var(--mc-text);-webkit-text-decoration-color:var(--mc-green);text-decoration-color:var(--mc-green)}.tp-faucet button:disabled{cursor:default;text-decoration:none}.tp-done{gap:var(--mc-sp-12);animation:tp-in .24s var(--tp-ease) both;display:grid}.tp-done-h{align-items:center;gap:var(--mc-sp-8);font:700 20px / 26px var(--mc-font);letter-spacing:-.02em;color:var(--mc-text);display:flex}.tp-done-h svg{color:var(--mc-green)}.tp-done-a{align-items:center;gap:var(--mc-sp-12) var(--mc-sp-16);flex-wrap:wrap;display:flex}.tp-done-a .ui-btn{border-radius:999px;margin-left:auto}@keyframes tp-in{0%{opacity:0;transform:translateY(4px)}}@media (max-width:520px){.tp{gap:14px;padding:16px}.tp-side{height:42px}.tp-input input{font-size:34px}.tp .tp-go{height:50px}}@media (prefers-reduced-motion:reduce){.tp-spin,.tp-done{animation:none}.tp-side,.tp-input,.tp-slip button,.tp-max,.tp-link,.tp-more-t,.tp-chev{transition:none}.tp-more-p{animation:none}}
