| blob | 83040c9bc5c69aa028802d7a0c45a727567da9b7 |
1 .cdx-toggle-switch{display:inline-flex;align-items:center;justify-content:flex-start;position:relative;z-index:0;margin-bottom:12px}.cdx-toggle-switch--align-switch{display:flex;justify-content:space-between}.cdx-toggle-switch:last-child{margin-bottom:0}.cdx-toggle-switch__label,.cdx-toggle-switch__label.cdx-label{order:-1}.cdx-toggle-switch__label:not(:empty),.cdx-toggle-switch__label.cdx-label:not(:empty){padding-left:6px}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label{padding-bottom:0}.cdx-toggle-switch .cdx-toggle-switch__label.cdx-label .cdx-label__label__text{font-weight:400}.cdx-toggle-switch__switch{transform:translateZ(0);background-color:var(--background-color-base, #fff);display:inline-block;flex-shrink:0;position:relative;box-sizing:border-box;min-width:48px;min-height:32px;width:3rem;height:2rem;border-width:1px;border-style:solid;border-color:var(--border-color-interactive, #72777d);border-radius:9999px;overflow:hidden;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch:before{content:"";display:block;position:absolute;top:1px;left:1px;bottom:1px;right:1px;z-index:1;border:1px solid var(--border-color-transparent, transparent);border-radius:9999px;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-toggle-switch__switch__grip{position:absolute;top:50%;box-sizing:border-box;min-width:20px;min-height:20px;width:1.25rem;height:1.25rem;border:1px solid var(--border-color-interactive, #72777d);border-radius:50%;transform:translate(-.3125rem) translateY(-50%);transition-property:background-color,border-color,transform;transition-duration:.25s,.1s,.1s}.cdx-toggle-switch__input{opacity:0;position:absolute;left:0;z-index:2;min-width:48px;min-height:32px;width:3rem;height:2rem;margin:0;font-size:inherit}.cdx-toggle-switch__input:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff);border-color:var(--border-color-inverted, #fff);transform:translate(calc(-1*(100% + .0625rem))) translateY(-50%)}.cdx-toggle-switch__input:enabled:hover,.cdx-toggle-switch__input:enabled~.cdx-label .cdx-label__label:hover,.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__label:not(.cdx-label):hover{cursor:pointer}.cdx-toggle-switch__input:enabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff)}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-interactive-subtle--hover, #eaecf0);border-color:var(--border-color-interactive--hover, #27292d)}.cdx-toggle-switch__input:enabled:hover~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff);border-color:var(--border-color-interactive--hover, #27292d)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch{background-color:var(--background-color-interactive-subtle--active, #dadde3);border-color:var(--border-color-interactive--active, #202122)}.cdx-toggle-switch__input:enabled:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base, #fff);border-color:var(--border-color-interactive--active, #202122)}.cdx-toggle-switch__input:enabled:focus:not(:active)~.cdx-toggle-switch__switch{box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--focus, #36c);outline:1px solid transparent}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive, #36c);border-color:var(--border-color-transparent, transparent)}.cdx-toggle-switch__input:enabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--background-color-transparent, transparent)}.cdx-toggle-switch__input:enabled:checked:hover~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--hover, #3056a9);border-color:var(--border-color-transparent, transparent)}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch{border-color:var(--border-color-transparent, transparent)}.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch:before,.cdx-toggle-switch__input:enabled:checked:focus:not(:active)~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-inverted, #fff)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch{background-color:var(--background-color-progressive--active, #233566);border-color:var(--border-color-transparent, transparent);box-shadow:inset 0 0 0 1px var(--box-shadow-color-progressive--active, #233566)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch:before{border-color:var(--border-color-transparent, transparent)}.cdx-toggle-switch__input:enabled:checked:active~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--background-color-base-fixed, #fff);border-color:var(--border-color-transparent, transparent)}.cdx-toggle-switch__input:disabled{cursor:default}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch{background-color:var(--background-color-disabled-subtle, #eaecf0);border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-switch__input:disabled~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{border-color:var(--border-color-disabled, #c8ccd1)}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch{background-color:var(--background-color-disabled, #dadde3);border-color:var(--border-color-transparent, transparent)}.cdx-toggle-switch__input:disabled:checked~.cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{background-color:var(--color-disabled-emphasized, #a2a9b1);border-color:var(--border-color-transparent, transparent)}