.rating-container{position:relative;height:1.6rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem}.rating-container .stars{position:absolute;display:flex;width:inherit;flex-direction:row;font-size:1rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rating-container .stars>*{flex-shrink:0}.rating-container .empty-stars{color:#7c7c7d}.rating-container .filled-stars{width:0;overflow-x:hidden;transition:width .5s ease-in-out;color:#ffc107}.product{overflow:hidden;width:calc(20% - 20px)}@media (max-width:1200px){.product{width:calc(25% - 20px)}}@media (max-width:992px){.product{width:calc(33.33% - 20px)}}@media (max-width:767px){.product{width:calc(50% - 20px)}}@media (max-width:540px){.product{width:100%}}.product__image{position:relative;width:100%}.product__image>img{height:230px;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}input[type=checkbox].peer,input[type=radio].peer{background-color:red;width:20px;cursor:pointer;position:absolute;opacity:0}input[type=radio].peer~.checkRadioIcon svg{background-color:transparent;padding:10px;border-radius:50%;border:2px solid #e4e4e4}input[type=checkbox].peer~.checkRadioIcon svg{background-color:transparent;padding:10px;border-radius:5px;border:2px solid #e4e4e4}input[type=radio].peer:checked~.checkRadioIcon svg{background-color:#34ace0;width:20px;height:20px;border-radius:50%;color:#fff;padding:2px;border:none}input[type=checkbox].peer:checked~.checkRadioIcon svg{background-color:#34ace0;width:20px;height:20px;border-radius:5px;color:#fff;padding:2px;border:none}input[type=checkbox].peer:checked~label,input[type=radio].peer:checked~label{color:#34ace0}