.pattern-preview.star-preview{position:relative;display:grid;align-content:center;place-items:center;padding:18px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.star-preview.pattern-preview--inspector{height:auto;min-height:220px;gap:14px}.star-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.star-rating{display:inline-flex;flex-direction:row-reverse;gap:4px}.star-rating--ten{gap:2px}.star-rating input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;clip:rect(0 0 0 0)}.star-rating label{cursor:pointer;color:var(--star-empty,rgba(148,163,184,.28));transition:color var(--star-transition,.12s) ease,transform var(--star-transition,.12s) ease;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.star-rating--ten label svg{width:18px;height:18px}.star-rating--tri label svg{width:30px;height:30px}.star-rating input:focus-visible+label{outline:2px solid var(--star-filled,#fde047);outline-offset:2px}.star-rating input:checked~label{color:var(--star-filled,#fde047)}.star-rating:hover input~label{color:var(--star-empty,rgba(148,163,184,.28))}.star-rating:hover label:hover,.star-rating:hover label:hover~label{color:var(--star-filled,#fde047)}.star-preview:not(.pattern-preview--inspector) .star-rating label{animation:stageStarFill 4.4s ease-out infinite}.star-preview:not(.pattern-preview--inspector) .star-rating label:last-of-type{animation-delay:.2s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(2){animation-delay:.45s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(3){animation-delay:.7s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(4){animation-delay:.95s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(5){animation-delay:1.2s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(6){animation-delay:1.45s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(7){animation-delay:1.7s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(8){animation-delay:1.95s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(9){animation-delay:2.2s}.star-preview:not(.pattern-preview--inspector) .star-rating label:nth-last-of-type(10){animation-delay:2.45s}@keyframes stageStarFill{0%,8%{color:var(--star-empty,rgba(148,163,184,.28));transform:scale(1);text-shadow:none}14%{color:var(--star-filled,#fde047);transform:scale(1.32);text-shadow:0 0 14px color-mix(in srgb,var(--star-filled,#fde047) 70%,transparent)}24%,84%{color:var(--star-filled,#fde047);transform:scale(1);text-shadow:0 0 8px color-mix(in srgb,var(--star-filled,#fde047) 38%,transparent)}92%,to{color:var(--star-empty,rgba(148,163,184,.28));transform:scale(1);text-shadow:none}}@media (prefers-reduced-motion:reduce){.star-preview:not(.pattern-preview--inspector) .star-rating label,.star-rating label{transition:none;animation:none}}