.ui-switch{display:inline-flex;align-items:center;flex-shrink:0;gap:8px;box-sizing:border-box;height:40px;padding:0 4px;border:0;border-radius:8px;background:transparent;color:#302d2b;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:-.005em;line-height:1;white-space:nowrap;cursor:pointer}.ui-switch__track{position:relative;flex:none;width:36px;height:20px;border-radius:999px;background:#c9c5c0;transition:background .15s}.ui-switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.ui-switch:hover .ui-switch__track{background:#b3aea8}.ui-switch[aria-checked=true] .ui-switch__track{background:#302d2b}.ui-switch[aria-checked=true] .ui-switch__thumb{transform:translate(16px)}.ui-switch:focus-visible{outline:2px solid #302d2b;outline-offset:2px}.ui-variant-toggle--compact{font-size:13px}.hon-utility-inner .demo-ui-variant-slot,.hon-utility-inner .nav-ui-variant{display:flex;align-items:center;margin-right:auto}.hon-utility-inner .ui-switch{height:28px;color:#fff;font-size:11px}.hon-utility-inner .ui-switch__track{background:#ffffff59}.hon-utility-inner .ui-switch[aria-checked=true] .ui-switch__track{background:#fff}.hon-utility-inner .ui-switch[aria-checked=true] .ui-switch__thumb{background:#111}.hon-utility-inner .ui-switch:focus-visible{outline-color:#fff}@media (max-width: 767px){.ui-switch{height:36px;gap:4px;padding:0;font-size:13px}.ui-switch__label-extra{display:none}.ui-switch__track{width:28px;height:16px}.ui-switch__thumb{width:12px;height:12px}.ui-switch[aria-checked=true] .ui-switch__thumb{transform:translate(12px)}}@media (prefers-reduced-motion: reduce){.ui-switch__track,.ui-switch__thumb{transition:none}}