.profile-icon{display:block;flex:none;width:48px;height:48px;aspect-ratio:1;border-radius:50%;background-repeat:no-repeat;background-size:500% 400%;background-color:#d6efed}.avatar.illustrated-avatar{padding:0;background:none;overflow:hidden}.illustrated-avatar .profile-icon{width:100%;height:100%}.avatar-profile-control{display:flex;align-items:center;gap:20px;margin:18px 0}.avatar-profile-control>.avatar{width:84px;height:84px;flex-shrink:0}.avatar-profile-control .btn{margin-top:10px}.avatar-picker{width:800px}.avatar-picker-top{position:sticky;top:-28px;z-index:1;background:#fff;padding:12px 0 15px;border-bottom:1px solid #d8e6ec;margin-bottom:14px}.avatar-draft-preview{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatar-large{width:88px;height:88px;font-size:28px;flex-shrink:0}.avatar-picker-controls{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.avatar-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:8px 2px 16px}.avatar-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;border:2px solid transparent;background:#f5f9fb;border-radius:14px;padding:12px 5px;min-width:0;font-size:12px;line-height:1.3;min-height:116px}.avatar-option:hover{background:#e8f5f4}.avatar-option.selected{border-color:#117d8a;background:#e1f5f0}.avatar-option .profile-icon{width:76px;height:76px;max-width:100%}.avatar-selected-mark{position:absolute;top:3px;right:7px;font-size:16px;font-weight:bold;color:#076d60}.avatar-option:focus-visible{outline:3px solid #12578c;outline-offset:2px}.avatar-options>.empty{grid-column:1/-1}.avatar-picker #avatar-result-count{margin-bottom:6px}.avset-0{background-image:url('assets/avatars/favorites.png')}.avset-1{background-image:url('assets/avatars/animals.png')}.avset-2{background-image:url('assets/avatars/nature.png')}.avset-3{background-image:url('assets/avatars/adventure.png')}.avset-4{background-image:url('assets/avatars/fun.png')}@media(max-width:600px){.avatar-picker{padding:18px}.avatar-picker-top{top:-18px}.avatar-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.avatar-option{padding:10px 4px;font-size:11px}.avatar-option .profile-icon{width:65px;height:65px}.avatar-picker-controls{grid-template-columns:1fr;gap:10px}.avatar-profile-control{gap:12px;align-items:flex-start}.avatar-profile-control>.avatar{width:64px;height:64px}.avatar-picker-top .btn{font-size:11px;padding:8px 10px}.avatar-draft-preview{margin-bottom:10px}.avatar-large{width:68px;height:68px}}

.avpos-0{background-position:0% 0%}
.avpos-1{background-position:25% 0%}
.avpos-2{background-position:50% 0%}
.avpos-3{background-position:75% 0%}
.avpos-4{background-position:100% 0%}
.avpos-5{background-position:0% 33.333333333333336%}
.avpos-6{background-position:25% 33.333333333333336%}
.avpos-7{background-position:50% 33.333333333333336%}
.avpos-8{background-position:75% 33.333333333333336%}
.avpos-9{background-position:100% 33.333333333333336%}
.avpos-10{background-position:0% 66.66666666666667%}
.avpos-11{background-position:25% 66.66666666666667%}
.avpos-12{background-position:50% 66.66666666666667%}
.avpos-13{background-position:75% 66.66666666666667%}
.avpos-14{background-position:100% 66.66666666666667%}
.avpos-15{background-position:0% 100%}
.avpos-16{background-position:25% 100%}
.avpos-17{background-position:50% 100%}
.avpos-18{background-position:75% 100%}
.avpos-19{background-position:100% 100%}