.activity-streams{--title-color:#333;--icon-color:#333;--comment-avatar-initial-font-size:12px;--stream-content-font-size:14px;--stream-comment-font-size:14px;--stream-action-font-size:14px;--stream-comment-date-font-size:10px;--stream-comment-date-color:#888;--stream-comment-color:#666;--stream-order-item-color:#666;--stream-product-title-font-size:18px;--stream-product-title-font-weight:700}.stream-item{animation:fadeIn 1s forwards;border-bottom:1px solid #ccc;display:flex;flex-direction:column;padding:1em 0}.stream-item-heading{display:flex;flex-direction:row}.stream-icon{color:var(--icon-color);flex-shrink:0;font-size:24px;text-align:center;width:50px}.stream-details{display:flex;flex-direction:column;flex-grow:1;margin-bottom:5px}.stream-title{color:var(--title-color);font-size:16px;font-weight:600}.stream-content{font-size:var(--stream-content-font-size);padding:15px}.stream-date{color:#888;font-size:12px}.stream-actions{display:flex;flex-wrap:wrap;font-size:var(--stream-action-font-size)}.stream-actions>a{margin-right:10px}.stream-content .stream-media{text-align:center}.stream-content .stream-media img{border:1px solid #eee;height:auto;margin:0 auto;width:100%}.stream-action:hover{text-decoration:underline}.stream-avatar{align-items:center;background-color:#333;border-radius:15%;display:flex;height:25px;justify-content:center;width:25px}.stream-avatar-initials{color:#fff}.stream-activity-product-content .product-title{font-size:var(--stream-product-title-font-size);font-weight:var(--stream-product-title-font-weight);margin-bottom:5px;margin-top:0}.stream-activity-comment .stream-avatar-initials{font-size:var(--comment-avatar-initial-font-size)}.stream-activity-comment{display:flex;margin-bottom:10px}.stream-comment-avatar{padding:0 10px}.stream-comment-date{color:var(--stream-comment-date-color);font-size:var(--stream-comment-date-font-size)}.stream-comment-content{align-self:center;color:var(--stream-comment-color);display:flex;flex-direction:column}.stream-grid,.stream-grid-comments{grid-gap:15px;display:grid;grid-template-columns:repeat(4,1fr)}.stream-activity-comments{font-size:var(--stream-comment-font-size);grid-column:span 3}.stream-order-item{display:flex;flex-direction:row;margin:20px}.stream-order-item-image{border:1px solid #eee;flex-grow:0;flex-shrink:0;height:50px;width:50px}.stream-order-item-image img{height:auto;width:100%}.stream-order-item-title{align-self:center;color:var(--stream-order-item-color);flex-grow:1;flex-shrink:0;margin-left:1em}.activity-streams-pagination{cursor:pointer;margin-top:20px;text-align:center}.stream-content .star-rating{font-size:16px;margin:5px 0 0!important}.stream-comment-content .description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-decoration:none!important}.stream-activity-comments a{text-decoration:none!important}.activity-streams-loading{align-items:start;display:flex;flex-direction:column;height:auto;justify-content:start;margin-top:15px}.activity-streams-loading .strand-container{display:flex;flex-direction:row}.activity-streams-loading .strand{animation:fadeIn 1s forwards;height:40px;position:relative;width:15px}.activity-streams-loading .loading-msg{padding:15px}.stream-media .activity-media-link{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-decoration:none!important}.activity-streams .hidden{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.activity-streams-loading .bottom,.activity-streams-loading .top{animation:move 3s ease-in-out infinite;border-radius:100%;height:12px;left:50%;position:absolute;transform:translate(-50%,-50%);width:12px}@keyframes move{0%{top:100%;z-index:-3}25%{height:8px;width:8px;z-index:-3}50%{top:0;z-index:-3}75%{height:12px;width:12px;z-index:3}to{top:100%;z-index:3}}@media(max-width:900px){.stream-grid{grid-gap:5px;display:grid;grid-template-columns:repeat(3,1fr)}.stream-grid-comments{grid-template-columns:repeat(4,1fr)}.stream-activity-comments{grid-column:span 3}.stream-content{padding:5px}}