@charset "utf-8";
/* CSS Document */

.default_form {
    max-width: 480px;
    width: calc(100% - 16px);
    background-color: var(--bg_form);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: var(--bg_form_shadow);
    border-top: 1px solid var(--bg_label_color);
}

.default_form__body {
    padding: 16px 32px;
}

.default_form__footer {
    background-color: var(--bg_form_footer);
    padding: 24px 32px;
    display: flex;
    justify-content: end;
    box-shadow: var(--bg_form_inset_shadow);
}

.default_form__header {
    display: flex;
    padding: 32px 32px 16px;
}

.default_form__header p {
    font-size: 1.6em;
    color: var(--bg_text_color);
}

.default_form__row {
    width: 100%;
}

.default_label {
    color: var(--bg_label_color);
    transition: .3s;
    font-size: 0.8em;
}

.default_input {
    width: 100%;
    background-color: var(--bg_form_footer);
    box-shadow: var(--bg_form_inset_shadow);
    border-radius: 4px;
    border: none;
    border-bottom: 1px solid var(--bg_label_color);
    color: var(--bg_text_color);
    padding: 12px 16px;
    margin: 8px 0 32px;
    transition: .3s;
}
.default_input::placeholder {
    color: var(--bg_label_color);
}
.default_input:focus::placeholder {
    color: transparent;
}

.default_input:focus {
    border-color: var(--color_primary);
}

.default_btn {
    background-color: var(--color_primary);
    color: var(--bg_text_color);
    border-radius: 4px;
    padding: 8px 16px;
    text-align: center;
    border: none;
    box-shadow: var(--bg_form_btn_shadow);
    border-top: 1px solid var(--bg_label_color);
}

@media (min-width: 480px) {

}

@media (min-width: 600px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}