@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/InterVariable.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: block;
}

@font-face {
    font-family: "Inter";
    src: url("/fonts/inter/InterVariable-Italic.woff2") format("woff2");
    font-style: italic;
    font-weight: 100 900;
    font-display: block;
}

@view-transition { navigation: auto; }

.c365-provider-header,
.c365-header { view-transition-name: c365-platform-header; }

.c365-app-header { view-transition-name: c365-app-header; }

::view-transition-old(c365-platform-header),
::view-transition-new(c365-platform-header),
::view-transition-old(c365-app-header),
::view-transition-new(c365-app-header) {
    animation-duration: 1ms;
}

#c365-main-content > :first-child {
    animation: c365-page-arrive 220ms cubic-bezier(.22, .61, .36, 1) backwards;
}

.c365-live-region--departing {
    opacity: .82;
    pointer-events: none;
    transition: opacity 180ms ease;
}

.c365-is-loading .c365-live-region--departing { opacity: .82; }

.c365-live-region--updated {
    animation: c365-page-arrive 220ms cubic-bezier(.22, .61, .36, 1) backwards;
}

.c365-tile-enter {
    animation: c365-tile-arrive 220ms cubic-bezier(.22, .61, .36, 1) backwards;
    animation-delay: min(calc(var(--c365-tile-enter-index, 0) * 28ms), 168ms);
}

.c365-tile-shell [data-c365-tile-content] {
    transition: opacity 180ms ease;
}

@keyframes c365-page-depart {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes c365-page-arrive {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

@keyframes c365-tile-arrive {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    #c365-main-content > :first-child,
    .c365-live-region--updated,
    .c365-tile-enter {
        animation: none !important;
        transform: none !important;
    }

    .c365-live-region--departing,
    .c365-tile-shell [data-c365-tile-content] {
        transition: none !important;
    }
}