pre#html-output {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.card-hover:hover .card-img-container .card-img-top {
  transform: scale(1.05);
}

.card-hover:hover .card-see {
  opacity: 1;
}

.card-img-container {
  aspect-ratio: 3 / 2;
  border-top-left-radius: var(--tblr-card-inner-border-radius);
  border-top-right-radius: var(--tblr-card-inner-border-radius);
  overflow: hidden;
  position: relative;
}

.card-img-container .card-img-top {
  display: block;
  height: auto;
  transition: transform 0.3s ease;
  width: 100%;
}

.card-see {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.card-see div {
  border-top-left-radius: var(--tblr-card-border-radius);
  border-bottom-right-radius: var(--tblr-card-border-radius);
} 

.category-filter.active {
  font-weight: bold;
}

.fslightbox-absoluted.fslightbox-full-dimension.fslightbox-flex-centered {
  background-color: var(--tblr-dark) !important;
}

.icon {
  --tblr-icon-size: 1.25rem;
  font-size: var(--tblr-icon-size);
  height: var(--tblr-icon-size) !important;
  stroke-width: 1;
  vertical-align: bottom;
  width: var(--tblr-icon-size) !important;
}

.progress {
  height: 1rem !important;
}

.ql-container,
.ql-toolbar {
  background-color: var(--tblr-bg-surface);
  font-family: var(--tblr-font-family-base);
}

.ql-container.ql-snow {
  border: 0 !important;
  min-height: 200px;
  padding: 0 !important;
}

.ql-toolbar.ql-snow {
  border-bottom-color: var(--tblr-border-color);
  border-top: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  padding: 0.5rem;
}