.darwin-ts{
position: relative;
width: 100%;
--darwin-ts-nav-color: #ffffff;
--darwin-ts-nav-hover-color: #000000;
--darwin-ts-nav-hover-bg: #ffd400;
}
.darwin-ts__swiper{ position: relative; }
.darwin-ts__cardlink{ display:block; text-decoration:none; color: inherit; }
.darwin-ts__card{ position: relative; width: 100%; box-sizing: border-box; overflow: hidden; }
.darwin-ts__body{
position: relative;
display: flex;
flex-direction: column;
min-height: 100%;
}
.darwin-ts__comment{ margin: 0 0 16px 0; }
.darwin-ts__meta{ display:flex; align-items:center; gap: 12px; margin-top: auto; padding-top: 12px; }
.darwin-ts__photo{ width: 44px; height: 44px; border-radius: 999px; object-fit: cover; flex: 0 0 auto; }
.darwin-ts__name{ font-weight: 700; line-height: 1.2; }
.darwin-ts__position{ opacity: .75; line-height: 1.2; margin-top: 2px; }
.darwin-ts__rating{ margin-top: 6px; }
.darwin-ts__stars{ display:flex; gap: 4px; font-size: 14px; line-height: 1; }
.darwin-ts__star{ opacity: .28; }
.darwin-ts__star--full{ opacity: 1; }
.darwin-ts__star--half{ opacity: .65; } .darwin-ts__nav {
position: absolute;
right: 48px;
bottom: 48px;
display: flex;
gap: var(--darwin-ts-nav-gap);
z-index: 3;
}
.darwin-ts__nav button{
width: 64px;
height: 64px;
display:inline-flex;
align-items:center;
justify-content:center;
border: 1px solid var(--darwin-ts-nav-color);
background: transparent;
border-radius: 0;
cursor: pointer;
line-height: 1;
color: var(--darwin-ts-nav-color);
font-size: 0;
padding: 0;
transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.darwin-ts__nav button svg{ width: 28px; height: 28px; display:block; }
.darwin-ts__nav button:hover{
background-color: var(--darwin-ts-nav-hover-bg);
color: var(--darwin-ts-nav-hover-color);
border-color: var(--darwin-ts-nav-hover-color);
}
.darwin-ts__nav button:active{ opacity: .85; }
@media (max-width: 767px){
.darwin-ts__nav {
position: absolute;
right: 48px;
bottom: 48px;
display: flex;
gap: var(--darwin-ts-nav-gap);
z-index: 3;
}
.darwin-ts__nav button{ width: 52px; height: 52px; }
.darwin-ts__nav button svg{ width: 24px; height: 24px; }
}
.darwin-ts__dots{ margin-top: 14px; text-align: center; }
.darwin-ts__dots .swiper-pagination-bullet{ width: 8px; height: 8px; opacity: .35; }
.darwin-ts__dots .swiper-pagination-bullet-active{ opacity: 1; } .darwin-ts__equal .swiper-slide{ display:flex; }
.darwin-ts__equal .darwin-ts__card{ height: 100%; }