@layer components{.toggle-switch-v2__container{align-items:center;display:flex;width:-moz-fit-content;width:fit-content}.toggle-switch-v2__container--label-right{flex-direction:row-reverse}.toggle-switch-v2__label{color:var(--color-content-main-default);font-family:var(--typography-body-tight-family-font-font);font-style:normal;font-weight:var(--typography-body-weight-sm)}.toggle-switch-v2__switch{background:var(--background-main-system-main);border:var(--component-control-lg-border-width) solid var(--color-border-accent-secondary);border-radius:var(--radius-capsule);display:flex;position:relative;transition:background .2s,border .2s}.toggle-switch-v2__switch:hover{border:var(--component-control-lg-border-width) solid var(--color-border-accent-primary)}.toggle-switch-v2__switch:focus-visible{outline:2px solid var(--color-border-main-content);outline-offset:2px}.toggle-switch-v2__switch[data-state=checked]{background:var(--color-background-accent-primary);border:var(--component-control-lg-border-width) solid var(--color-background-accent-primary)}.toggle-switch-v2__switch[data-state=checked]:hover{background:var(--color-background-accent-secondary);border:var(--component-control-lg-border-width) solid var(--color-background-accent-secondary)}.toggle-switch-v2__switch[data-disabled]{background:var(--color-background-disabled-secondary);pointer-events:none}.toggle-switch-v2__switch[data-disabled],.toggle-switch-v2__switch[data-state=checked][data-disabled]{border:var(--component-control-lg-border-width) solid var(--color-border-disabled-primary)}.toggle-switch-v2__thumb{background-color:var(--color-background-accent-primary);border-radius:var(--radius-capsule);margin:auto auto auto 0;transform:translate(calc(var(--spacing)*3));transition:transform .2s}.toggle-switch-v2__thumb[data-state=checked]{background-color:var(--color-background-main-system-main)}.toggle-switch-v2__thumb[data-disabled]{background-color:var(--color-content-disabled-primary)}.toggle-switch-v2__thumb[data-state=checked][data-disabled]{background-color:var(--color-content-disabled-secondary)}.toggle-switch-v2__container--small .toggle-switch-v2__switch{height:calc(var(--spacing)*18);width:calc(var(--spacing)*26)}.toggle-switch-v2__container--small .toggle-switch-v2__thumb{height:calc(var(--spacing)*8);width:calc(var(--spacing)*8)}.toggle-switch-v2__container--small .toggle-switch-v2__thumb[data-state=checked]{transform:translate(calc(var(--spacing)*11))}.toggle-switch-v2__container--small .toggle-switch-v2__label{font-size:var(--typography-body-tight-font-size-b4);line-height:var(--typography-body-tight-line-height-b4);padding-right:calc(var(--spacing)*4)}.toggle-switch-v2__container--small .toggle-switch-v2__label--right{padding-left:calc(var(--spacing)*4);padding-right:0}.toggle-switch-v2__container--medium .toggle-switch-v2__switch{height:calc(var(--spacing)*20);width:calc(var(--spacing)*30)}.toggle-switch-v2__container--medium .toggle-switch-v2__thumb{height:calc(var(--spacing)*10);width:calc(var(--spacing)*10)}.toggle-switch-v2__container--medium .toggle-switch-v2__thumb[data-state=checked]{transform:translate(calc(var(--spacing)*12))}.toggle-switch-v2__container--medium .toggle-switch-v2__label{font-size:var(--typography-body-tight-font-size-b3);line-height:var(--typography-body-tight-line-height-b3);padding-right:calc(var(--spacing)*6)}.toggle-switch-v2__container--medium .toggle-switch-v2__label--right{padding-left:calc(var(--spacing)*6);padding-right:0}.toggle-switch-v2__container--large .toggle-switch-v2__switch{height:calc(var(--spacing)*24);width:calc(var(--spacing)*36)}.toggle-switch-v2__container--large .toggle-switch-v2__thumb{height:calc(var(--spacing)*12);width:calc(var(--spacing)*12)}.toggle-switch-v2__container--large .toggle-switch-v2__thumb[data-state=checked]{transform:translate(calc(var(--spacing)*16))}.toggle-switch-v2__container--large .toggle-switch-v2__label{font-size:var(--typography-body-tight-font-size-b2);line-height:var(--typography-body-tight-line-height-b2);padding-right:calc(var(--spacing)*8)}.toggle-switch-v2__container--large .toggle-switch-v2__label--right{padding-left:calc(var(--spacing)*8);padding-right:0}}