/* [project]/src/widgets/experts-list/ui/index.module.css [app-client] (css) */
.index-module__wyKmGq__list {
  margin-top: calc(var(--spacing, .25rem) * 4);
  display: block;
}

@media (min-width: 480px) {
  .index-module__wyKmGq__list {
    gap: calc(var(--spacing, .25rem) * 3);
    flex-wrap: wrap;
    display: flex;
  }
}

.index-module__wyKmGq__list::-webkit-scrollbar {
  display: none;
}

/* [project]/src/feature/app/person/person-card/ui/index.module.css [app-client] (css) */
.index-module__8DWNaq__person-card-item {
  flex: 1 0 240px;
  max-width: 240px;
}

.index-module__8DWNaq__person-card-in {
  background-color: var(--color-white, #fff);
  border-style: var(--tw-border-style);
  --tw-shadow: 0px 12px 16px 0px var(--tw-shadow-color, rgba(44, 101, 187, .04));
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  background-size: cover;
  border-width: 1px;
  border-color: #e3ecf4;
  border-radius: 24px;
  display: block;
  position: relative;
}

.index-module__8DWNaq__person-card-in > picture > img {
  object-fit: cover;
  width: 100%;
}

.index-module__8DWNaq__person-card-item-cont {
  margin-top: auto;
  padding: 16px;
}

.index-module__8DWNaq__person-card-item__title {
  --tw-font-weight: var(--font-weight-medium, 500);
  font-family: Inter;
  font-weight: var(--font-weight-medium, 500);
  --tw-leading: 140%;
  color: #131e36;
  margin-top: 16px;
  font-size: 18px;
  font-style: normal;
  line-height: 140%;
}

.index-module__8DWNaq__person-card-item__more {
  color: #a8abbd;
  margin-top: calc(var(--spacing, .25rem) * 1.5);
  --tw-font-weight: var(--font-weight-medium, 500);
  font-family: Inter;
  font-size: 14px;
  font-weight: var(--font-weight-medium, 500);
  margin-bottom: -4px;
  font-style: normal;
  bottom: 10px;
}

.index-module__8DWNaq__person-card-item__more:hover {
  color: #067eed;
}

.index-module__8DWNaq__person-card-item__more img {
  display: block;
}

.index-module__8DWNaq__person-card-item__img {
  background-size: cover;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  height: 238px;
}

.index-module__8DWNaq__person-card-item__description {
  color: #4d5166;
  --tw-font-weight: var(--font-weight-normal, 400);
  font-family: Inter;
  font-weight: var(--font-weight-normal, 400);
  text-overflow: ellipsis;
  --tw-leading: 140%;
  --tw-tracking: .28px;
  letter-spacing: .28px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 8px;
  font-size: 14px;
  font-style: normal;
  line-height: 140%;
  display: -webkit-box;
  overflow: hidden;
}

@media (max-width: 480px) {
  .index-module__8DWNaq__person-card-in {
    width: 100%;
    margin-top: 16px;
    display: block;
  }

  .index-module__8DWNaq__person-card-item__title {
    font-size: 20px;
  }

  .index-module__8DWNaq__person-card-item__more, .index-module__8DWNaq__person-card-item__description {
    font-size: 16px;
  }

  .index-module__8DWNaq__person-card-item__img {
    background-size: cover;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    width: 100%;
    height: auto;
  }
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 rgba(0, 0, 0, 0);
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=src_1b2e0bc8._.css.map*/