

.qm-mtags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    margin: 0;
    padding: 0;
}

.qm-mtag {
    display: inline-block;
    box-sizing: border-box;
    max-width: 100%;
    padding: 5px 11px 5px 9px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: var(--qm-r-pill, 999px);
    background: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    color: var(--qm-fg, #fff);
    font: 650 12.5px/1.25 var(--qm-sans, system-ui, sans-serif);
    letter-spacing: -.005em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: inherit;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.qm-mtag > i {
    display: inline-block;
    margin-inline-end: 5px;
    font-style: normal;
    font-size: 1.08em;
    line-height: 1;
    vertical-align: -.06em;
}

.qm-mtag.is-custom::before {
    content: "\2726";
    display: inline-block;
    margin-inline-end: 5px;
    color: var(--qm-pink-soft, #FF80AB);
    font-size: .86em;
    line-height: 1;
}

.qm-mtag.is-shared {
    border-color: rgba(255, 128, 171, .75);
    background: linear-gradient(135deg, rgba(233, 30, 99, .5), rgba(156, 39, 176, .36));
    box-shadow: 0 0 0 1px rgba(233, 30, 99, .25), 0 0 16px rgba(233, 30, 99, .45), inset 0 1px 0 rgba(255, 255, 255, .18);
}
.qm-mtag.is-shared.is-custom::before { color: #fff; }


.pcm-mtags {
    margin: 14px 0 4px;
}
.pcm-mtags .qm-mtag {
    font-size: 13.5px;
    padding: 6px 13px 6px 11px;
}


#profileScreen #profileMottoDisplay.has-mtags::before,
#profileScreen #profileMottoDisplay.has-mtags::after,
html:root body #profileScreen #profileMottoDisplay.has-mtags::before,
html:root body #profileScreen #profileMottoDisplay.has-mtags::after { content: none; }
#profileScreen #profileMottoDisplay.has-mtags .qm-mtags { justify-content: flex-start; }


.la-srch-mtags .qm-mtags { justify-content: center; }
