/*! Generated from SCSS. Do not edit this file directly. */
/* Icon-led discovery cards for the Collections catalogue. */
.collection-list .collection-card--icon-led {
  position: relative;
  min-height: 262px;
  padding: 21px;
  justify-content: space-between;
  overflow: hidden;
  border: 1px solid rgba(23, 67, 46, 0.08);
  box-shadow: 0 12px 25px rgba(31, 57, 40, 0.07);
  isolation: isolate;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.collection-list .collection-card--icon-led::before {
  position: absolute;
  top: -48px;
  right: -36px;
  z-index: -1;
  width: 164px;
  height: 164px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.34);
  content: "";
}

.collection-list .collection-card--icon-led::after {
  position: absolute;
  right: 25px;
  bottom: 19px;
  z-index: -1;
  width: 82px;
  height: 82px;
  border: 1px dashed rgba(23, 67, 46, 0.16);
  border-radius: 50%;
  content: "";
}

.collection-card--icon-led:hover {
  transform: translateY(-4px);
  box-shadow: 0 17px 29px rgba(31, 57, 40, 0.12);
}

.collection-card--icon-led:focus-visible {
  outline: 3px solid rgba(248, 101, 83, 0.48);
  outline-offset: 4px;
}

.collection-card--icon-led .collection-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.collection-card--icon-led .collection-card__icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  flex: 0 0 auto;
  border: 1px solid rgba(23, 67, 46, 0.1);
  border-radius: 21px;
  background: rgba(255, 255, 255, 0.64);
  color: var(--forest);
  box-shadow: 0 7px 16px rgba(31, 57, 40, 0.08);
}

.collection-card--icon-led .collection-card__svg {
  width: 36px;
  height: 36px;
}

.collection-card--icon-led .collection-card__count {
  align-self: flex-start;
  padding: 7px 10px;
  border: 1px solid rgba(23, 67, 46, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.56);
  color: var(--forest);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.collection-card--icon-led .collection-card__content {
  display: block;
  max-width: 340px;
  padding-right: 34px;
}

.collection-card--icon-led .collection-card__content h2 {
  color: var(--forest);
  font-size: 21px;
  line-height: 1.16;
  letter-spacing: -0.55px;
}

.collection-card--icon-led .collection-card__content p {
  margin-top: 9px;
  color: rgba(23, 67, 46, 0.74);
  font-size: 13px;
  line-height: 1.45;
}

.collection-card--icon-led .collection-card__arrow {
  position: absolute;
  right: 19px;
  bottom: 19px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.72);
  color: var(--forest);
}

.collection-card--icon-led .collection-card__arrow .icon {
  width: 19px;
  height: 19px;
}

.collection-card--young {
  background: linear-gradient(135deg, #dcebcf, #f4e49d);
}

.collection-card--route {
  background: linear-gradient(135deg, #fbe0d4, #f5bca7);
}

.collection-card--nature {
  background: linear-gradient(135deg, #d8e9e2, #b9d9d5);
}

.collection-card--indoors {
  background: linear-gradient(135deg, #e5e2f6, #cfd6ed);
}

.collection-card--free {
  background: linear-gradient(135deg, #f7eac3, #eacb88);
}

.collection-card--dilijan {
  background: linear-gradient(135deg, #f3dce4, #d9bdc7);
}

@media (max-width: 679px) {
  .collection-list .collection-card--icon-led {
    min-height: 228px;
    padding: 19px;
  }
  .collection-card--icon-led .collection-card__icon {
    width: 58px;
    height: 58px;
    border-radius: 19px;
  }
  .collection-card--icon-led .collection-card__svg {
    width: 33px;
    height: 33px;
  }
  .collection-card--icon-led .collection-card__content h2 {
    font-size: 19px;
  }
}