.toggle-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--toggle-border-color, var(--color-primary-t30));padding:7px 10px;background:var(--color-primary-t1);border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-time) ease,border-color var(--transition-time) ease,box-shadow var(--transition-time) ease;overflow:hidden}.toggle-btn:focus-visible{outline:1px solid var(--focus-outline-color);outline-offset:2px;border-color:var(--focus-outline-color);box-shadow:var(--focus-ring-shadow)}.toggle-btn:focus:not(:focus-visible){outline:none;box-shadow:none}.toggle-btn--primary:hover{background-color:var(--color-primary-t6)}.toggle-btn--warn:hover{background-color:var(--color-warn-t10)}.toggle-btn--alert:hover{background-color:var(--color-alert-t10)}.toggle-btn:before{content:"";position:absolute;inset:0;background:var(--toggle-gradient, var(--gradient-primary));opacity:0;transition:opacity var(--transition-time) ease;pointer-events:none;z-index:var(--layer-base)}.toggle-btn.on:before{opacity:1}.toggle-btn--primary{--toggle-gradient: var(--gradient-primary);--toggle-border-color: var(--color-primary-t30)}.toggle-btn--warn{--toggle-gradient: linear-gradient(180deg, var(--color-warn) 0%, var(--color-warn-dark) 100%);--toggle-border-color: var(--color-warn-t30)}.toggle-btn--alert{--toggle-gradient: var(--gradient-alert);--toggle-border-color: var(--color-alert-t30)}.toggle-btn-content{z-index:var(--layer-content)}.toggle-btn:disabled{opacity:.6;cursor:default}