.shc-lock-screen-outer-container { overflow: hidden scroll; flex: 1 1 auto; height: 100%; width: 100%; } .shc-lock-screen-container { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; min-height: 100%; } .shc-lock-screen-container > * { margin: 5px; } .shc-lock-screen-logo { width: 180px; height: 180px; } .shc-lock-screen-heading-container { display: flex; flex-direction: row; align-items: center; } .shc-lock-screen-heading-container > * { margin: inherit; } .shc-lock-screen-heading-nsfw-icon > path { fill: var(--text-normal); fill-rule: evenodd; } .shc-lock-screen-topic-container { color: var(--text-normal); background: var(--bg-overlay-3, var(--background-secondary)); border-radius: 5px; padding: 10px; max-width: 70vw; } .shc-lock-screen-tags-container { background: var(--bg-overlay-3, var(--background-secondary)); border-radius: 5px; padding: 10px; max-width: 70vw; } .shc-lock-screen-tags-container > * { margin: inherit; } .shc-lock-screen-tags { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; } .shc-evenodd-fill-current-color { fill-rule: evenodd; fill: currentcolor; } .shc-hidden-channel-icon { margin-left: 6px; z-index: 0; cursor: not-allowed; } .shc-lock-screen-default-emoji-container { display: flex; flex-direction: row; align-items: center; } .shc-lock-screen-default-emoji-container > [class^="emojiContainer"] { background: var(--bg-overlay-3, var(--background-secondary)); border-radius: 8px; padding: 5px 6px; margin-left: 5px; } .shc-lock-screen-allowed-users-and-roles-container { display: flex; flex-direction: column; align-items: center; background: var(--bg-overlay-3, var(--background-secondary)); border-radius: 5px; padding: 10px; max-width: 70vw; } .shc-lock-screen-allowed-users-and-roles-container > [class^="members"] { margin-left: 10px; flex-wrap: wrap; justify-content: center; }