.account-orders{margin-bottom:40px}@media screen and (min-width:750px){.account-orders{margin-bottom:48px}}.orders-legend{display:flex;padding:20px 32px 15px 20px}@media screen and (min-width:750px){.orders-legend{padding:0 0 13px;margin:0 -16px}}.orders-legend span{color:#adadad;flex:1;font-size:1rem;line-height:1.25rem}@media screen and (min-width:750px){.orders-legend span{padding:0 16px;max-width:16.666%}}@media screen and (min-width:750px){.orders-legend .orders-heading__order-number{padding-left:44px}}.orders-legend .orders-heading__order-number-mobile{max-width:21%}.orders-legend .orders-heading__order-id{flex:1 0 auto}@media screen and (max-width:750px){.orders-legend .orders-heading__status{flex:0 0 auto}}@media screen and (min-width:750px){.orders-legend .orders-heading__invoices{max-width:14.2%}}@media screen and (min-width:750px){.orders-legend .orders-heading__reorder{max-width:11.5%}}.orders-legend .orders-heading__details{text-align:right}@media screen and (min-width:750px){.orders-legend .orders-heading__details{flex:0 1 auto;padding-right:28px;width:auto}}.order{padding:18px;border:1px solid #e1e1e1;border-radius:16px;margin-bottom:3px}@media screen and (min-width:750px){.order{padding:20px 16px 21px 0}}.order-row{--mobile-bottom-margin: 7px;display:grid;grid-template:"a b c" "a b c" "a b d";grid-template-columns:20% auto auto;line-height:1.25rem}@media screen and (min-width:750px){.order-row{--mobile-bottom-margin: 0}}@media screen and (min-width:750px){.order-row{display:flex}}.order-row__number{grid-area:a;font-weight:700;font-size:.875rem;margin-bottom:var(--mobile-bottom-margin)}@media screen and (min-width:750px){.order-row__number{flex:0 1 auto;padding:0 16px 0 28px;width:13%;font-size:1rem;font-weight:400}}.order-row__date{font-weight:700;font-size:.875rem}@media screen and (min-width:750px){.order-row__date{font-weight:400;font-size:1rem}}.order-row__main{grid-area:b}@media screen and (min-width:750px){.order-row__main{display:flex;flex:1 0 auto}}.order-row__main>div{flex:1}.order-row__main>div:not(:last-child){margin-bottom:var(--mobile-bottom-margin)}@media screen and (min-width:750px){.order-row__main>div{padding:0 16px}}.order-row__total{font-size:.875rem}@media screen and (min-width:750px){.order-row__total{font-size:1rem}}@media screen and (min-width:750px){.order-row__invoices{max-width:19%}}.order-row__invoices a{font-weight:700;font-size:.875rem}@media screen and (min-width:750px){.order-row__invoices a{font-size:1rem}}@media screen and (min-width:750px){.order-row__reorder{max-width:14.5%}}.order-row__reorder a{font-weight:700;color:#12b937;font-size:1rem}.order-row__status--mobile{grid-area:c;text-align:right}.order-row__status-pill{display:inline-block;padding:1px 8px 3px;border-radius:16px;font-size:.8125rem;line-height:1rem;text-transform:uppercase;font-weight:700;background:#f6f6f6;color:#515151}.order-row__status-pill--fulfilled{background:#d6f3e1;color:#48bf68}.order-row__status-pill--unfulfilled{background:#f9eab4;color:#d89c01}.order-row__status-pill--cancelled{background:#fbe5f5;color:#ea2d5a}.order-row__details{grid-area:d;display:grid;align-items:end;justify-content:end}@media screen and (min-width:750px){.order-row__details{position:relative;top:-2px;flex:0 1 auto;padding:0 11px 0 40px;width:auto}}.order-row__details svg path{fill:#4b07ad}.order-row__details-btn{color:#adadad;text-transform:uppercase;font-size:.75rem;line-height:1rem;font-weight:700}.order-row__details-btn.active svg{transform:rotate(180deg)}@media screen and (min-width:750px){.order-details{padding:7px 0 0 14.7%}}.order-details-table{font-size:.875rem;line-height:1rem;margin-top:20px;display:block}@media screen and (min-width:750px){.order-details-table{margin-top:0;display:table}}.order-details-table td,.order-details-table th{border:none}@media screen and (max-width:750px){.order-details-table thead{display:none}}.order-details-table thead tr{border-bottom:1px solid #e1e1e1}.order-details-table thead th{font-size:.75rem;line-height:1rem;color:#adadad;text-transform:uppercase}@media screen and (min-width:750px){.order-details-table thead th{padding:18px 28px}}@media screen and (max-width:750px){.order-details-table tbody{display:block}}@media screen and (max-width:750px){.order-details-table tbody tr,.order-details-table tbody td{display:block}}.order-details-table tbody tr{border-top:1px solid #e1e1e1;padding:20px 0 14px 20%}@media screen and (min-width:750px){.order-details-table tbody tr{border-top:none;border-bottom:1px solid #e1e1e1;padding-left:0}}.order-details-table tbody td{padding:0;margin-bottom:7px;font-size:.875rem;line-height:1.0625rem}@media screen and (max-width:750px){.order-details-table tbody td{border:none}}@media screen and (min-width:750px){.order-details-table tbody td{padding:24px 28px}}.order-details-table tbody td a{color:#000;font-weight:700}@media screen and (min-width:750px){.order-details-table tbody td a{font-weight:400}}@media screen and (max-width:750px){.order-details-table tbody td.order-details-line-item__footer{display:flex;justify-content:space-between;max-width:190px}}.order-details-table tfoot tr:first-child td{padding-top:26px}.order-details-table tfoot td{border:none;padding:5px 20px}@media screen and (min-width:750px){.order-details-table tfoot td{padding:13px 28px}}@media screen and (max-width:750px){.order-details-table tfoot td.order-details-footer-row__col-small-hide{padding:0;width:0}}.order-details-table tfoot tr{border:none}.order-details-thead__size{width:20%}.order-details-thead__quantity{width:17.3%}.order-details-thead__total{width:21.2%}.order-btns{padding:12px 0 7px}@media screen and (min-width:1025px){.order-btns{display:flex;padding:0}}.order-btns .btn--bright-green{padding-left:36px;padding-right:36px;margin-bottom:16px}@media screen and (min-width:1025px){.order-btns .btn--bright-green{padding-left:24px;padding-right:24px;margin-bottom:0;min-width:135px}}.order-btns .btn--link{display:block;padding:0;text-transform:none;line-height:1.1875rem;font-size:1rem}@media screen and (min-width:1025px){.order-btns .btn--link{text-align:center;padding:0 0 0 18px;max-width:136px}}
/*# sourceMappingURL=/cdn/shop/t/228/assets/order.css.map */