.container_screen_account{
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 343px;
    padding: 16px;
    width: 300px;
    position: relative;

    .account_info{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        border-bottom: 1px solid var(--color-silver-gray);
        padding-bottom: 16px;

        .account_header{
            display: flex;
            gap: 8px;
            align-items: center;

            .account_title{
                font-weight: 700;
                font-size: 12.8px;
                color: var(--color-gray);
            }
        }

        .account_user{
            font-weight: 400;
            font-size: 12.8px;
        }

        .language_selection{
            .language_label{
                font-size: 12.8px;
            }

            .language_br_button{
                background: none;
                border: none;
                font-weight: 700;
                cursor: pointer;
                font-size: 12.8px;
            }

            .language_us_button{
                background: none;
                border: none;
                cursor: pointer;
                font-size: 12.8px;
            }
        }

        .manage_account_button{
            background: none;
            border: none;
            cursor: pointer;
            color: var(--color-orange);
            text-decoration: none;
            font-size: 13px;
        }
    }

    .support_section{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        border-bottom: 1px solid var(--color-silver-gray);
        padding: 16px 0;

        .suggestions_button,
        .report_button,
        .contact_button{
            background: none;
            border: none;
            cursor: pointer;
            color: var(--color-orange);
            text-decoration: none;
            font-size: 13px;
        }
    }

    .account_footer{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        font-size: 12.8px;
        padding: 16px 0;

        .privacy_policy_button,
        .terms_of_use_button{
            background: none;
            border: none;
            color: var(--color-orange);
            cursor: pointer;
            text-decoration: none;
            font-size: 13px;
        }
    }
}

.container_suggestion{
    width: 300px;
    padding: 12px;
    position: fixed;

    .suggestion_header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        padding: 0 0 16px 0;

        button{
            background: none;
            border: none;
            cursor: pointer;
        }
    }

    .suggestion_text{
        font-size: 12.8px;
        line-height: 17.92px;
        width: 274px;
        padding-bottom: 5px;
    }

    .suggestion_form{
        font-weight: 400;
        display: flex;
        flex-direction: column;

        .suggestion_textarea {
            height: 239px;
            width: 274px;
            border: 1px solid var(--color-silver-gray);
            border-radius: 4px;
            padding: 6px 8px;
            resize: none;
        }

        .suggestion_form_buttons{
            display: flex;
            gap: 8px;
            padding: 20px 0;
            width: 274px;

            .cancel_button,
            .submit_button{
                padding: 10px 16px;
                width: 133px;
                height: 36px;
                font-size: 12.8px;
                cursor: pointer;
            }

            .cancel_button{
                border: 1px solid var(--color-medium-gray);
                border-radius: 4px;
                background-color: var(--color-white);
                color: var(--color-gray);
            }

            .submit_button{
                border-radius: 4px;
                background-color: var(--color-black);
                color: var(--color-white);
            }
        }
    }
}

.container_error{
    width: 300px;
    padding: 13px;
    position: fixed;

    .error_header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
        padding: 0 0 16px 0;

        .close_button{
            background: none;
            border: none;
            cursor: pointer;
        }
    }

    .error_description{
        font-size: 12.8px;
        line-height: 17.92px;
        width: 274px;
        padding-bottom: 5px;
    }

    .error_form{
        font-weight: 400;
        display: flex;
        flex-direction: column;

        .error_textarea{
            height: 239px;
            width: 274px;
            border: 1px solid var(--color-silver-gray);
            border-radius: 4px;
            padding: 6px 8px;
            resize: none;
        }

        .container_error_file{
            display: flex;
            gap: 8px;
            width: 274px;
            align-items: center;
            padding: 10px 0 0 0;

            .error_file_input{
                display: none;
            }
    
            .file_label{
                width: 133px;
                height: 36px;
                padding: 10px;
                line-height: 17.92px;
                text-align: center;
                display: inline-block;
                cursor: pointer;
                color: var(--color-gray);
                background-color: var(--color-off-white);
                border-radius: 4px;
                box-shadow: 1px 1px 0.5px 0 rgba(0, 0, 0, 0.12);
                font-size: 12.8px;
            }

            .file_selected{
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                font-size: 12.8px;
                color: var(--color-gray);
                width: 133px;
            }
        }

        .error_buttons{
            display: flex;
            gap: 8px;
            padding: 20px 0;
            width: 274px;

            .cancel_button,
            .submit_button{
                padding: 10px 16px;
                width: 133px;
                height: 36px;
                font-size: 12.8px;
                cursor: pointer;
            }

            .cancel_button{
                border: 1px solid var(--color-medium-gray);
                border-radius: 4px;
                background-color: var(--color-white);
                color: var(--color-gray);
            }

            .submit_button{
                border-radius: 4px;
                background-color: var(--color-black);
                color: var(--color-white);
            }
        }
    }
}