/* == reset css == */
* {
    /* margin: 0;
    padding: 0; */
    box-sizing: border-box;
}

input {
    border: none;
}

input:focus-visible {
    outline: none;
}


button {
    all: unset;
    background-color: initial;
    border: none;
    
}

/* == End reset css == */
/* == Message handle error ==  */
.handle_error {
    height: 10px;
    font-size: 14px;
    display: none;
}

/* == class action === */
.rotate_180 {
    transform: rotate(180deg);
}

.handle_error i[class^="icon-"] {
    font-size: 10px;
    color: var(--gray-100);
}

.handle_error .error_message {
    font-size: 11px;
    color: var(--gray-100);
    font-weight: 400px;
    line-height: 10px;
}