.dock-view {
    position: fixed;
    bottom: 5px;
    right: 50px;
    left: 100px;
    border-radius: 15px 15px 0 0;
}

.ai-border {
    border-radius: 5px;
    border: 2px solid var(--ai-gradient-color-1);
    box-shadow: 0 0px 15px var(--ai-gradient-color-1), inset 0 0px 15px var(--ai-gradient-color-1);
    animation: colorTransition 2s ease-in-out infinite;
}

@keyframes colorTransition {
    0% {
        border-color: var(--ai-gradient-color-1);
        box-shadow: 0 0px 10px var(--ai-gradient-color-1), inset 0 0px 10px var(--ai-gradient-color-1);
    }

    25% {
        border-color: var(--ai-gradient-color-2);
        box-shadow: 0 0px 15px var(--ai-gradient-color-2), inset 0 0px 15px var(--ai-gradient-color-2);
    }

    50% {
        border-color: var(--ai-gradient-color-3);
        box-shadow: 0 0px 20px var(--ai-gradient-color-3), inset 0 0px 20px var(--ai-gradient-color-3);
    }

    75% {
        border-color: var(--ai-gradient-color-4);
        box-shadow: 0 0px 15px var(--ai-gradient-color-4), inset 0 0px 15px var(--ai-gradient-color-4);
    }

    100% {
        border-color: var(--ai-gradient-color-1);
        box-shadow: 0 0px 10px var(--ai-gradient-color-1), inset 0 0px 10px var(--ai-gradient-color-1);
    }
}