@keyframes ws-hithere {
	30% { transform: scale(1.2); }
	40%, 60% { transform: rotate(-20deg) scale(1.2); }
	50% { transform: rotate(20deg) scale(1.2); }
	70% { transform: rotate(0deg) scale(1.2); }
	100% { transform: scale(1); }
}

@keyframes ws-dropready {
	10% { transform: rotate(35deg); }
	20% { transform: rotate(-35deg); }
	30% { transform: rotate(0); }
	60% { transform: scale(1.15); }
	70% { transform: scale(0.9); }
	80% { transform: scale(1.3); }
	90% { transform: scale(0.8); }
	100% { transform: scale(1); }
}

@keyframes ws-bg-blink-and-fadeout {
	0% { background: none; }
	20% { background: var(--anim-bg-color); }
	40% { background: var(--anim-bg-color); }
	100% { background: none; }
}

@keyframes ws-icon-pin-set {
	0% { translate: 0 0; --icon-color: var(--base-txt-primary); }
	50% { translate: 5px -6px; --icon-color: var(--base-txt-primary); }
	100% { translate: 0 0; --icon-color: var(--base-btn-notice-minor); }
}
@keyframes ws-icon-pin-unset {
	0% { translate: 0 0; --icon-color: var(--base-btn-notice-minor); }
	50% { translate: 5px -6px; --icon-color: var(--base-btn-notice-minor); }
	100% { translate: 0 0; --icon-color: var(--base-txt-primary); }
}
@keyframes ws-spin {
	0% { rotate: 0; }
	100% { rotate: 360deg }
}

ws-icon.ws-icon-spinner > svg {
	animation-name: ws-spin;
	animation-iteration-count: infinite;
	animation-duration: 1s;
	animation-timing-function: linear;
}