/* Eye Cursor START */

/* Hides eyecursor on touch devices */

.touchdevice {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  pointer-events: none;
  z-index: 100;
}

.nocursor, .nocursorclick {
    cursor: none;
  }
  
  @media (pointer: coarse) {
    .touchdevice{
      visibility: hidden;
    }
    body, html, .nocursor {
    cursor: default;
    }
  
    .nocursorclick {
      cursor: pointer;
    }
  }

  .eyeball {
    position: fixed;
    height: 42px;
    width: 42px;
    pointer-events: none;
    transform:translate(-50%,-50%);
    z-index: 102;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .iris {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    z-index: 101;
    background-color: black;
    width: 13px; 
    height: 13px; 
    border-radius: 100%;
    transition: border-radius 0.3s;
  }
  
  .pupil {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    z-index: 102;
    background-color: white;
    width: 7px; 
    height: 7px; 
    border-radius: 100%;
    transition: border-radius 0.3s;
  }
  
  .eye, .eyeclosed, .eyelashes, .eyeleft, .eyeright, .eyedown, .eyetext {
    pointer-events: none;
    z-index: 100;
    opacity: 0;
    user-select: none;
    position:fixed;
    transform:translate(-50%,-50%);
    width: 42px; 
    height: 42px; 
  }
  
  .eyeartwork, .eyeaperture, .eyedesign, .eyex, .eyeabout, .eyeig, .eyemail, .eyehome, .eyeshop, .eyeinfo, .eyeplaybutton, .eyepausebutton{
    pointer-events: none;
    z-index: 103;
    opacity: 0;
    user-select: none;
    position:fixed;
    transform:translate(-50%,-50%);
    width: 42px; 
    height: 42px; 
  }

  .eyecursor {
    position: fixed;
    width: 42px; 
    height: 42px; 
    transform:translate(-50%,-50%);
    pointer-events: none;
  }
  
  .eyespiralcontainer{
    pointer-events: none;
    z-index: 103;
    user-select: none;
    position:fixed;
    transform:translate(-50%,-50%);
    width: 42px; 
    height: 42px; 
  }
  .eyespiral {
    opacity: 0;
    pointer-events: none;
    z-index: 103;
    user-select: none;
    position:absolute;
    transform:translate(-50%,-50%);
    width: 42px; 
    height: 42px; 
    animation: rotation 0.75s infinite linear;
  }
  
  @keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
  }
  
  .cursorhandopen, .cursorhandgrab {
    pointer-events: none;
    z-index: 101;
    opacity: 0;
    user-select: none;
    position:absolute;
    transform:translate(-50%,-50%);
    width: 42px; 
    height: 42px; 
  }
  /* Eye Cursor END */