@import url("https://rsms.me/inter/inter.css");

:root {
    --tblr-primary: #f97316;
    --tblr-primary-rgb: 249, 115, 22;
}

body {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    margin: 0;
}

.app-shell .page-header .container,
.app-shell .page-header .container-sm,
.app-shell .page-header .container-md,
.app-shell .page-header .container-lg,
.app-shell .page-header .container-xl,
.app-shell .page-header .container-xxl,
.app-shell .page-body .container,
.app-shell .page-body .container-sm,
.app-shell .page-body .container-md,
.app-shell .page-body .container-lg,
.app-shell .page-body .container-xl,
.app-shell .page-body .container-xxl,
.app-shell .footer .container,
.app-shell .footer .container-sm,
.app-shell .footer .container-md,
.app-shell .footer .container-lg,
.app-shell .footer .container-xl,
.app-shell .footer .container-xxl {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.card-placeholder {
    min-height: 180px;
}

@media (prefers-reduced-motion: no-preference) {
    .app-shell .page-wrapper {
        animation: leaped-page-enter 180ms ease-out both;
    }

    .app-shell.is-page-leaving .page-wrapper {
        animation: none;
        opacity: 0;
        transform: translateY(4px);
        transition:
            opacity 120ms ease-in,
            transform 120ms ease-in;
    }
}

@keyframes leaped-page-enter {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}