@media (max-width: 768px){
    :root{
        --fiwork-skeleton-base: #eef2f7;
        --fiwork-skeleton-light: #f8fafc;
        --fiwork-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
    }

    html.fiwork-mobile-pwa{
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
    }

    html.fiwork-mobile-pwa body{
        overscroll-behavior-y: contain;
    }

    html.fiwork-mobile-route-loading::before{
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100000;
        height: 3px;
        background-image: linear-gradient(90deg, transparent 0%, #0a77ff 35%, #04b70a 65%, transparent 100%);
        background-size: 220% 100%;
        animation: fiworkMobileRouteLoading 0.85s ease-in-out infinite;
        pointer-events: none;
    }

    html.fiwork-mobile-pwa img.fiwork-mobile-img-loading{
        background-color: var(--fiwork-skeleton-base);
        background-image: linear-gradient(
            100deg,
            var(--fiwork-skeleton-base) 0%,
            var(--fiwork-skeleton-light) 42%,
            var(--fiwork-skeleton-base) 78%
        );
        background-size: 220% 100%;
        animation: fiworkMobileSkeleton 1.15s ease-in-out infinite;
    }

    html.fiwork-mobile-pwa img.fiwork-mobile-img-loaded{
        background-image: none;
        animation: none;
    }

    html.fiwork-mobile-pwa .fiwork-mobile-service-card,
    html.fiwork-mobile-pwa .fiwork-mobile-category,
    html.fiwork-mobile-pwa .ad-container,
    html.fiwork-mobile-pwa .task-card,
    html.fiwork-mobile-pwa .bookmarks-seller-card,
    html.fiwork-mobile-pwa .table-row,
    html.fiwork-mobile-pwa .portfolio-card,
    html.fiwork-mobile-pwa .offer-item,
    html.fiwork-mobile-pwa .new-in-stock-block{
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
    }

    html.fiwork-mobile-pwa .fiwork-mobile-service-scroll,
    html.fiwork-mobile-pwa .fiwork-mobile-chips,
    html.fiwork-mobile-pwa .new-in-stock-table-wrapper,
    html.fiwork-mobile-pwa .portfolio-list-collage,
    html.fiwork-mobile-pwa .swiper,
    html.fiwork-mobile-pwa .slick-slider{
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
    }

    html.fiwork-mobile-pwa .footer-mobile-menu{
        padding-bottom: var(--fiwork-mobile-safe-bottom);
    }

    @supports (content-visibility: auto){
        html.fiwork-mobile-pwa .fiwork-mobile-services,
        html.fiwork-mobile-pwa .fiwork-mobile-earn,
        html.fiwork-mobile-pwa .fiwork-mobile-steps,
        html.fiwork-mobile-pwa .card-offer-block,
        html.fiwork-mobile-pwa .new-in-stock-block,
        html.fiwork-mobile-pwa .order-in-table,
        html.fiwork-mobile-pwa .offers,
        html.fiwork-mobile-pwa .portfolio-list-collage-wrapper,
        html.fiwork-mobile-pwa .bookmarks-page,
        html.fiwork-mobile-pwa .jobs-market-page,
        html.fiwork-mobile-pwa .client-job-details-page{
            content-visibility: auto;
            contain-intrinsic-size: 1px 520px;
        }
    }

    @keyframes fiworkMobileSkeleton{
        0%{
            background-position: 160% 0;
        }
        100%{
            background-position: -60% 0;
        }
    }

    @keyframes fiworkMobileRouteLoading{
        0%{
            background-position: 160% 0;
        }
        100%{
            background-position: -60% 0;
        }
    }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce){
    html.fiwork-mobile-pwa img.fiwork-mobile-img-loading,
    html.fiwork-mobile-route-loading::before{
        animation: none;
    }
}