* {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

html,
body {
    margin: 0 !important;
    padding: 0 !important;
    -webkit-font-smoothing: antialiased;
    font-family: Arial, sans-serif;
}
.desy-loader {
    box-sizing: border-box;
}

    .desy-loader *,
    .desy-loader *::before,
    .desy-loader *::after {
        box-sizing: inherit;
    }

    .desy-loader [hidden] {
        display: none !important;
    }

    .desy-loader .sr-only {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
        opacity: 0;
    }

    .desy-loader * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-variant-numeric: var(--maui-font-variant-numeric, proportional-nums);
    }

.desy-loader {
    display: inline-block;
}

    .desy-loader .label {
        font-family: var( --maui-loader-font-family-override, var(--maui-loader-label-font-font-family) );
        font-weight: var( --maui-loader-font-weight-override, var(--maui-loader-label-font-font-weight) );
        font-size: var(--maui-loader-font-size-override, var(--maui-loader-label-font-font-size));
        line-height: var( --maui-loader-line-height-override, var(--maui-loader-label-font-line-height) );
        color: var(--maui-loader-label-color);
        text-align: center;
        vertical-align: middle;
        margin-bottom: var(--maui-loader-label-gap);
    }

    .desy-loader.size-large {
        --loader-scale-factor: var(--maui-loader-animation-rest-scale-large);
    }

    .desy-loader .loading-animation-active .loading-animation {
        animation-direction: normal;
        animation-duration: var(--maui-loader-animation-duration);
        animation-iteration-count: infinite;
        animation-name: loading-bounce;
        opacity: var(--maui-loader-animation-rest-opacity);
        background-color: var(--maui-loader-dot-color);
    }

    .desy-loader .loading-animation {
        transform: scale(var(--loader-scale-factor));
    }

    .desy-loader .loading-frame-large {
        border-radius: var(--maui-loader-dot-borderRadius);
        height: var(--maui-loader-dot-size-large);
        width: var(--maui-loader-dot-size-large);
    }

    .desy-loader .loading-frames {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 auto;
    }

    .desy-loader .loader-box-large {
        width: calc( (9 * var(--maui-loader-dot-size-large)) + (8 * var(--maui-loader-dot-gap-large)) );
    }

@keyframes loading-bounce {
    0% {
        background-color: var(--maui-loader-dot-color);
        transform: scale(var(--loader-scale-factor));
        opacity: var(--maui-loader-animation-rest-opacity);
    }

    33% {
        background-color: var(--maui-loader-dot-color);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        background-color: var(--maui-loader-dot-color);
        transform: scale(var(--loader-scale-factor));
        opacity: var(--maui-loader-animation-rest-opacity);
    }
}

.desy-loader .loading-animation-0 {
    animation-delay: 0.475s;
}

.desy-loader .loading-animation-1 {
    animation-delay: 0.625s;
}

.desy-loader .loading-animation-2 {
    animation-delay: 0.775s;
}

.desy-loader .loading-animation-3 {
    animation-delay: 0.925s;
}

.desy-loader .loading-animation-4 {
    animation-delay: 1.075s;
}

.desy-loader .loading-animation-5 {
    animation-delay: 1.225s;
}

.desy-loader .loading-animation-6 {
    animation-delay: 1.375s;
}

.desy-loader .loading-animation-7 {
    animation-delay: 1.525s;
}

.desy-loader .loading-animation-8 {
    animation-delay: 1.675s;
}

.desy-loader.os {
    --maui-loader-dot-color: #d81e05ff;
    --maui-loader-dot-size-x-small: 8px;
    --maui-loader-dot-size-x-small-center: 12px;
    --maui-loader-dot-size-small: 8px;
    --maui-loader-dot-size-small-center: 12px;
    --maui-loader-dot-size-medium: 14px;
    --maui-loader-dot-size-large: 14px;
    --maui-loader-dot-borderRadius: 9999999px;
    --maui-loader-dot-gap-x-small: 8px;
    --maui-loader-dot-gap-small: 8px;
    --maui-loader-dot-gap-medium: 20px;
    --maui-loader-dot-gap-large: 20px;
    --maui-loader-label-color: #262626ff;
    --maui-loader-label-gap: 12px;
    --maui-loader-animation-duration: 1.5s;
    --maui-loader-animation-rest-opacity: 0.35;
    --maui-loader-animation-rest-scale-x-small: 0.5;
    --maui-loader-animation-rest-scale-small: 0.6;
    --maui-loader-animation-rest-scale-medium: 0.6;
    --maui-loader-animation-rest-scale-large: 0.45;
    --maui-loader-label-font-font-family: Portada;
    --maui-loader-label-font-font-weight: 400;
    --maui-loader-label-font-font-size: 16px;
    --maui-loader-label-font-line-height: 150%;

    @media screen and (min-width: 768px) {
        --maui-loader-label-font-font-size: 16px;
        --maui-loader-label-font-line-height: 150%;
    }

    @media screen and (min-width: 1440px) {
        --maui-loader-label-font-font-size: 16px;
        --maui-loader-label-font-line-height: 150%;
    }
}