.brand-cursor-dot,
.brand-cursor-trail{ display:none; }

@media (hover:hover) and (pointer:fine){
  /* Прячем системный курсор НА ВСЕХ элементах — иначе cursor:pointer/default из
     globals.css перебивают наследование и системный курсор виден поверх кастомного. */
  html[data-static-custom-cursor],
  html[data-static-custom-cursor] *{
    cursor:none!important;
  }
  .brand-cursor-dot,.brand-cursor-trail{
    position:fixed;
    left:0;
    top:0;
    display:block!important;
    pointer-events:none;
    transform:translate(-50%,-50%);
    opacity:0;
    transition:opacity .18s ease;
  }
  .brand-cursor-dot{
    z-index:12000;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#FFF0DA;
    mix-blend-mode:difference;
    transition:opacity .18s ease,width .2s ease,height .2s ease,border-radius .2s ease,background .2s ease,border .2s ease;
  }
  .brand-cursor-dot.is-hover{
    width:42px;
    height:42px;
    border:1px solid #FFF0DA;
    border-radius:0;
    background:transparent;
  }
  .brand-cursor-trail{
    z-index:11999;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#F4B029;
    box-shadow:0 0 12px #F4B029;
  }
}