.toggle{width:fit-content;min-width:2rem;color:var(--secondary-color-4);background-color:#0000;border:none;border-radius:.5rem;outline:none;flex-direction:row;justify-content:center;align-items:center;padding-left:.5rem;padding-right:.5rem;font-size:14px;display:inline-flex}.toggle:hover,.toggle:focus-visible{background-color:var(--primary-color-4);cursor:pointer}.toggle[data-state=on]{background-color:var(--primary-color-7);color:var(--secondary-color-1)}