.tt-previews__list img { cursor: zoom-in; }
.tt-previews__viewer { box-sizing: border-box; width: min(560px, 88vw); padding: 10px; border: 0; background: #ffffff; }
.tt-previews__viewer::backdrop { background: rgba(10, 22, 40, .42); }
.tt-previews__viewer-top { display: flex; justify-content: flex-end; margin-bottom: 6px; }
.tt-previews__viewer-close { padding: 2px 8px; border: 0; background: transparent; color: #0A1628; font: inherit; font-size: 17px; font-weight: 700; cursor: pointer; }
.tt-previews__viewer-img { display: block; width: 100%; border-radius: 4px; }
.tt-previews { line-height: 1.5; padding: 44px 40px 18px; background: #ffffff; color: #0A1628; }
.tt-previews__head { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; margin-bottom: 18px; }
.tt-previews__title { margin: 0; color: #0A1628; font-size: 22px; font-weight: 800; line-height: 1.5; letter-spacing: -0.02em; }
.tt-previews__all { color: #D6006E; font-size: 13.5px; font-weight: 600; text-decoration: none; }
.tt-previews__none { margin: 0; color: #5A6B7B; font-size: 14px; }
.tt-previews__summary { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.tt-previews__avg { margin: 0; font-size: 38px; font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; }
.tt-previews__based { display: flex; flex-direction: column; gap: 2px; }
.tt-previews__stars { position: relative; align-self: flex-start; width: max-content; line-height: 1; }
.tt-previews__stars p { margin: 0; color: #DCE0E6; font-size: 18px; line-height: 1; letter-spacing: 2px; }
.tt-previews__stars div { position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; line-height: 1; }
.tt-previews__stars div p { color: #F59E0B; }
.tt-previews__count { margin: 0; color: #5A6B7B; font-size: 13px; }
@media (max-width: 640px) { .tt-previews { padding-left: 14px; padding-right: 14px; } .tt-previews__avg { font-size: 30px; } }
.tt-previews__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 1480px; margin-left: auto; margin-right: auto; }
@media (max-width: 640px) { .tt-previews__list { grid-template-columns: minmax(0, 1fr); } }