form {
    width: 100%;
    padding: 0;
    margin: 0;
}

label {
    font-size: 13px;
    line-height: 20px;
    color: rgba(var(--rgbcolor-surface-contrast), .6);
}



input[type="text"], input[type="password"] {
    width: 100%;
    height: 52px;
    padding: 8px 16px 8px 16px;
    margin-bottom: 24px;
    font-size: 16px;
    background: rgba(var(--rgbcolor-surface-contrast), .05);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid rgba(var(--rgbcolor-surface-contrast), .2);
    border-radius: 5px 5px 0px 0px;
    transition: border-bottom 500ms;
}

input[type="text"]:focus, input[type="password"]:focus {
    outline: none;
    border-bottom: 2px solid rgb(var(--rgbcolor-primary));
    transition: border-bottom 500ms;
}

.input--error {
    border-bottom: 2px solid rgb(var(--rgbcolor-error)) !important;
    transition: border-bottom 500ms;
}



input[type="checkbox"] {
    width: 24px;
    height: 24px;
    background: rgba(var(--rgbcolor-surface-contrast), .05);
    border-radius: 5px 5px 0px 0px;
    transition: border-bottom 500ms;
}


button {
    width: 100%;
    height: 36px;
    font-size: 16px;
    font-weight: bold;
    border: none;
    outline: none;
    border-radius: 5px;
    cursor: pointer;
}

.button--stroked {
    background: none !important;
    color: rgb(var(--rgbcolor-secondary)) !important;
    border: 1px solid rgba(var(--rgbcolor-surface-contrast), .4);
}

.button--primary {
    background: rgb(var(--rgbcolor-primary));
    color: rgb(var(--rgbcolor-primary-contrast));
}

.button--secondary {
    background: rgb(var(--rgbcolor-secondary));
    color: rgb(var(--rgbcolor-secondary-contrast));
}

select {
    width: 100%;
    height: 52px;
    padding: 8px 16px 8px 16px;
    font-size: 16px;
    background: rgba(var(--rgbcolor-surface-contrast), .05);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid rgba(var(--rgbcolor-surface-contrast), .2);
    border-radius: 5px 5px 0px 0px;
    transition: border-bottom 500ms;
}