@import "variables";
@import "../order-table/order-table-mixin";


:host {
    height: 100%;
    display: flex;
    min-height: 64vh;
    @include order-table;
}
.fulfillment-wrapper {
    flex: 1;
    @media screen and (min-width: $breakpoint-small) {
        display: flex;
        flex-direction: row;
    }

    .shipping-details {
        margin-top: 24px;
        @media screen and (min-width: $breakpoint-small) {
            margin-top: 0;
            margin-inline-start: 24px;
            width: 250px;
        }
        clr-input-container {
            margin-top: 24px;
        }
    }
    .order-table {
        flex: 1;
        overflow-y: auto;
        table {
            margin-top: 0;
        }
    }
    tr.ignore {
        color: var(--color-grey-300);
    }
}
