@layer utils {
  .fluid-width {
    inline-size: 100%;
    max-inline-size: 100%;
    block-size: auto;
  }

  .fluid-height {
    inline-size: auto;
    height: 100%;
    max-block-size: 100%;
  }

  .hidden {
    display: none !important;
  }

  @keyframes spin {
    to {
      transform: rotate(359deg);
    }
  }

  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }

  @keyframes pulse {
    0% {
      opacity: .1;
    }
    100% {
      opacity: .3;
    }
  }
}