.rate-bar{margin:2rem auto;display:flex;width:100%;max-width:732px;flex-direction:column;align-items:center;justify-content:space-between;border-radius:12px;--tw-bg-opacity:1;background-color:rgb(34 33 43/var(--tw-bg-opacity));padding:1.25rem}@media (min-width:768px){.rate-bar{flex-direction:row;padding-left:2.5rem;padding-right:2.5rem}}@media (min-width:1025px){.rate-bar{border-radius:20px}}.rate-bar div{display:flex;align-items:center;gap:15px;padding-top:7.5px;padding-bottom:7.5px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.rate-bar div span{white-space:nowrap;font-size:12px;--tw-text-opacity:1;color:rgb(242 239 235/var(--tw-text-opacity))}@media (min-width:768px){.rate-bar div span{font-size:16px}}.rate-bar div figure{max-width:25px}.rate-bar div figure img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.rate-bar div .rate{width:120px}.rate-bar div .rate svg path{fill:#3694fd;opacity:.3}.rate-bar div .rate[data-rate="1"] svg path:nth-child(-n+1),.rate-bar div .rate[data-rate="2"] svg path:nth-child(-n+2),.rate-bar div .rate[data-rate="3"] svg path:nth-child(-n+3),.rate-bar div .rate[data-rate="4"] svg path:nth-child(-n+4),.rate-bar div .rate[data-rate="5"] svg path:nth-child(-n+5){fill:#3694fd;opacity:1}.rate-bar .divider{height:1px;width:100%;--tw-bg-opacity:1;background-color:rgb(218 218 218/var(--tw-bg-opacity));padding-top:0;padding-bottom:0}@media (min-width:768px){.rate-bar .divider{height:50px;width:1px;padding-top:7.5px;padding-bottom:7.5px}}