.ef-top-ten {
	--ef-accent: #d9a441;
	--ef-surface: #171717;
	--ef-on-surface: #fff;
	--ef-top-ten-rank-background: #f5f5f7;
	--ef-top-ten-rank-stroke: rgb(255 255 255 / .5);
	--ef-top-ten-rank-stroke-width: 1px;
	--ef-top-ten-rank-size: 88px;
	--ef-top-ten-rank-offset-x: 0px;
	--ef-top-ten-rank-offset-y: 0px;
	--ef-top-ten-rank-shadow-color: #000;
	--ef-top-ten-rank-shadow-opacity: .55;
	--ef-top-ten-rank-shadow-x: 4px;
	--ef-top-ten-rank-shadow-y: 6px;
	--ef-top-ten-rank-shadow-blur: 14px;
	--ef-top-ten-rank-shadow-spread: 0px;
	--ef-top-ten-rank-primary: #f5f5f7;
	--ef-top-ten-rank-secondary: #cfcfd4;
	--ef-top-ten-rank-highlight: #fff;
	--ef-top-ten-rank-outline-opacity: 1;
	--ef-top-ten-rank-outline-blur: 0px;
	--ef-top-ten-rank-glow-color: #da2b1f;
	--ef-top-ten-rank-glow-opacity: .65;
	--ef-top-ten-rank-glow-blur: 18px;
	--ef-top-ten-rank-glow-intensity: 1;
	--ef-top-ten-rank-rotation: 0deg;
	--ef-top-ten-rank-scale: 1;
	--ef-top-ten-overlay-color: #000;
	--ef-top-ten-overlay-opacity: .18;
	--ef-top-ten-gradient-height: 45%;
	--ef-top-ten-hover-scale: 1.025;
	--ef-top-ten-hover-lift: 0px;
	--ef-top-ten-transition-duration: 280ms;
	--ef-top-ten-transition-curve: ease;
	position: relative;
	width: 100%;
	color: inherit;
	isolation: isolate;
}

.ef-top-ten__header { margin: 0 0 1.25rem; }
.ef-top-ten__title { margin: 0; color: inherit; font: inherit; font-size: clamp(1.35rem, 2vw, 2rem); font-weight: 750; line-height: 1.15; }
.ef-top-ten__subtitle { margin: .45rem 0 0; color: inherit; font-size: 1rem; line-height: 1.5; opacity: .78; }
/* Minimal Swiper layout contract. Kept locally so the widget remains stable even when
 * Elementor does not emit its Swiper stylesheet on a cached public page. */
.ef-top-ten__slider { position: relative; min-width: 0; overflow: hidden; padding: .25rem .15rem .65rem; }
.ef-top-ten__track { position: relative; display: flex; width: 100%; height: 100%; align-items: stretch; box-sizing: content-box; transition-property: transform; }
.ef-top-ten__item { position: relative; display: block; flex: 0 0 auto; width: 100%; height: auto; min-width: 0; }
.ef-top-ten__card { position: relative; height: 100%; vertical-align: top; isolation: isolate; }
.ef-top-ten__link { position: relative; z-index: 1; display: block; color: inherit; line-height: 0; text-decoration: none; vertical-align: top; }
.ef-top-ten__media { position: relative; z-index: 1; display: block; width: 100%; margin: 0; overflow: hidden; color: transparent; line-height: 0; vertical-align: top; background: transparent; border-radius: 8px; transform: translateY(0); transition: transform var(--ef-top-ten-transition-duration) var(--ef-top-ten-transition-curve), box-shadow var(--ef-top-ten-transition-duration) var(--ef-top-ten-transition-curve); }
.ef-top-ten--vertical .ef-top-ten__media { aspect-ratio: 2 / 3; }
.ef-top-ten--horizontal .ef-top-ten__media { aspect-ratio: 16 / 9; }
.ef-top-ten__image { display: block; width: 100%; height: 100%; min-height: 100%; margin: 0; object-fit: cover; vertical-align: top; transition: transform var(--ef-top-ten-transition-duration) var(--ef-top-ten-transition-curve), filter var(--ef-top-ten-transition-duration) var(--ef-top-ten-transition-curve); }
.ef-top-ten__media::after { position: absolute; inset: 0; z-index: 2; content: ""; pointer-events: none; opacity: 0; transition: opacity var(--ef-top-ten-transition-duration) var(--ef-top-ten-transition-curve); }
.ef-top-ten--overlay .ef-top-ten__media::after { background: var(--ef-top-ten-overlay-color); opacity: var(--ef-top-ten-overlay-opacity); }
.ef-top-ten--gradient .ef-top-ten__media::after { top: auto; height: var(--ef-top-ten-gradient-height); background: linear-gradient(to bottom, transparent, var(--ef-top-ten-overlay-color)); opacity: var(--ef-top-ten-overlay-opacity); }
.ef-top-ten--overlay.ef-top-ten--gradient .ef-top-ten__media::after { top: 0; height: 100%; background: linear-gradient(to bottom, color-mix(in srgb, var(--ef-top-ten-overlay-color) calc(var(--ef-top-ten-overlay-opacity) * 35%), transparent) calc(100% - var(--ef-top-ten-gradient-height)), var(--ef-top-ten-overlay-color)); opacity: var(--ef-top-ten-overlay-opacity); }
.ef-top-ten__link:hover .ef-top-ten__media { transform: translateY(var(--ef-top-ten-hover-lift)); }
.ef-top-ten__link:hover .ef-top-ten__image { transform: scale(var(--ef-top-ten-hover-scale)); filter: brightness(1.04); }
.ef-top-ten--no-zoom .ef-top-ten__link:hover .ef-top-ten__image { transform: none; }
.ef-top-ten__link:focus-visible { outline: 3px solid var(--ef-accent); outline-offset: 4px; border-radius: 10px; }

.ef-top-ten__rank {
	position: absolute;
	z-index: 2;
	display: block;
	max-width: 1.2em;
	color: var(--ef-rank-fill, var(--ef-top-ten-rank-background));
	font-family: Arial Black, Impact, sans-serif;
	font-size: var(--ef-top-ten-rank-size, var(--ef-rank-size, 88px));
	font-weight: 900;
	font-variant-numeric: tabular-nums;
	letter-spacing: -.1em;
	line-height: .75;
	white-space: nowrap;
	background: var(--ef-rank-fill, var(--ef-top-ten-rank-background));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: var(--ef-top-ten-rank-stroke-width, var(--ef-rank-stroke-width, 1px)) var(--ef-top-ten-rank-stroke, var(--ef-rank-stroke, rgb(255 255 255 / .5)));
	-webkit-text-stroke: var(--ef-top-ten-rank-stroke-width, var(--ef-rank-stroke-width, 1px)) color-mix(in srgb, var(--ef-top-ten-rank-stroke, var(--ef-rank-stroke, rgb(255 255 255 / .5))) calc(var(--ef-top-ten-rank-outline-opacity) * 100%), transparent);
	transform: translate(var(--ef-top-ten-rank-offset-x, var(--ef-rank-x, 0px)), var(--ef-top-ten-rank-offset-y, var(--ef-rank-y, 0px))) rotate(var(--ef-top-ten-rank-rotation)) scale(var(--ef-top-ten-rank-scale));
	filter: drop-shadow(0 0 var(--ef-top-ten-rank-outline-blur) var(--ef-top-ten-rank-stroke));
	isolation: isolate;
	pointer-events: none;
}

.ef-top-ten__rank--glow { filter: drop-shadow(0 0 var(--ef-top-ten-rank-outline-blur) var(--ef-top-ten-rank-stroke)) drop-shadow(0 0 calc(var(--ef-top-ten-rank-glow-blur) * var(--ef-top-ten-rank-glow-intensity)) color-mix(in srgb, var(--ef-top-ten-rank-glow-color) calc(var(--ef-top-ten-rank-glow-opacity) * 100%), transparent)); }
.ef-top-ten__rank--inset::after { position: absolute; inset: 0; z-index: 1; color: transparent; content: attr(data-rank); background: linear-gradient(145deg, rgb(255 255 255 / .45), transparent 42%, rgb(0 0 0 / .42)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; pointer-events: none; }

.ef-top-ten__rank--shadow::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	color: var(--ef-top-ten-rank-shadow-color);
	content: attr(data-rank);
	opacity: var(--ef-top-ten-rank-shadow-opacity, var(--ef-rank-shadow-opacity, .55));
	filter: blur(var(--ef-top-ten-rank-shadow-blur, var(--ef-rank-shadow-blur, 14px)));
	-webkit-text-fill-color: var(--ef-top-ten-rank-shadow-color);
	-webkit-text-stroke: var(--ef-top-ten-rank-shadow-spread) var(--ef-top-ten-rank-shadow-color);
	transform: translate(var(--ef-top-ten-rank-shadow-x), var(--ef-top-ten-rank-shadow-y));
}

.ef-top-ten--rank-top-left .ef-top-ten__rank { top: .12em; left: .04em; }
.ef-top-ten--rank-top-right .ef-top-ten__rank { top: .12em; right: .1em; }
.ef-top-ten--rank-bottom-left .ef-top-ten__rank { bottom: .08em; left: .04em; }
.ef-top-ten--rank-bottom-right .ef-top-ten__rank { right: .1em; bottom: .08em; }
.ef-top-ten--layer-behind .ef-top-ten__rank { z-index: 0; }
.ef-top-ten--layer-behind .ef-top-ten__link { z-index: 1; }

.ef-top-ten__rank--ef-signature {
	--ef-top-ten-rank-primary: #f5f5f7;
	--ef-top-ten-rank-secondary: #cfcfd4;
	--ef-top-ten-rank-highlight: #fff;
	--ef-top-ten-rank-background: linear-gradient(155deg, var(--ef-top-ten-rank-highlight) 0%, var(--ef-top-ten-rank-primary) 38%, var(--ef-top-ten-rank-secondary) 62%, var(--ef-top-ten-rank-highlight) 82%);
	--ef-top-ten-rank-stroke: rgb(255 255 255 / .62);
	--ef-top-ten-rank-stroke-width: 1px;
	text-shadow: 0 0 5px rgb(218 43 31 / .28), 0 2px 1px rgb(255 255 255 / .24);
}

.ef-top-ten__rank--classic-white {
	--ef-top-ten-rank-primary: #fff;
	--ef-top-ten-rank-background: var(--ef-top-ten-rank-primary);
	--ef-top-ten-rank-stroke: rgb(255 255 255 / .35);
	--ef-top-ten-rank-stroke-width: .5px;
	text-shadow: 0 3px 10px rgb(0 0 0 / .28);
}

.ef-top-ten__rank--outline {
	--ef-top-ten-rank-primary: rgb(255 255 255 / .035);
	--ef-top-ten-rank-background: var(--ef-top-ten-rank-primary);
	--ef-top-ten-rank-stroke: #fff;
	--ef-top-ten-rank-stroke-width: 3px;
	text-shadow: 0 2px 6px rgb(0 0 0 / .3);
}

.ef-top-ten__rank--cinematic-steel {
	--ef-top-ten-rank-primary: #eef2f5;
	--ef-top-ten-rank-secondary: #252b31;
	--ef-top-ten-rank-highlight: #c7cdd3;
	--ef-top-ten-rank-background: linear-gradient(180deg, var(--ef-top-ten-rank-primary) 0%, #78828d 38%, var(--ef-top-ten-rank-secondary) 54%, var(--ef-top-ten-rank-highlight) 72%, #626c76 100%);
	--ef-top-ten-rank-stroke: #252b31;
	--ef-top-ten-rank-stroke-width: 1.5px;
	text-shadow: 0 1px 0 #fff, 0 3px 0 #59636d, 0 7px 14px rgb(0 0 0 / .78), 0 12px 26px rgb(0 0 0 / .52);
}

.ef-top-ten__rank--premium-gold {
	--ef-top-ten-rank-primary: #e8bb45;
	--ef-top-ten-rank-secondary: #8f5c08;
	--ef-top-ten-rank-highlight: #fff2a8;
	--ef-top-ten-rank-background: linear-gradient(165deg, var(--ef-top-ten-rank-highlight) 0%, var(--ef-top-ten-rank-primary) 30%, var(--ef-top-ten-rank-secondary) 56%, #f5d46f 75%, #b47712 100%);
	--ef-top-ten-rank-stroke: #3e2808;
	--ef-top-ten-rank-stroke-width: 1px;
	text-shadow: 0 1px 0 rgb(255 245 186 / .6), 0 5px 14px rgb(88 48 0 / .68);
}

.ef-top-ten__rank--neon-red {
	--ef-top-ten-rank-primary: #fff;
	--ef-top-ten-rank-secondary: #777;
	--ef-top-ten-rank-highlight: #da2b1f;
	--ef-top-ten-rank-background: linear-gradient(180deg, var(--ef-top-ten-rank-primary) 0%, #ddd 40%, var(--ef-top-ten-rank-secondary) 100%);
	--ef-top-ten-rank-stroke: #da2b1f;
	--ef-top-ten-rank-stroke-width: 2px;
	text-shadow: 0 0 4px #da2b1f, 0 0 12px rgb(218 43 31 / .82), 0 0 25px rgb(218 43 31 / .54);
}

.ef-top-ten__rank--vintage {
	--ef-top-ten-rank-primary: #e8d3a1;
	--ef-top-ten-rank-secondary: #6e3e24;
	--ef-top-ten-rank-highlight: #fff0c2;
	--ef-top-ten-rank-background: repeating-linear-gradient(105deg, var(--ef-top-ten-rank-highlight) 0 3px, var(--ef-top-ten-rank-primary) 3px 7px, #b9804b 7px 9px);
	--ef-top-ten-rank-stroke: #4a2b1c;
	--ef-top-ten-rank-stroke-width: 1.5px;
	text-shadow: 2px 3px 0 rgb(74 43 28 / .75), 0 8px 18px rgb(0 0 0 / .45);
}

.ef-top-ten__rank--apple-glass {
	--ef-top-ten-rank-primary: rgb(255 255 255 / .72);
	--ef-top-ten-rank-secondary: rgb(173 210 255 / .2);
	--ef-top-ten-rank-highlight: #fff;
	--ef-top-ten-rank-background: linear-gradient(150deg, var(--ef-top-ten-rank-highlight), var(--ef-top-ten-rank-primary) 34%, var(--ef-top-ten-rank-secondary) 58%, rgb(255 255 255 / .42));
	--ef-top-ten-rank-stroke: rgb(255 255 255 / .8);
	--ef-top-ten-rank-stroke-width: 1px;
	text-shadow: 0 12px 30px rgb(31 67 105 / .36), 0 1px 0 #fff;
}

.ef-top-ten__rank--netflix-classic {
	--ef-top-ten-rank-primary: #e50914;
	--ef-top-ten-rank-secondary: #680006;
	--ef-top-ten-rank-highlight: #ff5961;
	--ef-top-ten-rank-background: linear-gradient(90deg, var(--ef-top-ten-rank-secondary), var(--ef-top-ten-rank-primary) 38%, var(--ef-top-ten-rank-highlight) 52%, var(--ef-top-ten-rank-primary) 68%, #7e0007);
	--ef-top-ten-rank-stroke: #3a0003;
	--ef-top-ten-rank-stroke-width: 1px;
	text-shadow: 5px 7px 0 rgb(37 0 2 / .8), 0 15px 28px rgb(0 0 0 / .62);
}

.ef-top-ten__rank--disney-style {
	--ef-top-ten-rank-primary: #cbe9ff;
	--ef-top-ten-rank-secondary: #2b64b6;
	--ef-top-ten-rank-highlight: #fff;
	--ef-top-ten-rank-background: radial-gradient(circle at 38% 24%, var(--ef-top-ten-rank-highlight) 0 5%, var(--ef-top-ten-rank-primary) 18%, #6eb7ef 48%, var(--ef-top-ten-rank-secondary) 100%);
	--ef-top-ten-rank-stroke: #d9f1ff;
	--ef-top-ten-rank-stroke-width: 1.5px;
	text-shadow: 0 0 12px rgb(89 173 255 / .8), 0 9px 24px rgb(4 27 78 / .75);
}

.ef-top-ten__rank--prime-video {
	--ef-top-ten-rank-primary: #00a8e1;
	--ef-top-ten-rank-secondary: #004b75;
	--ef-top-ten-rank-highlight: #b9f2ff;
	--ef-top-ten-rank-background: linear-gradient(180deg, var(--ef-top-ten-rank-highlight), var(--ef-top-ten-rank-primary) 42%, var(--ef-top-ten-rank-secondary));
	--ef-top-ten-rank-stroke: #002f4a;
	--ef-top-ten-rank-stroke-width: 1px;
	text-shadow: 0 2px 0 #75dfff, 0 8px 20px rgb(0 67 105 / .72);
}

.ef-top-ten__rank--minimal {
	--ef-top-ten-rank-primary: currentColor;
	--ef-top-ten-rank-background: var(--ef-top-ten-rank-primary);
	--ef-top-ten-rank-stroke: transparent;
	--ef-top-ten-rank-stroke-width: 0px;
	font-family: Helvetica Neue, Arial, sans-serif;
	font-weight: 700;
	letter-spacing: -.07em;
	text-shadow: none;
}

.ef-top-ten__rank--corporate {
	--ef-top-ten-rank-primary: #f4f6f8;
	--ef-top-ten-rank-secondary: #3f4b57;
	--ef-top-ten-rank-highlight: #d9a441;
	--ef-top-ten-rank-background: linear-gradient(135deg, var(--ef-top-ten-rank-primary) 0 48%, var(--ef-top-ten-rank-highlight) 49% 54%, var(--ef-top-ten-rank-secondary) 55% 100%);
	--ef-top-ten-rank-stroke: #20262c;
	--ef-top-ten-rank-stroke-width: 1px;
	text-shadow: 0 3px 0 rgb(0 0 0 / .34), 0 10px 20px rgb(0 0 0 / .38);
}

@supports not ((background-clip: text) or (-webkit-background-clip: text)) {
	.ef-top-ten__rank { background: none; -webkit-text-fill-color: currentColor; }
}

button.ef-top-ten__prev,
button.ef-top-ten__next {
	position: absolute;
	top: var(--ef-top-ten-nav-top, 0px);
	bottom: auto;
	height: var(--ef-top-ten-nav-height, 100%);
	z-index: 5;
	display: grid;
	width: 5rem;
	padding: 0;
	place-items: center;
	color: rgb(245 245 247 / .76);
	background: transparent;
	background-color: transparent;
	background-image: none;
	-webkit-appearance: none;
	appearance: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	transform: none;
	cursor: pointer;
	isolation: isolate;
	overflow: visible;
	transition: color 180ms ease, opacity 180ms ease;
}
.ef-top-ten__prev { left: 0; }
.ef-top-ten__next { right: 0; }
.ef-top-ten__prev::before,
.ef-top-ten__next::before {
	content: "";
	position: absolute;
	inset-block: 0;
	width: 9rem;
	opacity: 0;
	pointer-events: none;
	z-index: -1;
	transition: opacity 180ms ease;
}
.ef-top-ten__prev::before {
	left: 0;
	background: linear-gradient(90deg, rgb(0 0 0 / .62) 0%, rgb(0 0 0 / .34) 38%, rgb(0 0 0 / .12) 68%, transparent 100%);
}
.ef-top-ten__next::before {
	right: 0;
	background: linear-gradient(270deg, rgb(0 0 0 / .62) 0%, rgb(0 0 0 / .34) 38%, rgb(0 0 0 / .12) 68%, transparent 100%);
}
.ef-top-ten__prev svg,
.ef-top-ten__next svg {
	position: relative;
	z-index: 1;
	width: 2.45rem;
	height: 2.45rem;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.25;
	stroke-linecap: round;
	stroke-linejoin: round;
	filter: drop-shadow(0 2px 7px rgb(0 0 0 / .72));
	transition: color 180ms ease, transform 180ms ease, filter 180ms ease;
}
button.ef-top-ten__prev:hover,
button.ef-top-ten__prev:focus-visible,
button.ef-top-ten__next:hover,
button.ef-top-ten__next:focus-visible {
	color: #da2b1f;
	background: transparent;
	background-color: transparent;
	background-image: none;
	border: 0;
	box-shadow: none;
}
button.ef-top-ten__prev:hover svg,
button.ef-top-ten__prev:focus-visible svg,
button.ef-top-ten__next:hover svg,
button.ef-top-ten__next:focus-visible svg {
	color: #da2b1f;
	stroke: #da2b1f;
}
.ef-top-ten__prev:hover::before,
.ef-top-ten__prev:focus-visible::before,
.ef-top-ten__next:hover::before,
.ef-top-ten__next:focus-visible::before { opacity: 1; }
.ef-top-ten__prev:hover svg,
.ef-top-ten__prev:focus-visible svg { transform: translateX(-2px); }
.ef-top-ten__next:hover svg,
.ef-top-ten__next:focus-visible svg { transform: translateX(2px); }
.ef-top-ten__prev:focus-visible,
.ef-top-ten__next:focus-visible {
	outline: 2px solid rgb(218 43 31 / .9);
	outline-offset: -4px;
}
.ef-top-ten__prev:disabled,
.ef-top-ten__next:disabled {
	opacity: .28;
	cursor: default;
	background: transparent;
	background-color: transparent;
}
.ef-top-ten__prev[hidden],
.ef-top-ten__next[hidden] { display: none; }
.ef-top-ten__editor-empty { padding: 1rem; color: #4a4a4a; background: #f6f7f7; border: 1px dashed #a7aaad; border-radius: 4px; }

.ef-top-ten--initializing .ef-top-ten__slider,
.ef-top-ten--fallback .ef-top-ten__slider { overflow: hidden; }
.ef-top-ten--initializing .ef-top-ten__track,
.ef-top-ten--fallback .ef-top-ten__track { display: flex; gap: 14px; }
.ef-top-ten--initializing .ef-top-ten__item,
.ef-top-ten--fallback .ef-top-ten__item { flex: 0 0 40%; }
.ef-top-ten--fallback .ef-top-ten__prev,
.ef-top-ten--fallback .ef-top-ten__next { display: none; }
.ef-top-ten--effect-linear .swiper-wrapper { transition-timing-function: linear; }

@media (min-width: 768px) { .ef-top-ten--initializing .ef-top-ten__item, .ef-top-ten--fallback .ef-top-ten__item { flex-basis: 30%; } }
@media (min-width: 1025px) { .ef-top-ten--initializing .ef-top-ten__item, .ef-top-ten--fallback .ef-top-ten__item { flex-basis: 23%; } }
@media (min-width: 1440px) { .ef-top-ten--initializing .ef-top-ten__item, .ef-top-ten--fallback .ef-top-ten__item { flex-basis: 15%; } }
@media (prefers-reduced-motion: reduce) {
	.ef-top-ten__image,
	.ef-top-ten__media { transition: none; }
	.ef-top-ten__link:hover .ef-top-ten__image { transform: none; }
}

/* SVG ranking painter. */
.ef-top-ten__rank {
	--ef-top-ten-rank-finish-intensity: .85;
	--ef-top-ten-rank-bevel: 3;
	--ef-top-ten-rank-depth: 5px;
	--ef-top-ten-rank-shine: .7;
	--ef-top-ten-rank-texture-opacity: .18;
	--ef-top-ten-rank-reflection-opacity: .55;
}
.ef-top-ten__rank--svg {
	width: 1.08em;
	max-width: none;
	line-height: 1;
	background: none;
	-webkit-text-fill-color: initial;
	-webkit-text-stroke: 0;
	filter: drop-shadow(0 0 var(--ef-top-ten-rank-outline-blur) var(--ef-top-ten-rank-stroke));
}
.ef-top-ten__rank--svg.ef-top-ten__rank--double { width: 1.55em; }
.ef-top-ten__rank-svg { display: block; width: 100%; height: auto; overflow: visible; }
.ef-top-ten__rank-svg text {
	font-family: Arial Black, Impact, sans-serif;
	font-weight: 900;
	font-variant-numeric: tabular-nums;
	paint-order: stroke fill;
	stroke-linejoin: round;
}
.ef-rank-stop-highlight { stop-color: var(--ef-top-ten-rank-highlight); }
.ef-rank-stop-primary { stop-color: var(--ef-top-ten-rank-primary); }
.ef-rank-stop-secondary { stop-color: var(--ef-top-ten-rank-secondary); }
.ef-top-ten__rank-depth {
	fill: color-mix(in srgb, var(--ef-top-ten-rank-secondary) 70%, #000);
	stroke: color-mix(in srgb, var(--ef-top-ten-rank-stroke) 72%, #000);
	stroke-width: calc(var(--ef-top-ten-rank-stroke-width) + 1px);
	transform: translateY(var(--ef-top-ten-rank-depth));
	opacity: var(--ef-top-ten-rank-finish-intensity);
}
.ef-top-ten__rank-face {
	stroke: color-mix(in srgb, var(--ef-top-ten-rank-stroke) calc(var(--ef-top-ten-rank-outline-opacity) * 100%), transparent);
	stroke-width: calc(var(--ef-top-ten-rank-stroke-width) + (var(--ef-top-ten-rank-bevel) * .18px));
	filter: drop-shadow(0 1px 0 color-mix(in srgb, var(--ef-top-ten-rank-highlight) calc(var(--ef-top-ten-rank-shine) * 100%), transparent));
}
.ef-top-ten__rank-reflection { opacity: 0; pointer-events: none; }
.ef-top-ten__rank--reflection .ef-top-ten__rank-reflection { opacity: var(--ef-top-ten-rank-reflection-opacity); }
.ef-top-ten__rank--texture .ef-rank-noise { opacity: var(--ef-top-ten-rank-texture-opacity); }
.ef-top-ten__rank--texture-brushed .ef-rank-noise { transform: scaleY(.2); }
.ef-top-ten__rank--texture-dust .ef-rank-noise { transform: scale(1.35); }
.ef-top-ten__rank--svg.ef-top-ten__rank--shadow::before,
.ef-top-ten__rank--svg.ef-top-ten__rank--inset::after { display: none; }
.ef-top-ten__rank--svg.ef-top-ten__rank--shadow {
	filter: drop-shadow(var(--ef-top-ten-rank-shadow-x) var(--ef-top-ten-rank-shadow-y) var(--ef-top-ten-rank-shadow-blur) color-mix(in srgb, var(--ef-top-ten-rank-shadow-color) calc(var(--ef-top-ten-rank-shadow-opacity) * 100%), transparent));
}
.ef-top-ten__rank--svg.ef-top-ten__rank--glow {
	filter: drop-shadow(0 0 calc(var(--ef-top-ten-rank-glow-blur) * var(--ef-top-ten-rank-glow-intensity)) color-mix(in srgb, var(--ef-top-ten-rank-glow-color) calc(var(--ef-top-ten-rank-glow-opacity) * 100%), transparent));
}
.ef-top-ten__rank--svg.ef-top-ten__rank--shadow.ef-top-ten__rank--glow {
	filter: drop-shadow(var(--ef-top-ten-rank-shadow-x) var(--ef-top-ten-rank-shadow-y) var(--ef-top-ten-rank-shadow-blur) color-mix(in srgb, var(--ef-top-ten-rank-shadow-color) calc(var(--ef-top-ten-rank-shadow-opacity) * 100%), transparent)) drop-shadow(0 0 calc(var(--ef-top-ten-rank-glow-blur) * var(--ef-top-ten-rank-glow-intensity)) color-mix(in srgb, var(--ef-top-ten-rank-glow-color) calc(var(--ef-top-ten-rank-glow-opacity) * 100%), transparent));
}
@media (prefers-reduced-motion: reduce) {
	.ef-top-ten__rank-svg { animation: none; }
}

/* Lightweight navigation and editor theme UX. */
.ef-top-ten {
	--ef-top-ten-pagination-active: #da2b1f;
	--ef-top-ten-pagination-inactive: rgb(255 255 255 / .35);
}
.ef-top-ten__pagination {
	position: relative;
	z-index: 4;
	display: flex;
	gap: .42rem;
	align-items: center;
	justify-content: center;
	min-height: 1rem;
	margin-top: .8rem;
}
.ef-top-ten--pagination-align-left .ef-top-ten__pagination { justify-content: flex-start; }
.ef-top-ten--pagination-align-right .ef-top-ten__pagination { justify-content: flex-end; }
.ef-top-ten--pagination-overlay .ef-top-ten__pagination {
	position: absolute;
	right: 1rem;
	bottom: .8rem;
	left: 1rem;
	margin: 0;
}
.ef-top-ten__pagination .swiper-pagination-bullet {
	width: .48rem;
	height: .48rem;
	margin: 0;
	background: var(--ef-top-ten-pagination-inactive);
	border-radius: 999px;
	opacity: 1;
	transition: width 180ms ease, background-color 180ms ease, transform 180ms ease;
}
.ef-top-ten__pagination .swiper-pagination-bullet-active {
	background: var(--ef-top-ten-pagination-active);
	transform: scale(1.08);
}
.ef-top-ten--pagination-pill .ef-top-ten__pagination .swiper-pagination-bullet-active { width: 1.35rem; }
.ef-top-ten--pagination-line .ef-top-ten__pagination .swiper-pagination-bullet {
	width: 1rem;
	height: .18rem;
	border-radius: .2rem;
}
.ef-top-ten--pagination-line .ef-top-ten__pagination .swiper-pagination-bullet-active { width: 1.8rem; transform: none; }
.ef-top-ten--arrows-hover .ef-top-ten__prev,
.ef-top-ten--arrows-hover .ef-top-ten__next {
	opacity: 0;
	pointer-events: none;
	transition: opacity 180ms ease;
}
.ef-top-ten--arrows-hover:hover .ef-top-ten__prev,
.ef-top-ten--arrows-hover:hover .ef-top-ten__next,
.ef-top-ten--arrows-hover:focus-within .ef-top-ten__prev,
.ef-top-ten--arrows-hover:focus-within .ef-top-ten__next {
	opacity: 1;
	pointer-events: auto;
}
@media (hover: none) {
	.ef-top-ten--arrows-hover .ef-top-ten__prev,
	.ef-top-ten--arrows-hover .ef-top-ten__next { opacity: 1; pointer-events: auto; }
}
@media (prefers-reduced-motion: reduce) {
	.ef-top-ten__pagination .swiper-pagination-bullet,
	.ef-top-ten--arrows-hover .ef-top-ten__prev,
	.ef-top-ten--arrows-hover .ef-top-ten__next { transition: none; }
}

/* Isolate carousel controls from global theme and Elementor button styles. */
html body .ef-top-ten button.ef-top-ten__prev,
html body .ef-top-ten button.ef-top-ten__next,
html body .ef-top-ten button.ef-top-ten__prev:hover,
html body .ef-top-ten button.ef-top-ten__next:hover,
html body .ef-top-ten button.ef-top-ten__prev:focus,
html body .ef-top-ten button.ef-top-ten__next:focus,
html body .ef-top-ten button.ef-top-ten__prev:focus-visible,
html body .ef-top-ten button.ef-top-ten__next:focus-visible,
html body .ef-top-ten button.ef-top-ten__prev:active,
html body .ef-top-ten button.ef-top-ten__next:active {
	background: none !important;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	border-color: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	filter: none !important;
	-webkit-tap-highlight-color: transparent !important;
}

html body .ef-top-ten button.ef-top-ten__prev::after,
html body .ef-top-ten button.ef-top-ten__next::after {
	content: none !important;
	display: none !important;
	background: none !important;
	box-shadow: none !important;
}

html body .ef-top-ten button.ef-top-ten__prev:hover svg,
html body .ef-top-ten button.ef-top-ten__next:hover svg,
html body .ef-top-ten button.ef-top-ten__prev:focus-visible svg,
html body .ef-top-ten button.ef-top-ten__next:focus-visible svg {
	color: #da2b1f !important;
	stroke: #da2b1f !important;
}