@charset 'UTF-8';

/* Dots */
.slick-dotted.slick-slider{ margin-bottom: 3rem;}
.slick-dots{ position: absolute; bottom:0;  display: block;  width: 100%;  padding: 0;  margin: 0; list-style: none; text-align: center; transform: translateY(-20%);}
.slick-dots li{position: relative;display: inline-block; width: min(0.8vw, 10px);	aspect-ratio:1/1; margin: 0 min(0.4vw, 5px); padding: 0;cursor: pointer;}
.slick-dots li button{	font-size: 0;	line-height: 0;	display: block;	width: min(0.8vw, 10px);	aspect-ratio:1/1; padding: 1em;	cursor: pointer;	color: transparent;	border: 0;	outline: none;	background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{ outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{ opacity: 1;}
.slick-dots li button:before{ position: absolute;	top: 0;	left: 0;	width: min(0.8vw, 10px);	aspect-ratio:1/1;	content: '';	text-align: center;	border-radius: 50%;	background: #c5c5c5;}
.slick-dots li.slick-active button:before{background:var(--c-yellow);}

@media (max-width: 767px) {
.slick-dots{ transform: translateY(100%);}
.slick-dots li{width: min(2vw, 10px);	 margin: 0 min(1vw, 5px);}
.slick-dots li button, .slick-dots li button:before{width: min(2vw, 10px);}
}