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