body {
    overflow-x: hidden;
}

.mud-badge.mud-badge-dot {
    width: 1rem !important;
    height: 1rem !important;
}

.mud-badge-root.mud-icon-button-badge > span > .mud-badge.mud-badge-top.right.mud-badge-overlap {
    inset: auto auto calc(100% - 22px) calc(100% - 10px);
}

@property --scale {
    syntax: '<number>';
    inherits: false;
    initial-value: 1;
}

[data-elevation] {
    transform: translate3d(0, var(--scroll-translate, 0px), 0) scale(var(--scale, 1));
    will-change: transform, filter;
}

.parallax-item {
    transform: translate3d(0, var(--scroll-translate, 0px), 0);
    will-change: transform;
    position: relative;
}

@keyframes pulseWithShadow {
    0%, 100% {
        --scale: 1;
        filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 19.9094px 4.98189px);
    }

    50% {
        --scale: 1.1;
        filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 29.9px 6px);
    }
}

.svg-shadow {
    animation: pulseWithShadow var(--duration, 3s) infinite ease-in-out;
    animation-delay: var(--delay, 0s);
    display: inline-block;
}