.tcpersonal-header-item { position: relative; display: flex; align-items: stretch; }
.tcpersonal-header-item.d-none { display: none !important; }
.tcpersonal-global { display: flex; align-items: stretch; color: inherit; }
.tcpersonal-main { position: relative; display: flex; align-items: center; justify-content: center; width: 3.25rem; min-width: 3.25rem; height: 100%; padding: 0; border: 0; background: transparent; color: #98a2b3; }
.tcpersonal-main:hover,.tcpersonal-main:focus { background: rgba(255,255,255,.08); color: #fff; outline: 0; }
.tcpersonal-main > i { font-size: 1.35rem; }
.tcpersonal-main > span { position: absolute; z-index: 20; top: calc(100% - .2rem); right: .2rem; display: none; min-width: 15rem; max-width: 22rem; padding: .55rem .7rem; border: 1px solid #d0d5dd; border-radius: .4rem; background: #fff; color: #344054; box-shadow: 0 .5rem 1.25rem rgba(16,24,40,.18); text-align: left; line-height: 1.25; }
.tcpersonal-main:hover > span,.tcpersonal-main:focus > span { display: grid; gap: .18rem; }
.tcpersonal-main small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #667085; }
.tcpersonal-global.is-paused .tcpersonal-main { color: #f79009; }
.tcpersonal-global.is-paused .tcpersonal-main:hover,.tcpersonal-global.is-paused .tcpersonal-main:focus { color: #fdb022; }
@media (max-width: 700px) { .tcpersonal-main > span { display: none !important; } }