@import url('product-v105.css');

.porst-practice__button {
  display: block;
  width: 100%;
  padding: 11px 13px;
  border: 1px solid #c84d52;
  background: #c84d52;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
}
.porst-practice__button--advisor { margin-top: 10px; background: #fff; color: #c84d52; }
.porst-practice__button:hover, .porst-practice__button:focus { background: #ad4046; color: #fff; text-decoration: none; }
.porst-practice__button--advisor:hover, .porst-practice__button--advisor:focus { background: #c84d52; color: #fff; }
.porst-practice__slides { display: block; overflow: hidden; }
.porst-practice__image { display: none; width: 100%; min-width: 0; aspect-ratio: 3 / 2; overflow: hidden; }
.porst-practice__image.is-active { display: block; }
.porst-practice__image img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
.porst-practice__thumbnails { margin-top: 25px; padding-top: 17px; border-top: 1px solid #ddd; }
.porst-practice__thumbnails > p { margin: 0 0 10px; color: #777; font-size: 12px; }
.porst-practice__thumbnail-slider { overflow: hidden; }
.porst-practice__thumbnail { display: none; width: 100%; padding: 0; aspect-ratio: 3 / 2; overflow: hidden; border: 1px solid #d4d4d4; background: #fff; cursor: pointer; }
.porst-practice__thumbnail.is-preview-active { display: block; }
.porst-practice__thumbnail.is-active { border: 2px solid #c84d52; }
.porst-practice__thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; }
.porst-practice__thumbnail:hover, .porst-practice__thumbnail:focus { border-color: #c84d52; outline: 0; }
.porst-practice__thumbnail-count { margin: 8px 0 0; color: #777; font-size: 12px; text-align: center; }