.gallery .control-operator:target~.controls .control-button{color:#ccc;color:rgba(255, 255, 255, .4)}
.gallery .control-button:first-of-type,
.gallery .control-operator:nth-of-type(1):target~.controls .control-button:nth-of-type(1),
.gallery .control-operator:nth-of-type(2):target~.controls .control-button:nth-of-type(2),
.gallery .control-operator:nth-of-type(3):target~.controls .control-button:nth-of-type(3),
.gallery .control-operator:nth-of-type(4):target~.controls .control-button:nth-of-type(4),
.gallery .control-operator:nth-of-type(5):target~.controls .control-button:nth-of-type(5),
.gallery .control-operator:nth-of-type(6):target~.controls .control-button:nth-of-type(6),
.gallery .control-operator:nth-of-type(7):target~.controls .control-button:nth-of-type(7),
.gallery .control-operator:nth-of-type(8):target~.controls .control-button:nth-of-type(8),
.gallery .control-operator:nth-of-type(9):target~.controls .control-button:nth-of-type(9),
.gallery .control-operator:nth-of-type(10):target~.controls .control-button:nth-of-type(10){color:#fff;color:rgba(255, 255, 255, .8)}
.gallery .item:first-of-type{position:static;pointer-events:auto;opacity:1;visibility: visible;}
.gallery .item{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;visibility: hidden;transition:visibility 0s,opacity .5s}
.gallery .control-operator{visibility:hidden}
.gallery .control-operator:target~.item{
	pointer-events:none;
	opacity:0;visibility:hidden;
	animation:none
	}
.gallery .control-operator:target~.controls .control-button{animation:none}
@keyframes controlAnimation-2{0%{color:#ccc;color:rgba(255, 255, 255, .4)}
14.3%,
50%{color:#fff;color:rgba(255, 255, 255, .8)}
64.3%,
100%{color:#ccc;color:rgba(255, 255, 255, .4)}
}
@keyframes galleryAnimation-2{0%{opacity:0;visibility: hidden}
14.3%,
50%{opacity:1;visibility: visible}
64.3%,
100%{opacity:0;visibility: hidden}
}
.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1;visibility: visible;}
.items-2.autoplay .control-button{animation:controlAnimation-2 14s infinite}
.items-2.autoplay .item{animation:galleryAnimation-2 14s infinite}
.items-2 .control-button:nth-of-type(1),
.items-2 .item:nth-of-type(1){animation-delay:-2s}
.items-2 .control-button:nth-of-type(2),
.items-2 .item:nth-of-type(2){animation-delay:5s}
@keyframes controlAnimation-3{0%{color:#ccc;color:rgba(255, 255, 255, .4)}
9.5%,
33.3%{color:#fff;color:rgba(255, 255, 255, .8)}
42.9%,
100%{color:#ccc;color:rgba(255, 255, 255, .4)}
}
@keyframes galleryAnimation-3{0%{opacity:0;visibility: hidden}
9.5%,
33.3%{opacity:1;visibility: visible}
42.9%,
100%{opacity:0;visibility: hidden}
}
.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1;visibility: visible;}
.items-3.autoplay .control-button{animation:controlAnimation-3 21s infinite}
.items-3.autoplay .item{animation:galleryAnimation-3 21s infinite}
.items-3 .control-button:nth-of-type(1),
.items-3 .item:nth-of-type(1){animation-delay:-2s}
.items-3 .control-button:nth-of-type(2),
.items-3 .item:nth-of-type(2){animation-delay:5s}
.items-3 .control-button:nth-of-type(3),
.items-3 .item:nth-of-type(3){animation-delay:12s}
@keyframes controlAnimation-4{0%{color:#ccc;color:rgba(255, 255, 255, .4)}
7.1%,
25%{color:#fff;color:rgba(255, 255, 255, .8)}
32.1%,
100%{color:#ccc;color:rgba(255, 255, 255, .4)}
}
@keyframes galleryAnimation-4{0%{opacity:0;visibility: hidden}
7.1%,
25%{opacity:1;visibility: visible}
32.1%,
100%{opacity:0;visibility: hidden}
}
.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4){pointer-events:auto;opacity:1;visibility: visible;}
.items-4.autoplay .control-button{animation:controlAnimation-4 28s infinite}
.items-4.autoplay .item{animation:galleryAnimation-4 28s infinite}
.items-4 .control-button:nth-of-type(1),
.items-4 .item:nth-of-type(1){animation-delay:-2s}
.items-4 .control-button:nth-of-type(2),
.items-4 .item:nth-of-type(2){animation-delay:5s}
.items-4 .control-button:nth-of-type(3),
.items-4 .item:nth-of-type(3){animation-delay:12s}
.items-4 .control-button:nth-of-type(4),
.items-4 .item:nth-of-type(4){animation-delay:19s}
@keyframes controlAnimation-5{0%{color:#ccc;color:rgba(255, 255, 255, .4)}
5.7%,
20%{color:#fff;color:rgba(255, 255, 255, .8)}
25.7%,
100%{color:#ccc;color:rgba(255, 255, 255, .4)}
}
@keyframes galleryAnimation-5{0%{opacity:0;visibility: hidden}
5.7%,
20%{opacity:1;visibility: visible}
25.7%,
100%{opacity:0;visibility: hidden}
}
.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(5):target~.item:nth-of-type(5){pointer-events:auto;opacity:1;visibility: visible;}
.items-5.autoplay .control-button{animation:controlAnimation-5 35s infinite}
.items-5.autoplay .item{animation:galleryAnimation-5 35s infinite}
.items-5 .control-button:nth-of-type(1),
.items-5 .item:nth-of-type(1){animation-delay:-2s}
.items-5 .control-button:nth-of-type(2),
.items-5 .item:nth-of-type(2){animation-delay:5s}
.items-5 .control-button:nth-of-type(3),
.items-5 .item:nth-of-type(3){animation-delay:12s}
.items-5 .control-button:nth-of-type(4),
.items-5 .item:nth-of-type(4){animation-delay:19s}
.items-5 .control-button:nth-of-type(5),
.items-5 .item:nth-of-type(5){animation-delay:26s}
@keyframes controlAnimation-6{0%{color:#ccc;color:rgba(255, 255, 255, .4)}
5.7%,
20%{color:#fff;color:rgba(255, 255, 255, .8)}
25.7%,
100%{color:#ccc;color:rgba(255, 255, 255, .4)}
}
@keyframes galleryAnimation-6{0%{opacity:0;visibility: hidden}
5.7%,
20%{opacity:1;visibility: visible}
25.7%,
100%{opacity:0;visibility: hidden}
}
.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(5):target~.item:nth-of-type(5){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(6):target~.item:nth-of-type(6){pointer-events:auto;opacity:1;visibility: visible;}
.items-6.autoplay .control-button{animation:controlAnimation-6 42s infinite}
.items-6.autoplay .item{animation:galleryAnimation-6 42s infinite}
.items-6 .control-button:nth-of-type(1),
.items-6 .item:nth-of-type(1){animation-delay:-2s}
.items-6 .control-button:nth-of-type(2),
.items-6 .item:nth-of-type(2){animation-delay:5s}
.items-6 .control-button:nth-of-type(3),
.items-6 .item:nth-of-type(3){animation-delay:12s}
.items-6 .control-button:nth-of-type(4),
.items-6 .item:nth-of-type(4){animation-delay:19s}
.items-6 .control-button:nth-of-type(5),
.items-6 .item:nth-of-type(5){animation-delay:26s}
.items-6 .control-button:nth-of-type(6),
.items-6 .item:nth-of-type(6){animation-delay:33s}
@keyframes controlAnimation-7{0%{color:#ccc;color:rgba(255, 255, 255, .4)}
5.7%,
20%{color:#fff;color:rgba(255, 255, 255, .8)}
25.7%,
100%{color:#ccc;color:rgba(255, 255, 255, .4)}
}
@keyframes galleryAnimation-7{0%{opacity:0;visibility: hidden}
5.7%,
20%{opacity:1;visibility: visible}
25.7%,
100%{opacity:0;visibility: hidden}
}
.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(5):target~.item:nth-of-type(5){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(6):target~.item:nth-of-type(6){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(7):target~.item:nth-of-type(7){pointer-events:auto;opacity:1;visibility: visible;}
.items-7.autoplay .control-button{animation:controlAnimation-7 49s infinite}
.items-7.autoplay .item{animation:galleryAnimation-7 49s infinite}
.items-7 .control-button:nth-of-type(1),
.items-7 .item:nth-of-type(1){animation-delay:-2s}
.items-7 .control-button:nth-of-type(2),
.items-7 .item:nth-of-type(2){animation-delay:5s}
.items-7 .control-button:nth-of-type(3),
.items-7 .item:nth-of-type(3){animation-delay:12s}
.items-7 .control-button:nth-of-type(4),
.items-7 .item:nth-of-type(4){animation-delay:19s}
.items-7 .control-button:nth-of-type(5),
.items-7 .item:nth-of-type(5){animation-delay:26s}
.items-7 .control-button:nth-of-type(6),
.items-7 .item:nth-of-type(6){animation-delay:33s}
.items-7 .control-button:nth-of-type(7),
.items-7 .item:nth-of-type(7){animation-delay:40s}
@keyframes controlAnimation-8{0%{color:#ccc;color:rgba(255, 255, 255, .4)}
5.7%,
20%{color:#fff;color:rgba(255, 255, 255, .8)}
25.7%,
100%{color:#ccc;color:rgba(255, 255, 255, .4)}
}
@keyframes galleryAnimation-8{0%{opacity:0;visibility: hidden}
5.7%,
20%{opacity:1;visibility: visible}
25.7%,
100%{opacity:0;visibility: hidden}
}
.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(5):target~.item:nth-of-type(5){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(6):target~.item:nth-of-type(6){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(7):target~.item:nth-of-type(7){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(8):target~.item:nth-of-type(8){pointer-events:auto;opacity:1;visibility: visible;}
.items-8.autoplay .control-button{animation:controlAnimation-8 56s infinite}
.items-8.autoplay .item{animation:galleryAnimation-8 56s infinite}
.items-8 .control-button:nth-of-type(1),
.items-8 .item:nth-of-type(1){animation-delay:-2s}
.items-8 .control-button:nth-of-type(2),
.items-8 .item:nth-of-type(2){animation-delay:5s}
.items-8 .control-button:nth-of-type(3),
.items-8 .item:nth-of-type(3){animation-delay:12s}
.items-8 .control-button:nth-of-type(4),
.items-8 .item:nth-of-type(4){animation-delay:19s}
.items-8 .control-button:nth-of-type(5),
.items-8 .item:nth-of-type(5){animation-delay:26s}
.items-8 .control-button:nth-of-type(6),
.items-8 .item:nth-of-type(6){animation-delay:33s}
.items-8 .control-button:nth-of-type(7),
.items-8 .item:nth-of-type(7){animation-delay:40s}
.items-8 .control-button:nth-of-type(8),
.items-8 .item:nth-of-type(8){animation-delay:47s}
@keyframes controlAnimation-9{0%{color:#ccc;color:rgba(255, 255, 255, .4)}
5.7%,
20%{color:#fff;color:rgba(255, 255, 255, .8)}
25.7%,
100%{color:#ccc;color:rgba(255, 255, 255, .4)}
}
@keyframes galleryAnimation-9{0%{opacity:0;visibility: hidden}
5.7%,
20%{opacity:1;visibility: visible}
25.7%,
100%{opacity:0;visibility: hidden}
}
.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(5):target~.item:nth-of-type(5){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(6):target~.item:nth-of-type(6){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(7):target~.item:nth-of-type(7){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(8):target~.item:nth-of-type(8){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(9):target~.item:nth-of-type(9){pointer-events:auto;opacity:1;visibility: visible;}
.items-9.autoplay .control-button{animation:controlAnimation-9 63s infinite}
.items-9.autoplay .item{animation:galleryAnimation-9 63s infinite}
.items-9 .control-button:nth-of-type(1),
.items-9 .item:nth-of-type(1){animation-delay:-2s}
.items-9 .control-button:nth-of-type(2),
.items-9 .item:nth-of-type(2){animation-delay:5s}
.items-9 .control-button:nth-of-type(3),
.items-9 .item:nth-of-type(3){animation-delay:12s}
.items-9 .control-button:nth-of-type(4),
.items-9 .item:nth-of-type(4){animation-delay:19s}
.items-9 .control-button:nth-of-type(5),
.items-9 .item:nth-of-type(5){animation-delay:26s}
.items-9 .control-button:nth-of-type(6),
.items-9 .item:nth-of-type(6){animation-delay:33s}
.items-9 .control-button:nth-of-type(7),
.items-9 .item:nth-of-type(7){animation-delay:40s}
.items-9 .control-button:nth-of-type(8),
.items-9 .item:nth-of-type(8){animation-delay:47s}
.items-9 .control-button:nth-of-type(9),
.items-9 .item:nth-of-type(9){animation-delay:54s}
@keyframes controlAnimation-10{0%{color:#ccc;color:rgba(255, 255, 255, .4)}
5.7%,
20%{color:#fff;color:rgba(255, 255, 255, .8)}
25.7%,
100%{color:#ccc;color:rgba(255, 255, 255, .4)}
}
@keyframes galleryAnimation-10{0%{opacity:0;visibility: hidden}
5.7%,
20%{opacity:1;visibility: visible}
25.7%,
100%{opacity:0;visibility: hidden}
}
.gallery .control-operator:nth-of-type(1):target~.item:nth-of-type(1){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(2):target~.item:nth-of-type(2){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(3):target~.item:nth-of-type(3){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(4):target~.item:nth-of-type(4){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(5):target~.item:nth-of-type(5){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(6):target~.item:nth-of-type(6){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(7):target~.item:nth-of-type(7){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(8):target~.item:nth-of-type(8){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(9):target~.item:nth-of-type(9){pointer-events:auto;opacity:1;visibility: visible;}
.gallery .control-operator:nth-of-type(10):target~.item:nth-of-type(10){pointer-events:auto;opacity:1;visibility: visible;}
.items-10.autoplay .control-button{animation:controlAnimation-10 70s infinite}
.items-10.autoplay .item{animation:galleryAnimation-10 70s infinite}
.items-10 .control-button:nth-of-type(1),
.items-10 .item:nth-of-type(1){animation-delay:-2s}
.items-10 .control-button:nth-of-type(2),
.items-10 .item:nth-of-type(2){animation-delay:5s}
.items-10 .control-button:nth-of-type(3),
.items-10 .item:nth-of-type(3){animation-delay:12s}
.items-10 .control-button:nth-of-type(4),
.items-10 .item:nth-of-type(4){animation-delay:19s}
.items-10 .control-button:nth-of-type(5),
.items-10 .item:nth-of-type(5){animation-delay:26s}
.items-10 .control-button:nth-of-type(6),
.items-10 .item:nth-of-type(6){animation-delay:33s}
.items-10 .control-button:nth-of-type(7),
.items-10 .item:nth-of-type(7){animation-delay:40s}
.items-10 .control-button:nth-of-type(8),
.items-10 .item:nth-of-type(8){animation-delay:47s}
.items-10 .control-button:nth-of-type(9),
.items-10 .item:nth-of-type(9){animation-delay:54s}
.items-10 .control-button:nth-of-type(10),
.items-10 .item:nth-of-type(10){animation-delay:61s}