@use "mixins" as *;

// =========== input default ==============
.sln-input {
    @include input_default;
    &:hover {
        border: 1px solid var(--INFO);
        box-shadow: none;
        border-radius: 10px;
    }
    &:active {
        color: var(--DARK-GREY); 
        border: 1px solid var(--PRIMARY);
        border-radius: 10px;
    }
    &:focus{
        color: var(--DARK-GREY); 
        border: 1px solid var(--PRIMARY);
        border-radius: 10px;
    }
    &:disabled{
        color: var(--MIDLE-GRAY); 
        border: 1px solid var(--SUCCESS);
        border-radius: 10px;
    }
    
}
// textarea
.sln-textarea_default {
    @include textarea_default;
    &:hover {
        border: 1px solid var(--INFO);
        box-shadow: none;
        border-radius: 10px;
    }
    &:active {
        color: var(--DARK-GREY); 
        border: 1px solid var(--PRIMARY);
        border-radius: 10px;
    }
    &:focus{
        color: var(--DARK-GREY); 
        border: 1px solid var(--PRIMARY);
        border-radius: 10px;
    }
    &:disabled{
        color: var(--MIDLE-GRAY); 
        border: 1px solid var(--SUCCESS);
        border-radius: 10px;
    }
}    
