#applause {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	width:0;
	height:0;
	z-index:1030;
}
#applause span {
	display:block;
	width:400px;
	height:400px;
	margin:-200px;
	background:url(/assets/img/applause_white.svg);
	background-size:100%;
	position:relative;
	opacity:1;
}
#applause div {
	display:none;
	position:absolute;
	left:0;
	top:0;
	margin:-150px;
	width:300px;
	height:300px;
	background:var(--base-btn-fresh-minor);
	border-radius:1000px;
}
#applause u {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:2000px;
	height:2000px;
	margin:-1000px;
	opacity:0;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	background:var(--white-accent);
	border-radius:1000px;
}
#applause.appl2 span {
	background-position:0 -100%
}
#applause.appl2a span {
	background-position:0 -200%
}
#applause.appl2b span {
	background-position:0 -300%
}
#applause.appl3 span {
	background-position:0 -400%
}
#applause.appl_fin1 span {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
#applause.appl_fin2 span {
	transform:scale(4);
	-webkit-transform:scale(4);
	opacity:0;
}
#applause.appl1b u {
	opacity:0.2;
	margin:0;
	width:0;
	height:0;
	transition:none;
	-webkit-transition:none;
}
#applause i {
	position:absolute;
	top:350px;
	left:-250px;
	width:500px;
	font:bold italic 50px/60px var(--font-serif);
	color:var(--white-accent);
	text-align:center;
	opacity:0;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
#applause i.appl1, #applause i.appl2, #applause i.appl3 {
	opacity:1;
	top:150px;
}
#applause ws-btn {
	display:block;
	margin-top: -428px;
	margin-left: -200px;
	width:400px;
}
#applause ws-btn button {
	width: unset;
	white-space: nowrap;
	margin: 0 auto;
	display: block;
}
/*--------------------------------------------------------------------------------------------------------------------*/

.faded {
	opacity:0
}
.blue_on {
	background:var(--colors-interblue-50);
	box-shadow:0 0 0 2px var(--colors-interblue-50);
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
}
.blue_off {
	background:var(--trans);
	box-shadow:0 0 5px 15px var(--trans);
	transition:all 0.8s ease;
	-webkit-transition:all 0.8s ease;
}
.pre_pulse {
	opacity:0;
	transition:opacity 0.8s ease 0.2s;
	-webkit-transition:opacity 0.8s ease 0.2s;
}
.pre_pulse2 {
	opacity:1
}
.pulse {
	box-shadow:0 0 0 var(--colors-interblue-100);
	animation:pulse 1.5s 3;
	position:relative;
	z-index:10005
}
@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow:0 0 0 5px var(--colors-interblue-100);
	}
	70% {
		-webkit-box-shadow:0 0 5px 15px var(--trans);
	}
	100% {
		-webkit-box-shadow:0 0 0 5px var(--trans);
	}
}
@keyframes pulse {
	0% {
		box-shadow:0 0 0 5px var(--colors-interblue-100);
	}
	70% {
		box-shadow:0 0 5px 15px var(--trans);
	}
	100% {
		box-shadow:0 0 0 5px var(--trans);
	}
}
@-webkit-keyframes pulse2 {
	0% {
		-webkit-box-shadow:0 0 0 5px var(--colors-green-alpha-300-a60);
		background:var(--colors-green-alpha-300-a60);
	}
	70% {
		-webkit-box-shadow:0 0 5px 15px var(--trans);
		background:var(--trans);
	}
	100% {
		-webkit-box-shadow:0 0 0 5px var(--trans);
		background:var(--trans);
	}
}
@keyframes pulse2 {
	0% {
		box-shadow:0 0 0 5px var(--colors-green-alpha-300-a60);
		background:var(--colors-green-alpha-300-a60);
	}
	70% {
		box-shadow:0 0 5px 15px var(--trans);
		background:var(--trans);
	}
	100% {
		box-shadow:0 0 0 5px var(--trans);
		background:var(--trans);
	}
}
span.ico_event.pre_pulse2 {
	opacity:1;
	background-color:var(--colors-amber-alpha-300-a40);
	border-radius:20px;
}
span.ico_event.pulse {
	box-shadow:0 0 0 var(--colors-amber-alpha-300-a40);
	animation:pulse2 1.5s 3;
	border-radius:20px;
}
@-webkit-keyframes pulse2 {
	0% {
		-webkit-box-shadow:0 0 0 5px var(--colors-amber-alpha-300-a40);
		background-color:var(--colors-amber-alpha-300-a40);
	}
	70% {
		-webkit-box-shadow:0 0 5px 15px var(--trans);
		background-color:var(--trans);
	}
	100% {
		-webkit-box-shadow:0 0 0 5px var(--trans);
		background-color:var(--trans);
	}
}
@keyframes pulse2 {
	0% {
		box-shadow:0 0 0 5px var(--colors-amber-alpha-300-a40);
		background-color:var(--colors-amber-alpha-300-a40);
	}
	70% {
		box-shadow:0 0 5px 15px var(--trans);
		background-color:var(--trans);
	}
	100% {
		box-shadow:0 0 0 5px var(--trans);
		background-color:var(--trans);
	}
}

/*--------------------------------------------------------------------------------------------------------------------*/

.bounce {
	position:fixed;
	background:var(--base-surf-top);
	z-index:1030;
}
.bounce1 {
	left:-200px;
	right:-200px;
	top:-200px;
	height:200px;
	background:var(--base-cont-top);
}
.bounce2 {
	left:-200px;
	right:-200px;
	bottom:-200px;
	height:200px;
}
.bounce3 {
	top:-200px;
	bottom:-200px;
	right:-200px;
	width:200px;
}
.bounce4 {
	top:-200px;
	bottom:-200px;
	left:-200px;
	width:200px;
}
body[data-page=account] .bounce:not(.bounce1) {
	background:var(--base-surf-setup);
}
body[data-archive=on] .bounce:not(.bounce1) {
	background:var(--base-surf-archive);
}

/*--------------------------------------------------------------------------------------------------------------------*/

div.clipped_wrapper {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background-color: var(--base-cont-top-elevated);
	border: 1px solid var(--em-color-border);
	border-radius: 10px;
	box-shadow: var(--shadow-cont-major-outline);
	padding: 12px 96px;
	position: absolute;
	z-index: 9999;
}

div.clipped {
	padding:20px 0;
	margin:-8px -10px -8px -10px;
	text-align:center;
	font: var(--font-ui-12-mini-semi);
	color: var(--base-txt-btn-b);
}
.clipped > ws-icon[name="ui_helper_suite/clipboard"] {
	--icon-size: 60px;
	--icon-color: var(--base-txt-btn-b);
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}
div.clipped_abs {
	position:fixed;
	right:25px;
	bottom:142px;
	z-index:1020;
	width:180px;
	border-radius:10px;
	box-shadow:2px 2px 4px var(--colors-alpha-dark-20)
}
div.clipped_abs2 {
	bottom:57px;
}
.menu .clipped {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 12px 0 8px;
	margin: 0;
	flex-grow: 1;
}
.menu .menu__group.clipboard_help {
	padding: 8px 12px 8px 12px;
	border-top: var(--screen-px) solid var(--base-line-secondary);
	background: var(--base-cont-mod-low);
	color: var(--base-txt-secondary);
	font: var(--font-ui-11-micro-reg);
}
.mobile .menu .menu__group.clipboard_help {
	border-radius: unset;
	margin-bottom: 0;
}
.menu.menu-active.menu-clipped {
	display: flex !important;
	flex-direction: column;
}
/*--------------------------------------------------------------------------------------------------------------------*/

#fly {
	position:absolute;
	z-index:1020;
	background:var(--base-btn-primary-major);
	opacity:0.4
}
#fly.fly_animate {
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	opacity:0
}
#fly.fly_animate2 {
	transition:all 0.8s ease, border-radius 1ms ease 0.8s;
	-webkit-transition:all 0.8s ease, border-radius 1ms ease 0.8s;
	border-radius:20px;
	opacity:0.2
}

/*--------------------------------------------------------------------------------------------------------------------*/

#loadingOverlay,
.loading-overlay {
	position:fixed;
	left:0;
	top:0;
	width:0;
	height:0;
	overflow:hidden;
	z-index:1022;
	text-align:center;
	background:var(--trans);
	color:var(--base-txt-tertiary);
}
/* TODO auto-size of loader on small blocks (it's possible with css-ONLY) */
.loading-overlay {
	position: absolute;
}
body.loading #loadingOverlay,
.loading-overlay {
	width:auto;
	height:auto;
	right:0;
	bottom:0;
}
body.loading_start #loadingOverlay,
.loading-overlay {
	/* background:var(--colors-alpha-dark-20); */
	transition:background 0.5s ease 1s;
	-webkit-transition:background 0.5s ease 1s;
}
#loadingOverlay .loader,
.loading-overlay .loader:not(.loader--curling) {
	position:absolute;
	left:50%;
	top:50%;
	margin:-45px 0 0 -45px;
	border:4px solid var(--loader-color);
	border-left-color:var(--trans);
	width:82px;
	height:82px;
	opacity:0;
	pointer-events:none;
}
#loadingOverlay svg,
.loading-overlay svg {
	position:absolute;
	left:50%;
	top:50%;
	margin:-40px 0 0 -40px;
	width:80px;
	height:80px;
	fill:var(--loader-color);
	opacity:0;
	pointer-events:none;
}
body.loading_start #loadingOverlay .loader,
body.loading_start #loadingOverlay svg,
.loading-overlay .loader:not(.loader--curling),
.loading-overlay svg {
	opacity:1;
	transition:opacity 0.5s ease 1s;
	-webkit-transition:opacity 0.5s ease 1s;
}

.loading-overlay--light {
	background: var(--colors-alpha-light-60);
}
.loading-overlay {
	display: flex;
	align-items: center;
	justify-content: center;
}

[data-loading=true] {
	position: relative;
	overflow: hidden; /* experimental */
}

body.withModal.loading_start #loadingOverlay {
	background: transparent;
}
body.withModal #loadingOverlay .loader {
	border:4px solid var(--colors-alpha-dark-20);
	border-left-color:var(--trans);
}
body.withModal #loadingOverlay svg {
	fill:var(--colors-alpha-dark-20);
}

	/*--------------------------------------------------------------------------------------------------------------------*/

.require {
	position:relative
}
.require span.req_pulse {
	content:'';
	position:absolute;
	right:18px;
	bottom:13px;
	width:16px;
	height:8px;
	background:var(--colors-interblue-100);
	border-radius:12px;
	box-shadow:0 0 0 var(--colors-interblue-100);
	animation:require 1.5s infinite;
}
.require span.req_hint, .require span.req_pulse:hover {
}
.require span.req_pulse:before {
	display:none;
	content:attr(data-txt);
	position:absolute;
	white-space:nowrap;
	background:var(--colors-alpha-light-100);
	color:var(--base-txt-primary);
	box-shadow:2px 2px 2px 2px var(--colors-alpha-dark-20);
	border-radius:4px;
	padding:6px 15px;
	right:0;
	top:18px;
	z-index:1000;
	opacity:1;
}
.require span.req_pulse:before {
	box-shadow:none;
	background:var(--colors-alpha-dark-70);
	color:var(--white-accent)
}
.require span.req_hint:before, .require span.req_pulse:hover:before {
	display:block
}
.require span.req_hint2:before {
	display:block;
	opacity:0;
	transition:opacity 0.5s ease
}
.require span.req_pulse:after {
	position:absolute;
	border:4px solid var(--colors-alpha-dark-60);
	border-color:transparent var(--colors-alpha-light-100) var(--colors-alpha-light-100) transparent;
	right:8px;
	top:16px;
	box-shadow:2px 2px 2px var(--colors-alpha-dark-20);
	z-index:1001;
}
.require.proj_name span.req_pulse {
	right:52px;
	bottom:13px;
	display:none;
}
.require.todo span.req_pulse:before {
	right:30px;
	top:-13px;
	box-shadow:none;
	background:var(--colors-alpha-dark-70);
	color:var(--white-accent)
}
.require.todo span.req_pulse {
	right:72px;
	bottom:auto;
	top:17px;
}
.dataadd_out:not(.dataadd_out_sub) .limit.require span.req_pulse {
	bottom:23px;
}
.dataadd_out:not(.dataadd_out_sub) .options.require span.req_pulse {
	bottom:23px;
}
.dataadd_out:not(.dataadd_out_sub) .terms.require span.req_pulse {
	bottom:23px;
}
#dataadd_group .require span.req_pulse {
	width:8px;
}
#dataadd_group .require span.req_pulse:before {
	right:26px;
	top:-15px;
}
.modal .require span.req_pulse {
	right:auto;
	left:15px;
	top:13px;
}
.modal .require span.req_pulse:before {
	right:auto;
	left:0
}
@-webkit-keyframes require {
	0% {
		-webkit-box-shadow:0 0 0 5px var(--colors-interblue-100);
	}
	70% {
		-webkit-box-shadow:0 0 5px 15px var(--trans);
	}
	100% {
		-webkit-box-shadow:0 0 0 5px var(--trans);
	}
}
@keyframes require {
	0% {
		box-shadow:0 0 0 0 var(--colors-interblue-100);
	}
	70% {
		box-shadow:0 0 0 10px var(--trans);
	}
	100% {
		box-shadow:0 0 0 5px var(--trans);
	}
}

/*--------------------------------------------------------------------------------------------------------------------*/

.loader {
	margin:30px auto;
	font-size:10px;
	position:relative;
	text-indent:-9999em;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation:loader 1.1s infinite linear;
	animation:loader 1.1s infinite linear;
	border-left-color:transparent;
}
/* ----------- MinifyCSS: LIGHT THEME ----------- */
.loader {
	border:1.1em solid var(--colors-alpha-light-50);
}
/* ----------- MinifyCSS: DARK THEME -----------
.loader {border: 1.1em solid var(--colors-blue-alpha-500-a50);}
/* ----------- MinifyCSS: STOP ----------- */

#content_loader {
	margin:100px auto;
	border:1.1em solid var(--colors-blue-alpha-500-a25);
	border-left-color:var(--base-btn-primary-minor);
}
main > #content_loader {
	margin-top:50%;
}
.loader {
	border-radius:50%;
	width:5em;
	height:5em;
}
@-webkit-keyframes loader {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes loader {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
.loader_sm {
	display:inline-block;
	font-size:10px;
	position:relative;
	text-indent:-9999em;
	margin:3px;
	border:2px solid var(--base-btn-primary-minor);
	border-left-color:transparent;
	-webkit-transform:translateZ(0);
	-ms-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation:loader 1.1s infinite linear;
	animation:loader 1.1s infinite linear;
}
.loader_sm.loader_white {
	border:2px solid var(--white-accent);
	border-left-color:transparent;
}
.loader_sm {
	border-radius:50%;
	width:10px;
	height:10px
}
.loader_err {
	border:2px solid var(--base-btn-alert-primary-major);
	border-left-color:transparent
}


/* Loader curling + BEM */
.loader--xs {
	--loader-size-unitless: 10;
	--loader-size: 10px;
	display: inline-block;
}
.loader--sm {
	--loader-size-unitless: 20;
	--loader-size: 20px;
	display: inline-block;
}
.loader--md {
	--loader-size-unitless: 30;
	--loader-size: 30px;
	display: inline-block;
}
.loader--lg {
	--loader-size-unitless: 40;
	--loader-size: 40px;
	display: inline-block;
}
.loader--curling {

	width: var(--loader-size);
	height: var(--loader-size);
	margin: 0;
	border: unset;

	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	animation: loader .6s linear infinite;
	&:after {
		content: '';
		flex-shrink: 0;
		flex-grow: 0;
		display: block;
		width: 20px;
		height: 20px;

		/* оригінал */
		background: var(--gradien-loader-curling);

		/* обрізка форми з SVG */
		clip-path: path("M10 3C10 2.45 9.55 1.99 9 2.06C7.51 2.25 6.1 2.85 4.92 3.82C3.49 4.99 2.51 6.62 2.15 8.44C1.79 10.25 2.07 12.14 2.94 13.77C3.82 15.4 5.23 16.68 6.94 17.39C8.65 18.1 10.55 18.19 12.32 17.66C14.09 17.12 15.62 15.98 16.65 14.44C17.68 12.91 18.14 11.06 17.96 9.22C17.81 7.71 17.24 6.28 16.32 5.09C15.98 4.66 15.34 4.66 14.95 5.05C14.56 5.44 14.57 6.07 14.89 6.52C15.49 7.37 15.87 8.36 15.97 9.41C16.11 10.79 15.76 12.18 14.99 13.33C14.22 14.49 13.07 15.34 11.74 15.74C10.41 16.14 8.99 16.07 7.7 15.54C6.42 15.01 5.36 14.05 4.71 12.83C4.05 11.6 3.84 10.19 4.12 8.83C4.39 7.47 5.12 6.24 6.19 5.36C7.01 4.69 7.98 4.26 9 4.08C9.55 3.99 10 3.55 10 3Z");
		-webkit-clip-path: path("M10 3C10 2.45 9.55 1.99 9 2.06C7.51 2.25 6.1 2.85 4.92 3.82C3.49 4.99 2.51 6.62 2.15 8.44C1.79 10.25 2.07 12.14 2.94 13.77C3.82 15.4 5.23 16.68 6.94 17.39C8.65 18.1 10.55 18.19 12.32 17.66C14.09 17.12 15.62 15.98 16.65 14.44C17.68 12.91 18.14 11.06 17.96 9.22C17.81 7.71 17.24 6.28 16.32 5.09C15.98 4.66 15.34 4.66 14.95 5.05C14.56 5.44 14.57 6.07 14.89 6.52C15.49 7.37 15.87 8.36 15.97 9.41C16.11 10.79 15.76 12.18 14.99 13.33C14.22 14.49 13.07 15.34 11.74 15.74C10.41 16.14 8.99 16.07 7.7 15.54C6.42 15.01 5.36 14.05 4.71 12.83C4.05 11.6 3.84 10.19 4.12 8.83C4.39 7.47 5.12 6.24 6.19 5.36C7.01 4.69 7.98 4.26 9 4.08C9.55 3.99 10 3.55 10 3Z");
	}
	&.loader--xs:after,
	&.loader--md:after,
	&.loader--lg:after {
		transform: scale(calc(var(--loader-size-unitless) / 20));
		transform-origin: center center;
	}
}
/* TODO flymod якщо новий працюватиме в додатку - то старий видалити */
.loader--curlingOld {
	border: unset;
	animation: loader .6s linear infinite;
	border-radius: 50%;
	padding: 2px;
	background: conic-gradient(from 90deg at 50.17% 50%, #73C7FF -7.5deg, rgba(255, 255, 255, 0) 41.25deg, rgba(255, 255, 255, 0) 93.75deg, #FFFFFF 179.31deg, #FFD6F6 258.75deg, #73C7FF 352.5deg, rgba(255, 255, 255, 0) 401.25deg);
	mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask:
		linear-gradient(#fff 0 0) content-box,
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
			mask-composite: exclude;
	&.loader--sm {
		width: 10px;
		height: 10px;
	}
}

.ws-loading {
	position: relative;
}
.ws-loading__loader {
	position: absolute;
	inset: 0;
	margin: unset;
	display: flex;
	width: unset;
	align-items: center;
	justify-content: center;
}
/* .ws-loading__loader {
	margin-left: -10px;
	margin-right: 4px;
	display: inline-block;
	overflow: hidden;
	width: 0;
	opacity: 0;
}
.ws-loading__loader--visible {
	width: 14px;
	opacity: 1;
}
.ws-loading__loader--reverse {
	animation-direction: reverse;
} */
.ws-loading__loader .loader {
	margin: 0;
}
@keyframes ws-loading-push-text {
	0% {
		width: 0;
		opacity: 0;
	}

	50% {
		width: 14px;
		opacity: 0;
	}

	100% {
		width: 14px;
		opacity: 1;
	}
}
/* .worksection__push-text {
	--animate-duration: .5s;
	animation-timing-function: ease-in-out;
	animation-name: ws-loading-push-text;
} */

/*--------------------------------------------------------------------------------------------------------------------*/

.item_ani {
	-webkit-transition:left 1s ease, top 1s ease;
	transition:left 1s ease, top 1s ease;
}
.item_aniq {
	-webkit-transition:left 0.5s ease, top 0.5s ease;
	transition:left 0.5s ease, top 0.5s ease;
}
.item_ania {
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.item_aniw {
	-webkit-transition:left 1s ease, top 1s ease, width 1s ease;
	transition:left 1s ease, top 1s ease, width 1s ease;
}

/*--------------------------------------------------------------------------------------------------------------------*/
.cnt_zoom {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	display:inline-block
}


/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
	float:left;
	position:relative;
	left:0;
	width:2px;
	height:2px;
	border-radius:4px;
	background-color:var(--base-txt-link-minor);
	color:var(--base-txt-link-minor);
	box-shadow:0 0 0 -2px var(--base-txt-link-minor);
	animation:dotPulse 1.5s infinite linear;
	animation-delay:0s;
	margin:10px 18px 0 0;
}

.dot-pulse::before, .dot-pulse::after {
	content:'';
	display:inline-block;
	position:absolute;
	top:0;
	width:2px;
	height:2px;
	border-radius:4px;
	background-color: var(--base-txt-link-minor);
	color: var(--base-txt-link-minor);
}

.dot-pulse::before {
	left: 12px;
	box-shadow: 0 0 0 -2px var(--base-txt-link-minor);
	animation:dotPulseBefore 1.5s infinite linear;
	animation-delay:.5s;
}

.dot-pulse::after {
	left: 6px;
	box-shadow: 0 0 0 -2px var(--base-txt-link-minor);
	animation:dotPulseAfter 1.5s infinite linear;
	animation-delay:.25s;
}

@keyframes dotPulseBefore {
	0% {
		box-shadow:0 0 0 -2px var(--base-txt-link-minor);
	}
	30% {
		box-shadow:0 0 0 2px var(--base-txt-link-minor);
	}
	60%,
	100% {
		box-shadow:0 0 0 -2px var(--base-txt-link-minor);
	}
}

@keyframes dotPulse {
	0% {
		box-shadow:0 0 0 -2px var(--base-txt-link-minor);
	}
	30% {
		box-shadow:0 0 0 2px var(--base-txt-link-minor);
	}
	60%,
	100% {
		box-shadow:0 0 0 -2px var(--base-txt-link-minor);
	}
}

@keyframes dotPulseAfter {
	0% {
		box-shadow:0 0 0 -2px var(--base-txt-link-minor);
	}
	30% {
		box-shadow:0 0 0 2px var(--base-txt-link-minor);
	}
	60%,
	100% {
		box-shadow:0 0 0 -2px var(--base-txt-link-minor);
	}
}
@keyframes gradient_ani {
	0% {
		background-position-x: 100%;
	}
	100% {
		background-position:-100%
	}
}

@keyframes opacity_ani {
	0% {
		opacity:1
	}
	50% {
		opacity:0.5
	}
	100% {
		opacity:1
	}
}

ws-icon[name="stopwatch_parts:stopwatch_parts-rotation"] svg use:last-child {
	transform: rotate(0deg);
	transform-origin: 50% 55%;
	animation: 15s linear stopwatch-rotate infinite;
}

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

@keyframes opacity-fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

[data-ask-reload=true] {
	position: relative;
	overflow: hidden; /* experimental */
}
.askReloadOverlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;

	cursor: pointer;
}
.askReloadOverlay--theme-light {
	background: var(--colors-alpha-light-60);
}
.askReloadOverlay--blur {
	backdrop-filter: blur(4px);
}