/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/winners-table/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
/* Общий контейнер таблицы */
.uni_table-winner {
  display: inline-block;
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}

/* Шапка таблицы */
.uni_table-winner__header {
  display: flex;
  font-weight: bold;
  padding: 10px 0;
}

/* Строки таблицы */
.uni_table-winner__row {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
}

/* Ячейки таблицы */
.uni_table-winner__cell {
  flex: 1;
  /* Равномерное распределение ширины */
  padding: 10px;
  text-align: left;
  display: flex;
  gap: 5px;
  align-items: center;
}

/* Убираем правую границу у последней ячейки строки */
.uni_table-winner__cell:last-child {
  border-right: none;
}

.uni_table-winner__row:nth-child(even) {
  background-color: #f9f9f9;
  /* Светлый оттенок для чётных строк */
}

.uni_table-winner__cell:first-child {
  padding-left: 20px;
}

@media (max-width: 600px) {
  .uni_table-winner__cell:first-child {
    flex: 2;
  }
  .uni_table-winner__cell {
    font-size: 14px;
  }
  .uni_table-winner__cell img {
    max-width: 40px;
    max-height: 40px;
  }
}

/*# sourceMappingURL=style-index.css.map*/