:host{display:block}@media(min-width:800px){:host{position:absolute;bottom:var( --Size-27 );right:var( --Size-27 );width:min(28rem,60%)}}:where([data-block = "Impressions"]){flex-direction:column;align-items:flex-end;display:flex;gap:var( --Size-10 )}:where([data-block = "Impressions"]) [part = "Card"]{position:relative;align-items:center;display:flex;gap:var( --Size-16 );width:100%;padding:var( --Size-16 );border-radius:var( --Size-27 );background:var( --Color-Highlight );color:var( --Color-Text )}@media(min-width:800px){:where([data-block = "Impressions"]) [part = "Card"]{padding:var( --Size-27 )}}:where([data-block = "Impressions"]) [part = "Items"]{flex:1;position:relative;display:grid;[part = "Item"]{grid-area:1 / 1;align-items:flex-start;display:flex;gap:var( --Size-16 );animation-duration:calc(var( ---Count ) * var( ---Timer ));animation-delay:calc((var( ---Index ) - var( ---Count )) * var( ---Timer ));animation-timing-function:linear;animation-iteration-count:infinite;animation-name:Cycle}[part = "Avatar"]{flex-shrink:0;height:3.75rem;width:3.75rem;border-radius:var( --Size-27 );overflow:clip;img{display:block;height:100%;width:100%;object-position:center;object-fit:cover}}[part = "Content"]{flex-direction:column;display:flex;gap:var( --Size-4 )}[part = "Author"]{flex-wrap:wrap;display:flex;column-gap:.25em;font-weight:700}}:where([data-block = "Impressions"]) [part = "Progress"]{position:absolute;bottom:var( --Size-16 );right:var( --Size-16 );width:var( --Size-27 );svg{transform:rotate(-90deg);display:block;height:auto;width:100%}circle{stroke:var( --Color-Brand );stroke-linecap:round;stroke-width:4;fill:none}[part = "Track"]{opacity:.5}[part = "Meter"]{stroke-dasharray:100;animation:Meter var( ---Timer ) linear infinite}}@media(min-width:800px){:where([data-block = "Impressions"]) [part = "Progress"]{bottom:var( --Size-27 );right:var( --Size-27 )}}@keyframes Meter{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}:where([data-block = "Impressions"]) [part = "Rating"]{align-items:center;display:flex;gap:var( --Size-10 );width:fit-content;padding:var( --Size-10 ) var( --Size-16 );border-radius:var( --Size-44 );background:var( --Color-Highlight );color:var( --Color-Text );[part = "Stars"]{---Value: 0% ;display:block;height:var( --Size-16 );width:auto;color:var( --Color-Accent );[part = "Track"]{fill:#d9d9d9}[part = "Meter"]{clip-path:inset(0 calc(100% - var( ---Value )) 0 0)}}[part = "Score"]{white-space:nowrap;line-height:1;strong{font-weight:700;color:inherit}}[part = "Logo"] img{display:block;height:var( --Size-24 );width:auto}}@media(min-width:800px){:where([data-block = "Impressions"]) [part = "Rating"]{padding:var( --Size-16 ) var( --Size-27 )}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/Block-Impressions.css.map */