:root{--swan-toggle-switch:1}.swan-toggle-switch{--swan-internal-toggle-switch-handle-size:var(--swan-comp-toggle-switch-size-standard-height);--swan-internal-toggle-switch-height:calc(var(--swan-comp-toggle-switch-size-standard-height) + 2 * var(--swan-sem-space-2));--swan-internal-toggle-switch-width:calc(var(--swan-comp-toggle-switch-size-standard-height) * 2 + var(--swan-sem-space-2) * 3);font-family:var(--swan-base-font-family-primary);font-size:var(--swan-sem-font-size-standard);font-weight:var(--swan-base-font-weight-normal);letter-spacing:var(--swan-base-font-letter-spacing-100);line-height:var(--swan-base-font-line-height-500);-webkit-appearance:none;appearance:none;background:var(--swan-base-color-transparent);color:var(--swan-sem-color-text-standard);border:var(--swan-sem-border-width-none);cursor:pointer;display:inline-block;margin-right:var(--swan-sem-space-3);min-height:var(--swan-internal-toggle-switch-height);padding-right:calc(var(--swan-sem-space-3) + var(--swan-internal-toggle-switch-width));position:relative;text-align:left;vertical-align:middle}.swan-toggle-switch::before{background:var(--swan-comp-toggle-switch-handle-color-bg);border-radius:var(--swan-sem-border-radius-rounded);bottom:calc(50% - var(--swan-internal-toggle-switch-handle-size)/ 2);content:" ";display:inline-block;width:var(--swan-internal-toggle-switch-handle-size);height:var(--swan-internal-toggle-switch-handle-size);position:absolute;right:calc(var(--swan-internal-toggle-switch-width) - var(--swan-internal-toggle-switch-handle-size) - var(--swan-sem-space-2));transition:right .2s;z-index:var(--swan-sem-z-index-raised)}.swan-toggle-switch::after{content:" ";box-sizing:border-box;display:inline-block;position:absolute;bottom:calc(50% - var(--swan-internal-toggle-switch-height)/ 2);right:0;height:var(--swan-internal-toggle-switch-height);width:var(--swan-internal-toggle-switch-width);background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4L4 12M4 4L12 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-color:var(--swan-sem-color-bg-control);background-position:calc(var(--swan-internal-toggle-switch-handle-size) + 2 * var(--swan-sem-space-2) - var(--swan-sem-border-width-input)) center;background-size:var(--swan-internal-toggle-switch-handle-size);border:var(--swan-sem-border-width-input) solid var(--swan-sem-color-border-control);border-radius:var(--swan-sem-border-radius-rounded);transition:background .2s}.swan-dark-mode .swan-toggle-switch::after,.swan-toggle-switch.swan-dark-mode::after{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4L4 12M4 4L12 12" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.swan-toggle-switch:hover::after{background-color:var(--swan-sem-color-bg-control-hover)}.swan-toggle-switch:active::after{background-color:var(--swan-sem-color-bg-control-active)}.swan-toggle-switch:focus:not(.focus-visible){outline:0}.swan-toggle-switch:focus-visible,.swan-toggle-switch:focus:not(:focus-visible){outline:0}.swan-toggle-switch.focus-visible{box-shadow:none;outline:0}.swan-toggle-switch:focus-visible{box-shadow:none;outline:0}.swan-toggle-switch.focus-visible::after,.swan-toggle-switch:focus-visible::after{box-shadow:var(--swan-sem-focus-standard)}.swan-toggle-switch:disabled,.swan-toggle-switch:disabled[aria-checked=true]{cursor:not-allowed!important}.swan-toggle-switch:disabled::before,.swan-toggle-switch:disabled[aria-checked=true]::before{background-color:var(--swan-base-color-grey-500)}.swan-toggle-switch:disabled::after,.swan-toggle-switch:disabled:active::after,.swan-toggle-switch:disabled:hover::after,.swan-toggle-switch:disabled[aria-checked=true]::after,.swan-toggle-switch:disabled[aria-checked=true]:active::after,.swan-toggle-switch:disabled[aria-checked=true]:hover::after{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4L4 12M4 4L12 12" stroke="%239e9e9e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-color:var(--swan-sem-color-bg-disabled);border:var(--swan-sem-border-width-input) solid var(--swan-sem-color-border-disabled)}.swan-toggle-switch:disabled[aria-checked=true]::after,.swan-toggle-switch:disabled[aria-checked=true]:active::after,.swan-toggle-switch:disabled[aria-checked=true]:hover::after{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3334 4L6.00002 11.3333L2.66669 8" stroke="%239e9e9e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.swan-toggle-switch .swan-toggle-switch-text-off,.swan-toggle-switch .swan-toggle-switch-text-on{display:block;text-align:left}.swan-toggle-switch .swan-toggle-switch-text-on{height:0;overflow:hidden}.swan-toggle-switch[aria-checked=true]::before{right:var(--swan-sem-space-2);transition:right .2s}.swan-toggle-switch[aria-checked=true]::after{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3334 4L6.00002 11.3333L2.66669 8" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position:calc(var(--swan-sem-space-2) - var(--swan-sem-border-width-input)) center;background-color:var(--swan-sem-color-bg-selected-accent);border-color:transparent;transition:background .2s}.swan-dark-mode .swan-toggle-switch[aria-checked=true]::after,.swan-toggle-switch[aria-checked=true].swan-dark-mode::after{background-image:url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.3334 4L6.00002 11.3333L2.66669 8" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.swan-toggle-switch[aria-checked=true]:hover::after{background-color:var(--swan-sem-color-bg-selected-accent-hover)}.swan-toggle-switch[aria-checked=true]:active::after{background-color:var(--swan-sem-color-bg-selected-accent-active)}.swan-toggle-switch[aria-checked=true] .swan-toggle-switch-text-on{height:auto;overflow:visible}.swan-toggle-switch[aria-checked=true] .swan-toggle-switch-text-off{height:0;overflow:hidden}.swan-toggle-switch-mini{--swan-internal-toggle-switch-handle-size:var(--swan-comp-toggle-switch-size-mini-height);--swan-internal-toggle-switch-height:calc(var(--swan-comp-toggle-switch-size-mini-height) + 2 * var(--swan-sem-space-2));--swan-internal-toggle-switch-width:calc(var(--swan-comp-toggle-switch-size-mini-height) * 2 + var(--swan-sem-space-2) * 3)}.swan-toggle-switch-mini::after{background-image:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 2L2 6M2 2L6 6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.swan-dark-mode .swan-toggle-switch-mini::after,.swan-toggle-switch-mini.swan-dark-mode::after{background-image:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 2L2 6M2 2L6 6" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.swan-toggle-switch-mini[aria-checked=true]::after{background-image:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.66665 2L2.99998 5.66667L1.33331 4" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.swan-dark-mode .swan-toggle-switch-mini[aria-checked=true]::after,.swan-toggle-switch-mini[aria-checked=true].swan-dark-mode::after{background-image:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.66665 2L2.99998 5.66667L1.33331 4" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.swan-toggle-switch-mini:disabled::after,.swan-toggle-switch-mini:disabled:hover::after{background-image:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 2L2 6M2 2L6 6" stroke="%239e9e9e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.swan-toggle-switch-mini:disabled[aria-checked=true]::after,.swan-toggle-switch-mini:disabled[aria-checked=true]:hover::after{background-image:url('data:image/svg+xml;utf8,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.66665 2L2.99998 5.66667L1.33331 4" stroke="%239e9e9e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>')}.swan-toggle-switch-hide-text{padding-right:var(--swan-internal-toggle-switch-width)}.swan-toggle-switch-hide-text .swan-toggle-switch-text-off,.swan-toggle-switch-hide-text .swan-toggle-switch-text-on,.swan-toggle-switch-hide-text[aria-checked=true] .swan-toggle-switch-text-on{opacity:.01;width:1px;height:0}.swan-toggle-switch-hide-text .swan-toggle-switch-text-off{height:1px}.swan-toggle-switch-hide-text[aria-checked=true] .swan-toggle-switch-text-on{height:1px}.swan-toggle-switch-hide-text[aria-checked=true] .swan-toggle-switch-text-off{height:0}