/*!
 * 
 * UNDP Design System 1.4.6
 *
 */
.switch{cursor:pointer;display:flex;flex-direction:column;user-select:none}.switch__track{background-color:#d4d6d8;border:none;border-radius:20px;cursor:pointer;gap:5px;height:1.875rem;position:relative;width:3.75rem}.switch--small .switch__track{height:1.25rem;width:2.5rem}.switch__track:focus{box-shadow:0 0 4px #0468b1;outline:none}.switch__thumb{background-color:#fff;border-radius:50%;height:1.375rem;position:absolute;top:50%;transform:translate(-10%,-50%);transition:left .25s ease;width:1.375rem}.switch--small .switch__thumb{height:.875rem;width:.875rem}.switch--toggled .switch__thumb{left:60%}.switch--untoggled .switch__thumb{left:10%}.switch__icon{align-items:center;display:flex;position:absolute;top:50%;transform:translate(-20%,-50%)}.switch--small .switch__icon{width:.5rem}.switch__label{display:block;font-size:1.25rem;margin-bottom:.5rem}.switch--small .switch__label{font-size:1rem}.switch__value{font-size:1rem;font-weight:400}.switch--toggled .switch__track{background-color:#0468b1}.switch--toggled .switch__icon{background:transparent url(../../images/checkmark-regular.svg) no-repeat 0;color:#d4d6d8;height:13px;left:20%;width:13px}.switch--toggled.switch--small .switch__icon{background:transparent url(../../images/checkmark-small.svg) no-repeat 0;height:.625rem;width:.625rem}.switch--untoggled .switch__icon{background:transparent url(../../images/disabled-x-regular.svg) no-repeat 100%;color:#55606e;height:.625rem;right:15%;width:.625rem}.switch--untoggled.switch--small .switch__icon{background:transparent url(../../images/disabled-x-small.svg) no-repeat 100%;width:.5rem}.switch--disabled{cursor:not-allowed}.switch--disabled .switch__track{background-color:#d4d6d8}.switch--disabled .switch__track:focus{box-shadow:none;outline:none}.switch--disabled .switch__thumb{background-color:#a9b1b7}.switch--disabled.switch--toggled.switch--small .switch__icon{background:transparent url(../../images/disabled-checkmark-small.svg) no-repeat 0;height:.625rem;width:.625rem}.switch--disabled.switch--toggled .switch__icon{background:transparent url(../../images/disabled-checkmark-regular.svg) no-repeat 0;height:13px;width:13px}.switch__wrapper{align-items:center;display:flex;gap:5px}