$background-gradient-base-color: var(--gray-100);
$background-gradient-shine-color: rgb(234 234 234 / 60%);
$animation-duration: 2s;
$cubic-fast: cubic-bezier(0.1, 0.4, 0.4, 1);
$cubic-slow: cubic-bezier(0.9, 0, 0, 0);

@mixin background-gradient {
    background-image: linear-gradient(
        115deg,
        $background-gradient-base-color 0,
        $background-gradient-shine-color 2.857rem,
        $background-gradient-base-color 5.714rem
    );
    background-size: 46.429rem;
}

@mixin background-gradient-wide {
    background-image: linear-gradient(
        115deg,
        $background-gradient-base-color 0,
        $background-gradient-shine-color 2.857rem,
        $background-gradient-base-color 5.714rem
    );
    background-size: 214.286rem;
}

@mixin block-shadow {
    box-shadow: 0 0 5px 1px rgb(0 15 23 / 10%);
}

@mixin truncated-text {
    overflow: hidden;
    text-overflow: ellipsis;
}