@keyframes focus-animation{to{box-shadow:0 0 0 2px #fff,0 0 0 4px #fc3,0 0 0 5px #fff}}.sn-toggle{--toggle-color:#fff;--background:#ccc;--background-checked:#137e84;--background-error:lighten(#ec0000,30%);--background-checked-error:#ec0000;--border-color:#ccc;--border-color-checked:#137e84;--border-color-error:lighten(#ec0000,30%);--border-color-checked-error:#ec0000;--box-shadow:0 0 1px 0 #ccc;--box-shadow-checked:0 0 3px 0 #137e84;--box-shadow-error:none}.sn-toggle:hover .sn-toggle__slider:before{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.sn-toggle--checked .sn-toggle__slider{box-shadow:var(--box-shadow-checked);border-color:var(--border-color-checked);background-color:var(--background-checked)}.sn-toggle--checked .sn-toggle__slider:before{transform:translateX(100%)}.sn-toggle__content{display:inline-flex;align-items:center;cursor:pointer;width:-moz-fit-content;width:fit-content}.sn-toggle__content>*~*{margin-left:8px;margin-right:0}.sn-toggle__label{font-weight:400;font-family:var(--font-family-default,inherit);font-size:18px;line-height:28px;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(min-width:1024px){.sn-toggle__label{font-size:20px;line-height:32px}}.sn-toggle__switch{position:relative;display:inline-block}.sn-toggle__switch input{display:block;opacity:0;width:0;height:0}.sn-toggle__switch input:focus+.sn-toggle__slider{animation:focus-animation .1s ease-out forwards}.sn-toggle__slider{width:64px;height:32px;position:relative;display:flex;align-items:center;box-shadow:var(--box-shadow);background-color:var(--background);border:1px solid var(--border-color);border-radius:10rem;box-sizing:content-box}.sn-toggle__slider:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;transition:all .1s linear;width:32px;background-color:var(--toggle-color);border-radius:50%;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.sn-toggle[class^=sn-][class*="--invalid"] .sn-toggle__slider{box-shadow:var(--box-shadow-error,var(--box-shadow));border-color:#ff8686;background-color:#ff8686}.sn-toggle--checked[class^=sn-][class*="--invalid"] .sn-toggle__slider{box-shadow:var(--box-shadow-checked-error,var(--box-shadow-error,var(--box-shadow-checked)));border-color:#ec0000;background-color:#ec0000}.sn-toggle--stacked{--toggle-color:#137e84;--background:#fff;--background-checked:#fff;--background-error:#fff;--background-checked-error:#fff;--border-color:#fff;--border-color-checked:#fff;--border-color-error:#ec0000;--border-color-checked-error:#ec0000;--box-shadow:0px 4px 20px 0px #0000001a;--box-shadow-checked:0px 4px 20px 0px #0000001a}.sn-toggle--stacked .sn-toggle__content{position:relative;width:100%;min-height:56px}.sn-toggle--stacked .sn-toggle__label{z-index:1;min-width:100px;min-height:100%;text-align:center;width:50%;align-self:stretch;justify-content:center;align-items:center;display:inline-flex}.sn-toggle--stacked .sn-toggle__label--active{color:#fff}.sn-toggle--stacked .sn-toggle__switch{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;z-index:0;margin:0}.sn-toggle--stacked .sn-toggle__slider{width:100%;height:100%;box-sizing:border-box}.sn-toggle--stacked .sn-toggle__slider:before{border-radius:999px;width:50%}.sn-toggle--stacked[class^=sn-][class*="--invalid"] .sn-toggle__slider{border-color:#ff8686;background-color:var(--background)}.sn-toggle--stacked .sn-toggle--checked[class^=sn-][class*="--invalid"] .sn-toggle__slider{border-color:#ec0000;background-color:var(--background-checked)}.sn-toggle--stacked.sn-toggle--unset .sn-toggle__slider:before{display:none}