.dx-toggle{width:fit-content;min-width:var(--dx-space-8);border-radius:var(--dx-radius-lg);color:var(--secondary-color-4);font-size:var(--dx-text-sm);padding-inline:var(--dx-space-2);touch-action:manipulation;transition:background-color var(--dx-motion-duration-base), color var(--dx-motion-duration-base), outline-color var(--dx-motion-duration-base);background-color:transparent;border:none;outline:none;flex-direction:row;justify-content:center;align-items:center;display:inline-flex}.dx-toggle:where(:hover){background-color:var(--primary-color-4);cursor:pointer}.dx-toggle:focus-visible{background-color:var(--primary-color-4);cursor:pointer}.dx-toggle:focus-visible{outline:2px solid var(--focused-border-color);outline-offset:2px}.dx-toggle[data-state=on]{background-color:var(--primary-color-7);color:var(--secondary-color-1)}