.is-xxs {
    width: 110.77px;
    height: 26.18px;
    padding-left: 10px;
    font-size: 16.18px;
    outline: none;
    border-radius: 2px;
}
.is-xs {
    width: 179.43px;
    height: 42.36px;
    padding-left: 10px;
    font-size: 16.18px;
    outline: none;
    border-radius: 2px;
}
.is-sm {
    width: 290.33px;
    height: 42.36px;
    padding-left: 10px;
    font-size: 16.18px;
    outline: none;
    border-radius: 2px;
}

.is-md {
    width: 469.75px;
    height: 42.36px;
    padding-left: 10px;
    font-size: 16.18px;
    outline: none;
    border-radius: 2px;
}

.is-lg {
    width: 760.06px;
    height: 42.36px;
    padding-left: 10px;
    font-size: 16.18px;
    outline: none;
    border-radius: 2px;
}

.is-full{
    width: 100%;
    height: 42.36px;
    padding-left: 10px;
    font-size: 16.18px;
    outline: none;
    border-radius: 2px;
}

.br-primary {
    border: 0.5px solid var(--co-primary);

}

.br-secondary {
    border: 0.5px solid var(--co-secondary);

}

/* text-area */
.ta-sm{
    width: 290.33px;
    height: 290.33px;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 16.18px;
    outline: none;
    border-radius: 2px;
}

.is-xxs-rec{
     width: 42.36px;
    height: 42.36px;
    padding-left: 10px;
    font-size: 16.18px;
    outline: none;
    border-radius: 2px;
}