body:not([data-elementor-device-mode='desktop']):not([data-elementor-device-mode='laptop']):not([data-elementor-device-mode='widescreen']) #wgl-cursor {
  display: none; }

#wgl-cursor {
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 0;
  transition: 0.05s;
  pointer-events: none; }
  #wgl-cursor-pointer {
    position: absolute;
    z-index: 1;
    left: 20px;
    top: 20px;
    width: max-content;
    white-space: nowrap;
    color: var(--grido-cursor-point-color);
    font-family: var(--grido-header-font-family);
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.025em; }
    #wgl-cursor-pointer:before {
      content: '';
      position: absolute;
      z-index: 1;
      left: 0;
      top: 0;
      width: 8px;
      height: 8px;
      background-color: currentColor;
      transition: background-color 0.1s; }
    #wgl-cursor-pointer > .cursor-content {
      background: var(--grido-cursor-point-color);
      transform-origin: left top;
      transform: scale(0);
      opacity: 0;
      transition: 0.3s;
      display: block;
      overflow: hidden; }
    #wgl-cursor-pointer > .cursor-content-text {
      padding: 0.5em 1em;
      position: absolute;
      z-index: 1;
      color: #fff; }
    #wgl-cursor-pointer.visible:before {
      background-color: transparent; }
    #wgl-cursor-pointer.visible > .cursor-content {
      transform: scale(1);
      opacity: 1; }
      #wgl-cursor-pointer.visible > .cursor-content img {
        display: block; }
  #wgl-cursor .portfolio-tooltip > * {
    background: var(--grido-secondary-color);
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 15px;
    color: inherit;
    margin: 0;
    letter-spacing: 0; }
  #wgl-cursor .carousel-tooltip {
    line-height: 1;
    margin: 0 -2px; }
    #wgl-cursor .carousel-tooltip .flaticon {
      display: inline-block;
      font-size: 21px;
      line-height: 1;
      padding: 0 5px; }
    #wgl-cursor .carousel-tooltip .flaticon-down-arrow-1:first-child {
      transform: rotate(90deg); }
    #wgl-cursor .carousel-tooltip .flaticon-down-arrow-1:last-child {
      transform: rotate(-90deg); }

.admin-bar #wgl-cursor-pointer {
  bottom: 0; }