// (C) 2024-2025 GoodData Corporation

@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;

$x-spacing: 15px;
$y-spacing: 10px;
$info-height: 35px;

$base_path: "@gooddata/sdk-ui-kit/styles";

@mixin gd-svg-icon-base {
    &::before {
        content: "";
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 100%;
    }
}

@mixin gd-svg-icon($filename) {
    @include gd-svg-icon-base;

    &::before {
        background-image: url($base_path + "/icons/" + $filename + ".svg");
    }
}

@mixin gd-svg-mask($filename) {
    @include gd-svg-icon-base;

    &::before {
        mask: url($base_path + "/icons/" + $filename + ".svg");
        mask-repeat: no-repeat;
        mask-position: center;
        mask-size: contain;
    }
}

@keyframes gd-gen-ai-shimmer {
    0% {
        background-position: 1000% 0;
    }

    100% {
        background-position: -1000% 0;
    }
}

@mixin gd-reasoning {
    background: linear-gradient(
        90deg,
        kit-variables.$gd-color-link 0%,
        kit-variables.$gd-color-link 40%,
        kit-variables.$gd-color-white 50%,
        kit-variables.$gd-color-link 60%,
        kit-variables.$gd-color-link 100%
    );
    background-size: 200% 100%;
    background-clip: text;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gd-gen-ai-shimmer 20s infinite linear;
}

$gd-dashboards-content-widget-title-color: var(
    --gd-dashboards-content-widget-title-color,
    kit-variables.$gd-color-text
);
$gd-dashboards-content-kpiWidget-backgroundColor: var(
    --gd-dashboards-content-kpiWidget-backgroundColor,
    kit-variables.$gd-widget-background
);
$gd-dashboards-content-kpiWidget-title-color: var(
    --gd-dashboards-content-kpiWidget-title-color,
    $gd-dashboards-content-widget-title-color
);