.media-card,.profile-media{background:var(--story-card-bg,var(--bs-body-secondary-bg,#1a1b23));border:1px solid var(--story-border-color,hsla(0,0%,100%,.08));border-radius:var(--story-border-radius,12px);container-type:inline-size;display:grid;grid-template:1fr/1fr;min-width:0;overflow:hidden;width:100%}.media-card>*,.profile-media>*{grid-area:1/1;min-width:0}.media-card:hover .media-card__action,.media-card:hover .profile-media__overlay,.profile-media:hover .media-card__action,.profile-media:hover .profile-media__overlay{opacity:1}.profile-media--clickable{cursor:pointer}.media-card--link,.profile-media--link{color:inherit;cursor:pointer;text-decoration:none}.profile-media--max-width{max-width:280px}.media-card__image,.profile-media__image{aspect-ratio:1/1;background:var(--story-card-bg,var(--bs-body-secondary-bg,#1a1b23));overflow:hidden;position:relative;width:100%}.media-card__image img,.media-card__image video,.profile-media__image img,.profile-media__image video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.media-card__image .profile-media__avatar-as-photo,.profile-media__image .profile-media__avatar-as-photo{-o-object-fit:cover;object-fit:cover}.media-card__image video,.profile-media__image video{pointer-events:none}.media-card__placeholder,.profile-media__placeholder{align-items:center;background:var(--story-card-bg,var(--bs-body-secondary-bg,#1a1b23));display:flex;inset:0;justify-content:center;padding:16px;position:absolute}.media-card__placeholder .nuxt-icon,.profile-media__placeholder .nuxt-icon{height:32px;margin:0;width:32px;--icon-color-0:var(--story-text-muted)}.profile-media__overlay{align-items:center;background:#0000004d;cursor:pointer;display:flex;justify-content:center;opacity:0;transition:opacity .2s;z-index:2}.media-card__footer,.profile-media__footer{align-items:center;align-self:end;background:linear-gradient(0deg,rgba(0,0,0,.65) 0,rgba(0,0,0,.45) 50%,rgba(0,0,0,.2) 80%,transparent);display:flex;padding:24px 14px 12px;z-index:3}.media-card__date{color:#ffffffb3;font-size:var(--story-font-size)}.profile-media__footer-right{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:auto}.profile-media__footer-right .stories-flag{border-radius:3px;flex-shrink:0;outline:1px solid hsla(0,0%,100%,.4)}.profile-media__live-badge--inline{background:var(--story-success,#4caf50);border-radius:50%;flex-shrink:0;height:6px;width:6px}.media-card__action{align-items:center;align-self:start;background:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;justify-self:end;margin:8px;opacity:0;padding:6px;transition:all .2s;z-index:4}.media-card__action .nuxt-icon{height:16px;margin:0;width:16px;--icon-color-0:hsla(0,0%,100%,.9)}.media-card__action:hover{background:var(--story-danger)}.media-card__action:hover .nuxt-icon{--icon-color-0:#fff}.media-card__user-name{color:#fff;flex:1;font-size:12px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.profile-media--max-width{max-width:375px}.media-card__footer,.profile-media__footer{padding:10px 8px}.media-card__date{font-size:calc(var(--story-font-size)*.9)}}.profile-media__actions{align-self:start;display:inline-flex;gap:6px;justify-self:end;margin:8px 8px 0 0;z-index:5}.profile-media__action-btn{background:#0000008c;color:#fff;--icon-color-0:#fff;backdrop-filter:blur(6px);transition:background .2s,color .2s}.profile-media__message-btn:hover{background:var(--story-primary,#e91e63)}.profile-media__favourite-btn.is-active,.profile-media__favourite-btn:hover{color:var(--story-primary,#e91e63);--icon-color-0:var(--story-primary,#e91e63)}.profile-media__favourite-btn.is-active .nuxt-icon path,.profile-media__favourite-btn.is-active :deep(.nuxt-icon path){fill:var(--story-primary,#e91e63)}[data-theme=light] .media-card,[data-theme=light] .profile-media{background:#1a1b23;border-color:transparent}[data-theme=light] .media-card__image,[data-theme=light] .media-card__placeholder,[data-theme=light] .profile-media__image,[data-theme=light] .profile-media__placeholder{background:#1a1b23}.users-content{min-height:400px;position:relative}.roulette-loading{inset:0;position:absolute}.content-empty,.roulette-loading{align-items:center;display:flex;justify-content:center}.content-empty{flex-direction:column;padding:60px 20px;text-align:center}.content-empty-icon{color:var(--roulette-text-muted);height:80px;margin-bottom:24px;opacity:.5;width:80px}.content-empty-icon svg{height:100%;width:100%}.content-empty-title{color:var(--roulette-text-primary);font-size:24px;font-weight:600;margin-bottom:8px}.content-empty-text{color:var(--roulette-text-secondary);max-width:400px}.users-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(clamp(180px,25%,280px),1fr));padding:16px 0}.users-loading-overlay{align-items:center;background:#0000004d;border-radius:12px;display:flex;justify-content:center;inset:0;position:absolute;z-index:10}@media(max-width:640px){.users-grid{gap:8px;grid-template-columns:repeat(2,1fr)}}