#main-container{
    cursor:none !important;
}

.cursor {
    position: fixed;
    width: 8px; height: 8px;
    background: var(--theme-palette-color-4);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%,-50%);
    transition: width .3s, height .3s, background .3s;
  }
.cursor-ring {
    position: fixed;
    width: 36px; height: 36px;
    border: 1px solid var(--theme-palette-color-4);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    transform: translate(-50%,-50%);
    transition: width .3s, height .3s, opacity .3s;
    opacity: .45;
  }
.cursor.hover  { width:14px; height:14px; background:var(--theme-palette-color-10); }
.cursor-ring.hover { width:54px; height:54px; opacity:.25; }

@media (max-width:768px){
    .cursor,
    .cursor-ring{
        display:none;
    }