.toggle-switch-field.svelte-10fric2{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.toggle-switch-field.svelte-10fric2 .label-text:where(.svelte-10fric2){color:var(--color-positive-800);font:var(--typography-200);-webkit-user-select:none;user-select:none}.toggle-switch-field[data-disabled].svelte-10fric2{cursor:default}.toggle-switch-field[data-disabled].svelte-10fric2 .label-text:where(.svelte-10fric2){opacity:.33}@keyframes svelte-10fric2-switch-knob{0%,to{scale:1;transform-origin:0% 50%}50%{scale:1.75 .8;filter:blur(1px)}}@keyframes svelte-10fric2-switch-knob-active{0%,to{scale:1;transform-origin:100% 50%}50%{scale:1.75 .8;filter:blur(1px)}}@keyframes svelte-10fric2-fade-in{0%{opacity:0}to{opacity:1}}label.svelte-10fric2{--switch-border-width: 1px;--switch-radius: calc(var(--switch-height) / 2);--border-radius: var(--switch-height);display:block;position:relative;width:var(--switch-width);height:var(--switch-height);border-radius:var(--switch-radius);box-shadow:var(--switch-border-active);background:var(--switch-background-active);cursor:pointer}label.svelte-10fric2:focus,label.svelte-10fric2:focus-within{position:relative;outline:none}label.svelte-10fric2:focus:before,label.svelte-10fric2:focus-within:before{content:"";position:absolute;inset:0;margin:-5px;box-shadow:0 0 0 1px var(--color-focus) inset,0 0 0 3px var(--color-focus-alpha) inset;border-radius:calc(var(--border-radius) * 1.25);pointer-events:none}label.svelte-10fric2 .knob:where(.svelte-10fric2){position:absolute;top:50%;left:50%;aspect-ratio:1/1;height:calc(100% - var(--switch-padding) * 2);translate:calc(-50% + (var(--switch-width) - var(--switch-padding) / 2 - var(--switch-height)) / 2) -50%;transition:translate .5s linear(0,1.25,1,.9,1.04,.99,1.005,.996,1.001,.999,1);animation:svelte-10fric2-fade-in .1s .2s backwards}label.svelte-10fric2 .knob:where(.svelte-10fric2):after{content:"";display:block;height:100%;width:100%;box-shadow:1px -1px #0000001a inset,-1px -1px #0000001a inset,1px 1px #ffffff1a inset,-1px 1px #ffffff1a inset;border-radius:calc(var(--switch-radius) - var(--switch-padding));background:var(--switch-knob-color-active);transition:filter .1s ease-out,scale .1s ease-out,background .1s ease-out;filter:var(--switch-knob-filter-active)}label.svelte-10fric2:active .knob:where(.svelte-10fric2):after{scale:.82}label[data-color=Primary].svelte-10fric2{--switch-bold-knob-color: var(--color-primary-900);--switch-bold-knob-color-active: var(--color-primary-900);--switch-bold-background: var(--color-primary-300);--switch-bold-background-active: var(--color-primary-300);--switch-bold-border: 1px 1px 0 0 hsla(0, 0%, 0%, .2) inset, -1px 1px 0 0 hsla(0, 0%, 0%, .2) inset, 1px -1px 0 0 hsla(0, 0%, 100%, .025) inset, -1px -1px 0 0 hsla(0, 0%, 100%, .025) inset;--switch-bold-border-active: var(--switch-bold-border);--switch-bold-knob-filter: drop-shadow(0 2px 2px hsla(0, 0%, 0%, .8));--switch-bold-knob-filter-active: var(--switch-bold-knob-filter);--switch-subtle-knob-color: var(--color-primary-900);--switch-subtle-knob-color-active: var(--color-primary-1000);--switch-subtle-background: transparent;--switch-subtle-background-active: var(--color-primary-300);--switch-subtle-border: 0 0 0 var(--switch-border-width) var(--color-passive-500) inset;--switch-subtle-border-active: var(--switch-bold-border);--switch-subtle-knob-filter: none;--switch-subtle-knob-filter-active: var(--switch-bold-knob-filter);--switch-none-knob-color: var(--color-primary-1000);--switch-none-knob-color-active: var(--color-primary-1000);--switch-none-background: transparent;--switch-none-background-active: transparent;--switch-none-border: var(--switch-subtle-border);--switch-none-border-active: var(--switch-subtle-border);--switch-none-knob-filter: none;--switch-none-knob-filter-active: none;--color-focus: var(--color-primary-400);--color-focus-alpha: var(--color-primary-alpha-300)}label[data-color=Confirm].svelte-10fric2{--switch-bold-knob-color: var(--color-confirm-900);--switch-bold-knob-color-active: var(--color-confirm-900);--switch-bold-background: var(--color-confirm-300);--switch-bold-background-active: var(--color-confirm-300);--switch-bold-border: 1px 1px 0 0 hsla(0, 0%, 0%, .2) inset, -1px 1px 0 0 hsla(0, 0%, 0%, .2) inset, 1px -1px 0 0 hsla(0, 0%, 100%, .025) inset, -1px -1px 0 0 hsla(0, 0%, 100%, .025) inset;--switch-bold-border-active: var(--switch-bold-border);--switch-bold-knob-filter: drop-shadow(0 2px 2px hsla(0, 0%, 0%, .8));--switch-bold-knob-filter-active: var(--switch-bold-knob-filter);--switch-subtle-knob-color: var(--color-confirm-900);--switch-subtle-knob-color-active: var(--color-confirm-1000);--switch-subtle-background: transparent;--switch-subtle-background-active: var(--color-confirm-300);--switch-subtle-border: 0 0 0 var(--switch-border-width) var(--color-passive-500) inset;--switch-subtle-border-active: var(--switch-bold-border);--switch-subtle-knob-filter: none;--switch-subtle-knob-filter-active: var(--switch-bold-knob-filter);--switch-none-knob-color: var(--color-confirm-1000);--switch-none-knob-color-active: var(--color-confirm-1000);--switch-none-background: transparent;--switch-none-background-active: transparent;--switch-none-border: var(--switch-subtle-border);--switch-none-border-active: var(--switch-subtle-border);--switch-none-knob-filter: none;--switch-none-knob-filter-active: none;--color-focus: var(--color-confirm-400);--color-focus-alpha: var(--color-confirm-alpha-300)}label[data-color=Warning].svelte-10fric2{--switch-bold-knob-color: var(--color-warning-900);--switch-bold-knob-color-active: var(--color-warning-900);--switch-bold-background: var(--color-warning-300);--switch-bold-background-active: var(--color-warning-300);--switch-bold-border: 1px 1px 0 0 hsla(0, 0%, 0%, .2) inset, -1px 1px 0 0 hsla(0, 0%, 0%, .2) inset, 1px -1px 0 0 hsla(0, 0%, 100%, .025) inset, -1px -1px 0 0 hsla(0, 0%, 100%, .025) inset;--switch-bold-border-active: var(--switch-bold-border);--switch-bold-knob-filter: drop-shadow(0 2px 2px hsla(0, 0%, 0%, .8));--switch-bold-knob-filter-active: var(--switch-bold-knob-filter);--switch-subtle-knob-color: var(--color-warning-900);--switch-subtle-knob-color-active: var(--color-warning-1000);--switch-subtle-background: transparent;--switch-subtle-background-active: var(--color-warning-300);--switch-subtle-border: 0 0 0 var(--switch-border-width) var(--color-passive-500) inset;--switch-subtle-border-active: var(--switch-bold-border);--switch-subtle-knob-filter: none;--switch-subtle-knob-filter-active: var(--switch-bold-knob-filter);--switch-none-knob-color: var(--color-warning-1000);--switch-none-knob-color-active: var(--color-warning-1000);--switch-none-background: transparent;--switch-none-background-active: transparent;--switch-none-border: var(--switch-subtle-border);--switch-none-border-active: var(--switch-subtle-border);--switch-none-knob-filter: none;--switch-none-knob-filter-active: none;--color-focus: var(--color-warning-400);--color-focus-alpha: var(--color-warning-alpha-300)}label[data-color=Critical].svelte-10fric2{--switch-bold-knob-color: var(--color-critical-900);--switch-bold-knob-color-active: var(--color-critical-900);--switch-bold-background: var(--color-critical-300);--switch-bold-background-active: var(--color-critical-300);--switch-bold-border: 1px 1px 0 0 hsla(0, 0%, 0%, .2) inset, -1px 1px 0 0 hsla(0, 0%, 0%, .2) inset, 1px -1px 0 0 hsla(0, 0%, 100%, .025) inset, -1px -1px 0 0 hsla(0, 0%, 100%, .025) inset;--switch-bold-border-active: var(--switch-bold-border);--switch-bold-knob-filter: drop-shadow(0 2px 2px hsla(0, 0%, 0%, .8));--switch-bold-knob-filter-active: var(--switch-bold-knob-filter);--switch-subtle-knob-color: var(--color-critical-900);--switch-subtle-knob-color-active: var(--color-critical-1000);--switch-subtle-background: transparent;--switch-subtle-background-active: var(--color-critical-300);--switch-subtle-border: 0 0 0 var(--switch-border-width) var(--color-passive-500) inset;--switch-subtle-border-active: var(--switch-bold-border);--switch-subtle-knob-filter: none;--switch-subtle-knob-filter-active: var(--switch-bold-knob-filter);--switch-none-knob-color: var(--color-critical-1000);--switch-none-knob-color-active: var(--color-critical-1000);--switch-none-background: transparent;--switch-none-background-active: transparent;--switch-none-border: var(--switch-subtle-border);--switch-none-border-active: var(--switch-subtle-border);--switch-none-knob-filter: none;--switch-none-knob-filter-active: none;--color-focus: var(--color-critical-400);--color-focus-alpha: var(--color-critical-alpha-300)}label[data-color=Passive].svelte-10fric2{--switch-bold-knob-color: var(--color-passive-900);--switch-bold-knob-color-active: var(--color-passive-900);--switch-bold-background: var(--color-passive-300);--switch-bold-background-active: var(--color-passive-300);--switch-bold-border: 1px 1px 0 0 hsla(0, 0%, 0%, .2) inset, -1px 1px 0 0 hsla(0, 0%, 0%, .2) inset, 1px -1px 0 0 hsla(0, 0%, 100%, .025) inset, -1px -1px 0 0 hsla(0, 0%, 100%, .025) inset;--switch-bold-border-active: var(--switch-bold-border);--switch-bold-knob-filter: drop-shadow(0 2px 2px hsla(0, 0%, 0%, .8));--switch-bold-knob-filter-active: var(--switch-bold-knob-filter);--switch-subtle-knob-color: var(--color-passive-900);--switch-subtle-knob-color-active: var(--color-passive-1000);--switch-subtle-background: transparent;--switch-subtle-background-active: var(--color-passive-300);--switch-subtle-border: 0 0 0 var(--switch-border-width) var(--color-passive-500) inset;--switch-subtle-border-active: var(--switch-bold-border);--switch-subtle-knob-filter: none;--switch-subtle-knob-filter-active: var(--switch-bold-knob-filter);--switch-none-knob-color: var(--color-passive-1000);--switch-none-knob-color-active: var(--color-passive-1000);--switch-none-background: transparent;--switch-none-background-active: transparent;--switch-none-border: var(--switch-subtle-border);--switch-none-border-active: var(--switch-subtle-border);--switch-none-knob-filter: none;--switch-none-knob-filter-active: none;--color-focus: var(--color-passive-400);--color-focus-alpha: var(--color-passive-alpha-300)}label[data-weight=Bold].svelte-10fric2{--switch-background: var(--switch-bold-background);--switch-background-active: var(--switch-bold-background-active);--switch-knob-color: var(--switch-bold-knob-color);--switch-knob-color-active: var(--switch-bold-knob-color-active);--switch-border: var(--switch-bold-border);--switch-border-active: var(--switch-bold-border-active);--switch-knob-filter: var(--switch-bold-knob-filter);--switch-knob-filter-active: var(--switch-bold-knob-filter-active)}label[data-weight=Subtle].svelte-10fric2{--switch-background: var(--switch-subtle-background);--switch-background-active: var(--switch-subtle-background-active);--switch-knob-color: var(--switch-subtle-knob-color);--switch-knob-color-active: var(--switch-subtle-knob-color-active);--switch-border: var(--switch-subtle-border);--switch-border-active: var(--switch-subtle-border-active);--switch-knob-filter: var(--switch-subtle-knob-filter);--switch-knob-filter-active: var(--switch-subtle-knob-filter-active)}label[data-weight=None].svelte-10fric2{--switch-background: var(--switch-none-background);--switch-background-active: var(--switch-none-background-active);--switch-knob-color: var(--switch-none-knob-color);--switch-knob-color-active: var(--switch-none-knob-color-active);--switch-border: var(--switch-none-border);--switch-border-active: var(--switch-none-border-active);--switch-knob-filter: var(--switch-none-knob-filter);--switch-knob-filter-active: var(--switch-none-knob-filter-active)}label[data-checked=true].svelte-10fric2 .knob:where(.svelte-10fric2):after{animation:svelte-10fric2-switch-knob-active .15s cubic-bezier(.075,.82,.165,1)}label[data-checked=false].svelte-10fric2{box-shadow:var(--switch-border);background:var(--switch-background)}label[data-checked=false].svelte-10fric2 .knob:where(.svelte-10fric2){translate:calc(-50% - (var(--switch-width) - var(--switch-padding) / 2 - var(--switch-height)) / 2) -50%}label[data-checked=false].svelte-10fric2 .knob:where(.svelte-10fric2):after{background:var(--switch-knob-color);filter:var(--switch-knob-filter);animation:svelte-10fric2-switch-knob .15s cubic-bezier(.075,.82,.165,1)}label[data-disabled].svelte-10fric2{filter:grayscale(90%);pointer-events:none}label[data-disabled].svelte-10fric2 :where(.svelte-10fric2){opacity:.33}label.svelte-10fric2 input:where(.svelte-10fric2){display:none}