/*global*/
html { min-height: 100%; }
.btn > .material-icons, .list-group-item-action > .material-icons, .std-icon { font-size: 120%; vertical-align: middle; }
.highlight-all * { font-weight: bold; }
/*nav*/
#menu, #search, #login, .nfc-menu-host { position: absolute; top: 100%; right: 0; opacity: 0; pointer-events: none; transform-origin: top center; transform: scaleY(0); transition: 0.5s; max-width: 480px; }
#menu:target, #search:target, #login:target, .nfc-menu-host:target { opacity: 1; transform: scaleY(1); pointer-events: auto; }
.nfc-menu-host { max-height: 480px; }
.nfc-menu-host .card-body { overflow: auto; }
.nfc-menu-host .list-group-item.dismissed { opacity: 0.5; }
.noti-icon-base span:last-child:not(.d-none) { animation: 2s noti-icon-zm; }
@keyframes noti-icon-zm { from { transform: scale(1) } 25% { transform: scale(1.75) } 50% { transform: scale(1.25) } 75% { transform: scale(1.5) } to { transform: scale(1) } }
/*thread_table*/
.read-mark { position: relative; display: inline-block; height: 24px; vertical-align: middle; user-select: none; }
.read-mark .material-icons { font-size: 24px; cursor: pointer; opacity: 0.5; }
.read-mark .v-low { opacity: 0.25; }
.read-mark .fav-icon { position: absolute; pointer-events: none; top: 13.75%; left: 0; width: 95%; text-align: center; font-size: 14px; opacity: 1; }
.read-mark .v-low.fav-icon { opacity: 0.5; }
.read-mark small .material-icons { font-size: 15px; vertical-align: middle; margin-right: 2px; }
/*avatar*/
.mm-36-ava { width: 36px; height: 36px; }
.mm-36-ava > .mm-dual-ava { transform: scale(0.3, 0.3); }
.mm-87-ava { width: 87px; height: 87px; }
.mm-87-ava > .mm-dual-ava { transform: scale(0.725, 0.725); }
.mm-dual-ava { border-radius: 50% 50% 0 50%; overflow: hidden; width: 120px; height: 120px; position: relative; transform-origin: top left;  }
.mm-post-ava { width: 48px; height: 48px; }
.mm-post-ava > .mm-dual-ava { transform: scale(0.4, 0.4); }
.mm-def-ava, .mm-img-ava { width: 120px; height: 120px; user-select: none; }
.mm-img-ava { position: absolute; inset: 0; }
.mm-def-ava img { width: 100%; height: 100%; opacity: 0.2; display: block; }
.mm-def-ava div { position: absolute; line-height: 120px; inset: 6px 0 0 6px; text-align: center; font-size: 60px; }
/*bootstrap 4->5 compat*/
.form-group { margin-bottom: 1rem; }
a.badge { text-decoration: none; }
.ui-link, .breadcrumb-item a, .btn-link { text-decoration: none; }
.ui-link:hover, .breadcrumb-item a:hover, .btn-link:hover { text-decoration: underline; }
/*root containers*/
body > .container:first-child { margin-top: 2.25rem; }
body > .container:last-of-type { margin-bottom: 2.25rem; }
body > nav + .container { margin-top: 1.5rem; }
/*https://stackoverflow.com/a/22655654*/
.mm-post *:target::before { content: ''; display: block; height: 88px; margin-top: -88px; }
.mm-post *:target .mm-flare:first-child { opacity: 100 !important; }
/*see metro/utils.js for reference*/
.hideable-card:not(.d-none) + div { display: none; }