.selection-tabs{min-width:0}.selection-tablist{border-bottom:1px solid var(--border);gap:4px;max-width:100%;padding:0 2px 2px;display:flex;overflow-x:auto}.selection-tablist[aria-orientation=vertical]{border-bottom:0;border-right:1px solid var(--border);flex-direction:column;align-items:stretch}.selection-tabpanel{min-width:0;padding-top:18px}.selection-tabpanel[hidden]{display:none!important}.selection-toggle-group{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.button.tab{min-height:42px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex-shrink:0;padding:10px 16px;font-weight:600}.button.tab[aria-selected=true]{color:var(--text);border-bottom-color:var(--green);background:var(--surface2)}.button.toggle{border:1px solid var(--border);min-height:36px;color:var(--muted);background:0 0;border-radius:6px;padding:8px 12px;font-size:13px}.button.toggle[aria-pressed=true]{background:var(--surface2);border-color:var(--green-dark);color:var(--text)}.button.tab:active:not(:disabled),.button.toggle:active:not(:disabled){scale:1}@media (hover:hover){.button.tab:hover:not(:disabled){background:var(--surface2);border-color:#0000;border-bottom-color:var(--border-strong);color:var(--text)}.button.tab[aria-selected=true]:hover:not(:disabled){border-bottom-color:var(--green)}.button.toggle:hover:not(:disabled){background:var(--surface2);border-color:var(--border-strong);color:var(--text)}.button.toggle[aria-pressed=true]:hover:not(:disabled){border-color:var(--green-dark)}}
:root{--tx-bayer-25:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'8'%20height%3D'8'%20viewBox%3D'0%200%208%208'%20shape-rendering%3D'crispEdges'%3E%3Cpath%20d%3D'M0%200h1v1h-1zM2%200h1v1h-1zM4%200h1v1h-1zM6%200h1v1h-1zM0%202h1v1h-1zM2%202h1v1h-1zM4%202h1v1h-1zM6%202h1v1h-1zM0%204h1v1h-1zM2%204h1v1h-1zM4%204h1v1h-1zM6%204h1v1h-1zM0%206h1v1h-1zM2%206h1v1h-1zM4%206h1v1h-1zM6%206h1v1h-1z'%2F%3E%3C%2Fsvg%3E");--tx-bayer-50:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'8'%20height%3D'8'%20viewBox%3D'0%200%208%208'%20shape-rendering%3D'crispEdges'%3E%3Cpath%20d%3D'M0%200h1v1h-1zM2%200h1v1h-1zM4%200h1v1h-1zM6%200h1v1h-1zM1%201h1v1h-1zM3%201h1v1h-1zM5%201h1v1h-1zM7%201h1v1h-1zM0%202h1v1h-1zM2%202h1v1h-1zM4%202h1v1h-1zM6%202h1v1h-1zM1%203h1v1h-1zM3%203h1v1h-1zM5%203h1v1h-1zM7%203h1v1h-1zM0%204h1v1h-1zM2%204h1v1h-1zM4%204h1v1h-1zM6%204h1v1h-1zM1%205h1v1h-1zM3%205h1v1h-1zM5%205h1v1h-1zM7%205h1v1h-1zM0%206h1v1h-1zM2%206h1v1h-1zM4%206h1v1h-1zM6%206h1v1h-1zM1%207h1v1h-1zM3%207h1v1h-1zM5%207h1v1h-1zM7%207h1v1h-1z'%2F%3E%3C%2Fsvg%3E");--tx-bayer-75:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'8'%20height%3D'8'%20viewBox%3D'0%200%208%208'%20shape-rendering%3D'crispEdges'%3E%3Cpath%20d%3D'M0%200h8v1h-8zM1%201h1v1h-1zM3%201h1v1h-1zM5%201h1v1h-1zM7%201h1v1h-1zM0%202h8v1h-8zM1%203h1v1h-1zM3%203h1v1h-1zM5%203h1v1h-1zM7%203h1v1h-1zM0%204h8v1h-8zM1%205h1v1h-1zM3%205h1v1h-1zM5%205h1v1h-1zM7%205h1v1h-1zM0%206h8v1h-8zM1%207h1v1h-1zM3%207h1v1h-1zM5%207h1v1h-1zM7%207h1v1h-1z'%2F%3E%3C%2Fsvg%3E");--tx-bayer-fade-left:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'8'%20height%3D'8'%20viewBox%3D'0%200%208%208'%20shape-rendering%3D'crispEdges'%3E%3Cpath%20d%3D'M0%200h1v1h-1zM2%200h1v1h-1zM4%200h4v1h-4zM3%201h1v1h-1zM5%201h1v1h-1zM7%201h1v1h-1zM2%202h1v1h-1zM4%202h1v1h-1zM6%202h2v1h-2zM3%203h1v1h-1zM5%203h1v1h-1zM7%203h1v1h-1zM0%204h1v1h-1zM2%204h1v1h-1zM4%204h4v1h-4zM3%205h1v1h-1zM5%205h1v1h-1zM7%205h1v1h-1zM2%206h1v1h-1zM4%206h1v1h-1zM6%206h2v1h-2zM3%207h1v1h-1zM5%207h1v1h-1zM7%207h1v1h-1z'%2F%3E%3C%2Fsvg%3E");--tx-bayer-fade-right:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'8'%20height%3D'8'%20viewBox%3D'0%200%208%208'%20shape-rendering%3D'crispEdges'%3E%3Cpath%20d%3D'M0%200h3v1h-3zM4%200h1v1h-1zM6%200h1v1h-1zM0%201h2v1h-2zM3%201h1v1h-1zM5%201h1v1h-1zM0%202h3v1h-3zM4%202h1v1h-1zM6%202h1v1h-1zM1%203h1v1h-1zM3%203h1v1h-1zM0%204h3v1h-3zM4%204h1v1h-1zM6%204h1v1h-1zM0%205h2v1h-2zM3%205h1v1h-1zM5%205h1v1h-1zM0%206h3v1h-3zM4%206h1v1h-1zM6%206h1v1h-1zM1%207h1v1h-1zM3%207h1v1h-1z'%2F%3E%3C%2Fsvg%3E");--tx-hatch-25:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'8'%20height%3D'8'%20viewBox%3D'0%200%208%208'%20shape-rendering%3D'crispEdges'%3E%3Cpath%20d%3D'M0%200h2v1h-2zM0%201h1v1h-1zM7%201h1v1h-1zM6%202h2v1h-2zM5%203h2v1h-2zM4%204h2v1h-2zM3%205h2v1h-2zM2%206h2v1h-2zM1%207h2v1h-2z'%2F%3E%3C%2Fsvg%3E");--tx-hatch-50:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'8'%20height%3D'8'%20viewBox%3D'0%200%208%208'%20shape-rendering%3D'crispEdges'%3E%3Cpath%20d%3D'M0%200h4v1h-4zM0%201h3v1h-3zM7%201h1v1h-1zM0%202h2v1h-2zM6%202h2v1h-2zM0%203h1v1h-1zM5%203h3v1h-3zM4%204h4v1h-4zM3%205h4v1h-4zM2%206h4v1h-4zM1%207h4v1h-4z'%2F%3E%3C%2Fsvg%3E");--tx-hatch-75:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'8'%20height%3D'8'%20viewBox%3D'0%200%208%208'%20shape-rendering%3D'crispEdges'%3E%3Cpath%20d%3D'M0%200h6v1h-6zM0%201h5v1h-5zM7%201h1v1h-1zM0%202h4v1h-4zM6%202h2v1h-2zM0%203h3v1h-3zM5%203h3v1h-3zM0%204h2v1h-2zM4%204h4v1h-4zM0%205h1v1h-1zM3%205h5v1h-5zM2%206h6v1h-6zM1%207h6v1h-6z'%2F%3E%3C%2Fsvg%3E")}
:root{--on-green:#08190f;--on-red:#2b090c;--spring:cubic-bezier(.34,1.5,.64,1);--control-ease:cubic-bezier(.16,1,.3,1)}:root[data-theme=light]{--on-green:#062314;--on-red:#fff}.selection-tabs.is-dither>.selection-tablist{box-shadow:inset 0 -2px 0 var(--border-strong);background:0 0;border:0;border-radius:0;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;margin-bottom:14px;padding:0 0 8px;display:grid;position:relative;overflow:visible}.selection-tabs.is-dither>.selection-tablist>.button.tab{--tab-accent:var(--text);--tab-on:var(--bg);isolation:isolate;width:auto;height:auto;min-height:46px;color:var(--muted);background:0 0;border:0;border-radius:0;padding:0 12px;font-size:15px;font-weight:700;transition:color .18s;position:relative}.selection-tabs.is-dither>.selection-tablist>.button.tab[data-accent=buy]{--tab-accent:var(--green);--tab-on:var(--on-green)}.selection-tabs.is-dither>.selection-tablist>.button.tab[data-accent=sell]{--tab-accent:var(--red);--tab-on:var(--on-red)}.selection-tabs.is-dither>.selection-tablist>.button.tab:before{content:"";z-index:-1;background:var(--tab-accent);opacity:0;-webkit-mask:var(--tx-bayer-fade-left) left top/16px 16px repeat-y,linear-gradient(#000 0 0) center/calc(100% - 30px) 100% no-repeat,var(--tx-bayer-fade-right) right top/16px 16px repeat-y;-webkit-mask:var(--tx-bayer-fade-left) left top/16px 16px repeat-y,linear-gradient(#000 0 0) center/calc(100% - 30px) 100% no-repeat,var(--tx-bayer-fade-right) right top/16px 16px repeat-y;mask:var(--tx-bayer-fade-left) left top/16px 16px repeat-y,linear-gradient(#000 0 0) center/calc(100% - 30px) 100% no-repeat,var(--tx-bayer-fade-right) right top/16px 16px repeat-y;transition:opacity .2s;position:absolute;inset:0}.selection-tabs.is-dither>.selection-tablist>.button.tab:after{content:"";background:var(--tab-accent);opacity:0;height:2px;transition:opacity .2s;position:absolute;bottom:-8px;left:0;right:0}.selection-tabs.is-dither>.selection-tablist>.button.tab[aria-selected=true]{color:var(--tab-on)}.selection-tabs.is-dither>.selection-tablist>.button.tab[aria-selected=true]:before,.selection-tabs.is-dither>.selection-tablist>.button.tab[aria-selected=true]:after{opacity:1}@media (hover:hover){.selection-tabs.is-dither>.selection-tablist>.button.tab:hover:not(:disabled):not([aria-selected=true]){color:var(--text);background:0 0}.selection-tabs.is-dither>.selection-tablist>.button.tab:hover:not(:disabled):not([aria-selected=true]):before{opacity:.16}.selection-tabs.is-dither>.selection-tablist>.button.tab[aria-selected=true]:hover:not(:disabled){color:var(--tab-on);background:0 0}}.selection-tabs.is-dither>.selection-tablist>.button.tab:focus-visible{outline:2px solid var(--tab-accent);outline-offset:3px}.selection-tabs.is-dither>.selection-tablist>.button.tab:disabled{opacity:.45}.selection-tabs.is-dither>.selection-tabpanel{padding-top:4px}.selection-toggle-group.is-segmented{background:color-mix(in srgb,var(--text) 9%,transparent);border-radius:999px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;padding:3px;display:grid;position:relative}.selection-toggle-group.is-segmented>.selection-toggle-thumb{width:calc((100% - 6px) / var(--n));transform:translateX(calc(var(--i) * 100%));background:color-mix(in srgb,var(--text) 15%,var(--surface));transition:transform .5s var(--spring);pointer-events:none;border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 3px 10px #00000038}.selection-toggle-group.is-segmented>.selection-toggle-thumb[hidden]{display:none}:root[data-theme=light] .selection-toggle-group.is-segmented>.selection-toggle-thumb{background:#fff;box-shadow:0 3px 8px #1220161f,0 0 0 .5px #12201614}.selection-toggle-group.is-segmented>.button.toggle{z-index:1;min-width:0;height:auto;min-height:34px;color:var(--muted);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:999px;padding:0 6px;font-size:13px;font-weight:600;transition:color .16s;position:relative}.selection-toggle-group.is-segmented>.button.toggle[aria-pressed=true]{color:var(--text);background:0 0;border:0}@media (hover:hover){.selection-toggle-group.is-segmented>.button.toggle:hover:not(:disabled){color:var(--text);background:0 0;border:0}}.selection-toggle-group.is-segmented>.button.toggle:focus-visible{outline:2px solid var(--green);outline-offset:-2px}.selection-toggle-group.is-segmented[aria-disabled=true]{opacity:.6}.button.trade{--trade-face:#222628;--trade-ring:#c4ccd073;--trade-cap:var(--green);--trade-idle-cap:#c4ccd0;isolation:isolate;background:var(--trade-face);min-height:52px;box-shadow:inset 0 0 0 1px var(--trade-ring);color:var(--text);border:0;border-radius:10px;padding:0 44px;font-weight:700;transition:box-shadow .18s,color .18s,scale .12s;position:relative}:root[data-theme=light] .button.trade{--trade-face:#f0f3f4;--trade-ring:#46555c73;--trade-idle-cap:#46555c}.button.trade:before,.button.trade:after{content:"";background:var(--trade-cap);width:22px;transition:width .25s var(--control-ease);-webkit-mask:var(--tx-hatch-50) 0 0/16px 16px repeat;-webkit-mask:var(--tx-hatch-50) 0 0/16px 16px repeat;mask:var(--tx-hatch-50) 0 0/16px 16px repeat;border-radius:5px;position:absolute;top:6px;bottom:6px}.button.trade:before{left:6px}.button.trade:after{right:6px}@media (hover:hover){.button.trade:hover:not(:disabled):not([aria-busy=true]){background:var(--trade-face);box-shadow:inset 0 0 0 1px var(--trade-cap);border:0}.button.trade:hover:not(:disabled):not([aria-busy=true]):before,.button.trade:hover:not(:disabled):not([aria-busy=true]):after{width:28px;-webkit-mask-image:var(--tx-hatch-75);-webkit-mask-image:var(--tx-hatch-75);mask-image:var(--tx-hatch-75)}}.button.trade:focus-visible{outline:2px solid var(--green);outline-offset:3px}.button.trade:disabled{opacity:1;color:var(--muted);box-shadow:inset 0 0 0 1px var(--border)}.button.trade:disabled:before,.button.trade:disabled:after{background:var(--trade-idle-cap);width:14px;-webkit-mask-image:var(--tx-hatch-25);-webkit-mask-image:var(--tx-hatch-25);mask-image:var(--tx-hatch-25)}.button.trade[aria-busy=true]{color:var(--text);cursor:progress;box-shadow:inset 0 0 0 1px var(--trade-cap)}.button.trade[aria-busy=true]:before,.button.trade[aria-busy=true]:after{background:var(--trade-cap);width:22px;-webkit-mask-image:var(--tx-hatch-50);-webkit-mask-image:var(--tx-hatch-50);mask-image:var(--tx-hatch-50)}@media (prefers-reduced-motion:no-preference){.button.trade[aria-busy=true]:before,.button.trade[aria-busy=true]:after{animation:.7s steps(8,end) infinite trade-caps}}@keyframes trade-caps{to{-webkit-mask-position:16px 0;mask-position:16px 0}}.button.trade .loading-signal{color:inherit}.trade-field.amount-field{background:var(--surface2);border:0;border-radius:14px;padding:12px 14px 16px;transition:box-shadow .16s;position:relative;box-shadow:0 0 0 2px #0000}.trade-field.amount-field:focus-within{box-shadow:0 0 0 2px var(--green);border:0}.trade-field.amount-field[data-over]{box-shadow:0 0 0 2px var(--red)}@media (hover:hover){.trade-field.amount-field:hover{border:0}}.trade-field.amount-field .trade-unit{background:var(--surface);color:var(--text);border:0;border-radius:999px;align-items:center;gap:6px;padding:4px 11px 4px 4px;display:inline-flex}.trade-field.amount-field .trade-unit:not(.has-coin){padding-left:11px}.amount-field-coin{background:linear-gradient(135deg,#9945ff,#14f195);border-radius:50%;flex:none;width:20px;height:20px}.amount-field-meter{pointer-events:none;height:6px;position:absolute;bottom:6px;left:14px;right:14px}.amount-field-meter:before,.amount-field-meter:after{content:"";position:absolute;top:0;bottom:0;left:0}.amount-field-meter:before{background:var(--border-strong);-webkit-mask:var(--tx-bayer-25) 0 0/16px 16px repeat;-webkit-mask:var(--tx-bayer-25) 0 0/16px 16px repeat;mask:var(--tx-bayer-25) 0 0/16px 16px repeat;right:0}.amount-field-meter:after{width:calc(var(--share) * 100%);background:var(--green);transition:width .3s var(--control-ease),background-color .2s;-webkit-mask:linear-gradient(#000 0 0) left/calc(100% - 16px) 100% no-repeat,var(--tx-bayer-fade-right) right top/16px 16px repeat-y;-webkit-mask:linear-gradient(#000 0 0) left/calc(100% - 16px) 100% no-repeat,var(--tx-bayer-fade-right) right top/16px 16px repeat-y;mask:linear-gradient(#000 0 0) left/calc(100% - 16px) 100% no-repeat,var(--tx-bayer-fade-right) right top/16px 16px repeat-y}.trade-field.amount-field[data-over] .amount-field-meter:after{background:var(--red)}.trade-field.amount-field:focus-within .amount-field-meter:before{background:var(--muted)}.amount-field{gap:8px;min-width:0;display:grid}.amount-field .trade-field-head,.amount-field .trade-field-foot{min-height:20px;color:var(--muted);justify-content:space-between;align-items:center;gap:6px 10px;font-size:12px;display:flex}.amount-field .trade-field-foot{flex-wrap:wrap}.amount-field .trade-field-head label,.amount-field .trade-field-head>span:first-child{color:inherit;margin:0;font-size:12px;font-weight:600}.amount-field .trade-field-main{align-items:center;gap:12px;min-height:42px;display:flex}.amount-field .trade-field-main input{width:100%;min-width:0;color:var(--text);letter-spacing:-.015em;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;flex:1;padding:0;font-family:inherit;font-size:clamp(24px,5.6vw,30px);font-weight:600;line-height:1.15}.amount-field .trade-field-main input::placeholder{color:var(--dim);opacity:.65}.amount-field[data-over] .trade-field-main input{color:var(--red)}.amount-field .trade-unit{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;flex:none;max-width:45%;font-size:13px;font-weight:700;overflow:hidden}.amount-field .trade-balance{text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden}.amount-field .trade-quick-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;margin:0 0 0 auto;display:flex}.button.toggle.quick-amount{height:28px;min-height:0;box-shadow:none;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:0 11px 0 7px;font-size:12px;font-weight:650;display:inline-flex}.button.toggle.quick-amount[aria-pressed=true]{border-color:var(--green);color:var(--text)}.moon-phase{transition:transform .4s var(--spring);flex:none;display:block;overflow:visible}.moon-phase-disc{fill:none;stroke:var(--border-strong);stroke-width:1px}.moon-phase-lit{fill:var(--muted);transition:fill .2s}.button.toggle.quick-amount[aria-pressed=true] .moon-phase-lit{fill:var(--green)}.button.toggle.quick-amount[aria-pressed=true] .moon-phase{transform:rotate(-20deg)}.button.toggle.quick-amount:disabled .moon-phase{opacity:.6}:root[data-theme=light] .button.toggle.quick-amount[aria-pressed=true] .moon-phase-lit{fill:var(--green-dark)}@media (prefers-reduced-motion:reduce){.selection-toggle-group.is-segmented>.selection-toggle-thumb,.selection-tabs.is-dither>.selection-tablist>.button.tab:before,.selection-tabs.is-dither>.selection-tablist>.button.tab:after,.button.trade,.button.trade:before,.button.trade:after,.amount-field-meter:after,.moon-phase,.trade-field.amount-field{transition:none}}
