main #frontend_inbox {
    flex-grow: 1;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
main #frontend_inbox #frontend_inbox_inner {
    flex-grow: 1;
    
    width: 100%;
    max-width: 1100px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_list {
    flex-basis: 25%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_list #frontend_inbox_inner_conversations_list_inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;

    background-color: rgba( 232, 232, 232, 1 );
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_list #frontend_inbox_inner_conversations_list_inner .frontend_inbox_inner_conversations_list_item {
    margin: 0 16px;
    padding: 16px 0;
    border-bottom: 1px solid rgba( 163, 163, 163, 1 );
    cursor: pointer;
    transition: opacity 0.3s ease;

    display: flex;
    flex-direction: row;
    align-items: stretch;
    column-gap: 12px;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_list #frontend_inbox_inner_conversations_list_inner .frontend_inbox_inner_conversations_list_item:hover {
    opacity: 0.75;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_list #frontend_inbox_inner_conversations_list_inner .frontend_inbox_inner_conversations_list_item:last-child {
    border-bottom: none;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_list #frontend_inbox_inner_conversations_list_inner .frontend_inbox_inner_conversations_list_item.frontend_inbox_inner_conversations_list_item_empty {
    cursor: initial;
    min-height: 300px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    column-gap: 16px;

    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 0.8rem;
    color: rgba( 86, 86, 86, 1 );
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_list #frontend_inbox_inner_conversations_list_inner .frontend_inbox_inner_conversations_list_item .frontend_inbox_inner_conversations_list_item_image {
    flex-basis: 15%;
    flex-shrink: 0;
    aspect-ratio: 1;
    object-fit: contain;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_list #frontend_inbox_inner_conversations_list_inner .frontend_inbox_inner_conversations_list_item .frontend_inbox_inner_conversations_list_item_data {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_list #frontend_inbox_inner_conversations_list_inner .frontend_inbox_inner_conversations_list_item .frontend_inbox_inner_conversations_list_item_data .frontend_inbox_inner_conversations_list_item_data_user_date {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 0.6rem;
    color: rgba( 118, 118, 119, 1 );
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_list #frontend_inbox_inner_conversations_list_inner .frontend_inbox_inner_conversations_list_item .frontend_inbox_inner_conversations_list_item_data .frontend_inbox_inner_conversations_list_item_data_product {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 0.75rem;
    color: rgba( 86, 86, 86, 1 );    
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_list #frontend_inbox_inner_conversations_list_inner .frontend_inbox_inner_conversations_list_item .frontend_inbox_inner_conversations_list_item_data .frontend_inbox_inner_conversations_list_item_data_extract {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 0.65rem;
    color: rgba( 118, 118, 119, 1 );    
}

main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail {
    flex-grow: 1;
    background-color: rgba( 250, 250, 250, 1 );

    display: flex;
    flex-direction: column;
    align-items: stretch;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_user {
    padding: 8px 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 12px;
    border-width: 0px, 1px, 1px, 1px;
    border-style: solid;
    border-color: rgba( 213, 213, 213, 1 );
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_user #frontend_inbox_inner_conversations_detail_user_avatar {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    aspect-ratio: 1;
    border-radius: 100%;
    flex-basis: 40px;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_user #frontend_inbox_inner_conversations_detail_user_fullname {
    font-family: Poppins;
    font-weight: 500;
    font-size: 0.9rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba( 86, 86, 86, 1 );
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_items {
    padding: 12px;
    flex-grow: 1;

    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: 4px;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_items .frontend_inbox_inner_conversations_detail_item {
    display: flex;
    flex-direction: row;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_items .frontend_inbox_inner_conversations_detail_item.frontend_inbox_inner_conversations_detail_item_origin {
    justify-content: flex-end;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_items .frontend_inbox_inner_conversations_detail_item.frontend_inbox_inner_conversations_detail_item_destination {
    justify-content: flex-start;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_items .frontend_inbox_inner_conversations_detail_item .frontend_inbox_inner_conversations_detail_item_inner {
    padding: 8px 32px 8px 12px;
    border: 1px solid rgba( 189, 189, 189, 1 );
    border-radius: 0.475rem;
    position: relative;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_items .frontend_inbox_inner_conversations_detail_item.frontend_inbox_inner_conversations_detail_item_origin .frontend_inbox_inner_conversations_detail_item_inner {
    background-color: rgba( 189, 189, 189, 1 );
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_items .frontend_inbox_inner_conversations_detail_item .frontend_inbox_inner_conversations_detail_item_inner .frontend_inbox_inner_conversations_detail_item_message {
    font-family: Poppins;
    font-weight: 400;
    font-size: 0.7rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba( 0, 0, 0, 1 );
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_items .frontend_inbox_inner_conversations_detail_item .frontend_inbox_inner_conversations_detail_item_inner .frontend_inbox_inner_conversations_detail_item_hour {
    position: absolute;
    right: 4px;
    bottom: 4px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 0.5rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba( 163, 163, 163, 1 );
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_add {
    border-top: 1px solid rgba( 213, 213, 213, 1 );
    padding: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 12px;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_add form {
    flex-grow: 1;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_add form input[type="text"] {
    width: 100%;
    padding: 12px;
    border: 1px solid rgba( 163, 163, 163, 1 );
    border-radius: 0.475rem;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_add i.fa-paper-plane {
    font-size: 1.5rem;
    color: rgba( 213, 213, 213, 1 );
    cursor: pointer;
    background-color: rgba(213, 213, 213, 1);
    border-radius: 100%;
    padding: 8px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_detail #frontend_inbox_inner_conversations_detail_add i.fa-paper-plane:hover {
    background-color: rgba( 48, 69, 89, 1 );
}
    
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product {
    flex-basis: 20%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_inner {
    background-color: rgba( 232, 232, 232, 1 );
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;    
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_user {
    background-color: rgba( 255, 255, 255, 1 );
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    align-items: center;
    padding: 16px 12px;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_user #frontend_inbox_inner_conversations_user_product_user_avatar {
    width: auto;
    flex-shrink: 0;
    flex-basis: 25%;
    background-position: center;
    background-size: contain;
    border-radius: 100%;
    aspect-ratio: 1;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_user #frontend_inbox_inner_conversations_user_product_user_info {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_user #frontend_inbox_inner_conversations_user_product_user_info #frontend_inbox_inner_conversations_user_product_user_info_name {
    font-family: Poppins;
    font-weight: 500;
    font-style: Medium;
    font-size: 0.7rem;
    line-height: 1;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_user #frontend_inbox_inner_conversations_user_product_user_avatar #frontend_inbox_inner_conversations_user_product_user_info #frontend_inbox_inner_conversations_user_product_user_info_ratings {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 4px;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_user #frontend_inbox_inner_conversations_user_product_user_avatar #frontend_inbox_inner_conversations_user_product_user_info #frontend_inbox_inner_conversations_user_product_user_info_ratings i {
    font-size: 0.8rem;
    color: rgba( 48, 69, 89, 1 );
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_product {
    background-color: rgba( 250, 250, 250, 1 );
    padding: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_product #frontend_inbox_inner_conversations_user_product_product_image {
    border: 1px solid rgba( 227, 227, 227, 1 );
    padding: 16px;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_product #frontend_inbox_inner_conversations_user_product_product_image > div {
    aspect-ratio: 1;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_product #frontend_inbox_inner_conversations_user_product_product_data #frontend_inbox_inner_conversations_user_product_product_data_title {
    font-family: Poppins;
    font-weight: 500;
    font-size: 1rem;
    color: rgba( 48, 69, 89, 1 );
    text-align: center;

}
main #frontend_inbox #frontend_inbox_inner #frontend_inbox_inner_conversations_user_product #frontend_inbox_inner_conversations_user_product_product #frontend_inbox_inner_conversations_user_product_product_data #frontend_inbox_inner_conversations_user_product_product_data_price {
    font-family: Poppins;
    font-weight: 400;
    font-size: 1rem;
    color: rgba( 86, 86, 86, 1 );
    text-align: center;
}