@layer components{.blogger-item{--this-background:#e9eefb;--this-radius:20px;border-radius:var(--this-radius);background-color:var(--this-background);isolation:isolate;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.blogger-item:hover{box-shadow:0 0 0 6px var(--this-background)}.blogger-item:active{box-shadow:0 0 0 4px var(--this-background)}.blogger-item__header{position:relative;overflow:hidden}.blogger-item__image{object-fit:cover;width:100%;transition:all .2s;display:block}.blogger-item:hover .blogger-item__image{border-radius:var(--this-radius)}.blogger-item__favourite{z-index:1;position:absolute;top:20px;right:20px}.blogger-item__body{flex-direction:column;gap:10px;padding:20px 20px 30px;display:flex}.blogger-item__name{font-family:var(--font-family-title);font-weight:var(--font-weight-semibold);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:24px;line-height:1.3;display:-webkit-box;overflow:hidden}.blogger-item__info{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.blogger-item__social,.blogger-item__subscribers{flex-direction:column;gap:8px;display:flex}.blogger-item__social-label,.blogger-item__subscribers-label,.blogger-item__scopes-label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.blogger-item__social-list{gap:12px;display:flex}.blogger-item__social-item[href]{z-index:1;position:relative}.blogger-item__subscribers-value{background-color:var(--color-first-light);color:#000;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);white-space:nowrap;border-radius:5px;align-items:center;gap:10px;padding:5px 10px;display:flex}.blogger-item__subscribers-value svg{flex-shrink:0;width:24px;height:24px}.blogger-item__scopes{flex-direction:column;gap:7px;margin-top:10px;display:flex}.blogger-item__scopes-list{align-items:center;gap:7px;display:flex;position:relative;overflow:hidden}.blogger-item__scopes-measure{visibility:hidden;pointer-events:none;align-items:center;gap:7px;display:flex;position:absolute;top:0;left:0}.blogger-item__scope{background-color:var(--color-first-light);color:#000;font-size:var(--font-size-small);font-weight:var(--font-weight-regular);white-space:nowrap;border-radius:5px;flex-shrink:0;padding:5px 7px;text-decoration:none;display:inline-block}.blogger-item__scope[href]{z-index:1;position:relative}.blogger-item__scope[href]:hover{opacity:.8}.blogger-item__scopes-more{font-size:var(--font-size-small);font-weight:var(--font-weight-regular);white-space:nowrap;color:var(--color-grey);flex-shrink:0}.blogger-item__link{border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}.blogger-item__link:focus-visible{outline:2px solid var(--color-first);outline-offset:-2px}.blogger-item__rating{z-index:1;position:absolute;top:20px;left:20px}@media (width<768px){:root{--blogger-item-min-width:280px}}@media (768px<=width<1200px){:root{--blogger-item-min-width:300px}}@media (width>=1200px){:root{--blogger-item-min-width:320px}@media (width>=1440px){:root{--blogger-item-min-width:360px}}}}