.tn-article-rating{position:relative;isolation:isolate;overflow:hidden;margin:34px 0 24px;padding:27px;border-radius:15px;background:#242424;color:#fff;border:1px solid #3c3c39;border-top:5px solid #ffc12e;box-shadow:0 12px 30px #12121215;font-family:"Trebuchet MS","Segoe UI",sans-serif}.tn-article-rating:before{content:"★";position:absolute;z-index:-1;right:-17px;top:-84px;font-size:270px;line-height:1;color:#fff;opacity:.025;transform:rotate(-14deg);pointer-events:none}.tn-article-rating-heading{display:flex;align-items:center;gap:18px;margin:0 0 25px}.tn-article-rating-symbol{width:56px;height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center;background:#ffc12e;color:#242424;border-radius:12px;font-size:32px;box-shadow:5px 5px 0 #ffc12e22}.tn-article-rating-eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:#ffc12e;margin:0 0 4px}.tn-article-rating-heading h2{font-size:clamp(20px,2.6vw,27px);font-weight:900;line-height:1.2;letter-spacing:-.03em;margin:0;color:#fff}.tn-article-rating-subtitle{font-size:12px;line-height:1.55;color:#d4d0c9;margin:7px 0 0}.tn-article-rating-content{display:grid;grid-template-columns:minmax(0,1.25fr) 1px minmax(150px,.75fr);gap:28px;align-items:center}.tn-article-rating-vote{min-width:0}.tn-article-rating-stars{display:flex;align-items:center;gap:5px;flex-wrap:nowrap}.tn-article-rating-star{display:flex;align-items:center;justify-content:center;flex:1;max-width:56px;min-width:36px;min-height:51px;padding:4px 0;border:1px solid transparent;border-radius:7px;background:0 0;color:#9a987e;cursor:pointer;transition:color .16s ease,transform .16s ease,background .16s ease}.tn-article-rating-star svg{width:100%;height:auto;max-width:41px;max-height:41px;fill:transparent;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;transition:fill .16s ease}.tn-article-rating-star.is-on{color:#ffc12e}.tn-article-rating-star.is-on svg{fill:#ffc12e;stroke:#ffc12e}.tn-article-rating-star:hover:not(:disabled){background:#ffffff12;transform:translateY(-3px)}.tn-article-rating-star:focus-visible{outline:3px solid #ffc12e;outline-offset:1px}.tn-article-rating-star:disabled{cursor:default;opacity:1}.tn-article-rating-feedback{min-height:20px;margin:11px 0 0;color:#dedbd4;font-size:12px;line-height:1.5}.tn-article-rating-separator{width:1px;height:100%;min-height:80px;background:#55554f}.tn-article-rating-community{display:flex;flex-direction:column;align-items:flex-start}.tn-article-rating-stat{display:flex;align-items:baseline;gap:5px;font-variant-numeric:tabular-nums}.tn-article-rating-stat strong{font-size:37px;font-weight:900;letter-spacing:-.04em;line-height:1.05;color:#fff}.tn-article-rating-stat-suffix{font-size:14px;color:#bdbbb3}.tn-article-rating-mini-stars{display:flex;gap:2px;font-size:18px;color:#807e6e;letter-spacing:1px;line-height:1.2;margin-top:3px}.tn-article-rating-mini-stars .is-filled{color:#ffc12e}.tn-article-rating-vote-count{font-size:11px;line-height:1.6;margin:7px 0 0;color:#d4d0c9}@media(max-width:520px){.tn-article-rating{padding:21px 17px;margin-top:26px;border-radius:12px}.tn-article-rating-heading{gap:12px;margin-bottom:20px}.tn-article-rating-symbol{width:45px;height:45px;flex-basis:45px;font-size:26px}.tn-article-rating-content{grid-template-columns:minmax(0,1fr);gap:14px}.tn-article-rating-separator{width:100%;height:1px;min-height:0}.tn-article-rating-community{display:grid;grid-template-columns:auto 1fr;column-gap:15px;align-items:center}.tn-article-rating-vote-count{grid-column:2;margin:0}.tn-article-rating-mini-stars{grid-column:2;grid-row:1}.tn-article-rating-stat{grid-column:1;grid-row:1/3}.tn-article-rating-star{max-width:58px;min-height:48px}.tn-article-rating-star svg{max-width:39px}}@media(prefers-reduced-motion:reduce){.tn-article-rating-star,.tn-article-rating-star svg{transition:none!important}.tn-article-rating-star:hover:not(:disabled){transform:none}}