:root {
    --wdt-elementor-color-black: #000;
    --wdt-elementor-color-white: #fff;

    --wdt-elementor-base-transition: all 0.3s linear 0s;

    --wdt-Ad-Transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); /* Muh */
}


/** 
    Common Styles 
*/

    svg { height: 1em; width: 1em; }

    /**
    * Change the fill color to match the text color in all browsers (opinionated).
    */
    svg:not([fill]) { fill: currentColor; }

    /**
    * Hide the overflow in IE.
    */
    svg:not(:root) { overflow: hidden; }

/**
    Elementor Page Builder
*/

    .e-con-select-type__icons__icon svg { height: auto; }

/**
    Image Loading State
    Classes are added/removed by assets/js/core.js while an image is loading,
    once it has loaded, or if it fails to load. Purely additive/progressive:
    if JS does not run, none of these classes are ever applied.
*/

    :where(.wdt-img-loading) {
        position: relative;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0.04);
    }
    :where(.wdt-img-loading) img { opacity: 0; }
    :where(.wdt-img-loading)::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0.07) 37%, rgba(0, 0, 0, 0.02) 63%);
        background-size: 400% 100%;
        animation: wdt-img-shimmer 1.4s ease infinite;
        pointer-events: none;
    }
    :where(.wdt-img-loaded) img {
        opacity: 1;
        transition: opacity 0.4s ease;
    }
    :where(.wdt-img-error) {
        background-color: rgba(0, 0, 0, 0.05);
    }
    :where(.wdt-img-error) img { opacity: 0; }
    :where(.wdt-img-error)::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='M21 15l-5-5L5 21'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 32px 32px;
        opacity: 0.5;
        pointer-events: none;
    }

    @keyframes wdt-img-shimmer {
        0%   { background-position: 200% 0; }
        100% { background-position: -200% 0; }
    }

    @media (prefers-reduced-motion: reduce) {
        :where(.wdt-img-loading)::before { animation: none; }
    }