/* RADIO CUSTOM */
.radio-custom {
    display: flex;
    align-items: center;
    gap: 8px;
}

.radio-custom input {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid #B3B3B3;
    background: #ffffff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
}

.radio-custom input:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'%3E%3Cpath d='M4 0C6.20914 0 8 1.79086 8 4C8 6.20914 6.20914 8 4 8C1.79086 8 0 6.20914 0 4C0 1.79086 1.79086 0 4 0Z' fill='%233B4043'/%3E%3C/svg%3E");    background-size: cover;
    background-position: center;
    background-size: 8px 8px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}
/* END RADIO CUSTOM */

/* CHECKBOX CUSTOM */
.checkbox-custom {
    display: flex;
    align-items: center;
    gap: 8px;
}

.checkbox-custom input {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #B3B3B3;
    background: #ffffff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    z-index: 1;
}

.checkbox-custom input:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' fill='%233B4043'/%3E%3Crect x='0.5' y='0.5' width='15' height='15' rx='3.5' stroke='%23B3B3B3'/%3E%3Cpath d='M3.22133 8.39333C3.07467 8.26178 3 8.08045 3 7.89822C3 7.53289 3.296 7.23511 3.66489 7.23511C3.82311 7.23511 3.98044 7.29111 4.10844 7.404L7.04 10.0156L11.8871 4.716C12.0196 4.57289 12.1982 4.5 12.3796 4.5C12.7502 4.5 13.0444 4.79956 13.0444 5.164C13.0444 5.32311 12.9867 5.48311 12.8702 5.61022L7.57867 11.396C7.448 11.5391 7.26756 11.6111 7.088 11.6111C6.92978 11.6111 6.77067 11.556 6.64445 11.4422L3.22133 8.39333Z' fill='white'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
}

.checkbox-custom label {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    flex: 1 0 0;
}

.checkbox-custom input:disabled {
    background-color: #E4E5E6;
}
/* END CHECKBOX CUSTOM */

/* SELECT CUSTOM */
.select-custom {
    display: flex;
    padding: 8px 16px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    width: 300px;
    font-size: 14px;
    line-height: 20px;
    background: #F2F2F2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.268 15.7178C11.8682 16.1971 11.1318 16.1971 10.732 15.7178L7.2389 11.5291C6.69578 10.8779 7.15888 9.88867 8.00689 9.88867H14.9931C15.8411 9.88867 16.3042 10.8779 15.7611 11.5291L12.268 15.7178Z' fill='%233B4043'/%3E%3C/svg%3E") no-repeat;
    background-repeat: no-repeat;
    background-position: right 16px top 30%;
    background-size: 24px 24px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select-custom option {
    color: #2D3133;
}

.select-custom:invalid {
    color: #9F9F9F;
}
/* END SELECT CUSTOM */