.boolean-switch{display:flex}.boolean-switch--fullwidth{width:100%}.boolean-switch__label--left{border-right:0;border-radius:4px 0 0 4px}.boolean-switch__label--right{border-left:0;border-radius:0 4px 4px 0}.boolean-switch__label{cursor:pointer;border:1px solid #e0e5f7;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;width:50%;padding:6px 12px;font-size:12px;line-height:18px;transition:all .3s;display:flex}.boolean-switch__label:hover{background-color:#f2f9f9;border-color:#88c5ce}.boolean-switch__label:active{background-color:#d7ecef;border-color:#399fae}.boolean-switch__label--rounded{border-radius:4px}.boolean-switch__checkbox{display:none}.boolean-switch__checkbox:checked+label{color:#fff;background-color:#399fae;border-color:#399fae}.boolean-switch__checkbox:checked+label>*{color:#fff}.boolean-switch--v2{background:#f3f5fc;border:1px solid #e0e5f7;border-radius:16px;gap:4px;position:relative;overflow:hidden}.boolean-switch--v2 .boolean-switch__label{color:#121f48;white-space:nowrap;border:none;border-radius:16px;min-width:0;padding:8px 12px;font-weight:600;position:relative}.boolean-switch--v2 .boolean-switch__label:active,.boolean-switch--v2 .boolean-switch__label:hover{background:0 0}.boolean-switch--v2 .boolean-switch__checkbox:checked+label{color:#121f48;background:0 0}.boolean-switch__thumb{background:#fff;border:1px solid #e0e5f7;border-radius:16px;width:calc(50% - 2px);height:100%;transition:transform .2s;position:absolute;top:0;left:0}.boolean-switch__thumb--right{transform:translate(calc(100% + 4px))}