.order-list--header__actions{display:flex;justify-content:space-around;align-items:center;flex-direction:column}@media(min-width:750px){.order-list--header__actions{flex-direction:row}}.order-list--header__actions__left,.order-list--header__actions__right{display:flex;width:100%}.order-list--header__actions__left{flex-direction:column;align-items:end;gap:var(--spacing-8, 8px)}@media(min-width:750px){.order-list--header__actions__left{flex-direction:row;gap:var(--spacing-16, 16px)}}.order-list--header__actions__right{position:relative;gap:var(--spacing-24);margin-top:var(--spacing-16);margin-left:var(--spacing-4)}@media(min-width:750px){.order-list--header__actions__right{justify-content:flex-end;margin-top:0;margin-left:0;margin-bottom:var(--spacing-8);align-self:flex-end}}.order-list-search{position:relative;width:100%}@media(min-width:750px){.order-list-search{width:auto}}.order-list-search__label{display:block;width:100%;margin-bottom:var(--spacing-4)}.order-list-search__input{padding:var(--spacing-8);border:.5px solid var(--border-color-default);font-size:var(--font-size--sm);letter-spacing:.07px;font-family:var(--paragraph-medium-font, Roboto);width:417px;max-width:100%}.order-list-search__input::placeholder{color:var(--form-placeholder, #707070);font-size:var(--font-size--sm);letter-spacing:.07px}.order-list-search__button{position:absolute;right:0;background-color:var(--gray-600);border:none;border-radius:0 8px 8px 0;width:42px;height:39.4px;vertical-align:bottom;cursor:pointer}.order-list-search__button svg{margin:auto}.order-list-search__button svg path{fill:var(--brand-white)}.order-list-date-range{position:relative;width:100%}@media(min-width:750px){.order-list-date-range{width:306px}}.order-list-date-range__label-wrapper{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.order-list-date-range__label{display:block;line-height:var(--label-small-line-height);letter-spacing:.14px}.order-list-date-range .rs-tooltip-trigger{height:16px;width:16px;display:inline-block;vertical-align:sub}.order-list-date-range__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;background-color:var(--brand-white, #ffffff);border:.5px solid var(--form-border-default, #919191);border-radius:var(--corner-radius-8, 8px);padding:var(--spacing-8) var(--spacing-12);cursor:pointer;text-align:left;transition:border-color .2s ease}@media(min-width:750px){.order-list-date-range__toggle{max-width:230px}}.order-list-date-range__toggle.is-open{max-width:100%}.order-list-date-range__toggle:hover{border-color:var(--text-primary)}.order-list-date-range__toggle:focus-visible{outline:2px solid var(--button-onfocus);outline-offset:2px}.order-list-date-range__toggle-value{flex:1;display:flex;align-items:center}.order-list-date-range__toggle-selected{display:none;color:var(--brand-black)}.order-list-date-range__toggle-icon{flex-shrink:0;margin-left:var(--spacing-8);color:var(--brand-black);transition:transform .2s ease}.order-list-date-range__toggle.is-open .order-list-date-range__toggle-icon{transform:rotate(180deg)}.order-list-date-range__card{position:absolute;background-color:var(--brand-white, #ffffff);border-radius:var(--corner-radius-8, 8px);box-shadow:0 1px 3px #0000001a;margin-top:var(--spacing-8);z-index:1}.order-list-date-range__presets{display:flex;flex-direction:column;margin-bottom:var(--spacing-8);padding:var(--spacing-8) var(--spacing-4);border-bottom:1px solid var(--border-color-default, #dadada)}.order-list-date-range__preset{background:none;border:none;padding:var(--spacing-4) var(--spacing-8);text-align:left;cursor:pointer;font-family:var(--paragraph-medium-font, Roboto);font-size:var(--font-size--sm);line-height:var(--paragraph-small-line-height);color:var(--brand-black);transition:background-color .2s ease;border-radius:var(--corner-radius-4, 4px)}.order-list-date-range__preset:hover,.order-list-date-range__preset.is-active{font-weight:600}.order-list-date-range__custom{display:flex;flex-direction:column;gap:var(--spacing-12);padding:0 var(--spacing-8) var(--spacing-12)}.order-list-date-range__custom-label{display:block}.order-list-date-range__custom-inputs{display:flex;gap:var(--spacing-16);flex-wrap:wrap}.order-list-date-range__input-wrapper{flex:1;display:flex;flex-direction:column;gap:var(--spacing-8)}.order-list-date-range__input-label{display:block;line-height:var(--label-small-line-height)}.order-list-date-range__input-container{position:relative;display:flex;align-items:center}.order-list-date-range__input{width:100%;padding:var(--spacing-8) var(--spacing-32) var(--spacing-8) var(--spacing-12);border:.5px solid var(--border-color-default, #dadada);border-radius:var(--corner-radius-8, 8px);font-size:var(--font-size--sm);letter-spacing:.07px;font-family:var(--paragraph-medium-font, Roboto)}.order-list-date-range__input::placeholder{font-size:var(--font-size--sm);letter-spacing:.07px}.order-list-date-range__input:focus{outline:2px solid var(--button-onfocus);outline-offset:2px}.order-list-date-range__calendar-icon{position:absolute;right:var(--spacing-12);pointer-events:auto;cursor:pointer;color:var(--brand-black)}.order-list-date-range__calendar-icon,.order-list-date-range__calendar-icon svg{cursor:pointer}.order-list-filters__content{display:none;position:absolute;right:0;top:calc(100% + 8px);flex-direction:column;gap:var(--spacing-12);width:100%;max-width:330px;padding:var(--spacing-16);background-color:var(--brand-white);border-radius:var(--corner-radius-8);box-shadow:var(--dropshadow-1-x, 0) -2px var(--dropshadow-1-Blur, 10px) var(--dropshadow-1-Spread, 0) #0000001a;z-index:1}.order-list-filters__content.is-open{display:flex}.order-list-filters__content .rs-custom-select__wrapper{gap:var(--spacing-4)}.order-list-filters__content .rs-custom-select__button{height:36px}.order-list-filters__content .rs-custom-select__label{margin-bottom:0}.order-list-filters__content .rs-custom-select__value{font-size:var(--font-size--sm);line-height:var(--paragraph-small-line-height)}.order-list-filters__content .rs-button-small{padding:var(--spacing-12) var(--spacing-16);margin-top:var(--spacing-8)}#order-list-filters-clear{padding:0 var(--spacing-16) var(--spacing-4) var(--spacing-16);font-weight:600;color:var(--brand-black);line-height:var(--paragraph-small-line-height)}.order-list-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-28)}.order-list-table__header{background-color:var(--gray-100);border-top:.5px solid var(--border-color-default, #dadada);border-bottom:1px solid var(--border-color-default, #dadada)}.order-list-table__header th{padding:var(--spacing-8) var(--spacing-12);line-height:18px;font-size:var(--paragraph-small-size);font-weight:var(--font-weight-medium, 500);color:var(--brand-black)}.order-list-table__empty td{padding-top:120px;padding-bottom:120px}.order-list-table__empty .order-list-table__icon{width:24px;margin:auto auto var(--spacing-8)}.order-list-table__row{display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-20);border:1px solid var(--border-color-default, #dadada);border-radius:var(--corner-radius-6, 6px);margin-bottom:var(--spacing-24)}@media(min-width:750px){.order-list-table__row{display:table-row;margin-bottom:0;padding:var(--spacing-0, 0);border:0}}.order-list-table__row-order td{font-size:var(--font-size--small, 14px);line-height:var(--paragraph-small-line-height);color:var(--brand-black)}@media(min-width:750px){.order-list-table__row-order td{padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--border-color-default, #dadada)}}.order-list-table__status{padding:4px 8px;border-radius:500px;text-transform:capitalize}.status--completed{color:#015548;background-color:var(--bg-completed)}.status--open{color:#6d5900;background-color:var(--bg-open)}.order-list-table__view-details-link{text-decoration:underline}.order-list-pagination-wrapper{border-bottom:.5px solid var(--border-color-default, #dadada);background:var(--gray-100, #f7f7f7)}.order-list-pagination-wrapper{position:sticky;bottom:0;margin:0 calc(var(--spacing-16) * -1);padding:0 var(--spacing-16);box-shadow:var(--dropshadow-1-x, 0) -2px var(--dropshadow-1-Blur, 10px) var(--dropshadow-1-Spread, 0) #0000001a}@media(min-width:750px){.order-list-pagination-wrapper{position:relative;margin:0 0 var(--spacing-46);padding:0;box-shadow:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/order-list.css.map */