@keyframes mio-rainbow-shift {
    from {
        background-position: center, 0% 40%;
    }
    to {
        background-position: center, 100% 60%;
    }
}
@keyframes mio-rainbow-slide {
    from {
        background-position: 0% 50%;
    }
    to {
        background-position: 100% 50%;
    }
}
@keyframes legal-divider-in {
    from {
        opacity: 0;
        transform: scaleX(0);
    }
    to {
        opacity: 0.8;
        transform: scaleX(1);
    }
}
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes rules-line-open {
    0% {
        transform: scaleX(0);
        opacity: 0;
    }
    12% {
        opacity: 1;
    }
    100% {
        transform: scaleX(1);
        opacity: 1;
    }
}
@keyframes rules-content-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes stat-pop {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.04);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes presence-text-in {
    from {
        opacity: 0.35;
        transform: translateY(2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes chat-day-in {
    from {
        opacity: 0;
        transform: scale(0.88) translateY(6px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}
@keyframes notify-read-out {
    to {
        background: transparent;
        opacity: 0.72;
    }
}
@keyframes notify-dot-out {
    to {
        opacity: 0;
        transform: scale(0);
    }
}
@keyframes social-read-pop {
    0% {
        transform: scale(0.92);
        opacity: 0.6;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes notify-item-in {
    from {
        opacity: 0;
        transform: translateY(-10px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@keyframes nav-badge-pop {
    0% {
        transform: scale(0.42);
        opacity: 0;
    }
    62% {
        transform: scale(1.16);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes btn-action-pop {
    0% {
        transform: scale(1);
    }
    40% {
        transform: scale(0.94);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes messages-search-hit-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes messages-badge-pop {
    0% {
        transform: scale(0.92);
        opacity: 0.6;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes msg-dropdown-in {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(0.94);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}
@keyframes social-msg-in-theirs {
    0% {
        opacity: 0;
        transform: translate3d(-14px, 10px, 0) scale(0.86);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}
@keyframes social-msg-in-mine {
    0% {
        opacity: 0;
        transform: translate3d(14px, 10px, 0) scale(0.86);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}
@keyframes social-msg-pending {
    0%, 100% {
        opacity: 0.62;
        transform: scale(0.98);
    }
    50% {
        opacity: 0.88;
        transform: scale(1);
    }
}
@keyframes social-msg-sent-pop {
    0% {
        transform: scale(1);
    }
    40% {
        transform: scale(1.04);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes compose-shake {
    0%, 100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(-2px);
    }
    70% {
        transform: translateX(2px);
    }
}
@keyframes notify-enter {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes social-msg-edit-flash {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 148, 246, 0.45);
    }
    40% {
        box-shadow: 0 0 0 6px rgba(0, 148, 246, 0.18);
    }
    100% {
        box-shadow: none;
    }
}
@keyframes social-msg-delete {
    0% {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
    100% {
        opacity: 0;
        transform: translateX(8px) scale(0.98);
    }
}
@keyframes user-search-card-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes mobileNavIn {
    from {
        opacity: 0;
        transform: translate3d(0, -10px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes social-reactions-pop {
    from {
        opacity: 0;
        transform: scale(0.85);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes social-msg-highlight {
    0%, 100% {
        background: transparent;
    }
    30% {
        background: rgba(0, 148, 246, 0.12);
        border-radius: 12px;
    }
}
@keyframes compose-reply-in {
    from {
        opacity: 0;
        transform: translateY(6px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes support-edge-line-x {
    from {
        transform: translate3d(-100%, 0, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes support-msg-in {
    from {
        opacity: 0;
        transform: translate3d(0, 10px, 0) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}
@keyframes support-msg-in-staff {
    from {
        opacity: 0;
        transform: translate3d(-12px, 8px, 0) scale(0.94);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}
@keyframes support-msg-in-user {
    from {
        opacity: 0;
        transform: translate3d(12px, 8px, 0) scale(0.94);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}
@keyframes supportShotIn {
    to {
        opacity: 1;
    }
}
@keyframes mio-lang-out {
    from { opacity: 1; }
    to { opacity: 0.82; }
}
@keyframes mio-select-in {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes mio-select-out {
    from { opacity: 1; transform: translateY(0); }
    to { opacity: 0; transform: translateY(-6px); }
}
@keyframes mio-select-item-in {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes mio-lang-trigger {
    from { transform: scale(0.96); }
    to { transform: scale(1); }
}
@keyframes mio-lang-in {
    from { opacity: 0.82; }
    to { opacity: 1; }
}
@keyframes mio-search-icon-pulse {
    from {
        opacity: 0.56;
        transform: translateZ(0) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translateZ(0) scale(1.03);
    }
}
@keyframes mio-loop-left {
    to {
        transform: translateZ(0) rotate(360deg);
    }
}
@keyframes mio-loop-right {
    to {
        transform: translateZ(0) rotate(-360deg);
    }
}
@keyframes mio-mobile-menu-in {
    from {
        opacity: 0;
        transform: translate3d(0, -10px, 0) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}
@keyframes mio-app-surface-in {
    from {
        opacity: 0;
        transform: translateZ(0) scale(0.985);
    }
    to {
        opacity: 1;
        transform: none;
    }
}
@keyframes mio-micro-feedback {
    from {
        opacity: 0.72;
        transform: translateZ(0) scale(0.94);
    }
    to {
        opacity: 1;
        transform: translateZ(0) scale(1);
    }
}
@keyframes mio-ios-sheet-in {
    from {
        opacity: 0;
        transform: translateZ(0) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateZ(0) scale(1);
    }
}
@keyframes mio-ios-error-in {
    from {
        opacity: 0;
        transform: translate3d(0, 6px, 0) scale(0.94);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}
@keyframes theme-preview-drift {
    from {
        transform: translate3d(0, 0, 0) scale(1);
    }
    to {
        transform: translate3d(-6%, -4%, 0) scale(1.08);
    }
}
@keyframes walletCheckCircle {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes walletCheckDraw {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes walletModalIn {
    from {
        opacity: 0;
        transform: scale(0.9) translateY(18px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}
@keyframes walletCheckPop {
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes walletResultFadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes topupConfirmIn {
    0% {
        opacity: 0;
        transform: translate3d(calc(-100% - 12px), 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes topupConfirmOut {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        transform: translate3d(calc(-100% - 12px), 0, 0);
    }
}
@keyframes topupBrandPop {
    from {
        opacity: 0;
        transform: scale(0.78);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes topupBrandOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.78);
    }
}
@keyframes topupErrorIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes topupErrorOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-6px);
    }
}
@keyframes topupConfirmInMobile {
    from {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes topupConfirmOutMobile {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 40px, 0);
    }
}
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}
html[data-palette="social"],
html[data-palette="social"] body:not(.settings-docs-body) {
    animation: none;
}
@media (prefers-reduced-motion: no-preference) {
    html[data-palette="rainbow"] body:not(.settings-docs-body) {
        animation: mio-rainbow-shift 22s ease-in-out infinite alternate;
    }
}
@media (prefers-reduced-motion: reduce) {
    html[data-palette="rainbow"] body:not(.settings-docs-body) {
        animation: none;
    }
}
.mio-back-link {
    transition: color 0.3s ease;
}
.mio-back-arrow {
    transition: transform 0.22s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.22s ease;
}
.mio-back-text {
    transition: border-color 0.22s ease;
}
@media (prefers-reduced-motion: no-preference) {
    ::view-transition-group(root) {
        animation: none;
    }
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation: none;
    }
}
:where(body:is(.dashboard-body,.auth-page,.oauth-page,.maintenance-page)) {
.btn {
    transition: transform var(--mio-press, 0.12s linear), opacity var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), filter var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1));
}
.legal-links a {
    transition: color 0.2s ease;
}
}
:where(body.auth-page) {
.field input {
    transition: border-color 0.2s ease;
}
.auth-alt a {
    transition: border-color var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), opacity var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1));
}
.modal-content-layer,
#mioAuthIsland .modal-content-layer {
    transition: none;
    animation: none;
}
}
:where(body.legal-body) {
.legal-container {
    animation: fadeUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.legal-container.legal-enter .legal-divider {
    animation: legal-divider-in 0.36s 0.12s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.legal-section a {
    transition: color 0.2s ease, background-size 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
}
.mio-back-link {
    transition: color 0.2s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.mio-back-link .mio-back-arrow {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.legal-footer a {
    transition: color 0.22s ease;
}
.legal-footer a::after {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
    .legal-container.legal-enter .legal-divider {
        animation: none;
    }
    .legal-section a,
    .legal-footer a,
    .mio-back-link,
    .mio-back-link .mio-back-arrow {
        transition: none;
    }
    .legal-footer a::after {
        transition: none;
    }
}
}
:where(body.dashboard-body) {
.nav-burger {
    transition: border-color 0.2s ease, background 0.2s ease;
}
.nav-burger span {
    transition: transform 0.25s ease, opacity 0.2s ease;
}
.report-card {
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.report-card-accent {
    transition: opacity 0.25s ease;
}
.user-report-pick-btn {
    transition: border-color 0.2s ease, opacity 0.2s ease;
}
.rules-toc-link {
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
}
.rules-section.is-inview .rules-section-line span {
    animation: rules-line-open 0.88s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.rules-section.is-inview .rules-list {
    animation: rules-content-in 0.58s cubic-bezier(0.16, 1, 0.3, 1) 0.38s both;
}
@media (prefers-reduced-motion: reduce) {
    .rules-section-line span {
        animation: none;
    }
    .rules-section .rules-list {
        animation: none;
    }
}
.report-card-link {
    transition: color 0.2s ease, border-color 0.2s ease;
}
.nav-link {
    transition: color 0.2s ease, background 0.2s ease;
}
.dashboard-blur-word {
    will-change: transform, filter, opacity;
}
}
html.mio-motion-static :where(body.dashboard-body) [data-blur-title] .dashboard-blur-word {
    will-change: auto;
}
:where(body.dashboard-body) {
.mio-inline-link {
    transition: color 0.2s ease, border-color 0.2s ease;
}
.mio-muted-link,
.rules-page-links a,
.report-form-rules-link {
    transition: color 0.2s ease, border-color 0.2s ease;
}
.project-card {
    transition: opacity 0.2s ease;
}
.project-cta {
    transition: letter-spacing 0.2s ease;
}
.legal-inline a,
.topup-legal-note a {
    transition: color 0.22s ease, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.legal-inline a::after,
.topup-legal-note a::after {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
button.profile-hero-banner::after {
    transition: background 0.18s ease;
}
.profile-hero-icon-btn {
    transition: background 0.18s ease, transform 0.15s ease;
}
.profile-more-drop {
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}
.profile-more-btn svg {
    transition: transform 0.2s ease;
}
.profile-hero-avatar {
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.profile-hero-avatar::before {
    transition: background 0.2s ease;
}
.profile-hero-avatar-edit {
    transition: opacity 0.2s ease;
}
.mio-input,
.mio-textarea {
    transition: border-color 0.2s ease;
}
.profile-bio-edit__pencil {
    transition: opacity 0.22s ease, transform 0.22s ease;
}
.profile-social-stat {
    transition: opacity 0.2s ease;
}
.profile-hero-cta {
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, opacity 0.18s ease;
}
.profile-social-stat strong.is-pop {
    animation: stat-pop 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.social-modal-tab {
    transition: color 0.2s;
}
.messages-peer-status {
    transition: color 0.2s ease, opacity 0.15s ease;
}
.messages-peer-status.is-updating [data-chat-presence-text] {
    animation: presence-text-in 0.2s ease;
}
.social-chat-day--enter span {
    animation: chat-day-in 0.38s cubic-bezier(0.25, 0.1, 0.25, 1) both;
}
.mio-custom-select-trigger {
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
.mio-custom-select-chevron {
    transition: transform 0.22s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.mio-custom-select-menu {
    transition: opacity 0.16s ease, transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1), visibility 0.16s;
}
.mio-custom-select-menu--portal {
    transition: opacity 0.18s ease, transform 0.22s cubic-bezier(0.25, 0.1, 0.25, 1), visibility 0.18s;
}
.mio-custom-select-option {
    transition: background 0.14s ease, color 0.14s ease;
}
.notify-read-all-btn--out {
    transition: opacity 0.15s ease, transform 0.15s ease;
}
.social-notify-item.notify-item--read-out {
    animation: notify-read-out 0.2s ease forwards;
    animation-delay: var(--notify-out-delay, 0ms);
}
.social-notify-item.notify-item--read-out .social-notify-dot {
    animation: notify-dot-out 0.14s ease forwards;
    animation-delay: var(--notify-out-delay, 0ms);
}
.social-msg-check--second {
    transition: opacity 0.22s ease, transform 0.28s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.social-msg-read--pop {
    animation: social-read-pop 0.45s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.social-notify-item.notify-item--enter {
    animation: notify-item-in 0.42s cubic-bezier(0.25, 0.1, 0.25, 1) both;
}
.nav-badge.nav-badge--pop {
    animation: nav-badge-pop 0.52s cubic-bezier(0.34, 1.45, 0.64, 1) both;
}
.profile-action-btn {
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}
.profile-action-btn--pop {
    animation: btn-action-pop 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.messages-sidebar {
    transition: opacity 0.28s ease, transform 0.34s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.messages-sidebar-toggle {
    transition: opacity 0.18s, background 0.18s, transform 0.18s;
}
.messages-sidebar-open-fab {
    transition: opacity 0.28s ease, transform 0.32s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.messages-search-hit {
    transition: opacity 0.22s ease, transform 0.22s ease;
}
.messages-search-hit-name {
    transition: background-size 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.22s ease;
}
.messages-search-hit-handle {
    transition: color 0.22s ease;
}
.messages-search-hit--enter {
    animation: messages-search-hit-in 0.36s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: calc(var(--hit-i, 0) * 45ms);
}
.messages-badge--pop,
.social-list-badge.messages-badge--pop {
    animation: messages-badge-pop 0.38s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.messages-contact-bar {
    transition: transform 0.22s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.18s ease;
    will-change: transform, opacity;
}
.messages-contact {
    transition: background 0.18s;
}
.messages-sidebar-empty-hint a {
    transition: opacity 0.22s ease;
}
.messages-sidebar-empty-hint a::after {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.social-msg-menu {
    transition: opacity 0.18s;
}
.social-msg-dots {
    transition: background 0.18s, color 0.18s;
}
.social-msg-dots span {
    transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s;
}
.social-msg-dropdown {
    transition: opacity 0.2s cubic-bezier(0.22, 1, 0.36, 1), transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.2s;
}
.social-msg-dropdown.is-fixed.is-open {
    animation: msg-dropdown-in 0.16s ease both;
    transition: none;
}
.social-tab {
    transition: color 0.2s;
}
.mio-tab-bar {
    transition: transform 0.22s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.18s ease;
    will-change: transform, opacity;
}
.social-list-item {
    transition: background 0.2s;
}
.social-msg--enter:not(.social-msg--mine) .social-msg-bubble {
    animation: social-msg-in-theirs 0.34s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.social-msg--enter.social-msg--mine .social-msg-bubble {
    animation: social-msg-in-mine 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.social-msg--pending .social-msg-bubble {
    animation: social-msg-pending 1.1s ease-in-out infinite;
}
.social-msg--sent .social-msg-bubble {
    animation: social-msg-sent-pop 0.38s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
    .social-msg--enter .social-msg-bubble,
    .social-msg--pending .social-msg-bubble,
    .social-msg--sent .social-msg-bubble {
        animation: none;
    }
}
.social-compose textarea.social-compose-shake {
    animation: compose-shake 0.26s ease;
}
.social-compose--chat textarea.social-compose-shake {
    animation: compose-shake 0.26s ease;
}
.social-compose-send {
    transition: transform 0.15s ease, opacity 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}
.social-list--notifications .social-notify-item {
    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
    animation: notify-enter 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
    animation-delay: var(--notify-delay, 0ms);
}
.social-page--notify .social-list--notifications .social-notify-item {
    animation: none;
}
.messages-unblock-btn {
    transition: opacity 0.15s, transform 0.15s;
}
.messages-chat-dots {
    transition: color 0.18s, background 0.18s;
}
.messages-chat-dots span {
    transition: transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s;
}
.messages-chat-dropdown {
    transition: opacity 0.18s, transform 0.18s, visibility 0.18s;
}
.messages-chat-dropdown button {
    transition: background 0.15s;
}
.social-msg.is-deleting {
    animation: social-msg-delete 0.38s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.social-msg-bubble.is-edited-flash {
    animation: social-msg-edit-flash 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}
.public-api-card {
    transition: border-color 0.2s, box-shadow 0.2s;
}
.user-search-results,
.user-search-results.is-loading,
.user-search-results.is-view-leaving,
.user-search-results.is-view-entering {
    transition: none;
}
.user-search-bar {
    transition: border-color 0.2s, box-shadow 0.2s;
}
.user-search-list--enter .user-search-card {
    animation: user-search-card-in 0.16s ease;
}
.user-search-page-btn {
    transition: background 0.18s, border-color 0.18s, transform 0.18s;
}
.user-search-card[data-mio-animate-content] {
    will-change: transform, opacity;
}
.user-search-card {
    transition: background-color 0.2s ease, transform 0.1s linear;
}
.user-search-arrow {
    transition: color 0.2s ease, opacity 0.2s ease;
}
.admin-tab {
    transition: border-color 0.2s, color 0.2s, background 0.2s;
}
.user-card {
    transition: border-color 0.2s ease;
}
.copy-btn {
    transition: border-color 0.2s, color 0.2s, background 0.2s;
}
.mio-select,
.tag-select.mio-select,
.modal .field select.mio-select {
    transition: border-color 0.2s ease;
}
.api-logo-preview {
    transition: border-color 0.2s, background 0.2s;
}
.drop-zone {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s linear;
}
}
@media (max-width: 860px) {
    body:where(.dashboard-body).nav-open .nav-right {
        animation: mobileNavIn 0.45s cubic-bezier(0.32, 0.72, 0, 1) both;
    }
}
:where(body.dashboard-body) {
.verify-about-link {
    transition: border-color 0.2s ease, color 0.2s ease;
}
.prem-crown-sm::before,
.prem-crown-sm::after {
    transition: opacity .18s ease, visibility .18s ease;
}
.mio-verified-tip::before,
.mio-verified-tip::after {
    transition: opacity .18s ease, visibility .18s ease;
}
@media (max-width: 768px) {
    .profile-page .mio-panel {
        will-change: auto;
    }
}
.social-msg-reply {
    transition: background 0.15s;
}
.social-msg-reactions--pop {
    animation: social-reactions-pop 0.32s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.social-msg-reaction-chip {
    transition: transform 0.15s, border-color 0.15s, background 0.15s;
}
.social-msg--highlight {
    animation: social-msg-highlight 0.9s ease;
}
.social-msg-reaction-picker {
    transition: opacity 0.18s ease, transform 0.22s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.social-msg-reaction-pick {
    transition: transform 0.15s, background 0.15s;
}
.social-compose-reply--enter {
    animation: compose-reply-in 0.24s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media (max-width: 768px) {
    .social-msg-dropdown.is-open {
        animation: msg-dropdown-in 0.2s cubic-bezier(0.25, 0.1, 0.25, 1) both;
    }
}
.support-thread-shell.is-scrollable:not(.edge-drawn) .support-thread-edge-line {
    animation: support-edge-line-x 0.7s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}
.support-thread-shell.is-scrollable:not(.edge-drawn) .support-thread-edge--bottom .support-thread-edge-line {
    animation-delay: 0.06s;
}
.support-thread-shell.edge-drawn.is-scrollable .support-thread-edge-line {
    animation: none;
}
@media (prefers-reduced-motion: reduce) {
    .support-thread-shell.is-scrollable .support-thread-edge-line {
        animation: none;
    }
}
.support-msg--enter {
    animation: support-msg-in 0.38s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.support-msg--enter.support-msg--staff {
    animation-name: support-msg-in-staff;
}
.support-msg--enter.support-msg--user {
    animation-name: support-msg-in-user;
}
@media (prefers-reduced-motion: reduce) {
    .support-msg--enter {
        animation: none;
    }
}
.support-ticket-link {
    transition: color 0.22s ease;
}
.support-ticket-link::after {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.support-shots-drop {
    transition: border-color 0.2s ease, background 0.2s ease;
}
.support-shots-item {
    animation: supportShotIn 0.2s ease forwards;
}
.support-shots-item-remove {
    transition: opacity 0.15s ease, background 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
    .support-shots-drop,
    .support-shots-item,
    .support-shots-item-remove {
        transition: none;
        animation: none;
    }
}
}
:where(body:is(.dashboard-body,.auth-page,.oauth-page,.maintenance-page,.legal-body):not(.auth-page--2fa):not(.gd-callback-page)) {
.btn {
    transition: opacity var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), transform var(--mio-press, 0.12s linear), background var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), filter var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1));
}
.modal-backdrop.mio-modal-gsap,
.modal-backdrop.mio-modal-gsap .modal {
    transition: none;
}
.modal-backdrop.mio-modal-gsap .modal,
.modal.mio-modal-expanding,
.mio-dialog-box.mio-modal-expanding {
    transition: none;
    will-change: transform, opacity;
}
.modal-backdrop {
    transition: opacity 0.25s ease;
}
.modal.mio-modal-expanding,
.mio-dialog-box.mio-modal-expanding {
    will-change: transform, opacity;
}
@media (max-width: 1024px) {
    .modal-backdrop.mio-modal-lite,
    .modal-backdrop.mio-modal-lite .modal {
        transition: none;
    }
}
.modal-close {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s linear;
}
.modal .field input,
.modal .field select,
.modal .field textarea {
    transition: border-color 0.2s ease;
}
.mio-upload-drop {
    transition: border-color 0.2s ease, background 0.2s ease;
}
.toast {
    transition: opacity 0.3s ease;
}
.cookie-banner {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s linear;
}
.mc-modal-tab {
    transition: color 0.2s ease, border-color 0.2s ease;
}
.mc-modal-check input[type="checkbox"] {
    transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.16s cubic-bezier(0.25, 0.1, 0.25, 1), box-shadow 0.2s ease;
}
.mio-dialog {
    transition: none;
}
.mio-dialog.mio-modal-gsap,
.mio-dialog.mio-modal-gsap .mio-dialog-box,
.mio-dialog.mio-modal-gsap .mio-dialog-backdrop {
    transition: none;
}
.mio-dialog-input {
    transition: border-color 0.15s, box-shadow 0.15s;
}
.mio-dialog-btn {
    transition: opacity 0.12s linear, background 0.12s linear, border-color 0.12s linear;
}
}
:where(body:is(.dashboard-body,.auth-page,.maintenance-page)) {
@media (max-width: 768px) {
    .dashboard {
        animation: none;
    }
    .dashboard.profile-page *,
    .dashboard.public-profile * {
        will-change: auto;
    }
    .dashboard.profile-page .mio-panel,
    .dashboard.profile-page .profile-hero,
    .dashboard.public-profile .profile-hero {
        transition: none;
        animation: none;
    }
}
}
@media (max-width: 1024px) {
    .dashboard-body .btn {
        transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    }
    .dashboard-body .user-card,
    .dashboard-body .mio-panel,
    .dashboard-body .profile-hero,
    .dashboard-body .admin-tab,
    .dashboard-body .admin-api-row {
        transition: border-color 0.15s ease, background-color 0.15s ease;
    }
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
.btn,
.st-btn,
.mio-dialog-btn {
    transition: filter 0.16s ease, transform 0.1s linear, opacity 0.16s ease, background-color 0.16s ease, color 0.16s ease;
}
.btn-primary:active:not([disabled]),
.st-btn--primary:active:not([disabled]),
.topup-modal-foot .btn-primary:active:not([disabled]),
.wallet-result-foot .btn-primary:active:not([disabled]) {
    transition-duration: 0.08s;
}
.btn:active:not([disabled]),
.st-btn:active:not([disabled]),
.mio-dialog-btn:active:not([disabled]) {
    transition-duration: 0.08s;
}
input:not(.messages-sidebar-search-input):not(.user-search-input):not(.tfa-code-input):not(.topup-card-number-input):not(.st-field-input):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not([type="color"]),
textarea,
select,
.mio-input,
.mio-textarea,
.mio-select,
.user-search-input {
    transition: border-color var(--mio-ease), background-color var(--mio-ease), box-shadow var(--mio-ease), opacity var(--mio-ease);
}
.mio-back-arrow {
    will-change: transform, opacity;
    transition: transform var(--mio-ease), opacity var(--mio-ease);
}
.mio-verified-tip .mio-verified {
    will-change: transform, opacity;
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.18s cubic-bezier(0.16, 1, 0.3, 1);
}
.mio-verified-floating-tip {
    will-change: transform, opacity;
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.14s ease-out;
}
.mio-theme-switch {
    will-change: transform, opacity;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
}
html.mio-lang-leave body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
    animation: mio-lang-out 0.14s ease forwards;
}
html.mio-lang-enter body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
    animation: mio-lang-in 0.18s ease;
}
@media (prefers-reduced-motion: reduce) {
    html.mio-lang-leave body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)),
    html.mio-lang-enter body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) {
        animation: none;
    }
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
.mio-theme-menu {
    transition: opacity 0.2s cubic-bezier(0.22, 1, 0.36, 1), transform 0.2s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.2s;
}
.landing-entry .container.mio-auth-expanding,
.landing-entry .container.mio-island-expanding {
    will-change: transform;
}
.landing-entry.is-welcoming .container,
.landing-entry.is-welcoming .hero,
.landing-entry.is-welcoming .subtitle,
.landing-entry.is-welcoming .divider,
.landing-entry.is-welcoming .buttons,
.landing-entry.is-welcoming .auth-form,
.landing-entry.is-welcoming .auth-alt,
.landing-entry.is-welcoming .auth-passkey-block,
.landing-entry.is-welcoming .legal-links,
.landing-entry.is-welcoming .mio-auth-screen {
    animation: none;
}
@media (prefers-reduced-motion: reduce) {
    .landing-entry .container.mio-auth-expanding,
    .landing-entry .container.mio-island-expanding {
        will-change: auto;
    }
}
}
:root[data-theme="dark"] :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .user-search-bar {
    transition: opacity 0.18s ease-out;
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
.user-search-bar {
    transition: opacity 0.18s ease-out;
}
.user-search-clear {
    transition: transform 0.16s ease-out, opacity 0.16s ease-out;
}
.user-search-hero,
.user-search-bar-wrap {
    animation: none;
}
.user-search-results,
.user-search-results.is-view-leaving,
.user-search-results.is-view-entering,
.user-search-results.is-loading {
    will-change: auto;
    animation: none;
    transition: none;
}
.user-search-bar.is-pending .user-search-icon,
.user-search-bar.is-searching .user-search-icon {
    animation: mio-search-icon-pulse 0.9s ease-in-out infinite alternate;
}
.user-search-show-all {
    will-change: transform, opacity;
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.16s ease-out;
}
.user-search-show-all svg {
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
}
.user-search-list--enter .user-search-card {
    animation-name: user-search-card-in;
    animation-duration: 0.28s;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    animation-fill-mode: backwards;
}
.user-search-list--enter .user-search-card:nth-child(1) {
    animation-delay: 0ms;
}
.user-search-list--enter .user-search-card:nth-child(2) {
    animation-delay: 18ms;
}
.user-search-list--enter .user-search-card:nth-child(3) {
    animation-delay: 36ms;
}
.user-search-list--enter .user-search-card:nth-child(n + 4) {
    animation-delay: 54ms;
}
.social-modal-tab,
.mc-modal-tab {
    transition: opacity 0.16s ease-out;
}
.social-modal-tab::after,
.mc-modal-tab::after {
    will-change: transform, opacity;
    transition: transform 0.24s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.16s ease-out;
}
.social-modal-list,
.mc-modal-panel {
    will-change: auto;
}
.social-modal-list {
    will-change: transform, opacity;
}
.social-modal-list-wrap {
    transition: none;
    will-change: auto;
}
}
:root[data-theme="dark"] :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .mio-custom-select-trigger {
    will-change: transform, opacity;
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.16s ease-out;
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
.mio-custom-select-trigger {
    will-change: transform, opacity;
    transition: transform 0.18s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.16s ease-out;
}
.mio-custom-select-chevron {
    transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.16s ease-out;
}
}
:root[data-theme="dark"] :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .mio-custom-select-menu,
:root[data-theme="dark"] :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .mio-custom-select-menu--portal {
    will-change: transform, opacity;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.15s ease-out;
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
.mio-custom-select-menu,
.mio-custom-select-menu--portal {
    will-change: transform, opacity;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.15s ease-out;
}
.mio-custom-select-option {
    transition: opacity 0.15s ease-out;
}
}
:root[data-theme="dark"] :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal-backdrop,
:root:not([data-theme="dark"]) :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal-backdrop {
    transition: opacity var(--mio-ease);
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
.modal-backdrop {
    transition: opacity var(--mio-ease);
}
}
:root[data-theme="dark"] :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal,
:root:not([data-theme="dark"]) :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal {
    will-change: auto;
    transition: transform var(--mio-ease), opacity var(--mio-ease);
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
.modal {
    will-change: auto;
    transition: transform var(--mio-ease), opacity var(--mio-ease);
}
.mio-dialog-box {
    will-change: transform, opacity;
}
.modal-backdrop.open .modal {
    will-change: transform, opacity;
}
.mio-dialog {
    transition: none;
}
.mio-dialog-box {
    will-change: transform, opacity;
}
.mio-page-loader {
    will-change: opacity;
    transition: opacity 0.16s ease-out;
}
.mio-page-loader-pill {
    will-change: transform, opacity;
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.15s ease-out;
}
.mio-loop-loader span {
    will-change: transform, opacity;
}
.mio-loop-loader span:first-child {
    animation: mio-loop-left 0.82s linear infinite;
}
.mio-loop-loader span:last-child {
    animation: mio-loop-right 0.82s linear infinite;
}
.toast {
    will-change: transform, opacity;
    transition: transform var(--mio-ease), opacity var(--mio-ease);
}
.cookie-banner {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s linear;
}
}
body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)).mio-landing .mio-page-loader.is-visible {
    transition: opacity 0.2s ease-out, background 0.2s ease-out;
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
.mio-development-notice:not(.is-ready) .mio-development-notice-veil,
.mio-development-notice:not(.is-ready) .mio-development-notice-card {
    transition: none;
}
.mio-development-notice-veil {
    transition: opacity 0.4s linear;
}
.mio-development-notice.is-animating .mio-development-notice-veil,
.mio-development-notice.is-animating .mio-development-notice-card {
    will-change: transform, opacity;
}
.mio-development-notice.is-settled .mio-development-notice-veil,
.mio-development-notice.is-settled .mio-development-notice-card {
    will-change: auto;
}
.mio-development-notice-card {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s linear;
}
.mio-development-notice-continue {
    transition: none;
}
.mio-development-notice-continue:hover,
.mio-development-notice-continue:active,
.mio-development-notice-continue:focus,
.mio-development-notice-continue:focus-visible,
.mio-development-notice-continue:active:not(:disabled) {
    transition: none;
}
.mio-development-notice-continue-label {
    transition: none;
}
.mio-development-notice-continue::before {
    transition: opacity 0.15s linear, box-shadow 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
    .mio-development-notice-veil,
    .mio-development-notice-card,
    .mio-development-notice-continue::before {
        transition: none;
    }
}
.topup-preset,
.topup-pay-method {
    will-change: transform, opacity;
    transition: transform var(--mio-ease), opacity var(--mio-ease);
}
.topup-preset:active,
.topup-pay-method:active {
    transition-duration: 0.1s;
}
.wallet-result-backdrop.open .wallet-result-check-circle,
.wallet-result-backdrop.open .wallet-result-check-path {
    animation: none;
}
.prem-plan-card,
.btn-prem,
.btn-prem-renew,
.btn-prem-ghost,
.btn-prem-cancel,
.prem-renew-chip {
    will-change: transform, opacity;
    transition: transform var(--mio-ease), opacity var(--mio-ease);
}
.prem-plan:active .prem-plan-card,
.btn-prem:active,
.btn-prem-renew:active,
.btn-prem-ghost:active,
.btn-prem-cancel:active,
.prem-renew-chip:active {
    transition-duration: 0.08s;
}
.prem-cta::after {
    animation: none;
}
}
@media (max-width: 860px) {
    body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)).nav-open .nav-right {
        animation: mio-ios-sheet-in 0.18s ease-out both;
    }
    :root[data-theme="dark"] :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .navbar,
    :root:not([data-theme="dark"]) :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .navbar {
        will-change: auto;
    }
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
@media (max-width: 860px) {
    .navbar {
        will-change: auto;
    }
}
}
@media (max-width: 860px) {
    body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)).nav-open .nav-right {
        animation: mio-mobile-menu-in 0.45s cubic-bezier(0.32, 0.72, 0, 1) both;
    }
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
@media (max-width: 860px) {
    .dashboard.profile-page :where( .profile-hero, .action-tile, .action-tile-status, .mio-panel, .profile-fields ),
    .dashboard-admin :where( .mio-panel, .admin-tab, .admin-api-row, .user-card, .report-card, .block-card ) {
        will-change: auto;
        transition: border-color 0.12s ease-out, background-color 0.12s ease-out;
    }
}
}
html.mio-motion-static body.dashboard-body .dashboard:not(.mio-motion-skip) {
    animation: mio-app-surface-in 0.4s cubic-bezier(0.16, 1, 0.3, 1) both;
    will-change: auto;
}
.dashboard-body :where( .profile-hero, .profile-fields, .action-tile, .action-tile-status, .project-card, .mio-panel, .user-card, .user-search-card, .user-search-bar, .report-card, .admin-tab, .admin-api-row, .block-card, .api-card, .public-api-card, .empty-state ) {
    animation: none;
    will-change: auto;
}
.dashboard-body .dashboard.profile-page,
.dashboard-body .dashboard.public-profile,
.dashboard-body .dashboard.user-search-page,
html.mio-motion-static body.dashboard-body .dashboard.profile-page,
html.mio-motion-static body.dashboard-body .dashboard.public-profile,
html.mio-motion-static body.dashboard-body .dashboard.user-search-page {
    animation: none;
    will-change: auto;
}
.dashboard-body :where( .btn, .nav-link, .action-tile, .project-card, .user-card, .user-search-card, .admin-tab, .icon-btn, .modal-close, [role="button"] ) {
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter var(--mio-ease), background-color var(--mio-ease), border-color var(--mio-ease), color var(--mio-ease), box-shadow var(--mio-ease);
}
.dashboard-body :where( .btn, .nav-link, .action-tile, .user-card, .user-search-card, .admin-tab, .icon-btn, .modal-close, [role="button"] ):active {
    transition-duration: 0.1s;
}
.dashboard-body :where( .profile-social-stat strong.is-pop, .profile-action-btn--pop, .messages-badge--pop, .social-msg-read--pop, .social-msg-reactions--pop, .messages-pin-icon ) {
    animation: mio-micro-feedback 0.28s cubic-bezier(0.16, 1, 0.3, 1) both;
}
@media (max-width: 860px) {
    :root[data-theme="dark"] :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal,
    :root:not([data-theme="dark"]) :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal {
        will-change: auto;
        transition: none;
    }
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
@media (max-width: 860px) {
    .modal {
        will-change: auto;
        transition: none;
    }
}
}
@media (prefers-reduced-motion: reduce) {
    html:where(:has(> body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page))),
    body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)),
    html:where(:has(> body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)))::before,
    body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page))::before,
    html:where(:has(> body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)))::after,
    body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page))::after {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        transition-duration: 0.01ms;
    }
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms;
        animation-iteration-count: 1;
        transition-duration: 0.01ms;
    }
}
.mio-tab {
    transition: opacity var(--mio-ease), transform var(--mio-press), color var(--mio-ease);
}
.modal.is-sheet-dragging,
.mio-dialog-box.is-sheet-dragging {
    transition: none;
}
.modal-backdrop.mio-sheet-open .modal,
.mio-dialog.open .mio-dialog-box {
    will-change: transform;
}
}
:root[data-theme="dark"] :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal-backdrop.mio-modal-gsap .modal,
:root:not([data-theme="dark"]) :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal-backdrop.mio-modal-gsap .modal,
:root[data-theme="dark"] :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal-backdrop.mio-modal-gsap.open .modal,
:root:not([data-theme="dark"]) :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal-backdrop.mio-modal-gsap.open .modal {
    transition: none;
    will-change: transform, opacity;
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
.modal-backdrop.mio-modal-gsap .modal,
.modal-backdrop.mio-modal-gsap.open .modal,
.modal-backdrop.mio-modal-gsap .modal:not(.verify-modal),
.modal-backdrop.open.mio-modal-gsap .modal:not(.verify-modal),
.modal-backdrop.mio-modal-closing .modal,
.modal-backdrop.mio-modal-closing .modal:not(.verify-modal),
.modal.mio-modal-expanding {
    transition: none;
    will-change: transform, opacity;
}
}
.dashboard-body .dashboard-admin,
html.mio-motion-static body.dashboard-body .dashboard.dashboard-admin {
    animation: none;
}
.dashboard-body .dashboard-admin :where( .user-card, .mio-panel, .admin-api-row, .report-card, .block-card, .api-card, .verify-item, .empty-state ),
.dashboard-body .dashboard-admin :where( .user-card, .mio-panel, .admin-api-row, .report-card, .block-card, .api-card, .verify-item, .empty-state ):hover,
.dashboard-body .dashboard-admin :where( .user-card, .mio-panel, .admin-api-row, .report-card, .block-card, .api-card, .verify-item, .empty-state ):active {
    animation: none;
    transition: border-color 0.12s ease-out, background-color 0.12s ease-out;
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
.auth-site-footer .legal-inline a {
    transition: color 0.22s ease;
}
.auth-site-footer .legal-inline a::after {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
}
@media (prefers-reduced-motion: no-preference) {
    html.preload :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .mio-loop-loader span:first-child {
        animation: mio-loop-left 0.82s linear infinite !important;
    }
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
@media (prefers-reduced-motion: no-preference) {
    .mio-loop-loader span:first-child,
    .preload .mio-loop-loader span:first-child {
        animation: mio-loop-left 0.82s linear infinite !important;
    }
}
}
@media (prefers-reduced-motion: no-preference) {
    html.preload :where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .mio-loop-loader span:last-child {
        animation: mio-loop-right 0.82s linear infinite !important;
    }
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
@media (prefers-reduced-motion: no-preference) {
    .mio-loop-loader span:last-child,
    .preload .mio-loop-loader span:last-child {
        animation: mio-loop-right 0.82s linear infinite !important;
    }
}
}
@media (prefers-reduced-motion: no-preference) {
    html body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .btn,
    html body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .st-btn,
    html body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .mio-dialog-btn {
        transition: filter 0.16s ease, transform 0.1s linear, opacity 0.16s ease, background-color 0.16s ease, color 0.16s ease;
    }
}
html body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .btn:active:not([disabled]),
html body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .st-btn:active:not([disabled]),
html body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .mio-dialog-btn:active:not([disabled]) {
    transition-duration: 0.08s;
}
:where(body:is(.dashboard-body,.auth-page,.legal-body,.oauth-page,.maintenance-page):not(.gd-callback-page)) {
.mio-password-wrap > input {
    transition: color 0.2s ease, -webkit-text-fill-color 0.2s ease;
}
.mio-pass-pupil {
    transition: opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1);
}
.mio-password-wrap:not(.mio-pass-gsap) .mio-pass-slash {
    transition: stroke-dashoffset 0.34s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.16s linear 0.18s;
}
@media (prefers-reduced-motion: reduce) {
    .mio-pass-slash,
    .mio-pass-pupil,
    .mio-password-wrap > input {
        transition: none;
    }
}
}
@media (max-width: 860px) {
    html body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal-backdrop.open:not(.mio-modal-animating):not(.mio-modal-closing) > .modal:not(.is-sheet-dragging),
    html body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .modal-backdrop.mio-modal-gsap.open:not(.mio-modal-animating):not(.mio-modal-closing) > .modal:not(.is-sheet-dragging),
    html body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .mio-dialog.open:not(.mio-modal-animating):not(.mio-modal-closing) > .mio-dialog-box:not(.is-sheet-dragging),
    html body:where(:is(.dashboard-body,.auth-page,.legal-body,.oauth-page):not(.gd-callback-page)) .prem-confirm-overlay.open > .prem-confirm-box {
        will-change: auto !important;
    }
}
:root[data-theme="dark"] :where(body.dashboard-body) nav.navbar.navbar--island,
:root:not([data-theme="dark"]) :where(body.dashboard-body) nav.navbar.navbar--island,
html[data-theme="dark"] :where(body.dashboard-body) nav.navbar.navbar--island,
html:not([data-theme="dark"]) :where(body.dashboard-body) nav.navbar.navbar--island {
    will-change: auto;
}
:where(body.dashboard-body) {
nav.navbar.navbar--island {
    will-change: auto;
}
}
:root[data-theme="dark"] :where(body.dashboard-body) .navbar--island .nav-right,
:root:not([data-theme="dark"]) :where(body.dashboard-body) .navbar--island .nav-right,
html[data-theme="dark"] :where(body.dashboard-body) .navbar--island .nav-right,
html:not([data-theme="dark"]) :where(body.dashboard-body) .navbar--island .nav-right {
    animation: none;
}
:where(body.dashboard-body) {
.navbar--island .nav-right {
    animation: none;
}
}
@media (max-width: 860px) {
    :root[data-theme="dark"] :where(body.dashboard-body) .navbar--island .nav-right,
    :root:not([data-theme="dark"]) :where(body.dashboard-body) .navbar--island .nav-right,
    html[data-theme="dark"] :where(body.dashboard-body) .navbar--island .nav-right,
    html:not([data-theme="dark"]) :where(body.dashboard-body) .navbar--island .nav-right,
    body:where(.dashboard-body).nav-open .navbar--island .nav-right,
    :root[data-theme="dark"] body:where(.dashboard-body).nav-open .navbar--island .nav-right,
    :root:not([data-theme="dark"]) body:where(.dashboard-body).nav-open .navbar--island .nav-right {
        animation: none;
    }
}
:where(body.dashboard-body) {
@media (max-width: 860px) {
    .navbar--island .nav-right {
        animation: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .navbar--island .nav-island {
        will-change: auto;
        transition: none;
    }
}
}
:where(body.settings-docs-body) {
.settings-nav-link {
    transition: background var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), color var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), box-shadow var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), border-color var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), opacity var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), transform var(--mio-press, 0.12s linear);
}
.wallet-tx-filter {
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.st-field-box::after {
    transition: background-color 0.2s ease;
}
.st-field-box::before {
    transition: left 0.28s cubic-bezier(0.25, 0.1, 0.25, 1), right 0.28s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.st-field-save {
    transition: opacity 0.2s ease, transform 0.2s ease, max-width 0.28s cubic-bezier(0.25, 0.1, 0.25, 1), padding 0.28s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.st-switch-track {
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.st-switch-thumb {
    transition: transform 0.22s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.st-btn {
    transition: background var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), border-color var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), opacity var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1)), transform var(--mio-press, 0.12s linear), filter var(--mio-ease, 0.22s cubic-bezier(0.25, 0.1, 0.25, 1));
}
.st-row--session-enter.is-open {
    transition: max-height 0.28s ease, opacity 0.24s ease, transform 0.28s ease, padding 0.28s ease, border-color 0.2s ease;
}
.st-row--session-moving {
    will-change: transform;
}
@media (prefers-reduced-motion: reduce) {
    .st-row--session-enter,
    .st-row--session-enter.is-open {
        transition: none;
    }
}
@media (max-width: 860px) {
    .settings-sidebar {
        transition: transform 0.22s ease;
    }
}
}
@media (prefers-reduced-motion: reduce) {
    .settings-docs-body [data-wallet-tx-root] .st-card {
        transition: none;
    }
}
:where(body.settings-docs-body) {
.theme-premium-cta {
    transition: color 0.22s ease, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.theme-premium-cta::after {
    transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.theme-premium-arrow {
    transition: width 0.28s cubic-bezier(0.22, 1, 0.36, 1), transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.theme-card {
    transition: border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: no-preference) {
    .theme-preview-wall {
        animation: theme-preview-drift 7.5s ease-in-out infinite alternate;
    }
}
}
:where(body.dev-docs-body) {
.dev-docs-nav-link {
    transition: background 0.15s, color 0.15s;
}
.dev-next-card {
    transition: border-color 0.15s, background 0.15s;
}
@media (max-width: 860px) {
    .dev-docs-sidebar {
        transition: transform 0.22s ease;
    }
}
}
.ad-chart-tip {
    will-change: transform;
}
.ad-chart-tip-inner {
    transition: opacity 0.16s ease, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.ad-bars.is-hovering .ad-bar {
    transition: opacity 0.16s ease;
}
.ad-bar-fill {
    transition: filter 0.16s ease;
}
@media (prefers-reduced-motion: reduce) {
    .ad-chart-tip-inner,
    .ad-bar-fill,
    .ad-bars.is-hovering .ad-bar {
        transition: none;
    }
}
.ad-range-pill {
    will-change: transform, width;
}
.ad-range-btn {
    transition: color 0.18s ease;
}
:where(body.settings-docs-body) {
.wallet-result-backdrop {
    transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.wallet-result-icon.has-lottie {
    animation: none;
}
.wallet-result-backdrop.open .wallet-result-icon {
    animation: walletCheckPop 0.75s 0.08s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.wallet-result-backdrop.open .wallet-result-check-circle {
    animation: walletCheckCircle 0.55s 0.18s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.wallet-result-backdrop.open .wallet-result-check-path {
    animation: walletCheckDraw 0.4s 0.58s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.wallet-result-backdrop.open .wallet-result-title {
    animation: walletResultFadeUp 0.62s 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.wallet-result-backdrop.open .wallet-result-lead {
    animation: walletResultFadeUp 0.62s 0.28s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.wallet-result-backdrop.open .wallet-result-text {
    animation: walletResultFadeUp 0.62s 0.34s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.wallet-result-backdrop.open .wallet-result-amount {
    animation: walletResultFadeUp 0.62s 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.wallet-result-backdrop.open .wallet-result-btn {
    animation: walletResultFadeUp 0.62s 0.48s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.wallet-result-backdrop.open .wallet-result-modal {
    animation: walletModalIn 0.68s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@media (prefers-reduced-motion: reduce) {
    .wallet-result-backdrop,
    .wallet-result-backdrop.open .wallet-result-modal,
    .wallet-result-icon,
    .wallet-result-check-circle,
    .wallet-result-check-path,
    .wallet-result-title,
    .wallet-result-lead,
    .wallet-result-text,
    .wallet-result-amount,
    .wallet-result-btn {
        animation: none;
    }
    .topup-card-brand,
    .topup-card-brand.is-visible {
        transition: none;
    }
    .topup-card-brand.is-entering .topup-card-brand-badge,
    .topup-card-brand.is-entering .topup-card-brand-text {
        animation: none;
    }
    .topup-error,
    .topup-error.is-visible,
    .topup-error.is-leaving {
        transition: none;
        animation: none;
    }
}
#topup-backdrop .topup-3ds-modal {
    will-change: transform, opacity;
}
#topup-backdrop.is-3ds-open .topup-3ds-modal {
    animation: topupConfirmIn 0.65s cubic-bezier(0.16, 1, 0.3, 1) both;
}
#topup-backdrop.is-3ds-closing .topup-3ds-modal {
    animation: topupConfirmOut 0.5s cubic-bezier(0.4, 0, 0.2, 1) both;
}
@media (prefers-reduced-motion: reduce) {
    #topup-backdrop.is-3ds-open .topup-3ds-modal,
    #topup-backdrop.is-3ds-closing .topup-3ds-modal {
        animation: none;
    }
}
.topup-pay-method {
    transition: background .18s ease, border-color .18s ease, opacity .18s ease;
}
.topup-preset {
    transition: background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
}
.topup-card-input-shell {
    transition: border-color 0.2s ease;
}
.topup-card-brand {
    transition: max-width 0.34s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.26s cubic-bezier(0.16, 1, 0.3, 1), transform 0.34s cubic-bezier(0.16, 1, 0.3, 1);
}
.topup-card-brand.is-entering .topup-card-brand-badge,
.topup-card-brand.is-entering .topup-card-brand-text {
    animation: topupBrandPop 0.42s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.topup-card-brand.is-leaving .topup-card-brand-badge:not(.is-off),
.topup-card-brand.is-leaving .topup-card-brand-text:not(.is-off) {
    animation: topupBrandOut 0.3s cubic-bezier(0.4, 0, 1, 1) both;
}
.topup-error {
    transition: max-height 0.34s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.26s cubic-bezier(0.16, 1, 0.3, 1), transform 0.34s cubic-bezier(0.16, 1, 0.3, 1), margin 0.34s cubic-bezier(0.16, 1, 0.3, 1);
}
.topup-error.is-entering {
    animation: none;
}
.topup-error.is-leaving {
    animation: topupErrorOut 0.3s cubic-bezier(0.4, 0, 1, 1) both;
}
.mio-split-unit {
    will-change: transform, opacity;
}
.wallet-result-backdrop.open .wallet-result-title.mio-split-text,
.wallet-result-backdrop.open .wallet-result-text.mio-split-text {
    animation: none;
}
.wallet-result-backdrop.open .wallet-result-title.mio-blur-text,
.wallet-result-backdrop.open .wallet-result-text.mio-blur-text {
    animation: none;
}
@media (max-width: 960px) {
    #topup-backdrop.is-3ds-open .topup-modal:not(.topup-3ds-modal),
    #topup-backdrop.is-3ds-closing .topup-modal:not(.topup-3ds-modal) {
        animation: none;
    }
    #topup-backdrop.is-3ds-open .topup-3ds-modal {
        animation: topupConfirmInMobile 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
    }
    #topup-backdrop.is-3ds-closing .topup-3ds-modal {
        animation: topupConfirmOutMobile 0.4s cubic-bezier(0.4, 0, 0.2, 1) both;
    }
}
}
.grainient-container canvas {
    transition: opacity 0.8s ease;
}
body .mio-custom-select-menu--portal.is-open {
    animation: mio-select-in 0.2s ease both;
}
body .mio-custom-select-menu--portal.is-closing {
    display: block;
    visibility: visible;
    pointer-events: none;
    animation: mio-select-out 0.16s ease both;
}
body .mio-custom-select-menu--portal.is-open .mio-custom-select-option {
    animation: mio-select-item-in 0.2s ease both;
}
body .mio-custom-select-menu--portal.is-open .mio-custom-select-option:nth-child(2) { animation-delay: 0.03s; }
body .mio-custom-select-menu--portal.is-open .mio-custom-select-option:nth-child(3) { animation-delay: 0.05s; }
body .mio-custom-select-menu--portal.is-open .mio-custom-select-option:nth-child(4) { animation-delay: 0.07s; }
body .mio-custom-select-menu--portal.is-open .mio-custom-select-option:nth-child(5) { animation-delay: 0.09s; }
body .mio-custom-select-menu--portal.is-open .mio-custom-select-option:nth-child(6) { animation-delay: 0.11s; }
body .mio-lang-float .mio-custom-select.is-open .mio-custom-select-trigger,
body .lang-picker .mio-custom-select.is-open .mio-custom-select-trigger {
    animation: mio-lang-trigger 0.2s ease;
}
@media (prefers-reduced-motion: reduce) {
    body .mio-custom-select-menu--portal.is-open,
    body .mio-custom-select-menu--portal.is-closing,
    body .mio-custom-select-menu--portal.is-open .mio-custom-select-option,
    body .mio-lang-float .mio-custom-select.is-open .mio-custom-select-trigger,
    body .lang-picker .mio-custom-select.is-open .mio-custom-select-trigger {
        animation: none;
    }
}