.profile-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;vertical-align:middle}
.profile-badge img{display:block;width:100%;height:100%;object-fit:contain}
.profile-badge[hidden]{display:none!important}
.cab-user-name{display:flex;align-items:center;gap:7px;min-width:0}
.cab-user-name>strong{min-width:0;text-overflow:ellipsis;white-space:nowrap}
.cab-badge-button{padding:2px;border:0;background:transparent;color:#8d8d9a;border-radius:5px;cursor:pointer}
.cab-badge-button:hover{color:#dedee7;background:#ffffff08}
.site-header .header-name-badge{display:inline-flex;align-items:center;gap:5px;min-width:0}
.site-header .profile-badge{width:17px;height:17px}
.cab-badge-setting{display:flex;align-items:center;gap:16px;justify-content:space-between}
.cab-badge-setting h2{font-size:18px;margin-bottom:4px}
.cab-badge-setting .cab-caption{font-size:12px}
.cab-badge-identity{display:flex;align-items:center;gap:8px;font-size:14px;color:#d6d6e1;margin-top:12px;overflow-wrap:anywhere}
.cab-badge-setting .cab-secondary{flex-shrink:0}
.cab-friend-identity{display:flex;align-items:center;gap:7px;min-width:0}
.cab-friend-identity .profile-badge{width:18px;height:18px}
.cab-public-name{display:flex;align-items:center;gap:9px;min-width:0}
.modal-overlay#badgeModal .modal-card{max-width:540px}
.badge-description{font-size:13px;line-height:1.6;color:#858592}
.badge-preview{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px;border-radius:10px;background:#ffffff03;color:#e4e4ec;font-size:16px;min-width:0;overflow-wrap:anywhere}
.badge-preview-name{min-width:0}
.badge-preview .profile-badge{width:25px;height:25px}
.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:min(390px,45dvh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#393940 transparent;padding:2px}
.badge-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:108px;padding:13px 8px 12px;border:1px solid #ffffff06;border-radius:12px;background:#ffffff02;color:#c8c8d3;font:inherit;text-align:center;transition:background .2s,border-color .2s}
.badge-choice:hover:not(:disabled){background:#ffffff05;border-color:#ffffff16}
.badge-choice[aria-pressed="true"]{background:#ffffff06;border-color:#b7adc76b}
.badge-choice:focus-visible{outline:2px solid #bdbdc8;outline-offset:-3px}
.badge-choice-art{display:flex;align-items:center;justify-content:center;width:30px;height:30px}
.badge-choice-art img{width:100%;height:100%;object-fit:contain}
.badge-choice-name{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.badge-choice-status{font-size:10px;line-height:1.4;color:#777784}
.badge-choice[aria-pressed="true"] .badge-choice-status{color:#b6b2c4}
.badge-choice-check{position:absolute;right:8px;top:6px;font-size:11px;color:#c9c4d9}
.badge-loading{grid-column:1/-1;text-align:center;padding:24px}
.badge-footer{display:flex;justify-content:flex-end;padding-top:2px}
#badgeModal [hidden]{display:none!important}
@media(max-width:540px){.cab-badge-setting{flex-wrap:wrap}.cab-badge-setting .cab-secondary{margin-left:auto}.badge-choice{min-height:101px;padding-inline:5px}.badge-choice-name{font-size:11px}.badge-grid{gap:6px}}

.cab-badge-setting[hidden]{display:none!important}