/* Additional styles for the spinning logo */
.spin-logo {
    transition: box-shadow 0.3s ease;
}

/* Ensure the logo works well with different themes */
.spin-logo * {
    box-sizing: border-box;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .spin-logo {
        width: calc(var(--spin-size, 60px) * 0.8) !important;
        height: calc(var(--spin-size, 60px) * 0.8) !important;
    }
}

@media (max-width: 480px) {
    .spin-logo {
        width: calc(var(--spin-size, 60px) * 0.7) !important;
        height: calc(var(--spin-size, 60px) * 0.7) !important;
    }
}