.vault-link-sync-status {
	position: absolute;
	right: var(--size-4-4);
	top: var(--size-4-2);
	opacity: 0.7;
	cursor: pointer;

	> span {
		opacity: 0;
		position: absolute;
		min-width: 200px;
		text-align: right;
		padding-right: var(--size-2-2);

		top: 50%;
		left: 0;
		transform: translateY(-50%) translateX(-100%) translateY(-2px);
		transition: opacity 200ms;
	}

	&:hover {
		> span {
			opacity: 1;
		}
	}

	> .icon {
		line-height: 0;
	}

	&.loading > .icon {
		animation: spin 2s linear infinite;

		@keyframes spin {
			0% {
				transform: rotate(0deg);
			}
			100% {
				transform: rotate(360deg);
			}
		}
	}
}