/* Optical sizes and consistent colour treatment for local vector icons. */
body #app .pi-icon{display:inline-flex!important;align-items:center;justify-content:center;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.15em;line-height:1;font-style:normal;background:none;mask:none;-webkit-mask:none}
body #app .pi-icon::before,body #app .pi-icon::after{content:none!important}
body #app .pi-svg{display:block;width:100%;height:100%;overflow:visible;flex:none}
body #app .pi-svg .pi-tone{fill:currentColor;fill-opacity:.10}
body #app .ex-icon.pi-icon{width:24px!important;height:24px!important;min-width:24px}
body #app #tabbar .tab .pi-icon{width:26px;height:26px;min-width:26px}
body #app #tabbar .tab.active .pi-tone{fill-opacity:.24}
body #app #topbar .pi-icon{font-size:23px;color:#d9d6e4}
body #app #view .rd-task-icon{background:#2e263e!important;color:#c4abff!important;border:1px solid #b899ff15}
body #app #view .rd-task-icon.blue{background:#213342!important;color:#8bc6fa!important;border-color:#8bc6fa18}
body #app #view .rd-task-icon.gold{background:#3a3020!important;color:#f0c770!important;border-color:#f0c77018}
body #app #view .rd-task-icon.pink{background:#3b2738!important;color:#efa1cc!important;border-color:#efa1cc18}
body #app #view .rd-task-icon .pi-icon{font-size:25px}
body #app #view .rd-account-symbol .pi-icon{font-size:27px}
body #app #view .mi-ico .pi-icon{font-size:23px}
body #app #view .menu-item[data-go="language"] .mi-ico{background:#253347!important;color:#9cc7ff!important}
body #app #view .menu-item[data-action="invite"] .mi-ico{background:#2f2944!important;color:#c4abff!important}
body #app #view .menu-item[data-action="channel"] .mi-ico{background:#213943!important;color:#87d6e8!important}
body #app #view .menu-item[data-action="privacy"] .mi-ico{background:#253b34!important;color:#9bd9b4!important}
body #app #view .menu-item[data-action="terms"] .mi-ico{background:#303441!important;color:#b6c7de!important}
body #app #view .menu-item[data-action="clear"] .mi-ico{background:#3d292f!important;color:#efafbb!important}
body #app #view .reference-stat-art .pi-icon{font-size:27px}
body #app #view .pq-progress-emblem .pi-icon{font-size:36px}
body #app #view .pq-chest-emblem .pi-icon{font-size:34px}
body #app #view .pw-entry .pi-entry-symbol{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:13px;background:#a58aff18;color:#c5b1ff;border:1px solid #c5b1ff18}
body #app #view .pw-entry .pi-entry-symbol .pi-icon{font-size:28px}
body #app #view .pw-entry>span:not(.pi-entry-symbol){min-width:0;flex:1}
body #app #view .pw-entry> .pi-icon{flex:none!important;font-size:20px}
body #app #view .pw-wallet-row-icon .pi-icon{font-size:23px}
body #app #view .pw-wallet-card button .pi-icon{font-size:20px}
body #app #view .pw-wallet-refresh .pi-icon{font-size:23px}
body #app #view .pp-streak-step .pi-icon{font-size:18px}
body #app #view :is(.pw-pointer,.pw-glint) .pi-tone{fill-opacity:1}
body #app #view .pw-task-icon .pi-icon{font-size:26px}
body #app #view .pw-center-ticket{font-size:26px!important}
body #app #view :is(.mi-arr,.mi-arrow) .pi-icon{font-size:18px;color:#94909f}
body #app #view .mi-check .pi-icon{font-size:23px;color:#bda5ff}
body #app .rd-favorite[aria-pressed="true"] .pi-tone{fill-opacity:.65}
body #app .pi-icon[data-pi-icon="circle-notch"]{animation:pi-loading 1s linear infinite}
@keyframes pi-loading{to{transform:rotate(360deg)}}
@media(max-width:360px){body #app #view .rd-quests>.rd-pills .pi-icon{display:none!important}}
@media(prefers-reduced-motion:reduce){body #app .pi-icon[data-pi-icon="circle-notch"]{animation:none}}
