@import url('../../../content_page.css');

.purchase-history {
    display: flex;
    flex-direction: row;
    width: calc(100% - 15px);
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: dashed 1px var(--gray);
}

.purchase-date {
    display: flex;
    width: 70px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    padding-right: 5px;
}

.purchase-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(100% - 150px);
}

.purchase-amount {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.purchase-history > div {
    padding-top: 5px;
    padding-bottom: 5px;
}

.purchase-history:first-of-type {
    border-top: dashed 1px var(--gray);
}

.purchase-history.past-edition > * {
    opacity: 0.5;
}