.rate-bar{--tw-bg-opacity:1;background-color:rgb(34 33 43/var(--tw-bg-opacity,1));border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:732px;margin:2rem auto;padding:1.25rem;display:flex}@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{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));align-items:center;gap:15px;padding-top:7.5px;padding-bottom:7.5px;display:flex}.rate-bar div span{white-space:nowrap;--tw-text-opacity:1;color:rgb(242 239 235/var(--tw-text-opacity,1));font-size:12px}@media (min-width:768px){.rate-bar div span{font-size:16px}}.rate-bar div figure{max-width:25px}.rate-bar div figure img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.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{--tw-bg-opacity:1;background-color:rgb(218 218 218/var(--tw-bg-opacity,1));width:100%;height:1px;padding-top:0;padding-bottom:0}@media (min-width:768px){.rate-bar .divider{width:1px;height:50px;padding-top:7.5px;padding-bottom:7.5px}}