@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;aspect-ratio:1;object-position:top;width:100%;height:auto;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:16px;right:16px}.blogger-item__body{flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.blogger-item__name{font-family:var(--font-family-title);font-weight:var(--font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;font-size:20px;line-height:26px;overflow:hidden}.blogger-item__info{white-space:nowrap;align-items:center;gap:8px;min-width:0;height:28px;display:flex}.blogger-item__social{flex-shrink:0;align-items:center;gap:6px;display:flex}.blogger-item__social-item[href]{z-index:1;position:relative}.blogger-item__social-more{font-size:var(--font-size-small);color:var(--color-grey)}.blogger-item__dot{background-color:var(--color-grey);border-radius:50%;flex-shrink:0;width:3px;height:3px}.blogger-item__subscribers{background-color:var(--color-first-light);color:#000;min-width:0;height:28px;font-size:var(--font-size-small);font-weight:var(--font-weight-regular);z-index:1;border-radius:5px;align-items:center;gap:6px;padding-inline:8px;display:flex;position:relative}.blogger-item__subscribers img{flex-shrink:0;width:18px;height:18px}.blogger-item__subscribers-value{text-overflow:ellipsis;overflow:hidden}.blogger-item__tier{background-color:var(--color-first-light);color:#000;font-size:var(--font-size-small);z-index:1;border-radius:5px;flex-shrink:0;padding-inline:8px;line-height:28px;position:relative}.blogger-item__scopes-list{align-items:center;gap:7px;height:26px;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-inline:7px;line-height:26px;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:16px;left:16px}@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}}}}