acity 0.3s ease-out, max-height 0.3s ease-out,
          padding 0.3s ease-out;
        opacity: 1;
        max-height: 100px;
        overflow: hidden;
        padding: 10px;
      }
      #warning.hide {
        opacity: 0;
        max-height: 0;
        padding: 0;
      }
      #close-warning {
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        background: none;
        border: none;
        color: #000;
        font-size: 16px;
        cursor: