[data-items] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--border);
    padding: 1rem;
    border-radius: 6px;
    position: relative;

    [data-header-cell] {
        text-align: center;
    }

    [data-line-break] {
        grid-column: span 4;
        border-bottom: 1px solid var(--border, gray);
        position: sticky;
        top: var(--grid-header-height);
    }

    [data-item-plus] {
        grid-column: span 4;
        text-align: center;
        text-decoration-line: underline;
        display: none;

        &:last-of-type {
            display: initial;
        }
    }
}

/* overrides */
.purchase-wrapper {
    [data-submit] {
        display: initial;
    }

    [data-purchase-dialog] {
        >header {
            i:first-of-type {
                display: initial;
            }
        }

        >footer {
            [data-continue] {
                opacity: 1;
                pointer-events: all;
            }

            [data-submit] {
                width: 0;
                padding: 0;
            }
        }
    }
}