:root{--sx-accent: #22d3ee;--sx-accent-2: #a855f7;--sx-line: rgba(127, 127, 127, .2);--sx-soft: rgba(127, 127, 127, .07);--sx-muted: rgba(127, 127, 127, .9);--sx-ok: #22c55e;--sx-warn: #f59e0b;--sx-error: #ef4444;--sx-gradient: linear-gradient(120deg, var(--sx-accent), var(--sx-accent-2))}.sx{margin:0 auto;max-width:48rem}.sx-toggle{display:flex;margin:1.5rem auto;border:1px solid var(--sx-line);border-radius:999px;background:var(--sx-soft);padding:.25rem;width:fit-content;& a{border-radius:999px;padding:.4rem 1.25rem;color:inherit;font-weight:600;text-decoration:none;&[aria-current=page]{background:var(--sx-gradient);color:#fff}}}.sx-button{display:inline-block;border-radius:.5rem;background:var(--sx-gradient);padding:.5rem 1.25rem;color:#fff;font-weight:600;text-decoration:none;&:hover{filter:brightness(1.1)}}.sx-card{margin:1.5rem 0;border:1px solid var(--sx-line);border-radius:.75rem;background:var(--sx-soft);padding:1.25rem 1.5rem;>header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:1rem;& h2{margin:0;font-size:1.15rem;text-align:left}}}.sx-result{animation:sx-fade .3s ease-out both;margin:0 0 .75rem;border-left:3px solid var(--sx-accent);border-radius:.25rem;background:var(--sx-soft);padding:.6rem .9rem;& p{margin:.25rem 0}& small{color:var(--sx-muted);font-variant-numeric:tabular-nums}}.sx-pending{margin:0 0 .75rem;border:1px dashed var(--sx-line);border-radius:.25rem;padding:.6rem .9rem;color:var(--sx-muted)}.sx-bar{position:relative;margin-top:.4rem;border-radius:999px;background:var(--sx-line);height:.4rem;overflow:hidden;&:after{position:absolute;inset:0 auto 0 calc(var(--from, 0) * 100%);border-radius:inherit;background:var(--sx-gradient);width:calc((var(--to, 0) - var(--from, 0)) * 100%);content:""}}.sx-done{display:block;animation:sx-fade .3s ease-out both;margin:1.5rem auto;border:1px solid var(--sx-ok);border-radius:999px;padding:.4rem 1.25rem;width:fit-content;color:var(--sx-ok);font-weight:600;font-variant-numeric:tabular-nums}.sx-status{display:inline-flex;align-items:center;gap:.4rem;color:var(--sx-muted);font-size:.85rem;&:before{border-radius:50%;background:var(--sx-warn);width:.6rem;height:.6rem;content:""}&[data-state=open]:before{animation:sx-pulse 2s ease-in-out infinite;background:var(--sx-ok)}&[data-state=closed]:before{background:var(--sx-error)}}@keyframes sx-fade{0%{transform:translateY(.25rem);opacity:0}}@keyframes sx-pulse{50%{opacity:.4}}.rl-remaining{color:var(--sx-muted);font-variant-numeric:tabular-nums}.rl-bucket{display:grid;grid-template-columns:repeat(var(--capacity),1fr);gap:.5rem;border:2px solid var(--sx-line);border-top:none;border-radius:0 0 1rem 1rem;padding:.75rem}.rl-token{border:2px dashed var(--sx-line);border-radius:50%;aspect-ratio:1;max-height:4rem;margin:auto;width:100%;max-width:4rem;transition:background .2s,transform .2s;&[data-full]{transform:scale(1);border:none;background:var(--sx-gradient);box-shadow:0 0 1rem #22d3ee59}&:not([data-full]){transform:scale(.8)}}.rl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0;& button{margin:0;border:none;border-radius:.5rem;background:var(--sx-gradient);padding:.5rem 1.1rem;color:#fff;font-weight:600}& label{display:inline-flex;align-items:center;gap:.4rem;margin:0}}.rl-log{margin:0;padding:0;list-style:none;& li{display:grid;grid-template-columns:5.5rem 1fr auto;gap:.75rem;animation:sx-fade .25s ease-out both;margin-bottom:.35rem;border-left:3px solid var(--sx-ok);border-radius:.25rem;background:var(--sx-soft);padding:.35rem .75rem;font-size:.9rem}& li[data-status="429"],li[data-status=error]{border-left-color:var(--sx-error);& b{color:var(--sx-error)}}& b{color:var(--sx-ok);font-variant-numeric:tabular-nums}& span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& small{color:var(--sx-muted);font-variant-numeric:tabular-nums}}.rl-note{color:var(--sx-muted);font-size:.9rem}@media(max-width:30rem){.rl-log li{grid-template-columns:4.5rem 1fr;& small{display:none}}}.sx code{border:1px solid rgb(34 211 238 / .35);background:#22d3ee1f;padding:0 .3rem;color:var(--color);font-weight:600}