html.has-mobile-tooltip-hint .tooltip {
    display: none !important;
}

html.has-mobile-tooltip-hint button[data-tooltip]:hover::after,
html.has-mobile-tooltip-hint button[data-tooltip]:hover::before,
html.has-mobile-tooltip-hint button[data-tooltip]:focus-visible::after,
html.has-mobile-tooltip-hint button[data-tooltip]:focus-visible::before {
    display: none !important;
}

.has-mobile-tooltip-hint .mobile-tooltip-hint:not([hidden]) {
    position: fixed;
    z-index: 1200;
    top: max(64px, calc(env(safe-area-inset-top) + 64px));
    left: 50%;
    width: min(560px, calc(100vw - 24px));
    max-height: 25dvh;
    overflow-y: auto;
    padding: 9px 12px;
    border: 1px solid #274b61;
    border-radius: 8px;
    background: #102b3d;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
    box-shadow: 0 5px 14px rgba(8, 30, 45, 0.28);
    pointer-events: none;
    transform: translateX(-50%);
}