:root:has(#route-playground){--sl-content-width:76rem}#route-playground{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);border-radius:.75rem;flex-direction:column;margin-top:1.5rem;display:flex;overflow:hidden;box-shadow:0 20px 50px -20px #2563eb59}#route-playground .bar{border-bottom:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6);align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}#route-playground .verb{color:#4ade80;font-family:var(--__sl-font-mono);font-size:var(--sl-text-xs);background:#22c55e2e;border-radius:.25rem;padding:.1rem .5rem;font-weight:700}#route-playground .url{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);background:0 0;flex:1;overflow:hidden}#route-playground button{border:1px solid var(--sl-color-accent);background:var(--intear-gradient);color:#fff;font:inherit;font-size:var(--sl-text-sm);cursor:pointer;border-radius:.375rem;flex:none;padding:.4rem 1.2rem;font-weight:600}#route-playground button.secondary{border-color:var(--sl-color-gray-5);color:var(--sl-color-gray-2);background:0 0;font-weight:400}#route-playground .panes{grid-template-columns:minmax(18rem,2fr) 3fr;min-height:30rem;display:grid}@media (width<=60rem){#route-playground .panes{grid-template-columns:1fr}}#route-playground .pane{flex-direction:column;gap:.9rem;min-width:0;padding:1rem;display:flex}#route-playground .params{border-inline-end:1px solid var(--sl-color-gray-5)}#route-playground .pane-title{font-size:var(--sl-text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--sl-color-gray-3);margin:0;font-weight:600}#route-playground .pair{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}#route-playground label{min-width:0;font-size:var(--sl-text-sm);flex-direction:column;gap:.3rem;display:flex}#route-playground label[hidden]{display:none}#route-playground label>span{font-family:var(--__sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}#route-playground label>span b{color:var(--sl-color-accent-high);font-weight:600}#route-playground small{font-size:var(--sl-text-xs);color:var(--sl-color-gray-4);overflow-wrap:anywhere}#route-playground input:not([type=checkbox],[type=radio]){border:1px solid var(--sl-color-gray-5);background:var(--intear-bg-input);color:var(--sl-color-white);font-family:var(--__sl-font-mono);font-size:var(--sl-text-xs);border-radius:.375rem;min-width:0;padding:.45rem .6rem}#route-playground .segmented{border:1px solid var(--sl-color-gray-5);background:var(--intear-bg-input);border-radius:.5rem;padding:.2rem;display:flex}#route-playground .segmented label{font-family:var(--__sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);cursor:pointer;border-radius:.375rem;flex-direction:row;flex:1;justify-content:center;padding:.25rem}#route-playground .segmented input{opacity:0;position:absolute}#route-playground .segmented label:has(:checked){background:var(--sl-color-accent);color:#fff}#route-playground .dexes{font-family:var(--__sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}#route-playground .dexes>span{margin-inline-end:.25rem}#route-playground .toggle{border:1px solid var(--sl-color-gray-5);font-size:var(--sl-text-xs);color:var(--sl-color-gray-2);cursor:pointer;border-radius:999px;flex-direction:row;align-items:center;gap:.3rem;padding:.15rem .6rem}#route-playground .toggle:has(:checked){border-color:var(--sl-color-accent);color:var(--sl-color-accent-high)}#route-playground .toggle input{display:none}#route-playground details{flex-direction:column;display:flex}#route-playground details summary{font-size:var(--sl-text-sm);color:var(--sl-color-gray-2);cursor:pointer}#route-playground details label{margin-top:.6rem}#route-playground .response{background:var(--sl-color-gray-6)}#route-playground .response-bar{justify-content:space-between;align-items:center;display:flex}#route-playground .tabs{gap:.25rem;display:flex}#route-playground [role=tab]{color:var(--sl-color-gray-3);background:0 0;border:none;border-radius:.375rem;padding:.25rem .8rem;font-weight:600}#route-playground [role=tab][aria-selected=true]{background:var(--sl-color-black);color:var(--sl-color-white)}#route-playground .status{font-family:var(--__sl-font-mono);font-size:var(--sl-text-xs);color:var(--sl-color-gray-3)}#route-playground .status[data-state=ok]{color:#4ade80}#route-playground .status[data-state=error]{color:#f87171}:root[data-theme=light] #route-playground .verb,:root[data-theme=light] #route-playground .status[data-state=ok]{color:#15803d}:root[data-theme=light] #route-playground .status[data-state=error]{color:#b91c1c}#route-playground [data-panel=quotes]{overflow-x:auto}#route-playground table{border-collapse:collapse;width:100%;font-family:var(--__sl-font-mono);font-size:var(--sl-text-xs)}#route-playground th,#route-playground td{border-bottom:1px solid var(--sl-color-gray-5);text-align:start;white-space:nowrap;padding:.55rem .6rem}#route-playground th{font-family:var(--sl-font);color:var(--sl-color-gray-3);font-weight:600}#route-playground tr.best td{background:var(--sl-color-accent-low)}#route-playground tr.best .dex:after{content:"best";background:var(--sl-color-accent);color:#fff;border-radius:.25rem;margin-inline-start:.5rem;padding:.05rem .4rem;font-size:.65rem}#route-playground .empty{text-align:center;color:var(--sl-color-gray-3);margin:2rem 0}#route-playground .empty:empty{display:none}#route-playground pre{background:var(--sl-color-black);max-height:32rem;font-size:var(--sl-text-xs);border-radius:.5rem;margin:0;padding:.75rem;overflow:auto}