.icon{transform-box:fill-box;transform-origin:50% 55%;border-radius:38%;transition:stroke-width .2s ease,background-color .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1)}.nav-item.active .icon,.nav-item-top.active .icon,.btn:hover:not(:disabled) .icon,.nav-item:hover .icon,.nav-group:hover>.icon,.metric:hover .metric-label .icon{background-color:color-mix(in srgb,currentColor 14%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}.nav-item.active .icon,.nav-item-top.active .icon{stroke-width:2.1}.btn.primary:hover:not(:disabled) .icon{background-color:#ffffff2e;box-shadow:0 0 0 4px #ffffff2e}.icon.chev,.nav-group .icon.chev,.search .icon,.empty .icon{background-color:transparent!important;box-shadow:none!important}.icon.is-bouncing{animation:icon-bounce .52s cubic-bezier(.2,.8,.2,1) both}@keyframes icon-bounce{0%{transform:scale(1) translateY(0)}28%{transform:scale(1.3) translateY(-3px)}52%{transform:scale(.9) translateY(1px)}72%{transform:scale(1.08) translateY(-1px)}to{transform:scale(1) translateY(0)}}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=Bell]{animation:icon-ring .7s cubic-bezier(.2,.8,.2,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=RefreshCw]{animation:icon-spin .7s cubic-bezier(.2,.8,.2,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=Sun]{animation:icon-spin 1.2s linear}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover :is(.icon[data-icon=Settings],.icon[data-icon=Settings2]){animation:icon-gear .6s cubic-bezier(.2,.8,.2,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=Plus]{transform:rotate(90deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=Moon]{transform:rotate(-20deg);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=Undo2]{transform:rotate(-30deg);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=Download]{animation:icon-dip .5s cubic-bezier(.2,.8,.2,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=Upload]{animation:icon-lift .5s cubic-bezier(.2,.8,.2,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=Send]{animation:icon-fly .55s cubic-bezier(.2,.8,.2,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=Search]{animation:icon-peek .6s cubic-bezier(.2,.8,.2,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=Trash]{animation:icon-wobble .5s cubic-bezier(.2,.8,.2,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover :is(.icon[data-icon=Home],.icon[data-icon=Car]){animation:icon-bob .6s cubic-bezier(.2,.8,.2,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon[data-icon=Eye]{animation:icon-blink .5s cubic-bezier(.2,.8,.2,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover :is(.icon[data-icon=Handshake],.icon[data-icon=Award]){animation:icon-beat .6s cubic-bezier(.2,.8,.2,1)}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover :is(.icon[data-icon=Check],.icon[data-icon=CheckCircle],.icon[data-icon=Bookmark]) path{stroke-dasharray:80;stroke-dashoffset:80;animation:icon-draw .7s cubic-bezier(.2,.8,.2,1) forwards}@keyframes icon-ring{0%{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes icon-spin{to{transform:rotate(360deg)}}@keyframes icon-gear{to{transform:rotate(60deg)}}@keyframes icon-dip{0%{transform:translateY(0)}45%{transform:translateY(3px)}to{transform:translateY(0)}}@keyframes icon-lift{0%{transform:translateY(0)}45%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes icon-fly{0%{transform:translate(0)}40%{transform:translate(-3px,-3px)}to{transform:translate(0)}}@keyframes icon-peek{0%{transform:scale(1)}40%{transform:scale(1.15) translate(-1px,1px)}to{transform:scale(1)}}@keyframes icon-wobble{0%{transform:rotate(0)}30%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}to{transform:rotate(0)}}@keyframes icon-bob{0%{transform:translateY(0)}35%{transform:translateY(-2px)}70%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes icon-blink{0%{transform:scaleY(1)}40%{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes icon-beat{0%{transform:scale(1)}30%{transform:scale(1.15)}55%{transform:scale(.98)}to{transform:scale(1)}}@keyframes icon-draw{to{stroke-dashoffset:0}}.icon.is-bouncing{animation-name:icon-bounce!important;transform:none}.icon.is-bouncing path{animation:none!important;stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){.icon,.icon path{animation:none!important;transition:none!important}:is(.btn,.nav-item,.nav-group,.metric,[role=button]):hover .icon{transform:none!important}.icon.is-bouncing{opacity:.55;transition:opacity .15s!important}}.icon-tip{position:fixed;z-index:1000;inset-inline-start:0;top:0;max-width:260px;padding:5px 9px;border-radius:6px;background:var(--text);color:var(--surface);font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .15));pointer-events:none;opacity:0;transform:translateY(-4px) scale(.96);transition:opacity .16s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.34,1.56,.64,1)}.icon-tip.is-shown{opacity:1;transform:none}.icon-tip[data-place=above]{transform:translateY(4px) scale(.96)}.icon-tip[data-place=above].is-shown{transform:none}.icon-tip:after{content:"";position:absolute;width:8px;height:8px;background:inherit;transform:rotate(45deg);inset-inline-start:calc(var(--arrow-x, 50%) - 4px);top:-4px}.icon-tip[data-place=above]:after{top:auto;bottom:-4px}.icon-tip[data-place=side]:after{top:calc(50% - 4px);inset-inline-start:auto;inset-inline-end:-4px}@media(prefers-reduced-motion:reduce){.icon-tip{transition:opacity .1s;transform:none}}
