.toggle-chip{border:2px solid var(--border-color-for-card-glass);background-color:var(--main-glass-color);height:36px;color:var(--card-color);text-transform:uppercase;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 10px;font-size:12px;font-style:italic;font-weight:800;transition:background-color .15s,color .15s;display:inline-flex;position:relative}.toggle-chip:hover{background-color:var(--main-glass-color-hover);color:var(--white)}.toggle-chip.is-on{color:var(--white)}.toggle-chip.is-glass{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.glass-disabled .toggle-chip.is-glass{-webkit-backdrop-filter:none;backdrop-filter:none}.toggle-chip.is-locked{cursor:default}.toggle-chip>.app-i{flex:none}.toggle-chip__knob{background-color:var(--main-glass-color-hover);border-radius:999px;flex:none;width:26px;height:16px;transition:background-color .15s;position:relative}.toggle-chip__knob:after{content:"";background-color:var(--card-color);border-radius:50%;width:12px;height:12px;transition:transform .15s,background-color .15s;position:absolute;top:2px;left:2px}.is-on>.toggle-chip__knob{background-color:var(--white)}.is-on>.toggle-chip__knob:after{background-color:var(--card-bg-color);transform:translate(10px)}
