.elementor-15001 .elementor-element.elementor-element-d5a1473{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}/* Start custom CSS for html, class: .elementor-element-44ee720 */*,
*:after,
*:before {
	box-sizing: border-box;
}

.track-wrapper {
	width: 100%;
	
  max-inline-size: var(--size-content-3);
	overflow: hidden;
	-webkit-mask: linear-gradient(90deg,
								transparent 0,
								black 15% 85%,
								transparent
							) 0 50% / 100% calc(100% - (2 * var(--size-4))) no-repeat,
							linear-gradient(0deg, black, black) 50% 0 / 100% var(--size-4) no-repeat,
							linear-gradient(0deg, black, black) 50% 100% / 100% var(--size-4) no-repeat;
}

img {
	height: 100%;
	width: 100%;
}

.track {
	--size: clamp(200px, 40vmin, 50rem);
	height: 300px;
	width: 100%;
	display: flex;
	overflow: overlay;
	gap: var(--size-4);
	list-style-type: none;
  margin: 0;
	/*background: hsl(0 0% 100% / 0.25);*/
	padding: var(--size-4) 33%;
	scroll-snap-type: x mandatory;
	/* Circular inverted */
	/* -webkit-mask-image: radial-gradient(ellipse at 50% 66%, black 0 30%, transparent 30%);
	/* No Scrollbar */
	/* -webkit-mask: radial-gradient(#0000 0 30%, #000 30%) 50% 20vmin / 240% 100%;*/
	/* Winner */
	/*-webkit-mask: radial-gradient(#0000 0 30%, #000 30%) 50% calc(var(--size) * 0.5) / 250% 100%,
								linear-gradient(0deg, black, black) 50% 0 / 100% var(--size-4) no-repeat,
								linear-gradient(0deg, black, black) 50% 100% / 100% var(--size-4) no-repeat;*/
	-webkit-mask: radial-gradient(#0000 0 30%, #000 30.5%) 50% calc(var(--size) * 0.5) / 300% 100%,
								linear-gradient(0deg, black, black) 50% 0 / 100% var(--size-4) no-repeat,
								linear-gradient(0deg, black, black) 50% 100% / 100% var(--size-4) no-repeat;

}

.track__item {
	height: 100%;
	aspect-ratio: 1;
	background: hsl(0 80% 50% / 1);
	/*background: var(--surface-2);*/
	scroll-snap-align: center;
	/*display: none;*/
}

h1 {
  position: fixed;
  margin: 0;
  opacity: 0.5;
  bottom: var(--size-3);
  right: var(--size-3);
  font-size: var(--font-size-fluid-1);
}/* End custom CSS */