.fn-switch{display:inline-flex;align-items:center;position:relative;aspect-ratio:52/32;box-sizing:border-box;border:2px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-large-default-size);cursor:pointer;height:var(--fn-switch-height);color:var(--md-sys-color-surface-variant);background-color:transparent;transition:background-color .2s cubic-bezier(0,0,.2,1) 0s}@media (any-hover:hover){.fn-switch{--fn-switch-hover-color:rgb(var(--fn-switch-color-rgb) / var(--md-sys-state-hover-state-layer-opacity));--fn-switch-checked-hover-color:color-mix(in srgb, var(--fn-switch-color), var(--fn-sys-color-switch-reverse) var(--md-sys-state-hover-state-layer-opacity-percentage))}.fn-switch:hover{background-color:var(--fn-switch-hover-color)}.fn-switch:not([disabled]):has(:checked):hover{border-color:var(--fn-switch-checked-hover-color);background-color:var(--fn-switch-checked-hover-color)}}.fn-switch__thumb{z-index:2;--interval:3px;--wrapper-height:calc(var(--fn-switch-height) - 4px - var(--interval) * 2);left:calc(-1 * (var(--fn-switch-height) - 4px - var(--wrapper-height) * .66)/ 2);transition:left .2s cubic-bezier(0,0,.2,1) 0s}.fn-switch__thumb--icon-wrapper{display:inline-flex;justify-content:center;align-items:center;height:var(--wrapper-height);aspect-ratio:1;overflow:hidden;border-radius:50%;background-color:var(--md-sys-color-outline);transform:scale(.66);transition:transform .2s cubic-bezier(0,0,.2,1) 0s,background-color .2s cubic-bezier(0,0,.2,1) 0s}i.fn-switch__thumb--icon{display:inline-flex;justify-content:center;align-items:center}span.fn-switch__thumb--icon{display:inline-block;width:100%;height:100%;overflow:hidden;transform:scale(0);color:var(--fn-switch-color);transition:transform .2s cubic-bezier(0,0,.2,1) 0s}.fn-switch:has(:checked){color:var(--fn-switch-color);border-color:var(--fn-switch-color);background-color:var(--fn-switch-color)}.fn-switch:has(:checked) .fn-switch__thumb{left:calc(100% - var(--fn-switch-height) - var(--interval) + 2px)}.fn-switch:has(:checked) .fn-switch__thumb--icon-wrapper{background-color:var(--fn-switch-on-color);transform:scale(1)}.fn-switch:has(:checked) .fn-switch__thumb--icon{transform:scale(1)}.fn-switch__input{cursor:inherit;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0;z-index:1}.fn-switch[disabled]{cursor:default;color:var(--md-sys-color-on-surface);border-color:var(--fn-sys-color-disabled-level-1)}.fn-switch[disabled] .fn-switch__thumb--icon-wrapper{background-color:var(--fn-sys-color-disabled-level-0)}.fn-switch[disabled] .fn-switch__thumb--icon{color:var(--fn-sys-color-disabled-level-0)}@media (any-hover:hover){.fn-switch[disabled]:hover{background-color:transparent}}.fn-switch[disabled]:has(:checked){background-color:var(--fn-sys-color-disabled-level-1)}.fn-switch[disabled]:has(:checked) .fn-switch__thumb--icon-wrapper{background-color:var(--md-sys-color-surface)}