:root{--tm-accent:#b6ff37;--tm-accent-rgb:182 255 55;--tm-accent-hover:#caff70}html[data-palette=cyan]{--tm-accent:#59e1ff;--tm-accent-rgb:89 225 255;--tm-accent-hover:#9ceeff}html[data-palette=violet]{--tm-accent:#c4a1ff;--tm-accent-rgb:196 161 255;--tm-accent-hover:#deccff}.tm-color-switcher{height:34px;display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:0 7px;border:1px solid #363636;border-radius:7px;background:#141414;color:#eee;font-size:11px}.tm-color-switcher>i{width:9px;height:9px;border-radius:50%;background:var(--tm-accent);flex:0 0 auto}.tm-color-switcher select{font:inherit;color:inherit;background:transparent;border:0;max-width:68px;padding:3px 0;cursor:pointer;outline:none}.tm-color-switcher option{background:#171717;color:#eee}.tm-color-switcher:focus-within{outline:2px solid var(--tm-accent);outline-offset:2px}.tmcdn-workspace .workspace-header .tm-color-switcher{height:36px;margin:0;padding:0 7px}.tmcdn-workspace .workspace-header .tm-color-switcher select{width:auto;min-width:0;max-width:65px;height:auto;border:0;padding:0;background:transparent}@media(max-width:600px){.tm-color-switcher{padding:0 5px;font-size:10px;gap:3px}.tm-color-switcher select{max-width:58px}}