@layer bcc-design-layer{.bcc-switch{font-family:var(--g-text-body-font-family);flex-direction:row;align-items:center}.bcc-switch,.bcc-switch__box{display:flex;box-sizing:border-box}.bcc-switch__box{align-items:flex-start;flex-shrink:0;margin:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative;border-radius:var(--b-border-radius-cof-8);border:2px solid transparent;background-color:var(--b-color-neutral-default-200);transition:background-color .2s ease,border-color .2s ease}.bcc-switch__box:hover{background-color:var(--b-color-neutral-default-300)}.bcc-switch__box:active{background-color:var(--b-color-neutral-default-400)}.bcc-switch__box:before{content:"";position:absolute;top:0;left:0;display:block;box-sizing:border-box;transition:transform .2s ease;border-radius:var(--b-border-radius-circle);background-color:var(--b-color-ultimate-white)}.bcc-switch__box_sm{width:35px;height:20px}.bcc-switch__box_sm:before{width:15px;height:15px;margin:.5px}.bcc-switch__box_md{width:52px;height:32px}.bcc-switch__box_md:before{width:24px;height:24px;margin:var(--g-spacing-half)}.bcc-switch__box_focused{outline:2px solid var(--b-color-status-process-500);outline-offset:1px}.bcc-switch__box_checked{background-color:var(--b-color-brand-500)}.bcc-switch__box_checked:hover{background-color:var(--b-color-brand-600)}.bcc-switch__box_checked:active{background-color:var(--b-color-brand-700)}.bcc-switch__box_disabled{cursor:not-allowed;background-color:var(--b-color-neutral-default-200)}.bcc-switch__box_disabled:before{background-color:var(--b-color-neutral-default-400)}.bcc-switch__box_disabled:active,.bcc-switch__box_disabled:hover{background-color:var(--b-color-neutral-default-200)}.bcc-switch__box_error{border:2px solid var(--b-color-status-error-500)}.bcc-switch__box.bcc-switch__box_checked.bcc-switch__box_sm:before{transform:translateX(15px)}.bcc-switch__box.bcc-switch__box_checked.bcc-switch__box_md:before{transform:translateX(20px)}.bcc-toggle-control:hover .bcc-switch__box.bcc-switch__box_checked:not(.bcc-switch__box_disabled){background-color:var(--b-color-brand-600)}.bcc-toggle-control:hover .bcc-switch__box:not(.bcc-switch__box_checked):not(.bcc-switch__box_disabled){background-color:var(--b-color-neutral-default-300)}.bcc-toggle-control:active .bcc-switch__box.bcc-switch__box_checked:not(.bcc-switch__box_disabled){background-color:var(--b-color-brand-700)}.bcc-toggle-control:active .bcc-switch__box:not(.bcc-switch__box_checked):not(.bcc-switch__box_disabled){background-color:var(--b-color-neutral-default-400)}}