/* Readable effect samples in both custom selectors. */
html body .profile-settings-dialog [data-select-field=nickname_style] .custom-select-trigger,html body .profile-settings-dialog [data-select-field=nickname_style] [role=option]{display:flex;align-items:center;gap:14px;min-height:62px;text-align:start}
html body .profile-settings-dialog .tg-select-nick-preview{display:grid;place-items:center;flex:0 0 48px;width:48px;min-height:38px;pointer-events:none;font-size:20px;font-weight:850;overflow:visible}
html body .profile-settings-dialog .tg-select-nick-preview .nickname-style{max-width:none;white-space:nowrap}
html body .profile-settings-dialog [data-select-field=nickname_style] .custom-select-trigger>span:not(.tg-select-nick-preview){flex:1;min-width:0;white-space:normal;line-height:1.35}
html body .profile-settings-dialog [data-select-field=nickname_style] [role=option]>span:last-child{min-width:0;white-space:normal;line-height:1.35}
html body .profile-settings-dialog [data-select-field=nickname_style] .custom-select-menu{max-height:min(340px,40dvh);overflow-y:auto;padding:10px}
html body .profile-settings-dialog .tg-select-effect-preview{flex-basis:44px;width:44px;height:44px}
html body .profile-settings-dialog .tg-select-effect-preview .user-avatar{width:34px!important;height:34px!important;font-size:17px!important}
html body .profile-settings-dialog [data-select-field=avatar_effect] :is(.custom-select-trigger,[role=option]){min-height:66px;gap:16px;padding:12px 14px}
@media(min-width:701px){
 html body .profile-settings-dialog .tg-select-effect-preview{flex-basis:58px;width:58px;height:58px}
 html body .profile-settings-dialog .tg-select-effect-preview .user-avatar{width:46px!important;height:46px!important;font-size:22px!important}
 html body .profile-settings-dialog .tg-select-nick-preview{flex-basis:64px;width:64px;font-size:25px}
 html body .profile-settings-dialog [data-select-field] :is(.custom-select-trigger,[role=option]){min-height:78px;gap:18px;font-size:14px;line-height:1.4}
 html body .profile-settings-dialog [data-select-field] .custom-select-menu{width:max(100%,min(390px,calc(100vw - 80px)));max-height:min(380px,42dvh);padding:12px}
}