json-viewer {
  --background-color: #232323;
  --property-color: #1489d9;
  --string-color: #3e953b;
  --number-color: #df5f2e;
  --null-color: #b8b8b8; }

.darkmode--activated json-viewer {
  --background-color: #d7d7d7;
  --null-color: #828282;
  --preview-color: rgba(145, 102, 73, 0.9);
  --indentguide-color: #bababa;
  --indentguide-color-active: #828282; }

.block-gallery {
  margin-top: 15px; }
  .block-gallery .wrap {
    gap: 10px;
    justify-content: space-between; }
    .block-gallery .wrap .image-card {
      position: relative;
      max-width: 350px;
      flex-basis: 330px;
      flex-grow: 1;
      margin-bottom: 25px;
      height: 230px;
      transition: transform 0.2s; }
      .block-gallery .wrap .image-card:hover {
        cursor: pointer;
        transform: scale(1.02); }
      .block-gallery .wrap .image-card .loading-spinner {
        position: absolute;
        z-index: 3;
        width: 100%;
        bottom: 50%; }
      .block-gallery .wrap .image-card .title {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 0;
        z-index: 3;
        width: 100%;
        height: 45px;
        font-weight: 500;
        color: #0097ff;
        background: rgba(7, 7, 7, 0.9);
        box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.25); }
      .block-gallery .wrap .image-card .images {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 230px; }
        .block-gallery .wrap .image-card .images img {
          min-width: 320px;
          height: 210px;
          position: absolute;
          object-fit: cover;
          background-color: #070707;
          color: #353535; }
          .block-gallery .wrap .image-card .images img.img-1 {
            right: 0;
            bottom: 0;
            z-index: 2;
            filter: drop-shadow(-4px -2px 4px rgba(0, 0, 0, 0.25)); }
          .block-gallery .wrap .image-card .images img.img-2 {
            z-index: 1;
            filter: drop-shadow(-4px -2px 4px rgba(0, 0, 0, 0.25)); }
          .block-gallery .wrap .image-card .images img.img-3 {
            left: 0;
            top: 0; }
      .block-gallery .wrap .image-card.observation {
        margin-top: 10px; }
        .block-gallery .wrap .image-card.observation .badget {
          position: absolute;
          bottom: unset;
          top: -5px;
          right: -5px;
          z-index: 10; }
        .block-gallery .wrap .image-card.observation .images img {
          width: 100%;
          height: 100%; }
      @media (max-width: 991px) {
        .block-gallery .wrap .image-card {
          flex-basis: 310px;
          height: 200px; }
          .block-gallery .wrap .image-card .images {
            height: 200px; }
            .block-gallery .wrap .image-card .images img {
              min-width: 290px;
              height: 170px; } }
      @media (max-width: 767px) {
        .block-gallery .wrap .image-card {
          flex-basis: 100%;
          max-width: 100%;
          margin-bottom: 10px; }
          .block-gallery .wrap .image-card .images {
            height: 200px; }
            .block-gallery .wrap .image-card .images img {
              min-width: 290px;
              height: 170px;
              width: 80%; } }

.fancybox__container .obs-content .row {
  justify-content: space-between;
  gap: 50px; }
  .fancybox__container .obs-content .row.obs-id {
    justify-content: center;
    margin-bottom: 10px; }
  .fancybox__container .obs-content .row .col {
    white-space: nowrap; }
    .fancybox__container .obs-content .row .col.value {
      text-align: end; }

.darkmode--activated .block-gallery .wrap .image-card .title {
  background: rgba(255, 255, 255, 0.9); }
.darkmode--activated .block-gallery .wrap .image-card .images img {
  background-color: #ffffff;
  color: #bababa; }

/*# sourceMappingURL=tmpipqelo_h.css.map */
