/* Small decorative signposts; text always carries the meaning. */
.icon-badge {
    display: inline-flex; align-items: center; justify-content: center;
    width: 2.5rem; height: 2.5rem; flex: 0 0 auto; vertical-align: middle;
    border-radius: 35% 45% 38% 42%;
    background: #e2f2ed; color: #18665e; border: 1px solid #c4e0d6;
}
.icon-badge > .ui-icon { display: block; width: 1.35rem; height: 1.35rem; margin: 0; }
.icon-badge:is([data-icon="heart"],[data-icon="gift"],[data-icon="camera"],[data-icon="mail"]) {
    background: #ffede4; color: #94472c; border-color: #f2d1c0;
}
.icon-badge:is([data-icon="suitcase"],[data-icon="route"],[data-icon="ticket"],[data-icon="wallet"]) {
    background: #fff4ce; color: #725315; border-color: #e9dca6;
}
.icon-badge:is([data-icon="people"],[data-icon="chat"],[data-icon="sparkles"],[data-icon="chart"]) {
    background: #eee8fb; color: #65508a; border-color: #d9ceed;
}
:is(h1,h2,h3) > .icon-badge { margin-inline-end: .4em; margin-block: .1em; }
h1 > .icon-badge { width: 2.8rem; height: 2.8rem; }
:is(.empty-state,.social-empty,.gallery-empty) > .icon-badge {
    display: inline-flex; width: 3.25rem; height: 3.25rem; margin: 0 auto 1rem;
}
:is(.empty-state,.social-empty,.gallery-empty) > .icon-badge > .ui-icon { width: 1.7rem; height: 1.7rem; }
.quick-actions strong > .ui-icon { margin-inline-end: .45em; color: var(--fun-teal,#18665e); }
.btn > .ui-icon { width: 1.05em; height: 1.05em; vertical-align: -.12em; flex-shrink: 0; }
.visit-facts > div > .ui-icon { width: 1.6rem; height: 1.6rem; color: var(--fun-teal,#18665e); }
@media(max-width:600px) {
    :is(h1,h2,h3) > .icon-badge { width: 2.1rem; height: 2.1rem; }
    :is(h1,h2,h3) > .icon-badge > .ui-icon { width: 1.15rem; height: 1.15rem; }
}
@media(forced-colors:active) {
    .icon-badge { color: CanvasText; background: Canvas; border-color: CanvasText; }
}

.social-empty > .icon-badge[aria-hidden] { display: inline-flex; }