@keyframes connect-skeleton-wipe{0%{transform-origin:calc(50% - 50% * var(--ds-direction)) center;animation-timing-function:linear;transform:scaleX(0)}18%{transform-origin:calc(50% - 50% * var(--ds-direction)) center;animation-timing-function:linear;transform:scaleX(1)}23%{transform-origin:calc(50% + 50% * var(--ds-direction)) center;animation-timing-function:linear;transform:scaleX(1)}41%{transform-origin:calc(50% + 50% * var(--ds-direction)) center;animation-timing-function:linear;transform:scaleX(0)}50%{transform-origin:calc(50% + 50% * var(--ds-direction)) center;animation-timing-function:linear;transform:scaleX(0)}68%{transform-origin:calc(50% + 50% * var(--ds-direction)) center;animation-timing-function:linear;transform:scaleX(1)}73%{transform-origin:calc(50% - 50% * var(--ds-direction)) center;animation-timing-function:linear;transform:scaleX(1)}91%{transform-origin:calc(50% - 50% * var(--ds-direction)) center;animation-timing-function:linear;transform:scaleX(0)}to{transform-origin:calc(50% - 50% * var(--ds-direction)) center;transform:scaleX(0)}}.connect-skeleton{background-color:var(--ds-color-interactive-neutral-enabled);position:relative;overflow:hidden}.connect-skeleton:not(.connect-skeleton--rows):before{content:"";top:0;inset-inline-start:0;background-color:var(--ds-color-interactive-neutral-hovered);z-index:1;pointer-events:none;width:33%;position:absolute;bottom:0}.connect-skeleton--animation:not(.connect-skeleton--rows):before{width:100%;transform-origin:calc(50% - 50% * var(--ds-direction)) center;animation:2.8s linear infinite connect-skeleton-wipe;transform:scaleX(0)}.connect-skeleton--rectangle{border-radius:var(--ds-layout-radius-50)}.connect-skeleton--circle{border-radius:var(--ds-layout-radius-round);aspect-ratio:1;height:auto}.connect-skeleton--rows{background-color:#0000;flex-direction:column;display:flex;overflow:visible}.connect-skeleton--rows .connect-skeleton__row{background-color:#0000;align-items:center;width:100%;display:flex;position:relative;overflow:visible}.connect-skeleton--rows .connect-skeleton__bar{background-color:var(--ds-color-interactive-neutral-enabled);border-radius:var(--ds-layout-radius-50);width:100%;position:relative;overflow:hidden}.connect-skeleton--rows .connect-skeleton__row:last-child:not(:only-child) .connect-skeleton__bar{width:60%}.connect-skeleton--rows .connect-skeleton__bar:after{content:"";top:0;width:calc(33% / var(--connect-skeleton-bar-width-fraction,1));background-color:var(--ds-color-interactive-neutral-hovered);pointer-events:none;height:100%;position:absolute;inset-inline-start:0}.connect-skeleton--rows .connect-skeleton__row:last-child:not(:only-child) .connect-skeleton__bar:after{width:55%}.connect-skeleton--rows.connect-skeleton--animation .connect-skeleton__bar:after{width:100%;transform-origin:calc(50% - 50% * var(--ds-direction)) center;animation:2.8s linear infinite connect-skeleton-wipe;transform:scaleX(0)}.connect-skeleton--rows.connect-skeleton--animation .connect-skeleton__row:last-child:not(:only-child) .connect-skeleton__bar:after{width:166.667%}.connect-skeleton--rows.connect-skeleton--row-x-small .connect-skeleton__row{height:calc(var(--ds-screen-text-font-size-body-xs) * var(--ds-screen-text-line-height-body-xs))}.connect-skeleton--rows.connect-skeleton--row-x-small .connect-skeleton__bar{height:var(--ds-screen-text-font-size-body-xs)}.connect-skeleton--rows.connect-skeleton--row-small .connect-skeleton__row{height:calc(var(--ds-screen-text-font-size-body-sm) * var(--ds-screen-text-line-height-body-sm))}.connect-skeleton--rows.connect-skeleton--row-small .connect-skeleton__bar{height:var(--ds-screen-text-font-size-body-sm)}.connect-skeleton--rows.connect-skeleton--row-medium .connect-skeleton__row{height:calc(var(--ds-screen-text-font-size-body-md) * var(--ds-screen-text-line-height-body-md))}.connect-skeleton--rows.connect-skeleton--row-medium .connect-skeleton__bar{height:var(--ds-screen-text-font-size-body-md)}.connect-skeleton--rows.connect-skeleton--row-large .connect-skeleton__row{height:calc(var(--ds-screen-text-font-size-body-lg) * var(--ds-screen-text-line-height-body-lg))}.connect-skeleton--rows.connect-skeleton--row-large .connect-skeleton__bar{height:var(--ds-screen-text-font-size-body-lg)}@media (prefers-reduced-motion:reduce){.connect-skeleton--animation:not(.connect-skeleton--rows):before,.connect-skeleton--rows.connect-skeleton--animation .connect-skeleton__bar:after{width:33%;animation:none;transform:none}.connect-skeleton--rows.connect-skeleton--animation .connect-skeleton__row:last-child:not(:only-child) .connect-skeleton__bar:after{width:55%}}