.access-key-shimmer {
        --ak-rest: #000;
        background-image: linear-gradient(270deg, #ff3200 4.18%, #ff3200 5.3%, #ffb400 46.79%, #da33d0 81.55%, #006fd9 116.31%);
        background-size: 200% auto;
        background-position: 0% 50%;
        background-clip: text;
        -webkit-background-clip: text;
        color: var(--ak-rest);
        -webkit-text-fill-color: var(--ak-rest);
        cursor: pointer;
    }

    .bg-dark .access-key-shimmer,
    .text-white .access-key-shimmer {
        --ak-rest: #fff;
    }

    .access-key-shimmer.ak-intro {
        animation: accessKeyIntro 2.6s ease 1;
    }

    .access-key-shimmer:hover {
        color: transparent;
        -webkit-text-fill-color: transparent;
        animation: accessKeyShimmer 2.5s ease infinite;
    }

    @keyframes accessKeyIntro {
        0% {
            color: var(--ak-rest);
            -webkit-text-fill-color: var(--ak-rest);
            background-position: 0% 50%;
        }

        18% {
            color: transparent;
            -webkit-text-fill-color: transparent;
        }

        82% {
            color: transparent;
            -webkit-text-fill-color: transparent;
            background-position: 100% 50%;
        }

        100% {
            color: var(--ak-rest);
            -webkit-text-fill-color: var(--ak-rest);
            background-position: 100% 50%;
        }
    }

    @keyframes accessKeyShimmer {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

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

    .ak-copied-toast {
        position: fixed;
        transform: translate(-50%, -100%);
        background: #411640;
        color: #fff;
        padding: 4px 11px;
        border-radius: 6px;
        font-size: 0.8rem;
        font-family: 'Quicksand', sans-serif;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.2s ease, transform 0.2s ease;
        z-index: 20000;
        white-space: nowrap;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    }

    .ak-copied-toast.show {
        opacity: 1;
        transform: translate(-50%, -120%);
    }

    @media (prefers-reduced-motion: reduce) {

        .access-key-shimmer.ak-intro,
        .access-key-shimmer:hover {
            animation: none;
        }
    }