.coinx{--cx-ground:var(--ha-canvas);--cx-panel:var(--ha-canvas);--cx-raise:var(--ha-raise);--cx-line:var(--hairline);--cx-up-wash:color-mix(in srgb, var(--up) 13%, transparent);--cx-down-wash:color-mix(in srgb, var(--down) 13%, transparent);background:var(--cx-ground);color:var(--ink);font-feature-settings:"tnum" 1, "cv11" 1}.coinx .cx-tabs{box-shadow:inset 0 -1px 0 var(--cx-line)}.coinx .cx-split{background:var(--cx-line);transition:background-color .16s var(--ease-out);flex:none;position:relative}.coinx .cx-split:after{content:"";position:absolute;inset:-3px}.coinx .cx-split[data-dir=x]{cursor:col-resize;width:1px}.coinx .cx-split[data-dir=y]{cursor:row-resize;height:1px}.coinx .cx-split:hover,.coinx .cx-split[data-drag]{background:var(--accent-ink)}.coinx .cx-row{transition:background-color .15s var(--ease-out)}@media (hover:hover){.coinx .cx-row:hover{background:var(--ha-focus)}}.coinx .cx-row:active{background:var(--press)}.coinx .cx-glass{white-space:nowrap;height:30px;color:var(--accent-ink);background:color-mix(in srgb, var(--cx-ground) 60%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent-ink) 28%, var(--cx-line)), inset 0 1px 0 #ffffff14;transition:background-color .16s var(--ease-out), transform .12s var(--ease-out), color .16s var(--ease-out);border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:.8125rem;font-weight:600;display:inline-flex}@media (hover:hover){.coinx .cx-glass:hover{background:color-mix(in srgb, var(--accent-ink) 10%, var(--cx-ground))}}.coinx .cx-glass:active{transform:scale(.97)}.coinx .cx-glass[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 0 0 1px var(--cx-line)}.coinx .cx-glass.block{width:100%;height:38px;font-size:.875rem}.coinx .cx-up{animation:cx-up .7s var(--ease-out)}.coinx .cx-down{animation:cx-down .7s var(--ease-out)}@keyframes cx-up{0%{background:var(--cx-up-wash)}to{background:0 0}}@keyframes cx-down{0%{background:var(--cx-down-wash)}to{background:0 0}}.coinx .cx-in{animation:cx-in .22s var(--ease-out) both}@keyframes cx-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.coinx .cx-dot{background:var(--up);border-radius:9999px;flex:none;width:6px;height:6px;display:inline-block;position:relative}.coinx .cx-dot:after{content:"";border-radius:inherit;background:inherit;animation:cx-breathe 2.4s var(--ease-out) infinite;position:absolute;inset:0}@keyframes cx-breathe{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(2.6)}}.coinx input.cx-field,.coinx textarea.cx-field{background:var(--cx-raise);width:100%;color:var(--ink);box-shadow:inset 0 0 0 1px var(--cx-line);transition:box-shadow .15s var(--ease-out);border-radius:10px;padding:0 12px;font-size:.875rem}.coinx input.cx-field{height:38px}.coinx textarea.cx-field{resize:none;padding:10px 12px;line-height:1.4}.coinx .cx-field:focus{box-shadow:inset 0 0 0 1.5px var(--accent-ink);outline:none}.coinx .cx-field::placeholder{color:var(--ink45)}@media (prefers-reduced-motion:reduce){.coinx .cx-up,.coinx .cx-down,.coinx .cx-in,.coinx .cx-dot:after{animation:none}}