.friend-permission-sheet { display: grid; gap: 7px; }
.friend-permission-sheet > button { box-sizing: border-box; width: 100%; min-height: 58px; padding: 12px 14px; border: 0; border-radius: 16px; background: #fff; display: flex; align-items: center; justify-content: space-between; text-align: left; color: #292927; }
.friend-permission-sheet strong, .friend-permission-sheet small { display: block; }
.friend-permission-sheet strong { font: 500 9px/1.2 var(--font-family); }
.friend-permission-sheet small { margin-top: 6px; color: #999; font: 7px/1.35 var(--font-family); }
.friend-permission-sheet i { width: 18px; height: 18px; border: 1px solid #d5d5d1; border-radius: 50%; display: grid; place-items: center; }
.friend-permission-sheet button.on i { border-color: #292927; background: #292927; }
.friend-permission-sheet button.on i::after { content: '✓'; color: #fff; font: 600 9px/1 var(--font-family); }
.group-profile-editor { padding: 14px; border-radius: 19px; background: #fff; display: grid; gap: 10px; }
.group-profile-editor > button:first-of-type { border: 0; background: transparent; display: grid; justify-items: center; gap: 7px; }
.group-profile-editor > button:first-of-type span { width: 66px; height: 66px; border-radius: 22px; background: #ededE9; display: grid; place-items: center; overflow: hidden; font: 500 18px/1 var(--font-family); }
.group-profile-editor img, .group-mark img { width: 100%; height: 100%; object-fit: cover; }
.group-profile-editor small { color: #999; font: 7px/1 var(--font-family); }
.group-profile-editor label { display: grid; gap: 6px; color: #888; font: 7px/1 var(--font-family); }
.group-profile-editor input { box-sizing: border-box; width: 100%; height: 39px; padding: 0 12px; border: 0; border-radius: 12px; outline: 0; background: #f4f4f1; color: #292927; font: 9px/1 var(--font-family); }
.group-profile-editor > button:last-child { width: 92px; height: 34px; margin: 2px auto 0; border: 0; border-radius: 17px; background: #292927; color: #fff; font: 500 8px/1 var(--font-family); }
.utility-member-list { display: grid; gap: 7px; }
.utility-member-list article { min-height: 54px; padding: 9px 11px; border-radius: 15px; background: #fff; display: flex; align-items: center; gap: 10px; }
.utility-member-list .friend-avatar { width: 36px; height: 36px; flex: 0 0 36px; }
.utility-member-list strong, .utility-member-list small { display: block; }
.utility-member-list strong { font: 500 9px/1.2 var(--font-family); }
.utility-member-list small { margin-top: 5px; color: #aaa; font: 7px/1 var(--font-family); }
.group-settings.chat-settings-portal > header button, .group-builder.group-builder-portal > header button { display: grid !important; place-items: center !important; padding: 0 !important; }
.group-settings.chat-settings-portal > header button::after, .group-builder.group-builder-portal > header button::after { position: static !important; margin: 0 !important; transform: translateX(1px) rotate(45deg) !important; }