/* Shared staff branding. Public wizards, portals and button loaders retain their own presentation. */
@font-face {
    font-family: 'Bai Jamjuree';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/BaiJamjuree-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Bai Jamjuree';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/BaiJamjuree-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Bai Jamjuree';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/BaiJamjuree-Bold.ttf') format('truetype');
}

:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) {
    --ros-brand-loader-light: url('../images/repairos-gfx/09-Loader/repairOS-loader.svg?rev=20261027-1');
    --ros-brand-loader-dark: url('../images/repairos-gfx/09-Loader/repairOS-loader-weiss.svg?rev=20261027-1');
    --ros-brand-loader-image: var(--ros-brand-loader-light);
}
body[data-ros-branding],
[data-ros-branding-root],
body[data-ros-branding] :is(button, input, select, textarea),
[data-ros-branding-root] :is(button, input, select, textarea) {
    font-family: 'Bai Jamjuree', Arial, sans-serif;
    font-synthesis: none;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is([data-ros-surface='dark'], [data-ros-loader-tone='dark']) {
    --ros-brand-loader-image: var(--ros-brand-loader-dark);
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is([data-ros-surface='light'], [data-ros-loader-tone='light']) {
    --ros-brand-loader-image: var(--ros-brand-loader-light);
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root])[data-ros-surface='dark'] {
    --ros-brand-loader-image: var(--ros-brand-loader-dark);
}

/* Only explicit visual nodes. The module still owns display, visibility and request state. */
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(
    [data-ros-loader], .ros-brand-loader,
    .ros-loader-spin, .ros-spinner, .ros-spinner-btn, .ros-search-mini-loader-dot,
    .rosinv-import-spinner, .ros-login-loading-overlay__spinner, .ros-save-pill.ros-state-saving .ros-dot,
    .ros-repl-spinner, .ros-offer-loading__spinner, .ros-shared-spinner,
    .ros-top-media-loader__spinner, .ros-events-loader__spinner, .ros-mini-spinner,
    .ros-pos-loading-spinner, .ros-pos-result-spinner, .ros-mqs__spinner,
    .ros-search-spinner, .ros-receipt-document-loader-ring, .ros-receipt-loading-ring,
    .ros-receipt-selection-spinner, .ros-btn-spinner, .ros-payment-loading-spinner,
    .ros-banking-global-loading-box .spinner, .ros-b2b-partner-loading .spinner,
    .ros-pos-tx-lexware-loading .spinner, .ros-app-downloads-state .spinner,
    .ros-b2b-network-opening__spinner, .ros-whatsapp-bridge__qr-spinner,
    .ros-whatsapp-bridge__inline-spinner, .ros-assistant-order-progress .ros-assistant-order-spinner,
    .ros-staff-loading__spinner, .ros-log-switch-spinner, .ros-inventory-matrix-search-loader,
    .ros-matrix-create-spinner, .ros-pc-inline-spin, .qe-spin, .ros-custsearch-spin,
    .ros-dhl-custsearch-spin, .ros-addr-spin, .scanDetectedSpinner,
    .scannerPcSupplierSpin, .scannerPcLoadingSpin, .scannerPcPartialSpin,
    .ros-webmail-loader-visual, .ros-pos-shop-customer-searchbox > i,
    .ros-rb-customer-searchbox > i, .ros-report-integrity.is-pending img,
    .ros-pos-shop-toast.is-loading .ros-pos-shop-toast-icon,
    #ros-imei-loading > img, #ros-price-global-loading img,
    #ros-order-modal-loading > div > span:first-child
):not(button, button *, [role='button'], [role='button'] *, a.button, a.button *, .ros-action-button, .ros-action-button *, .ros-frontend-wizard, .ros-frontend-wizard *, [data-ros-wizard], [data-ros-wizard] *, .ros-customer-portal, .ros-customer-portal *, [data-ros-customer-portal], [data-ros-customer-portal] *, #ros-customer-portal, #ros-customer-portal *, .ros-cp, .ros-cp *, .ros-booking-wizard, .ros-booking-wizard *, .ros-brainsell-frontend, .ros-brainsell-frontend *) {
    box-sizing: border-box !important;
    width: var(--ros-brand-loader-width, 48px) !important;
    height: var(--ros-brand-loader-height, 24px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    flex: 0 0 var(--ros-brand-loader-width, 48px) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    background-color: transparent !important;
    background-image: var(--ros-brand-loader-image) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    filter: none !important;
    vertical-align: middle;
    /* This one finite event lets the shared controller detect a newly shown visual. */
    animation: ros-branding-surface 1ms linear 1 !important;
}

:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is([data-ros-loader], .ros-brand-loader):not(button, button *, [role='button'], [role='button'] *, a.button, a.button *, .ros-action-button, .ros-action-button *, [hidden]) {
    display: inline-block;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is([data-ros-loader], .ros-brand-loader)[hidden] {
    display: none !important;
}

/* Suppress only the old spinner's decoration, never success/error status symbols. */
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(
    [data-ros-loader], .ros-brand-loader,
    .ros-loader-spin, .ros-spinner, .ros-spinner-btn, .ros-search-mini-loader-dot,
    .rosinv-import-spinner, .ros-login-loading-overlay__spinner, .ros-save-pill.ros-state-saving .ros-dot,
    .ros-repl-spinner, .ros-offer-loading__spinner, .ros-shared-spinner,
    .ros-top-media-loader__spinner, .ros-events-loader__spinner, .ros-mini-spinner,
    .ros-pos-loading-spinner, .ros-pos-result-spinner, .ros-mqs__spinner,
    .ros-search-spinner, .ros-receipt-document-loader-ring, .ros-receipt-loading-ring,
    .ros-receipt-selection-spinner, .ros-btn-spinner, .ros-payment-loading-spinner,
    .ros-banking-global-loading-box .spinner, .ros-b2b-partner-loading .spinner,
    .ros-pos-tx-lexware-loading .spinner, .ros-app-downloads-state .spinner,
    .ros-b2b-network-opening__spinner, .ros-whatsapp-bridge__qr-spinner,
    .ros-whatsapp-bridge__inline-spinner, .ros-assistant-order-progress .ros-assistant-order-spinner,
    .ros-staff-loading__spinner, .ros-log-switch-spinner, .ros-inventory-matrix-search-loader,
    .ros-matrix-create-spinner, .ros-pc-inline-spin, .qe-spin, .ros-custsearch-spin,
    .ros-dhl-custsearch-spin, .ros-addr-spin, .scanDetectedSpinner,
    .scannerPcSupplierSpin, .scannerPcLoadingSpin, .scannerPcPartialSpin,
    .ros-webmail-loader-visual, .ros-pos-shop-customer-searchbox > i,
    .ros-rb-customer-searchbox > i, .ros-report-integrity.is-pending img,
    .ros-pos-shop-toast.is-loading .ros-pos-shop-toast-icon,
    #ros-imei-loading > img, #ros-price-global-loading img,
    #ros-order-modal-loading > div > span:first-child
):not(button, button *, [role='button'], [role='button'] *, a.button, a.button *, .ros-action-button, .ros-action-button *, .ros-frontend-wizard, .ros-frontend-wizard *, [data-ros-wizard], [data-ros-wizard] *, .ros-customer-portal, .ros-customer-portal *, [data-ros-customer-portal], [data-ros-customer-portal] *, #ros-customer-portal, #ros-customer-portal *, .ros-cp, .ros-cp *, .ros-booking-wizard, .ros-booking-wizard *, .ros-brainsell-frontend, .ros-brainsell-frontend *)::before,
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(
    [data-ros-loader], .ros-brand-loader,
    .ros-loader-spin, .ros-spinner, .ros-spinner-btn, .ros-search-mini-loader-dot,
    .rosinv-import-spinner, .ros-login-loading-overlay__spinner, .ros-save-pill.ros-state-saving .ros-dot,
    .ros-repl-spinner, .ros-offer-loading__spinner, .ros-shared-spinner,
    .ros-top-media-loader__spinner, .ros-events-loader__spinner, .ros-mini-spinner,
    .ros-pos-loading-spinner, .ros-pos-result-spinner, .ros-mqs__spinner,
    .ros-search-spinner, .ros-receipt-document-loader-ring, .ros-receipt-loading-ring,
    .ros-receipt-selection-spinner, .ros-btn-spinner, .ros-payment-loading-spinner,
    .ros-banking-global-loading-box .spinner, .ros-b2b-partner-loading .spinner,
    .ros-pos-tx-lexware-loading .spinner, .ros-app-downloads-state .spinner,
    .ros-b2b-network-opening__spinner, .ros-whatsapp-bridge__qr-spinner,
    .ros-whatsapp-bridge__inline-spinner, .ros-assistant-order-progress .ros-assistant-order-spinner,
    .ros-staff-loading__spinner, .ros-log-switch-spinner, .ros-inventory-matrix-search-loader,
    .ros-matrix-create-spinner, .ros-pc-inline-spin, .qe-spin, .ros-custsearch-spin,
    .ros-dhl-custsearch-spin, .ros-addr-spin, .scanDetectedSpinner,
    .scannerPcSupplierSpin, .scannerPcLoadingSpin, .scannerPcPartialSpin,
    .ros-webmail-loader-visual, .ros-pos-shop-customer-searchbox > i,
    .ros-rb-customer-searchbox > i, .ros-report-integrity.is-pending img,
    .ros-pos-shop-toast.is-loading .ros-pos-shop-toast-icon,
    #ros-imei-loading > img, #ros-price-global-loading img,
    #ros-order-modal-loading > div > span:first-child
):not(button, button *, [role='button'], [role='button'] *, a.button, a.button *, .ros-action-button, .ros-action-button *, .ros-frontend-wizard, .ros-frontend-wizard *, [data-ros-wizard], [data-ros-wizard] *, .ros-customer-portal, .ros-customer-portal *, [data-ros-customer-portal], [data-ros-customer-portal] *, #ros-customer-portal, #ros-customer-portal *, .ros-cp, .ros-cp *, .ros-booking-wizard, .ros-booking-wizard *, .ros-brainsell-frontend, .ros-brainsell-frontend *)::after {
    content: none !important;
    animation: none !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(.ros-webmail-loader-visual > i, .ros-webmail-loader-visual > b, .ros-payment-loading-spinner > span):not(button *, [role='button'] *, a.button *, .ros-action-button *) {
    display: none !important;
    animation: none !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(.ros-report-integrity.is-pending img, #ros-imei-loading > img, #ros-price-global-loading img):not(button *, [role='button'] *, a.button *, .ros-action-button *) {
    content: var(--ros-brand-loader-image) !important;
    object-fit: contain !important;
}

/* Existing pseudo-element loaders retain their host, label and activation condition. */
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(
    #gsma-search-loading, .ros-document-preview__pdf-loading, .ros-phone-loading-text,
    .ros-phone-request-status, .ros-cnw-live.is-busy, .ros-dn-save-state.is-busy,
    .ros-dn-action-busy, .ros-service-calendar-loading, .ros-service-calendar-sync-status.is-loading
):not(button, button *, [role='button'], [role='button'] *, a.button, a.button *, .ros-action-button, .ros-action-button *, .ros-frontend-wizard, .ros-frontend-wizard *, [data-ros-wizard], [data-ros-wizard] *, .ros-customer-portal, .ros-customer-portal *, [data-ros-customer-portal], [data-ros-customer-portal] *, #ros-customer-portal, #ros-customer-portal *, .ros-cp, .ros-cp *, .ros-booking-wizard, .ros-booking-wizard *, .ros-brainsell-frontend, .ros-brainsell-frontend *)::before,
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]):not(.ros-repair-ui-ready) .ros-repair-prices-page #ros-repair-table::before,
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-dn-studio:is([data-phase='starting'], [data-phase='processing']) .ros-dn-studio-mark:not(button, button *, [role='button'], [role='button'] *, a.button, a.button *, .ros-action-button, .ros-action-button *)::after {
    box-sizing: border-box !important;
    width: var(--ros-brand-loader-width, 48px) !important;
    height: var(--ros-brand-loader-height, 24px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    flex: 0 0 var(--ros-brand-loader-width, 48px) !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    background-color: transparent !important;
    background-image: var(--ros-brand-loader-image) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    color: transparent !important;
    filter: none !important;
    animation: ros-branding-surface 1ms linear 1 !important;
}

/* Bigger reading distance in overlays, without changing their request or close behavior. */
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(
    .ros-inline-calendar-loader .ros-shared-spinner,
    .ros-top-media-preloader .ros-shared-spinner,
    .ros-top-media-loader__spinner, .ros-events-loader__spinner
):not(button, button *, [role='button'], [role='button'] *, a.button, a.button *, .ros-action-button, .ros-action-button *) {
    --ros-brand-loader-width: 64px;
    --ros-brand-loader-height: 31px;
}

:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(.ros-inline-calendar-list, .ros-inline-calendar-grid):has(> .ros-inline-calendar-loader:only-child) {
    position: relative;
    flex: 1 1 auto !important;
    min-height: 0;
    max-height: none !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(.ros-inline-calendar-list, .ros-inline-calendar-grid) > .ros-inline-calendar-loader:only-child {
    position: absolute;
    inset: 0;
    min-height: 0;
    margin: 0;
    align-items: center !important;
    justify-content: center !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-top-media-preloader {
    align-items: center !important;
    justify-content: center !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-call-widget-loading {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    text-align: center;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-call-widget-loading [data-ros-loader] {
    --ros-brand-loader-width: 64px;
    --ros-brand-loader-height: 31px;
    flex: 0 0 31px !important;
    margin: 0 !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(.ros-inline-calendar-loader, .ros-top-media-preloader) .ros-shared-spinner {
    margin: 0 !important;
}

:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-brand-loader--large:not(button, button *, [role='button'], [role='button'] *, a.button, a.button *, .ros-action-button, .ros-action-button *) {
    --ros-brand-loader-width: 120px;
    --ros-brand-loader-height: 58px;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(
    #ros-loading-overlay .ros-loader-spin, #ros-addorder-repair-loader .ros-loader-spin,
    .ros-webmail-loader.is-large .ros-webmail-loader-visual,
    .ros-whatsapp-bridge__qr-spinner, .ros-b2b-network-opening__spinner,
    .ros-staff-loading__spinner, .ros-receipt-document-loader-ring,
    .ros-receipt-loading-ring, .ros-payment-loading-spinner, .ros-login-loading-overlay__spinner
):not(button, button *, [role='button'], [role='button'] *, a.button, a.button *, .ros-action-button, .ros-action-button *) {
    --ros-brand-loader-width: 100px;
    --ros-brand-loader-height: 48px;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]):not(.ros-repair-ui-ready) .ros-repair-prices-page #ros-repair-table::before {
    /* The light loading cover is painted by ::after, not the table element.
       Its detected table/ancestor tone must not select a white logo here. */
    --ros-brand-loader-image: var(--ros-brand-loader-light);
    --ros-brand-loader-width: 112px;
    --ros-brand-loader-height: 54px;
    margin-left: -56px !important;
    margin-top: -70px !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-dn-studio:is([data-phase='starting'], [data-phase='processing']) .ros-dn-studio-mark {
    --ros-brand-loader-width: 34px;
    --ros-brand-loader-height: 17px;
}

/* Input adornments stay inside their existing field slots. */
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(
    .ros-custsearch-spin, .ros-dhl-custsearch-spin, .ros-addr-spin, .ros-mqs__spinner,
    .ros-search-spinner, .ros-pos-shop-customer-searchbox > i, .ros-rb-customer-searchbox > i,
    .ros-inventory-matrix-search-loader, .ros-save-pill.ros-state-saving .ros-dot
):not(button, button *, [role='button'], [role='button'] *, a.button, a.button *, .ros-action-button, .ros-action-button *) {
    --ros-brand-loader-width: 28px;
    --ros-brand-loader-height: 14px;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(.ros-custsearch-spin, .ros-mqs__spinner, .ros-pos-shop-customer-searchbox > i, .ros-rb-customer-searchbox > i) {
    margin-top: -7px !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) #ros-pos-shop-order-form .ros-pos-shop-customer-searchbox > i {
    left: 3px;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(.ros-pos-shop-customer-searchbox, .ros-rb-customer-searchbox).is-loading > input {
    padding-right: 76px !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) #ros-pos-shop-order-form .ros-pos-shop-customer-searchbox.is-loading > input {
    padding-right: 8px !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-custsearch.is-loading input#customer_name {
    padding-right: 76px !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-custsearch.has-clear.is-loading input#customer_name {
    padding-right: 108px !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-dhl-custsearch-wrap.is-loading > input {
    padding-right: 86px !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-addr-wrap.is-loading > input {
    padding-right: 46px !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-model-quicksearch.is-loading .ros-mqs__input {
    padding-right: 42px !important;
}

/* The same originals are static outside the viewport and while the document is hidden. */
html[data-ros-branding-paused] :is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]),
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) [data-ros-loader-offscreen] {
    --ros-brand-loader-light: url('../images/repairos-gfx/09-Loader/repairOS-loader-statisch.svg?rev=20261027-1');
    --ros-brand-loader-dark: url('../images/repairos-gfx/09-Loader/repairOS-loader-weiss-statisch.svg?rev=20261027-1');
    --ros-brand-loader-image: var(--ros-brand-loader-light);
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) [data-ros-loader-offscreen]:is([data-ros-surface='dark'], [data-ros-loader-tone='dark']) {
    --ros-brand-loader-image: var(--ros-brand-loader-dark);
}

/* Logo originals stay unfiltered; the shared controller follows the actual local surface. */
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-brand-logo {
    display: inline-block;
    max-width: 100%;
    width: var(--ros-brand-logo-width, 160px);
    line-height: 0;
    vertical-align: middle;
    animation: ros-branding-surface 1ms linear 1;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-webmail-brand-mark .ros-brand-logo {
    --ros-brand-logo-width: 39px;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-brand-logo > img {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    filter: none !important;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-brand-logo > [data-ros-logo-light] {
    display: block;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-brand-logo > [data-ros-logo-dark] {
    display: none;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-brand-logo:is([data-ros-surface='dark'], [data-ros-loader-tone='dark']) > [data-ros-logo-light] {
    display: none;
}
:is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) .ros-brand-logo:is([data-ros-surface='dark'], [data-ros-loader-tone='dark']) > [data-ros-logo-dark] {
    display: block;
}

@keyframes ros-branding-surface {
    from { opacity: 1; }
    to { opacity: 1; }
}

/* Select real static files also when SVG image renderers ignore their internal media query. */
@media (prefers-reduced-motion: reduce) {
    :is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) {
        --ros-brand-loader-light: url('../images/repairos-gfx/09-Loader/repairOS-loader-statisch.svg?rev=20261027-1');
        --ros-brand-loader-dark: url('../images/repairos-gfx/09-Loader/repairOS-loader-weiss-statisch.svg?rev=20261027-1');
    }
}

@media (max-width: 600px) {
    :is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(
        .ros-inline-calendar-loader .ros-shared-spinner,
        .ros-top-media-preloader .ros-shared-spinner,
        .ros-top-media-loader__spinner, .ros-events-loader__spinner
    ):not(button, button *, [role='button'], [role='button'] *, a.button, a.button *, .ros-action-button, .ros-action-button *) {
        --ros-brand-loader-width: 64px;
        --ros-brand-loader-height: 31px;
    }
    :is(body.ros-branding-backend, body[data-ros-branding], [data-ros-branding-root]) :is(#ros-loading-overlay .ros-loader-spin, #ros-addorder-repair-loader .ros-loader-spin) {
        --ros-brand-loader-width: 80px;
        --ros-brand-loader-height: 39px;
    }
}