import styled from "@emotion/styled";
import { applyRoundness, applySkeletonPulseGradient, applySkeletonShimmerGradient } from "../../../mixins";
import { classes, privateTokens, tokens } from "../tokens";
export const StyledRectSkeleton = /*#__PURE__*/ styled("div", {
    target: "e1ajdhxq0",
    label: "StyledRectSkeleton"
})("position:relative;overflow:hidden;width:", ({ width })=>width, ";height:", ({ height })=>height, ";", privateTokens.lineSkeletonRoundness, ":", ({ roundness })=>roundness, ";", applyRoundness(`var(${privateTokens.lineSkeletonRoundness})`), ";&.", classes.shimmerAnimation, "{", privateTokens.lineSkeletonGradient, ":", ({ gradientColor })=>gradientColor || `var(${tokens.gradientColor})`, ";", applySkeletonShimmerGradient(`var(${privateTokens.lineSkeletonGradient})`, tokens.shimmerDuration), ";}&.", classes.pulseAnimation, "{", privateTokens.skeletonFadeInColor, ":", ({ customFadeInColor })=>customFadeInColor || `var(${tokens.fadeInColor})`, ";", privateTokens.skeletonFadeOutColor, ":", ({ customFadeOutColor })=>customFadeOutColor || `var(${tokens.fadeOutColor})`, ";", applySkeletonPulseGradient(privateTokens.skeletonFadeInColor, privateTokens.skeletonFadeOutColor, tokens.pulseDuration), ";}");
