/* Default cursor */
* {
    cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill-opacity="0.3" fill="%23FFF" stroke="%23000" stroke-width="2" d="M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87a.5.5 0 0 0 .35-.85L6.35 2.85a.5.5 0 0 0-.85.35Z"></path></svg>') 12 12,
        auto;
}

body,
html {
    cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill-opacity="0.3" fill="%23FFF" stroke="%23000" stroke-width="2" d="M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87a.5.5 0 0 0 .35-.85L6.35 2.85a.5.5 0 0 0-.85.35Z"></path></svg>') 12 12, auto;
}

/* Clickable cursor  */
.panorama-container,
.hover-area:not([style*="opacity: 0"]),
.card-flat:not([style*="opacity: 0"]),
.close-button,
.video-close-btn,
.video-sound-btn,
.video-sound-btn svg,
button,
a,
.social-link i,
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
option,
.wallet-connect,
.how-to-participate,
.challenge-details,
.challenge-popup .close-btn,
.challenge-popup .register-btn,
.how-to-participate-popup .close-btn,
.how-to-participate-popup .start-btn,
.social-link,
.modal button,
.symbol,
.symbol i,
.symbol span,
.copy-link-btn i {
    cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill-opacity="1" fill="%23FFF" stroke="%23000" stroke-width="2" d="M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87a.5.5 0 0 0 .35-.85L6.35 2.85a.5.5 0 0 0-.85.35Z"></path></svg>') 12 12, auto;
}

/* Hidden hover area */
.hover-area[style*="opacity: 0"],
.card-flat[style*="opacity: 0"] {
    cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill-opacity="0.3" fill="%23FFF" stroke="%23000" stroke-width="2" d="M5.5 3.21V20.8c0 .45.54.67.85.35l4.86-4.86a.5.5 0 0 1 .35-.15h6.87a.5.5 0 0 0 .35-.85L6.35 2.85a.5.5 0 0 0-.85.35Z"></path></svg>') 12 12, auto;
}

/* Mobile devices */
@media (max-width: 768px) {
    * {
        cursor: auto !important;
    }
}