@import url('./glyph-motion.css?v=20261016-1');

/* Keep the main site's existing control sizes, layout and selected states. */
:where(.site-glyph){width:22px;height:22px;flex-shrink:0;vertical-align:middle}
html body svg.site-glyph{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;overflow:visible;animation:none}
.site-glyph .gi-surface{fill:var(--icon-surface,var(--bg,transparent))}
.site-icon-only{display:inline-flex;align-items:center;justify-content:center}
.site-icon-only>.site-glyph{width:20px;height:20px}
.dao-setting-icon .site-glyph{width:23px;height:23px}
.dao-setting-chevron.site-glyph{width:18px;height:18px}
.investor-empty>.site-glyph{width:48px;height:48px;stroke-width:1.3}
.v-sb-chevron>.site-glyph,.vl-chevron>.site-glyph,.dao-chain-wallet-entry-chevron>.site-glyph{width:18px;height:18px}
.site-social-back,.site-compose-icon{display:none}
:root #social-detail-layer.is-chat #social-detail-close::before,
:root #social-detail-layer.is-chat #social-detail-composer .social-composer-actions .btn.primary::after{display:none}
:root #social-detail-layer.is-chat .site-social-back,
:root #social-detail-layer.is-chat .site-compose-icon{display:block;width:22px;height:22px}
:root #social-detail-layer.is-chat #social-detail-composer .btn.primary{--icon-surface:var(--chat-accent)}
.site-glyph[data-gen-icon=market].is-animating .gi-a,
.site-glyph[data-gen-icon=shield].is-animating .gi-a{stroke-dasharray:1;animation:gi-check .65s ease-out both}
.site-glyph[data-gen-icon=rankings].is-animating :is(.gi-a,.gi-b,.gi-c,.gi-d){animation:gi-hop .62s ease-in-out both}
.site-glyph[data-gen-icon=rankings].is-animating .gi-b{animation-delay:65ms}
.site-glyph[data-gen-icon=rankings].is-animating .gi-c{animation-delay:130ms}
.site-glyph[data-gen-icon=rankings].is-animating .gi-d{animation-delay:195ms}
.site-glyph:is([data-gen-icon=social],[data-gen-icon=avatar]).is-animating .gi-a{animation-name:gi-blink}
.site-glyph[data-gen-icon=account].is-animating .gi-a{animation-name:si-nod;transform-origin:12px 13px}
.site-glyph[data-gen-icon=account].is-animating .gi-b{animation-name:gi-horizon}
.site-glyph:is([data-gen-icon=clock],[data-gen-icon=sun]).is-animating .gi-a{animation-name:si-turn}
.site-glyph[data-gen-icon=candles].is-animating .gi-a{animation-name:si-candle-up}
.site-glyph[data-gen-icon=candles].is-animating .gi-b{animation-name:si-candle-down}
.site-glyph:is([data-gen-icon=swap],[data-gen-icon=pause]).is-animating .gi-a{animation-name:gi-slide}
.site-glyph:is([data-gen-icon=swap],[data-gen-icon=pause]).is-animating .gi-b{animation-name:gi-slide-back}
.site-glyph:is([data-gen-icon=down],[data-gen-icon=pin]).is-animating .gi-a{animation-name:gi-hop}
.site-glyph:is([data-gen-icon=right],[data-gen-icon=left],[data-gen-icon=play]).is-animating .gi-a{animation-name:gi-slide}
.site-glyph:is([data-gen-icon=fit],[data-gen-icon=monitor]).is-animating .gi-c{animation-name:si-scan}
.site-glyph[data-gen-icon=globe].is-animating .gi-a{animation-name:si-meridian}
.site-glyph[data-gen-icon=wallet].is-animating .gi-a{animation-name:gi-lid;transform-origin:21px 14px}
.site-glyph[data-gen-icon=lock].is-animating .gi-a{animation-name:si-unlock;transform-origin:8px 10px}
.site-glyph[data-gen-icon=lab].is-animating .gi-a{animation-name:si-liquid}
.site-glyph[data-gen-icon=lab].is-animating :is(.gi-b,.gi-c){animation-name:si-bubble}
.site-glyph[data-gen-icon=wave].is-animating :is(.gi-a,.gi-b,.gi-c){animation-name:si-wave}
.site-glyph[data-gen-icon=speaker].is-animating :is(.gi-a,.gi-b){animation-name:gi-draw}
.site-glyph[data-gen-icon=keyboard].is-animating :is(.gi-a,.gi-b,.gi-c){animation-name:gi-hop}
.site-glyph[data-gen-icon=clone].is-animating .gi-a{animation-name:gi-copy}
.site-glyph[data-gen-icon=rabbit].is-animating .gi-a{animation-name:gi-paperclip;transform-origin:15px 10px}
.site-glyph:is([data-gen-icon=upload],[data-gen-icon=record]).is-animating .gi-a{animation-name:gi-hop}
.site-glyph[data-gen-icon=drag].is-animating :is(.gi-a,.gi-b,.gi-c){animation-name:gi-slide}
.site-glyph[data-gen-icon=planet].is-animating .gi-a{animation-name:si-turn}
.site-glyph[data-gen-icon=planet].is-animating .gi-b{animation-name:gi-blink}
.site-glyph[data-gen-icon=loading] .gi-a{animation:gi-orbit 1.3s linear infinite}
@keyframes si-nod{0%,100%{transform:rotate(0) translateY(0)}35%{transform:rotate(9deg) translateY(1px)}70%{transform:rotate(-4deg)}}
@keyframes si-turn{0%,100%{transform:rotate(0)}60%{transform:rotate(45deg)}}
@keyframes si-candle-up{0%,100%{transform:translateY(0)}45%{transform:translateY(-3px)}}
@keyframes si-candle-down{0%,100%{transform:translateY(0)}45%{transform:translateY(3px)}}
@keyframes si-scan{0%,100%{transform:translateY(0)}30%{transform:translateY(-4px)}70%{transform:translateY(4px)}}
@keyframes si-meridian{0%,100%{transform:rotateY(0)}50%{transform:rotateY(65deg)}}
@keyframes si-unlock{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-2px) rotate(-12deg)}70%{transform:translateY(-1px) rotate(-6deg)}}
@keyframes si-liquid{0%,100%{transform:rotate(0)}30%{transform:rotate(8deg)}65%{transform:rotate(-6deg)}}
@keyframes si-bubble{0%,100%{transform:translateY(0);opacity:1}55%{transform:translateY(-4px);opacity:0}56%{transform:translateY(2px);opacity:0}}
@keyframes si-wave{0%,100%{transform:translateY(0);stroke-dasharray:22;stroke-dashoffset:0}45%{transform:translateY(1px);stroke-dasharray:22;stroke-dashoffset:7}}
@media(prefers-reduced-motion:reduce){html body .site-glyph *{animation:none!important;transition:none!important}}