.has-rank-symbol{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}.has-rank-symbol::before{content:"";display:block;flex:none;width:22px;height:22px;background:var(--rank-art) center/contain no-repeat}
[data-rank-symbol="1"]{--rank-art:url("/symbols/level-1.svg")}
[data-rank-symbol="2"]{--rank-art:url("/symbols/level-2.svg")}
[data-rank-symbol="3"]{--rank-art:url("/symbols/level-3.svg")}
[data-rank-symbol="4"]{--rank-art:url("/symbols/level-4.svg")}
[data-rank-symbol="5"]{--rank-art:url("/symbols/level-5.svg")}
[data-rank-symbol="6"]{--rank-art:url("/symbols/level-6.svg")}
[data-rank-symbol="7"]{--rank-art:url("/symbols/level-7.svg")}
[data-rank-symbol="ceo"]{--rank-art:url("/symbols/ceo.svg")}

.levels-item-label.has-rank-symbol{min-width:87px;height:45px;padding:0 7px;background:#f1f7f2!important;color:#345744!important;gap:5px}
.levels-item-label.has-rank-symbol::before{width:34px;height:38px}
.levels-item.is-selected .levels-item-label.has-rank-symbol{background:#def3e5!important;color:#056343!important}
.levels-item.is-ceo .levels-item-label.has-rank-symbol{background:#eaf0fb!important;color:#365b9c!important}
.levels-item.is-ceo.is-selected .levels-item-label.has-rank-symbol{background:#dce6fb!important}
.levels-item{gap:10px}
.team-member-rank.has-rank-symbol,.instruction-person-rank.has-rank-symbol{padding:2px 6px;line-height:1.2}
.team-member-rank.has-rank-symbol::before,.instruction-person-rank.has-rank-symbol::before{width:20px;height:23px}
.member-profile-level.has-rank-symbol::before{width:25px;height:28px}
.search-select-value.has-rank-symbol{display:flex;gap:7px}
.search-select-value.has-rank-symbol::before{width:23px;height:25px}
.search-select-option-label.has-rank-symbol{display:flex;gap:8px}
.search-select-option-label.has-rank-symbol::before{width:24px;height:27px}
.level-member-level{width:106px}
.level-members .level-member-level .search-select-trigger{padding-inline:7px!important}
@media(max-width:760px){.levels-item{flex-basis:154px}.levels-item-label.has-rank-symbol{min-width:80px;height:42px}.levels-item-label.has-rank-symbol::before{width:30px;height:34px}.level-member-level{width:99px}.levels-item.is-ceo{margin-bottom:0}}
@media(prefers-reduced-motion:no-preference){.levels-item-label.has-rank-symbol::before{transition:transform .18s ease}.levels-item:hover .levels-item-label.has-rank-symbol::before{transform:translateY(-2px)}}