.iconBridge{--bridgeWidth:5em;--flowColor:var(--primary);grid-template-columns:auto var(--bridgeWidth)auto;transform-origin:50%;direction:rtl;justify-content:center;place-items:center;width:fit-content;margin-inline:auto;transition:height .4s,transform .4s;display:grid;position:relative}.iconBridge .bridgeEndpoint{z-index:2;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.iconBridge .bridgeEndpoint.targetIcon{color:var(--primary)}.iconBridge .bridgeFlow{z-index:1;width:var(--bridgeWidth);min-width:var(--bridgeWidth);height:2.8rem;margin-inline:auto;position:relative;overflow:visible}.iconBridge .bridgeFlow .bridgeFlowSvg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.iconBridge .bridgeFlow .bridgeFlowSvg .flowLineTrack,.iconBridge .bridgeFlow .bridgeFlowSvg .flowLinePath{fill:none;stroke-width:1.5px;stroke-linecap:round}.iconBridge .bridgeFlow .bridgeFlowSvg .flowLineTrack{opacity:.28}.iconBridge .bridgeFlow .bridgeFlowSvg .flowLinePath{opacity:.72}.iconBridge .bridgeFlow .flowItem{width:var(--flowSize);height:var(--flowSize);background:var(--flowColor);opacity:0;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:0}.iconBridge .bridgeArrow{z-index:3;color:var(--primary);pointer-events:none;transform-origin:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iconBridge.isDisconnected{--flowColor:color-mix(in srgb,var(--text)55%,transparent)}.iconBridge.isDisconnected .bridgeFlow .bridgeFlowSvg .flowLineTrack{opacity:.16}.iconBridge.isDisconnected .bridgeFlow .bridgeFlowSvg .flowLinePath{opacity:.18}.iconBridge.isDisconnected .bridgeArrow{color:color-mix(in srgb,var(--text)50%,transparent)}.iconBridge.isDisconnected .targetIcon{filter:grayscale();opacity:.7}@media (prefers-reduced-motion:reduce){.iconBridge .bridgeFlow .bridgeFlowSvg .flowLinePath,.iconBridge .bridgeFlow .flowItem{display:none}}.oauthAppLogo{width:var(--logoSize);height:var(--logoSize);border-radius:var(--radius-md);background:var(--container);flex-shrink:0;display:inline-flex;position:relative;overflow:hidden}.oauthAppLogo img{object-fit:contain;width:100%;height:100%}