[data-export-order-page][data-v-8f8edf30] { width: 100%; max-width: 1040px; margin: 0 auto 0 0;
}
.export-order__card[data-v-8f8edf30] { width: 100%; box-sizing: border-box;
}
.export-order__result[data-v-8f8edf30] { margin-top: 20px;
}
.export-order__modes[data-v-8f8edf30], .export-order__dates[data-v-8f8edf30] { display: flex; flex-wrap: wrap; gap: 24px;
}
.export-order__dates > *[data-v-8f8edf30] { width: 240px;
}
.export-order__hint[data-v-8f8edf30] { display: block; margin-top: 8px;
}
.export-order__error[data-v-8f8edf30] { display: block; margin-top: 8px; color: #c0392b;
}
.export-order__alert[data-v-8f8edf30] { margin-bottom: 16px;
}
.export-order__status[data-v-8f8edf30] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin: 16px 0; padding: 12px 16px; border-left: 4px solid var(--grey-700); background: var(--grey-200); line-height: 1.5;
}
.export-order__status-value[data-v-8f8edf30] { font-size: 20px; font-weight: 500;
}
.export-order__status--queued[data-v-8f8edf30] { border-color: var(--grey-700); background: var(--grey-200);
}
.export-order__status--running[data-v-8f8edf30] { border-color: var(--blue-500); background: var(--blue-100);
}
.export-order__status--completed[data-v-8f8edf30] { border-color: var(--green-600); background: var(--green-100);
}
.export-order__status--completed-with-errors[data-v-8f8edf30] { border-color: var(--yellow-600); background: var(--yellow-100);
}
.export-order__status--error[data-v-8f8edf30] { border-color: var(--red-600); background: var(--red-100);
}
.export-order__counters[data-v-8f8edf30] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 16px 0;
}
.export-order__counter[data-v-8f8edf30] { min-width: 0; padding: 12px; border: 1px solid #c7cdd4; border-radius: 4px;
}
.export-order__counter > *[data-v-8f8edf30] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; white-space: normal;
}
.export-order__counter-value[data-v-8f8edf30] { display: block; margin-top: 4px; font-size: 24px;
}
.export-order__progress[data-v-8f8edf30] { display: grid; gap: 8px; margin: 16px 0;
}
.export-order__progress-track[data-v-8f8edf30] { height: 8px; overflow: hidden; border-radius: 4px; background: var(--grey-400);
}
.export-order__progress-value[data-v-8f8edf30] { display: block; height: 100%; border-radius: inherit; background: var(--blue-500);
}
.export-order__progress-track--indeterminate[data-v-8f8edf30] { position: relative;
}
.export-order__progress-indicator[data-v-8f8edf30] { position: absolute; width: 35%; height: 100%; border-radius: inherit; background: var(--blue-500); -webkit-animation: export-order-progress-8f8edf30 1.4s ease-in-out infinite alternate; animation: export-order-progress-8f8edf30 1.4s ease-in-out infinite alternate;
}
@-webkit-keyframes export-order-progress-8f8edf30 {
from { left: 0;
}
to { left: 65%;
}
}
@keyframes export-order-progress-8f8edf30 {
from { left: 0;
}
to { left: 65%;
}
}
@media (prefers-reduced-motion: reduce) {
.export-order__progress-indicator[data-v-8f8edf30] { -webkit-animation: none; animation: none; left: 32.5%;
}
}
.export-order__progress-label[data-v-8f8edf30] { overflow-wrap: anywhere;
}
.export-order__errors[data-v-8f8edf30] { display: grid; gap: 8px; margin-top: 12px;
}
.export-order__errors--orders[data-v-8f8edf30] { display: contents; background: var(--red-100); border: 2px solid var(--red-500);
}
.export-order__error-item[data-v-8f8edf30] { min-width: 0;
}
.export-order__order-id[data-v-8f8edf30], .export-order__error-message[data-v-8f8edf30] { overflow-wrap: anywhere;
}
@media (max-width: 900px) {
.export-order__counters[data-v-8f8edf30] { grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 520px) {
[data-export-order-page][data-v-8f8edf30] { padding: 0 8px; box-sizing: border-box;
}
.export-order__counters[data-v-8f8edf30] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px;
}
.export-order__counter[data-v-8f8edf30] { padding: 10px;
}
.export-order__dates > *[data-v-8f8edf30] { max-width: 100%;
}
}


[class*="UiIntegrationLayout_main"]:has([data-export-order-page]) {
    flex: 1 0 auto;
    height: auto;
    min-height: calc(100% - 68px);
}
[class*="UiIntegrationLayout_layout"]:has([data-export-order-page]) {
    min-width: 0;
}
[class*="UiIntegrationLayout_content"]:has([data-export-order-page]) {
    min-width: 0;
    flex-shrink: 1;
    overflow-y: visible;
}
[class*="UiIntegrationLayout_content"]:has([data-export-order-page]) > div > [class*="UiAlert"] {
    max-width: 100% !important;
    box-sizing: border-box;
}
@media (max-width: 560px) {
[class*="UiIntegrationLayout_main"]:has([data-export-order-page]) {
        min-width: 0;
}
[class*="UiIntegrationLayout_layout"]:has([data-export-order-page]) [class*="UiIntegrationLayout_aside"] {
        width: 140px;
        min-width: 140px;
        padding: 16px 8px;
}
[class*="UiIntegrationLayout_content"]:has([data-export-order-page]) {
        padding: 16px 12px;
}
[class*="UiIntegrationLayout_header"]:has(+ [class*="UiIntegrationLayout_main"] [data-export-order-page]) {
        height: auto;
        min-height: 68px;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 4px 12px;
        padding: 8px 12px;
}
[class*="UiIntegrationLayout_header"]:has(+ [class*="UiIntegrationLayout_main"] [data-export-order-page]) [class*="header__nav"] {
        flex: 1 1 100%;
        min-width: 0;
        flex-wrap: wrap;
}
[class*="UiIntegrationLayout_header"]:has(+ [class*="UiIntegrationLayout_main"] [data-export-order-page]) [class*="header__inner"] {
        flex: 1 1 100%;
        min-width: 0;
        justify-content: flex-end;
}
[class*="UiIntegrationLayout_header"]:has(+ [class*="UiIntegrationLayout_main"] [data-export-order-page]) [class*="header__inner"] a {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
}
}


/*# sourceMappingURL=chunk-00ab11e0.css.map?_hash=9cf0a694*/