.notification-icon {
    position: absolute;
    /* by default position vertically center, on the right side */
    top: 0;
    bottom: 0;
    margin: auto 0;

    right: calc(var(--ui-scale) * -10px);
    width: calc(var(--ui-scale) * 20px);
    height: calc(var(--ui-scale) * 20px);

    border-radius: calc(var(--ui-scale) * 10px);
    background: var(--clr-red);
    color: var(--clr-pri);
    text-align: center;
    line-height: calc(var(--ui-scale) * 20px);

    font-weight: bold;
    font-family: var(--font-fam-reg);
}
.hamburger .notification-icon {
    bottom: auto;
    font-size: calc(12px * var(--ui-scale));
}
.portrait .quick-menu .quick-menu-item .notification-icon {
    right: calc(var(--ui-scale) * -20px);
    width: calc(var(--ui-scale) * 40px);
    height: calc(var(--ui-scale) * 40px);

    border-radius: calc(var(--ui-scale) * 20px);
    line-height: calc(var(--ui-scale) * 40px);
    font-size: 0.8em;
}

.show-copy-note {
    position: relative;
}
.show-copy-note:before {
    content: 'Copied to clipboard!';
    display: flex; /* more robust vertical centering*/
    align-items: center;

    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;

    margin: auto;
    padding: calc(var(--ui-scale) * 10px) calc(var(--ui-scale) * 20px);

    font-size: 1em;
    line-height: 1;
    color: var(--clr-green3);

    background: #f1fff1;
    border-radius: calc(var(--ui-scale) * 30px);
    /*border: .0625rem solid var(--card-border-dark-clr);
    border-radius: var(--neu-border-radius);
    background: var(--primary);*/
}

/* social adjustments */
.a2a_full {
    /* center it better vertically*/
    top: 0 !important;
    bottom: 0 !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.a2a_overlay {
    background: rgba(0,0,0,0.4) !important;
}
.a2a_menu, .a2a_menu_find_container {
    border-radius: 10px !important;
}

/* frill notification icon */
#game_content .Frill_Badge--count {
    top: calc(var(--ui-scale) * -10px);
    right: calc(var(--ui-scale) * -10px);

    width: calc(var(--ui-scale) * 20px);
    height: calc(var(--ui-scale) * 20px);

    border-radius: calc(var(--ui-scale) * 10px);
    background: var(--clr-red);
    color: var(--clr-pri);
    text-align: center;
    line-height: calc(var(--ui-scale) * 20px);

    font-weight: bold;
    font-family: var(--font-fam-reg);
    font-size: calc(12px * var(--ui-scale));
}