html,
body {
    cursor: url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/normal.cur), auto;
}

a,
button,
input[type="button"],
input[type="submit"],
select,
summary,
[role="button"] {
    cursor: url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/link.cur), pointer;
}

input,
textarea {
    cursor: url(https://cdn.jsdelivr.net/gh/honjun/cdn@1.6/img/cursor/texto.cur), text;
}

.global-snow-layer,
.global-cursor-layer {
    position: fixed;
    inset: 0;
    z-index: 1190;
    overflow: hidden;
    pointer-events: none;
}

.global-snowflake {
    position: absolute;
    top: -24px;
    color: rgba(255, 255, 255, .88);
    text-shadow: 0 0 8px rgba(14, 165, 233, .45);
    animation: globalSnowFall linear forwards;
}

.global-cursor-spark {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(20, 184, 166, .68);
    box-shadow: 0 0 16px rgba(37, 99, 235, .35);
    animation: globalCursorSpark .72s ease-out forwards;
}

@keyframes globalSnowFall {
    to {
        transform: translate3d(var(--snow-drift), calc(100vh + 50px), 0) rotate(360deg);
        opacity: .08;
    }
}

@keyframes globalCursorSpark {
    to {
        transform: translate3d(var(--spark-x), var(--spark-y), 0) scale(.2);
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .global-snow-layer,
    .global-cursor-layer {
        display: none;
    }
}