.preview-rating-trigger{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:8px;
  border:0;
  padding:0;
  background:transparent;
  color:var(--acid,#e8ff54);
  font:inherit;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}
.preview-rating-trigger:hover,.preview-rating-trigger:focus-visible{color:#ffca28;outline:0}
.preview-rating-trigger.is-rated{color:#ffca28}
.battle-card .preview-rating-trigger{margin-top:0}
.video-card .preview-rating-trigger{display:flex}
.favorite-card .preview-rating-trigger,.rating-card .preview-rating-trigger{display:flex;width:max-content}

.preview-seen-badge{
  position:absolute;
  z-index:7;
  top:8px;
  right:8px;
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border-radius:3px;
  background:#17191be8;
  color:#fff;
  font-size:20px;
  font-weight:1000;
  line-height:1;
  border:0;
  padding:0;
  cursor:pointer;
}
.preview-seen-badge:hover,.preview-seen-badge:focus-visible{
  background:#2c3034;
  outline:1px solid #e8ff54;
}

.preview-rating-modal{display:none;position:fixed;z-index:80;inset:0;place-items:center;padding:20px;background:#000b;backdrop-filter:blur(6px)}
.preview-rating-modal.open{display:grid}
.preview-rating-dialog{position:relative;width:min(100%,590px);border:1px solid #5a554e;border-radius:12px;padding:34px 34px 29px;background:#202020;box-shadow:0 30px 90px #000;text-align:center}
.preview-rating-close{position:absolute;top:11px;right:15px;border:0;background:transparent;color:#fff;font-size:26px;line-height:1}
.preview-rating-big-star{display:grid;place-items:center;width:76px;height:76px;margin:-66px auto 18px;clip-path:polygon(50% 0%,61% 34%,98% 37%,69% 59%,79% 96%,50% 75%,21% 96%,31% 59%,2% 37%,39% 34%);background:#ffca28;color:#1a1711;font-size:23px;font-weight:1000}
.preview-rating-kicker{margin:0;color:#ffca28;font-size:11px;font-weight:1000;letter-spacing:.14em}
.preview-rating-title{margin:7px 0 22px;font-size:20px;letter-spacing:-.03em}
.preview-rating-stars{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
.preview-rating-star{border:0;padding:0;background:transparent;color:#aaa;font-size:29px;line-height:1;cursor:pointer}
.preview-rating-star.selected,.preview-rating-star:hover{color:#ffca28}
.preview-rating-save{min-width:210px;margin-top:25px;border:0;border-radius:99px;padding:11px 20px;background:#ffca28;color:#17140d;font-weight:1000;cursor:pointer}
.preview-rating-save:disabled{cursor:not-allowed;background:#393939;color:#a4a4a4}
.preview-rating-note{min-height:17px;margin:9px 0 0;color:#aaa39a;font-size:12px}
@media(max-width:620px){.preview-rating-dialog{padding:34px 18px 24px}.preview-rating-stars{gap:3px}.preview-rating-star{font-size:25px}}