.if-icon{--if-icon-primary:#0a0a0a;--if-icon-accent:#2563ff;display:inline-block;flex:0 0 auto;overflow:visible;vertical-align:middle}.if-icon--dark{--if-icon-primary:#fff;--if-icon-accent:#2563ff}.if-icon--on-blue{--if-icon-primary:#fff;--if-icon-accent:#0a0a0a}.if-icon--mono-ink{--if-icon-primary:#0a0a0a;--if-icon-accent:#0a0a0a}.if-icon--mono-white{--if-icon-primary:#fff;--if-icon-accent:#fff}.if-icon--mono-blue{--if-icon-primary:#2563ff;--if-icon-accent:#2563ff}.if-icon__accent,.if-icon__primary{fill:none;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2;transform-box:view-box;transform-origin:center;transition:transform .36s var(--ease,cubic-bezier(.22,1,.36,1)),opacity .22s ease,stroke .18s ease;vector-effect:non-scaling-stroke}.if-icon__primary{stroke:var(--if-icon-primary)}.if-icon__accent{stroke:var(--if-icon-accent);transition-delay:45ms}:where(a,button,.icon-trigger):focus-visible .if-icon--launch.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--launch.if-icon--animated .if-icon__primary{transform:translate(1.2px,-1.2px)}:where(a,button,.icon-trigger):focus-visible .if-icon--launch.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--launch.if-icon--animated .if-icon__accent{transform:translate(-.8px,.8px)}:where(a,button,.icon-trigger):focus-visible .if-icon--next.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--next.if-icon--animated .if-icon__primary{transform:translate(1.5px)}:where(a,button,.icon-trigger):focus-visible .if-icon--next.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--next.if-icon--animated .if-icon__accent{transform:translate(-1px)}:where(a,button,.icon-trigger):focus-visible .if-icon--previous.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--previous.if-icon--animated .if-icon__primary{transform:translate(-1.5px)}:where(a,button,.icon-trigger):focus-visible .if-icon--previous.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--previous.if-icon--animated .if-icon__accent{transform:translate(1px)}:where(a,button,.icon-trigger):focus-visible .if-icon--menu.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--menu.if-icon--animated .if-icon__primary{transform:translate(.75px)}:where(a,button,.icon-trigger):focus-visible .if-icon--menu.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--menu.if-icon--animated .if-icon__accent{transform:translate(-1.5px)}:where(a,button,.icon-trigger):focus-visible .if-icon--close.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--close.if-icon--animated .if-icon__primary{transform:rotate(90deg)}:where(a,button,.icon-trigger):focus-visible .if-icon--close.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--close.if-icon--animated .if-icon__accent{transform:translate(.8px,.8px)}:where(a,button,.icon-trigger):focus-visible .if-icon--precision.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--precision.if-icon--animated .if-icon__primary{transform:rotate(90deg)}:where(a,button,.icon-trigger):focus-visible .if-icon--precision.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--precision.if-icon--animated .if-icon__accent{transform:translateY(1.5px)}:where(a,button,.icon-trigger):focus-visible .if-icon--alignment.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--alignment.if-icon--animated .if-icon__primary{transform:scale(.94)}:where(a,button,.icon-trigger):focus-visible .if-icon--alignment.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--alignment.if-icon--animated .if-icon__accent{transform:scale(1.35) rotate(90deg)}:where(a,button,.icon-trigger):focus-visible .if-icon--focus.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--focus.if-icon--animated .if-icon__primary{transform:scale(.9)}:where(a,button,.icon-trigger):focus-visible .if-icon--focus.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--focus.if-icon--animated .if-icon__accent{transform:rotate(45deg) scale(1.1)}:where(a,button,.icon-trigger):focus-visible .if-icon--layers.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--layers.if-icon--animated .if-icon__primary{transform:translateY(-1px)}:where(a,button,.icon-trigger):focus-visible .if-icon--layers.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--layers.if-icon--animated .if-icon__accent{transform:translate(1.5px)}:where(a,button,.icon-trigger):focus-visible .if-icon--terminal.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--terminal.if-icon--animated .if-icon__primary{transform:translateY(-.75px)}:where(a,button,.icon-trigger):focus-visible .if-icon--terminal.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--terminal.if-icon--animated .if-icon__accent{transform:translate(1.25px)}:where(a,button,.icon-trigger):focus-visible .if-icon--performance.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--performance.if-icon--animated .if-icon__primary{transform:scaleX(1.035)}:where(a,button,.icon-trigger):focus-visible .if-icon--performance.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--performance.if-icon--animated .if-icon__accent{transform:translate(1.5px)}:where(a,button,.icon-trigger):focus-visible .if-icon--mail.if-icon--animated .if-icon__primary,:where(a,button,.icon-trigger):hover .if-icon--mail.if-icon--animated .if-icon__primary{transform:translateY(-.75px)}:where(a,button,.icon-trigger):focus-visible .if-icon--mail.if-icon--animated .if-icon__accent,:where(a,button,.icon-trigger):hover .if-icon--mail.if-icon--animated .if-icon__accent{transform:translateY(-1.25px) scale(1.08)}