.list-ecom{--avatar-size:48px;--list-item-min-height:160px;--user-avatar-primary-color:var(--secondary);--user-avatar-secondary-color:var(--surface-black-transparent-surface-black-t-10);--secondary-success:var(--green-green);--secondary-danger:var(--color-red);box-sizing:border-box;width:100%}.list-ecom,.list-ecom__reviews{display:flex;flex-direction:column}.list-ecom__reviews{gap:var(--main-padding);height:auto;overflow-y:auto}.list-ecom__reviews::-webkit-scrollbar{width:20px}.list-ecom__reviews::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--surface-black-t10);border:6px solid transparent;border-radius:0}.list-ecom__reviews__item{background-color:var(--bg-surface-surface-white);border-radius:calc(var(--main-padding)/1.5);box-sizing:border-box;display:flex;flex-direction:column;gap:calc(var(--main-padding)/1.5);min-height:var(--list-item-min-height);padding:var(--main-padding)}.list-ecom__reviews__item__header{align-items:center;display:flex;gap:inherit;justify-content:space-between}@media(max-width:768px){.list-ecom__reviews__item__header{align-items:start;flex-direction:column}}.list-ecom__reviews__item__header__left{align-items:center;display:flex;gap:inherit}.list-ecom__reviews__item__header__left h5{color:var(--text-colors-body-text)}@media(max-width:768px){.list-ecom__reviews__item__header__left{grid-gap:calc(var(--main-padding)/4);display:grid;gap:calc(var(--main-padding)/4);grid-template-areas:"avatar name" "avatar date";grid-template-columns:auto 1fr}.list-ecom__reviews__item__header__left span{grid-area:avatar}.list-ecom__reviews__item__header__left h5{grid-area:name}.list-ecom__reviews__item__header__left time{grid-area:date}}.list-ecom__reviews__item__header__left span{align-items:center;background-color:var(--user-avatar-secondary-color);border-radius:50%!important;box-sizing:border-box;color:var(--text-colors-body-text);display:flex;font-size:18px;font-weight:500;height:var(--avatar-size);justify-content:center;line-height:1;min-width:var(--avatar-size);text-transform:uppercase;width:var(--avatar-size)}@media(max-width:768px){.list-ecom__reviews__item__header__left span{margin-right:8px}}.list-ecom__reviews__item__header__left h5{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-size:20px;font-weight:500;line-height:140%;overflow:hidden;text-overflow:ellipsis}.list-ecom__reviews__item__header__left time{color:var(--text-colors-subtle-text-2);font-size:14px;font-weight:400;line-height:143%}.list-ecom__reviews__item__content,.list-ecom__reviews__item__header__right{display:flex}.list-ecom__reviews__item__content span{-webkit-box-orient:vertical;-webkit-line-clamp:14;color:var(--text-colors-body-text);display:-webkit-box;font-size:16px;font-weight:400;line-height:138%;overflow:hidden;text-overflow:ellipsis}.list-ecom__reviews__item__interactive{align-items:center;display:flex;gap:calc(var(--main-padding)/1.5)}.list-ecom__reviews__item__interactive button{align-items:center;background-color:transparent;border:none;display:flex;gap:calc(var(--main-padding)/4);padding:0;transition:var(--secondary-transition) transform}.list-ecom__reviews__item__interactive button svg{fill:var(--subtle-text2);height:24px;min-width:24px;transition:var(--primary-transition) fill,var(--secondary-transition) transform;width:24px}.list-ecom__reviews__item__interactive button span{color:var(--body-text);font-size:16px;font-weight:400;line-height:138%;transition:var(--secondary-transition) color}.list-ecom__reviews__item__interactive button:hover:not(:disabled) svg{fill:var(--body-text)}.list-ecom__reviews__item__interactive button:disabled{cursor:default;opacity:.6}.list-ecom__reviews__item__interactive button:active svg{transform:scale(var(--secondary-active-state-scale))}.list-ecom__reviews__item__interactive button.--like span{color:var(--secondary-success)}.list-ecom__reviews__item__interactive button.--dislike svg{transform:rotate(180deg)}.list-ecom__reviews__item__interactive button.--dislike span{color:var(--secondary-danger)}.list-ecom__reviews__item__interactive button.--dislike:active svg{transform:rotate(180deg) scale(var(--secondary-active-state-scale))}.list-ecom__reviews__item__interactive button.active{transform:scale(1.2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-ecom__reviews__item__interactive button.active.--like svg{fill:var(--secondary-success)}.list-ecom__reviews__item__interactive button.active.--dislike svg{fill:var(--secondary-danger)}.list-ecom__reviews__item.--skeletons>.skeleton{height:100%;opacity:.6;width:100%}