@layer properties;.toggle-button{display:inline-flex;height:100%;flex-direction:row;align-items:center;gap:8px;padding:0 0 0 8px}.toggle-button .switch-wrap{display:inline-flex;background:#f2f4f7;transition:background .2s;width:36px;height:20px;border-radius:12px;vertical-align:middle;border-width:1px;--tw-border-style: solid;border-style:solid;border-color:var(--importantElBorder);background-color:var(--importantEl)}.toggle-button .switch-wrap input{position:absolute;opacity:0;width:0;height:0}.toggle-button .switch-wrap .switch{width:36px;height:100%;display:flex;transition:.2s;position:relative}.toggle-button .switch-wrap .switch:after{position:absolute;content:"";box-shadow:0 1px 3px #1018281a,0 1px 2px #1018280f;border-radius:50%;grid-column:2;transition:all .2s;width:16px;height:16px;top:2px;left:2px;background-color:var(--textDefault)}.toggle-button .switch-wrap.disabled .switch:after{background-color:var(--inactiveElementText)}.toggle-button .switch-wrap.checked{background:#498cf7}.toggle-button .switch-wrap.checked .switch:after{left:50%}.toggle-button .label-text{font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, 1.25rem));--tw-font-weight: var(--font-weight-normal, 400);font-weight:var(--font-weight-normal, 400);color:var(--textDefault)}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial}}}