/* CSS Document */
.slidewrap {
  position: relative;
  z-index: 1;
}
@keyframes csloader {
	0% {
		transform:rotate(0deg)
	}
	100% {
		transform:rotate(360deg)
	}
}
@keyframes csloader-content {
	0% {
		color: var(--contrastColorA10);
	}
	50% {
		color: var(--contrastColor);
	}
	100% {
		color: var(--contrastColorA10);
	}
}
@keyframes csloaderfadeout {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
@keyframes cstimer {
	0% {
		width: 0;
	}
	100% {
    width: 100%;
	}
}
.slidewrap .timecheck span {
  display: block;
}
.slidewrap[swipe-change="false"][display-state="true"]:not([slider-state="auto"]):not([class*="carousel"]):not(.slidewaiting) .timecheck span.delay {
  animation: cstimer var(--delay) forwards linear;
}
.slidewrap[slider-state="changeend"] span.swipe {
  animation: cstimer var(--speed) none var(--easing);
}
.slidewrap.csautochange .speedcheck {
  animation: var(--speedname) var(--speed) none var(--easing);
}
.slidewrap[slider-state="pause"] .timecheck span.delay {
	animation-play-state: paused !important;
}
.slidewrap .csloader,
.slidewrap .csloader::before {
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.slidewrap .csloader {
	transition: opacity var(--duration) ease;
}
.slidewrap[slider-state="loading"] .csloader,
.slidewrap[slider-state="resizing"] .csloader,
.slidewrap[slider-state*="waiting"] .csloader,
.slidewrap[slider-state="loading"] .csloader::before,
.slidewrap[slider-state="resizing"] .csloader::before,
.slidewrap[slider-state*="waiting"] .csloader::before {
	opacity: 1;
}
.slidewrap .csloader {
	z-index: -1;
}
.slidewrap[slider-state="loading"] .csloader,
.slidewrap[slider-state="waiting"] .csloader,
.slidewrap[slider-state="resizing"] .csloader {
	z-index: 3;
}
.slidewrap .csloader::before {
	content: "loading";
	z-index: 1;
	font-family: "Oswald";
	font-size: calc( var(--loadersize) / 5 );
	color: var(--contrastColor);
	background-color: rgba(var(--defColorRGB),0.5);
	-webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
	backdrop-filter: brightness(0.8) blur(0.2rem);
	animation: csloader-content 2s ease infinite;
}
.slidewrap .csloader::after {
	content: "";
	position: relative;
	z-index: 2;
	display: block;
	width: calc( var(--loadersize) - 4px);
	height: calc( var(--loadersize) - 4px);
	min-width: var(--headerBtnSize);
	min-height: var(--headerBtnSize);
	border: solid 2px var(--contrastColor);
	border-radius: 50%;
	-webkit-mask-image: linear-gradient(135deg,transparent 0%,rgba(0,0,0,.5) 100%),linear-gradient(45deg,black 0%,rgba(0,0,0,.5) 100%),linear-gradient(black,black),linear-gradient(black,black);
	mask-image: linear-gradient(135deg,transparent 0%,rgba(0,0,0,.5) 100%),linear-gradient(45deg,black 0%,rgba(0,0,0,.5) 100%),linear-gradient(black,black),linear-gradient(black,black);
	mask-position: right top,right bottom,left bottom,left top;
	-webkit-mask-position: right top,right bottom,left bottom,left top;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: 50% 50%;
	-webkit-mask-size: 50% 50%;
	will-change: transform;
}
.slidewrap .csloader::after {
	animation: csloader 1s ease infinite;
}
.slidewrap[slider-state="pause"] .csloader::before,
.slidewrap[slider-state="pause"] .csloader::after,
.slidewrap[slider-state="active"] .csloader::before,
.slidewrap[slider-state="active"] .csloader::after,
.slidewrap[slider-state="change"] .csloader::before,
.slidewrap[slider-state="change"] .csloader::after,
.slidewrap[slider-state*="swipe"] .csloader::before,
.slidewrap[slider-state*="swipe"] .csloader::after {
	animation-play-state: paused !important;
}


[comboslider]:not([slider-state]) {
  opacity: 0;
}
[comboslider]:not([slider-state]) > * {
  position: absolute;
  z-index: 1;
}
.slidewrap .slideinner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.slidewrap[class*="fade"] .slideinner {
  display: flex;
  justify-content: center;
}
.slidewrap.slidewaiting .slideinner {
}
[comboslider][slider-state="setting"] {
}
.slidewrap.slidewaiting .slideinner [comboslider][slider-state="setting"] {
  height: max-content;
}
.slidewrap.slidewaiting .slideinner [comboslider][slider-state="setting"] > * {
  width: 100%;
  height: auto;
}
[comboslider] img {
  width: 100%;
  height: auto;
}




/*----------------------------------------------------
** slider main settings / comboslider-slide
**----------------------------------------------------*/
@keyframes slide {
	0% {
		transform: translateX(var(--movestart));
	}
	100% {
		transform: translateX(var(--moveend));
	}
}
@keyframes csslide-swipe {
	0% {
		transform: translateX(var(--swipestart));
	}
	100% {
		transform: translateX(var(--swipeend));
	}
}
/*
.slidewrap.slider-slide[slider-state="changeend"] [comboslider] {
  animation: csslide-swipe var(--speed) none var(--cseasing);
}
*/
.slidewrap.slider-slide[slider-state="changeend"] [comboslider] {
  animation: csslide-swipe var(--speed) none var(--easing);
}
.slidewrap.slider-slide.cstouchon[slider-state="changeend"] [comboslider] {
  animation-play-state: paused;
}

/*----------------------------------------------------
** slider main settings / fade / mask-change
**----------------------------------------------------*/
@keyframes fade {
	0% {
    opacity: 1;
	}
	100% {
    opacity: 0;
	}
}
@keyframes fade-swipe {
	0% {
    opacity: var(--swipestart,1);
	}
	100% {
    opacity: var(--swipeend,0);
	}
}
.slidewrap[class*="fade"],
.slidewrap.slider-mask-change {
  width: var(--cswrapwidth);
}
.slidewrap[class*="fade"] .slideinner,
.slider-mask-change .slideinner {
	margin: auto;
}
.slidewrap[class*="fade"] .slideinner [comboslider],
.slider-mask-change .slideinner [comboslider] {
	position: relative;
	z-index: 1;
	width: var(--slideritemMaxWidth);
	height: var(--innerHeight) !important;
}
.slidewrap[class*="fade"] [comboslider] .slideitem {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: var(--slideritemMaxWidth);
	height: var(--innerHeight);
	opacity: 0;
}
.slidewrap.slider-fade [comboslider] .slideitem.active,
.slidewrap.slider-fade-zoom [comboslider] .slideitem.active,
.slidewrap.slider-mask-change .slideitem.active {
  z-index: 3;
}
.slidewrap.slider-fade [comboslider] .slideitem.csnewactive,
.slidewrap.slider-fade-zoom [comboslider] .slideitem.csnewactive,
.slidewrap.slider-mask-change [comboslider] .slideitem.csnewactive {
  z-index: 2;
}
.slidewrap[class*="fade"] [comboslider] .slideitem.active,
.slidewrap[class*="fade"] [comboslider] .slideitem.csnewactive {
  opacity: 1;
}
.slidewrap[class*="fade"] [comboslider] .slideitem[csitem-type="normal"] {
	background-color: var(--bgcolor,var(--defBgColor));
}
.slidewrap[class*="fade"] [comboslider] .slideitem img:not(.wcexclusion),
.slidewrap[class*="fade"] [comboslider] .slideitem video:not(.wcexclusion),
.slider-mask-change [comboslider] .slideitem .slideitem_inner,
.slider-mask-change [comboslider] .slideitem img:not(.wcexclusion),
.slider-mask-change [comboslider] .slideitem video:not(.wcexclusion) {
	width: var(--cswrapwidth);
	height: var(--csinnerheight);
}
/* slider-fade */
.slidewrap.slider-fade[slider-state="auto"] [comboslider] .slideitem.active:not(.csnewactive) {
  animation: fade var(--speed) none var(--easing);
}
.slidewrap.slider-fade[slider-state="changeend"] [comboslider] .slideitem.active {
  animation: fade-swipe var(--speed) none var(--easing);
}
.slidewrap.slider-fade.cstouchon[slider-state="changeend"] [comboslider] .slideitem.active {
  animation-play-state: paused;
}
@keyframes fade-zoom {
	0% {
    opacity: 1;
    transform: scale(1);
	}
	100% {
    opacity: 0;
    transform: scale(2);
	}
}
@keyframes fade-zoom-new {
	0% {
    transform: scale(2);
	}
	100% {
    transform: scale(1);
	}
}
@keyframes fade-zoom-swipe {
	0% {
    opacity: var(--swipestart);
    transform: scale(var(--zoomst));
	}
	100% {
    opacity: var(--swipeend);
    transform: scale(var(--zoomend));
	}
}
@keyframes fade-zoom-new-swipe {
	0% {
    transform: scale(var(--zoomnewst));
	}
	100% {
    transform: scale(var(--zoomnewend));
	}
}
/* slider-fade-zoom */
.slidewrap.slider-fade-zoom [comboslider] .slideitem {
	transform-origin: center center;
  transform: scale(2);
}
.slidewrap.slider-fade-zoom [comboslider] .slideitem.active,
.slidewrap.slider-fade-zoom [comboslider] .slideitem.csnewactive {
	transform: scale(1);
}
.slidewrap.slider-fade-zoom[slider-state="auto"] [comboslider] .slideitem.active {
  animation: fade-zoom var(--speed) none var(--cseasing);
}
.slidewrap.slider-fade-zoom[slider-state="auto"] [comboslider] .slideitem.csnewactive {
  animation: fade-zoom-new var(--speed) none var(--cseasing);
}
.slidewrap.slider-fade-zoom[slider-state="changeend"] [comboslider] .slideitem.active {
  animation: fade-zoom-swipe var(--speed) none var(--cseasing);
}
.slidewrap.slider-fade-zoom[slider-state="changeend"] [comboslider] .slideitem.csnewactive {
  animation: fade-zoom-new-swipe var(--speed) none var(--cseasing);
}
.slidewrap.slider-fade-zoom.cstouchon[slider-state="changeend"] [comboslider] .slideitem.active,
.slidewrap.slider-fade-zoom.cstouchon[slider-state="changeend"] [comboslider] .slideitem.csnewactive {
  animation-play-state: paused;
}
/* comboslider-mask-change */
@keyframes mask-clip {
	0% {
    clip-path: circle(71.2% at 50% 50%);
	}
  50% {
    clip-path: circle(0% at 50% 50%);
  }
	100% {
    clip-path: circle(0% at 50% 50%);
	}
}
@keyframes mask-clip-new {
	0% {
    clip-path: circle(0% at 50% 50%);
	}
  50% {
    clip-path: circle(0% at 50% 50%);
  }
	100% {
    clip-path: circle(71.2% at 50% 50%);
	}
}
@keyframes mask-clip-swipe {
	0% {
    clip-path: circle(var(--swipestart) at 50% 50%);
	}
	100% {
    clip-path: circle(var(--swipeend) at 50% 50%);
	}
}
@keyframes mask-clip-new-swipe {
	0% {
    clip-path: circle(var(--swipenewstart) at 50% 50%);
	}
	100% {
    clip-path: circle(var(--swipenewend) at 50% 50%);
	}
}
@keyframes mask-change {
	0% {
    -webkit-mask-size: calc(var(--csmaskwidth) * 1.712) calc(var(--csmaskheight) * 1.712);
    mask-size: calc(var(--csmaskwidth) * 1.712) calc(var(--csmaskheight) * 1.712);
	}
	50% {
    -webkit-mask-size: calc(var(--csmaskwidth) * 0) calc(var(--csmaskheight) * 0);
    mask-size: calc(var(--csmaskwidth) * 0) calc(var(--csmaskheight) * 0);
	}
	100% {
    -webkit-mask-size: calc(var(--csmaskwidth) * 0) calc(var(--csmaskheight) * 0);
    mask-size: calc(var(--csmaskwidth) * 0) calc(var(--csmaskheight) * 0);
	}
}
@keyframes mask-change-new {
	0% {
    -webkit-mask-size: calc(var(--csmaskwidth) * 0) calc(var(--csmaskheight) * 0);
    mask-size: calc(var(--csmaskwidth) * 0) calc(var(--csmaskheight) * 0);
	}
	50% {
    -webkit-mask-size: calc(var(--csmaskwidth) * 0) calc(var(--csmaskheight) * 0);
    mask-size: calc(var(--csmaskwidth) * 0) calc(var(--csmaskheight) * 0);
	}
	100% {
    -webkit-mask-size: calc(var(--csmaskwidth) * 1.712) calc(var(--csmaskheight) * 1.712);
    mask-size: calc(var(--csmaskwidth) * 1.712) calc(var(--csmaskheight) * 1.712);
	}
}
@keyframes mask-change-swipe {
	0% {
    -webkit-mask-size: calc(var(--csmaskwidth) * var(--swipestart)) calc(var(--csmaskheight) * var(--swipestart));
    mask-size: calc(var(--csmaskwidth) * var(--swipestart)) calc(var(--csmaskheight) * var(--swipestart));
	}
	100% {
    -webkit-mask-size: calc(var(--csmaskwidth) * var(--swipeend)) calc(var(--csmaskheight) * var(--swipeend));
    mask-size: calc(var(--csmaskwidth) * var(--swipeend)) calc(var(--csmaskheight) * var(--swipeend));
	}
}
@keyframes mask-change-new-swipe {
	0% {
    -webkit-mask-size: calc(var(--csmaskwidth) * var(--swipenewstart)) calc(var(--csmaskheight) * var(--swipenewstart));
    mask-size: calc(var(--csmaskwidth) * var(--swipenewstart)) calc(var(--csmaskheight) * var(--swipenewstart));
	}
	100% {
    -webkit-mask-size: calc(var(--csmaskwidth) * var(--swipenewend)) calc(var(--csmaskheight) * var(--swipenewend));
    mask-size: calc(var(--csmaskwidth) * var(--swipenewend)) calc(var(--csmaskheight) * var(--swipenewend));
	}
}
.slider-mask-change [comboslider] {
  background-color: var(--csactivecolor,transparent);
}
.slider-mask-change [comboslider] .slideitem.cs_maskwrap,
.slider-mask-change [comboslider] .slideitem .csmasktarget {
	position: absolute;
	top: 50%;
	left: 50%;
  width: var(--csinnerwidth);
  height: var(--csinnerheight);
	transform: translate3d(-50%,-50%,0);
}
.slider-mask-change [comboslider] .slideitem .csmasktarget {
  z-index: 1;
}
.slider-mask-change [comboslider] .slideitem {
  opacity: 0;
}
.slider-mask-change [comboslider] .slideitem.active,
.slider-mask-change [comboslider] .slideitem.csnewactive {
  opacity: 1;
}
.slider-mask-change [comboslider] .slideitem.active {
  z-index: 3;
}
.slider-mask-change [comboslider] .slideitem.csnewactive {
  z-index: 2;
}
.slider-mask-change [comboslider] .slideitem[clip-mask="false"] {
	-webkit-mask-image: none;
	mask-image: none;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: calc(var(--csmaskwidth) * 0) calc(var(--csmaskheight) * 0);
	mask-size: calc(var(--csmaskwidth) * 0) calc(var(--csmaskheight) * 0);
}
.slider-mask-change [comboslider] .slideitem[clip-mask="true"] {
  clip-path: circle(71.2% at 50% 50%);
}
.slider-mask-change.cstouchon [comboslider] .slideitem.active[clip-mask="true"] {
  clip-path: circle(var(--swipestart) at 50% 50%);
}
.slider-mask-change.cstouchon [comboslider] .slideitem.csnewactive[clip-mask="true"] {
  clip-path: circle(var(--swipenewstart) at 50% 50%);
}
.slider-mask-change.cstouchon [comboslider] .slideitem.active[clip-mask="false"] {
	-webkit-mask-size: calc(var(--csmaskwidth) * var(--swipestart)) calc(var(--csmaskheight) * var(--swipestart));
	mask-size: calc(var(--csmaskwidth) * var(--swipestart)) calc(var(--csmaskheight) * var(--swipestart));
}
.slider-mask-change.cstouchon [comboslider] .slideitem.csnewactive[clip-mask="false"] {
	-webkit-mask-size: calc(var(--csmaskwidth) * var(--swipenewstart)) calc(var(--csmaskheight) * var(--swipenewstart));
	mask-size: calc(var(--csmaskwidth) * var(--swipenewstart)) calc(var(--csmaskheight) * var(--swipenewstart));
}
.slider-mask-change[slider-state="auto"] [comboslider] .slideitem.active[clip-mask="false"],
.slider-mask-change[slider-state="auto"] [comboslider] .slideitem.csnewactive[clip-mask="false"],
.slider-mask-change[slider-state*="change"] [comboslider] .slideitem.active[clip-mask="false"],
.slider-mask-change[slider-state*="change"] [comboslider] .slideitem.csnewactive[clip-mask="false"] {
	-webkit-mask-image: var(--csmasksrc);
	mask-image: var(--csmasksrc);
}
.slider-mask-change[slider-state="auto"] [comboslider] .slideitem.active[clip-mask="true"] {
  animation: mask-clip var(--speed) none var(--cseasing);
}
.slider-mask-change[slider-state="auto"] [comboslider] .slideitem.csnewactive[clip-mask="true"] {
  animation: mask-clip-new var(--speed) none var(--cseasing);
}
.slider-mask-change[slider-state="changeend"] [comboslider] .slideitem.active[clip-mask="true"] {
  animation: mask-clip-swipe var(--speed) none var(--cseasing);
}
.slider-mask-change[slider-state="changeend"] [comboslider] .slideitem.csnewactive[clip-mask="true"] {
  animation: mask-clip-new-swipe var(--speed) none var(--cseasing);
}
.slider-mask-change[slider-state="auto"] [comboslider] .slideitem.active[clip-mask="false"] {
  animation: mask-change var(--speed) none var(--cseasing);
}
.slider-mask-change[slider-state="auto"] [comboslider] .slideitem.csnewactive[clip-mask="false"] {
  animation: mask-change-new var(--speed) none var(--cseasing);
}
.slider-mask-change[slider-state="changeend"] [comboslider] .slideitem.active[clip-mask="false"] {
  animation: mask-change-swipe var(--speed) none var(--cseasing);
}
.slider-mask-change[slider-state="changeend"] [comboslider] .slideitem.csnewactive[clip-mask="false"] {
  animation: mask-change-new-swipe var(--speed) none var(--cseasing);
}
.slider-mask-change.cstouchon[slider-state="changeend"] [comboslider] .slideitem.active,
.slider-mask-change.cstouchon[slider-state="changeend"] [comboslider] .slideitem.csnewactive {
  animation-play-state: paused !important;
}










/*----------------------------------------------------
** slider option settings / arrows
**----------------------------------------------------*/
.csarrowwrap {
	position: absolute;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	transition: opacity 0.3s var(--cseasing,ease);
}
.slidewrap.cssinglemode .csarrowwrap {
  display: none;
}
.slidewrap:not(.cssinglemode) .csarrowwrap {
  display: flex;
}
.csarrowwrap:not([slider-state="change"]),
.csarrowwrap:not([slider-state="change"]) .csarrow {
	transition-delay: 0.38s;
}
.csarrowwrap[arrow-type="y"] {
  flex-flow: column;
  width: 0;
  height: var(--csinnerheight);
}
.csarrowwrap[arrow-type="x"] {
  flex-flow: row;
  width: var(--csinnerwidth);
  height: 0;
}
.slidewrap[next-item="false"] .csarrowwrap .csarrow.cs-next,
.slidewrap[prev-item="false"] .csarrowwrap .csarrow.cs-prev,
.slidewrap.cstouchon .csarrowwrap {
	opacity: 0;
}
.csarrowwrap .csarrow {
  flex: none;
	cursor: pointer;
	position: relative;
	z-index: 1;
  min-width: 2rem;
  min-height: 2rem;
	border-radius: 50%;
	overflow: hidden;
	transition: margin 0.3s var(--cseasing,ease), opacity 0.3s var(--cseasing,ease);
}
.csarrowwrap[arrow-type="y"] .csarrow.cs-prev {
  margin-top: var(--avesize);
}
.csarrowwrap[arrow-type="y"] .csarrow.cs-next {
  margin-bottom: var(--avesize);
}
.csarrowwrap[arrow-type="x"] .csarrow.cs-prev {
  margin-left: var(--avesize);
}
.csarrowwrap[arrow-type="x"] .csarrow.cs-next {
  margin-right: var(--avesize);
}
.slidewrap[slider-state="changeend"] .csarrowwrap .csarrow,
.slidewrap[slider-state="swipe"] .csarrowwrap .csarrow,
.slidewrap[slider-state="change"] .csarrowwrap .csarrow,
.slidewrap[next-item="false"] .csarrowwrap .csarrow.cs-next,
.slidewrap[prev-item="false"] .csarrowwrap .csarrow.cs-prev,
.slidewrap.csautochange[next-item="true"] .csarrowwrap .csarrow.cs-next,
.slidewrap.csautochange[prev-item="true"] .csarrowwrap .csarrow.cs-prev,
.slidewrap[next-item="true"] .csarrowwrap[btn-state="false"] .csarrow.cs-next,
.slidewrap[prev-item="true"] .csarrowwrap[btn-state="false"] .csarrow.cs-prev {
	pointer-events: none;
	cursor: auto;
}
.slidewrap[slider-state="changeend"] .csarrowwrap .csarrow {
  opacity: 0;
}
.slidewrap[next-item="false"] .csarrowwrap .csarrow.cs-next,
.slidewrap[prev-item="false"] .csarrowwrap .csarrow.cs-prev,
.slidewrap.cstouchon[next-item="true"] .csarrowwrap .csarrow.cs-next,
.slidewrap.cstouchon[prev-item="true"] .csarrowwrap .csarrow.cs-prev {
  margin: 0;
}
.csarrowwrap .csarrow::before,
.csarrowwrap .csarrow::after {
	content: "";
	position: absolute;
	display: block;
	border-radius: 50%;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.csarrowwrap .csarrow::before {
	background-color: rgba(var(--defColorRGB),0.5);
	-webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
	backdrop-filter: brightness(0.8) blur(0.2rem);
	transition: background-color 0.3s ease;
}
.csarrowwrap .csarrow:hover::before,
.csarrowwrap .csarrow:active::before {
	background-color: var(--defColor);
}
.csarrowwrap .csarrow::after {
	background-color: var(--contrastColor,#fff);
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
}
.csarrowwrap .csarrow.cs-prev::after {
	-webkit-mask-image: url("/customcore/icons/slider_prev.svg");
	mask-image: url("/customcore/icons/slider_prev.svg");
}
.csarrowwrap .csarrow.cs-next::after {
	-webkit-mask-image: url("/customcore/icons/slider_next.svg");
	mask-image: url("/customcore/icons/slider_next.svg");
}
.csarrowwrap[arrow-type="y"] .csarrow::after {
	transform: rotate(90deg);
}
/*----------------------------------------------------
** slider option settings / view count
**----------------------------------------------------*/
.csviewcount {
	position: absolute;
	z-index: 2;
	align-items: center;
	overflow: hidden;
}
.slidewrap.cssinglemode .csviewcount {
  display: none;
}
.slidewrap:not(.cssinglemode) .csviewcount {
  display: flex;
}
.slidewrap:not([class*="comboslider-page"]) .csviewcount {
	padding: 0 0.75em;
	border-radius: 1rem;
	height: 2rem;
	transition: opacity 0.3s var(--cseasing,ease), bottom 0.3s var(--cseasing,ease);
}
.slidewrap[slider-state="pause"]:not([class*="comboslider-page"]) .csviewcount,
.slidewrap[slider-state="active"]:not([class*="comboslider-page"]) .csviewcount {
	transition-delay: 0.38s;
}
.slidewrap.cstouchon:not([class*="comboslider-page"]):not([slider-state="swipe"]) .csviewcount {
	opacity: 0;
	bottom: 0;
}
.slidewrap[class*="comboslider-page"] .csviewcount {
	transform: translate(-50%,-50%) scale(0);
	opacity: 0;
}
.slidewrap.csautochange[class*="comboslider-page"]:not(.cspreparation) .csviewcount {
	transition: opacity var(--speed,0.6s) var(--cseasing,ease),transform var(--speed,0.6s) var(--cseasing,ease);
}
.slidewrap.csmenuopen[class*="comboslider-page"] .csviewcount {
	transform: translate(-50%,-50%) scale(1);
	opacity: 1;
}
.csviewcount::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	border-radius: 1rem;
	background-color: rgba(var(--defColorRGB),0.5);
	-webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
	backdrop-filter: brightness(0.8) blur(0.2rem);
}
.csviewcount > span {
	position: relative;
	z-index: 2;
	flex: none;
}
.csviewcount:not([count-type="digital"]) span {
	display: block;
	font-family: "Number";
	color: var(--contrastColor,#fff);
	text-align: center;
}
.csviewcount:not([count-type="digital"]) span.totalnum,
.csviewcount:not([count-type="digital"]) span.actnum {
	width: var(--countwidth,auto);
}
.csviewcount span.totalnum,
.csviewcount span.actnum {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.csviewcount span.actnum {
	margin-right: 0.25em;
}
.csviewcount span.totalnum {
	margin-left: 0.25em;
}
.csviewcount:not([count-type="digital"]) span.actnum span {
	position: absolute;
	z-index: 1;
	opacity: 0;
	transition: transform var(--speed) var(--cseasing), opacity var(--speed) var(--cseasing);
}
.csviewcount:not([count-type="digital"]) span.actnum span:not(.active):not(.wcnoneactive) {
	transform: var(--deftransform);
}
.slidewrap:not([slider-state="auto"]) .csviewcount:not([count-type="digital"]) span.actnum span.active,
.slidewrap[slider-state="auto"] .csviewcount:not([count-type="digital"]) span.actnum span.csnewactive {
	transform: var(--acttransform);
	opacity: 1;
}
.slidewrap[slider-state="auto"] .csviewcount:not([count-type="digital"]) span.actnum span.active {
	transform: var(--outtransform);
}
.csviewcount[count-type="digital"] svg {
	height: 1rem;
}
.csviewcount[count-type="digital"] svg path {
	fill: var(--contrastColor,#fff);
	opacity: 0.1;
	transition: opacity var(--speed) var(--cseasing);
}
.csviewcount[count-type="digital"] .csdigits,
.csviewcount[count-type="digital"] [set-num="/"] {
	display: flex;
	height: 2rem;
	align-items: center;
	flex: none;
}
/*----------------------------------------------------
** slider option settings / control
**----------------------------------------------------*/
.cscontrol {
	position: absolute;
	z-index: 2;
	width: calc( 4rem + calc(var(--csspace) * 0.5));
	height: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	transition: opacity 0.3s var(--cseasing,ease), bottom 0.3s var(--cseasing,ease);
}
.slidewrap[slider-state="pause"] .cscontrol,
.slidewrap[slider-state="active"] .cscontrol {
	transition-delay: 0.38s;
}
.slidewrap.cstouchon .cscontrol {
	opacity: 0;
	bottom: 0;
}
.cscontrol .controlbtn {
	flex: none;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: rgba(var(--defColorRGB),0.5);
	cursor: pointer;
	position: relative;
	z-index: 1;
	-webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
	backdrop-filter: brightness(0.8) blur(0.2rem);
	transition: background-color 0.3s ease;
}
.cscontrol .controlbtn + .controlbtn {
  margin-left: var(--avesize);
}
.slidewrap[next-item="true"] .cscontrol .controlbtn.cs-play.active,
.slidewrap[next-item="false"] .cscontrol .controlbtn.cs-pause,
.cscontrol .controlbtn.cs-pause.active {
	background-color: var(--accentColorA50);
}
.cscontrol .controlbtn::before,
.cscontrol .controlbtn::after {
	content: "";
	position: absolute;
	display: block;
	border-radius: 50%;
}
.cscontrol .controlbtn::before {
	z-index: 1;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	opacity: 0;
	background-color: var(--accentColor);
	transition: opacity 0.3s ease;
}
.slidewrap[next-item="true"] .cscontrol .controlbtn.cs-play.active::before,
.slidewrap[next-item="false"] .cscontrol .controlbtn.cs-pause::before,
.cscontrol .controlbtn.cs-pause.active::before {
	opacity: 1;
}
.cscontrol .controlbtn::after {
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--contrastColor,#fff);
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: cover;
	mask-size: cover;
}
.cscontrol .controlbtn.cs-play::after {
	-webkit-mask-image: url("/customcore/icons/slider_play_fill.svg");
	mask-image: url("/customcore/icons/slider_play_fill.svg");
}
.cscontrol .controlbtn.cs-pause::after {
	-webkit-mask-image: url("/customcore/icons/slider_pause_fill.svg");
	mask-image: url("/customcore/icons/slider_pause_fill.svg");
}
.slidewrap[next-item="false"] .cscontrol .controlbtn.cs-play,
.cscontrol .controlbtn.active,
.slidewrap[slider-state="auto"] .cscontrol .controlbtn,
.slidewrap[next-item="true"] .cscontrol .controlbtn.cs-play.active,
.slidewrap[next-item="false"] .cscontrol .controlbtn.cs-pause,
.cscontrol .controlbtn.cs-pause.active {
	cursor: auto;
	pointer-events: none;
}
/*----------------------------------------------------
** slider option settings / timer
**----------------------------------------------------*/
.slidewrap .cscounttimer {
	position: absolute;
	z-index: 2;
	padding: 0 0.75em;
	border-radius: 1rem;
	display: flex;
	justify-content: center;
	min-width: var(--headerBtnSize);
	height: 2rem;
	top: var(--avesize);
	left: calc(var(--avesize) + var(--sliderXdif));
	transition: opacity 0.3s var(--cseasing,ease), top 0.3s var(--cseasing,ease);
}
.slidewrap[slider-state="pause"] .cscounttimer,
.slidewrap[slider-state="active"] .cscounttimer {
	transition-delay: 0.38s;
}
.slidewrap.cstouchon .cscounttimer,
.slidewrap[auto-play="false"] .cscounttimer,
.slidewrap[next-item="false"] .cscounttimer {
	opacity: 0;
	top: 0;
}
.slidewrap .cscounttimer:not([timer-type="bound"]) {
	box-sizing: border-box;
}
.slidewrap .cscounttimer[timer-type="bound"] {
	width: max-content;
}
.slidewrap .cscounttimer:not([timer-type="slide"]) {
	align-items: center;
}
.slidewrap .cscounttimer[timer-type="slide"] {
	align-items: flex-end;
}
.slidewrap .cscounttimer::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	border-radius: 1rem;
	background-color: rgba(var(--defColorRGB),0.5);
	-webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
	backdrop-filter: brightness(0.8) blur(0.2rem);
}
.slidewrap .cscounttimer[timer-type="bound"] span,
.slidewrap .cscounttimer[timer-type="normal"] span,
.slidewrap .cscounttimer:not([timer-type="normal"]) .csdigits span {
	font-family: "Number";
	color: var(--contrastColor,#fff);
	text-align: center;
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits .first::before,
.slidewrap .cscounttimer[timer-type="slide"] .csdigits .last::before {
	content: "0";
}
.slidewrap .cscounttimer[timer-type="normal"] span {
	position: relative;
	z-index: 2;
	display: block;
	flex: none;
	transform-origin: center center;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}
.slidewrap .cscounttimer:not([timer-type="normal"]) .csdigitsinner span {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	height: 2rem;
	flex: none;
	transform-origin: center center;
}
.slidewrap .cscounttimer:not([timer-type="slide"]) .csdigits,
.slidewrap .cscounttimer[timer-type="slide"] .csdigitsinner {
	display: flex;
	position: relative;
	z-index: 2;
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits {
	display: flex;
	align-items: flex-end;
	height: 2rem;
	overflow: hidden;
	position: relative;
	z-index: 2;
	-webkit-mask-image: -webkit-linear-gradient(top, transparent 0,black 0.5rem,black calc( 100% - 0.5rem),transparent 100%);
	mask-image: linear-gradient(to bottom, transparent 0,black 0.5rem,black calc( 100% - 0.5rem),transparent 100%);
	transition: opacity var(--speed) var(--cseasing,ease);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigitsinner {
	flex-flow: column;
}
.cscounttimer[timer-type="slide"]:not(.wcnoneactive) .csdigitsinner  {
	transition: transform var(--speed) var(--cseasing,ease);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num="0"] .csdigitsinner {
	transform: translateY(0);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num="1"] .csdigitsinner {
	transform: translateY(2rem);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num="2"] .csdigitsinner {
	transform: translateY(4rem);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num="3"] .csdigitsinner {
	transform: translateY(6rem);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num="4"] .csdigitsinner {
	transform: translateY(8rem);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num="5"] .csdigitsinner {
	transform: translateY(10rem);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num="6"] .csdigitsinner {
	transform: translateY(12rem);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num="7"] .csdigitsinner {
	transform: translateY(14rem);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num="8"] .csdigitsinner {
	transform: translateY(16rem);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num="9"] .csdigitsinner {
	transform: translateY(18rem);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num="last"] .csdigitsinner {
	transform: translateY(20rem);
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num] span[wc-text-be].wcspacenum::before {
	display: none;
}
.slidewrap .cscounttimer[timer-type="slide"] .csdigits[set-num] span[wc-text-be].wcspacenum::after {
	content: "0";
}
.slidewrap .cscounttimer[timer-type="digital"] .csdigits svg {
	height: 1rem;
}
.slidewrap .cscounttimer[timer-type="normal"] span {
	transition: transform var(--speed) var(--cseasing,ease),opacity 1s var(--cseasing,ease);
}
.slidewrap .cscounttimer[timer-type="bound"] span {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	opacity: 0;
	transform: translate(-50%,-50%) scale(0);
	transition: transform var(--speed) var(--csboundeasing,var(--cseasing,ease)),opacity var(--speed) var(--cseasing,ease);
}
.slidewrap .cscounttimer[timer-type="bound"] span.active {
	opacity: 1;
	transform: translate(-50%,-50%) scale(1);
}
.slidewrap .cscounttimer[timer-type="slide"][now-time="0"]:not(.singletype) .csdigits,
.cscounttimer[timer-type="normal"].wcnoneactive span,
.cscounttimer[timer-type="normal"] span[wc-text-be="0"],
.cscounttimer[timer-type="normal"] span[wc-text-be="null"] {
	opacity: 0;
}
.cscounttimer[timer-type="normal"] span[wc-text-be="null"]::before {
	content: "" !important;
}

/*----------------------------------------------------
** pager settings / common
**----------------------------------------------------*/

.slidewrap.cssinglemode .pagerwrap {
  display: none;
}
.slidewrap:not(.cssinglemode) .pagerwrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagerwrap .pager .slideitem {
	cursor: pointer;
}
.csautochange .pagerwrap .pager .slideitem,
.pagerwrap[btn-state="false"] .pager .slideitem {
	pointer-events: none;
  cursor: auto;
}
.pager {
  display: flex;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-timebar .pager,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-timebar .pager,
.slidewrap[pager-pos="top"] .pagerwrap.pager-number .pager,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-number .pager {
  flex-flow: row;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-timebar .pager,
.slidewrap[pager-pos="left"] .pagerwrap.pager-timebar .pager,
.slidewrap[pager-pos="right"] .pagerwrap.pager-number .pager,
.slidewrap[pager-pos="left"] .pagerwrap.pager-number .pager {
  flex-flow: column;
}
/*----------------------------------------------------
** pager settings / dots
**----------------------------------------------------*/
.pagerwrap.pager-dots {
	position: absolute;
	z-index: 2;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-dots,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-dots {
	width: var(--csinnerwidth);
	height: 0;
	left: 0;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-dots {
	top: calc(var(--avesize) + 1rem);
}
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-dots {
	bottom: calc(var(--avesize) + 1rem);
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-dots,
.slidewrap[pager-pos="left"] .pagerwrap.pager-dots {
	width: 0;
	height: var(--csinnerheight,100%);
	bottom: 0;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-dots {
	right: calc(var(--avesize) + 1rem);
}
.slidewrap[pager-pos="left"] .pagerwrap.pager-dots {
	left: calc(var(--avesize) + 1rem);
}
.pagerwrap.pager-dots .pagerinner {
	display: flex;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-dots .pagerinner,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-dots .pagerinner {
	width: 100%;
	height: 0;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-dots .pagerinner {
	top: var(--optionspace);
}
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-dots .pagerinner {
	bottom: var(--optionspace);
	align-items: flex-end;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-dots .pagerinner,
.slidewrap[pager-pos="left"] .pagerwrap.pager-dots .pagerinner {
	width: 0;
	height: 100%;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-dots .pagerinner {
	right: var(--optionspace);
}
.slidewrap[pager-pos="left"] .pagerwrap.pager-dots .pagerinner {
	left: var(--optionspace);
	align-items: flex-end;
}
.pagerwrap.pager-dots .pager {
	align-items: center;
  gap: 2px;
  height: 0;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-dots .pager,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-dots .pager {
	margin-right: auto;
	margin-left: auto;
	width: max-content;
	height: 0;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-dots .pager {
	margin-top: calc(( var(--optionsize) - 6px ) / 2 );
}
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-dots .pager {
	margin-bottom: calc(( var(--optionsize) - 6px ) / 2 );
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-dots .pager,
.slidewrap[pager-pos="left"] .pagerwrap.pager-dots .pager {
	margin-top: auto;
	margin-bottom: auto;
	width: 0;
	height: max-content;
	flex-flow: column;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-dots .pager {
	margin-right: calc(( var(--optionsize) - 6px ) / 2 );
}
.slidewrap[pager-pos="left"] .pagerwrap.pager-dots .pager {
	margin-left: calc(( var(--optionsize) - 6px ) / 2 );
}
.pagerwrap.pager-dots .slideitem {
	border-radius: 50%;
	flex: none;
	background-color: rgba(var(--defColorRGB),0.5);
	-webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
	backdrop-filter: brightness(0.8) blur(0.2rem);
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-dots .slideitem,
.slidewrap[pager="bottom"] .pagerwrap.pager-dots .slideitem {
	transform: translateY(-50%);
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-dots .slideitem:not([item-pos*="_all"]),
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-dots .slideitem:not([item-pos*="_all"]) {
	margin: 0 2px;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-dots .slideitem:not([item-pos*="_all"]),
.slidewrap[pager-pos="left"] .pagerwrap.pager-dots .slideitem:not([item-pos*="_all"]) {
	margin: 2px 0;
}
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots:not(.swipechange) .slideitem.active,
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots:not(.swipechange) .slideitem.csnewactive,
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots:not(.swipechange) .slideitem[item-pos="prev"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots:not(.swipechange) .slideitem[item-pos="next"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots.swipechange .slideitem.active,
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots.swipechange .slideitem.csnewlarge,
.slidewrap[slider-state="auto"] .pagerwrap.pager-dots .slideitem.csnewactive,
.slidewrap[slider-state="auto"] .pagerwrap.pager-dots .slideitem.csnewlarge {
	width: 6px;
	height: 6px;
}
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots .slideitem[item-pos="prev_1"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots .slideitem[item-pos="next_1"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots.swipechange .slideitem.csnewmiddle,
.slidewrap[slider-state="auto"] .pagerwrap.pager-dots .slideitem.csnewmiddle {
	width: 4px;
	height: 4px;
}
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots .slideitem[item-pos="prev_2"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots .slideitem[item-pos="next_2"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots.swipechange .slideitem.csnewsmall,
.slidewrap[slider-state="auto"] .pagerwrap.pager-dots .slideitem.csnewsmall {
	width: 2px;
	height: 2px;
}
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots .slideitem[item-pos="prev_all"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots .slideitem[item-pos="next_all"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots.swipechange .slideitem:not(.active):not(.csnewlarge):not(.csnewmiddle):not(.csnewsmall),
.slidewrap[slider-state="auto"] .pagerwrap.pager-dots .slideitem:not(.csnewactive):not(.csnewlarge):not(.csnewmiddle):not(.csnewsmall) {
	width: 0;
	height: 0;
	background-color: transparent;
}
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots .slideitem.active,
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-dots.swipechange .slideitem.csnewactive,
.slidewrap[slider-state="auto"] .pagerwrap.pager-dots .slideitem.csnewactive {
	background-color: var(--accentColor);
}
.slidewrap:not([slider-state="changeend"]) .pagerwrap.pager-dots .pager .slideitem {
	transition: all calc(var(--speed) * 0.5) calc(var(--speed) * 0.5) var(--cseasing,ease);
}
/*----------------------------------------------------
** pager settings / thumbnail
**----------------------------------------------------*/
.slidewrap[pager="x"] .pagerwrap.pager-thumbnail {
  height: var(--cswrapheight);
}
.slidewrap[pager="y"] .pagerwrap.pager-thumbnail {
  width: var(--cswrapwidth);
}
.pagerwrap.pager-thumbnail .pagerinner {
	overflow: hidden;
  width: 100%;
  height: 100%;
	position: relative;
	z-index: 1;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-thumbnail .pagerinner,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-thumbnail .pagerinner,
.slidewrap[pager-pos="top"] .pagerwrap.pager-thumbnail .pagerinner .pager,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-thumbnail .pagerinner .pager,
.slidewrap[pager-pos="top"] .pagerwrap.pager-thumbnail .pagerinner .pager img,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-thumbnail .pagerinner .pager img {
	height: var(--pageritembase);
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-thumbnail .pagerinner,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-thumbnail .pagerinner {
	margin: 0 auto;
	width: auto;
	max-width: 100%;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-thumbnail .pagerinner,
.slidewrap[pager-pos="left"] .pagerwrap.pager-thumbnail .pagerinner,
.slidewrap[pager-pos="right"] .pagerwrap.pager-thumbnail .pagerinner .pager,
.slidewrap[pager-pos="left"] .pagerwrap.pager-thumbnail .pagerinner .pager,
.slidewrap[pager-pos="right"] .pagerwrap.pager-thumbnail .pagerinner .pager img,
.slidewrap[pager-pos="left"] .pagerwrap.pager-thumbnail .pagerinner .pager img {
	width: var(--pageritembase);
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-thumbnail .pagerinner,
.slidewrap[pager-pos="left"] .pagerwrap.pager-thumbnail .pagerinner {
	margin: auto 0;
	height: auto;
	max-height: 100%;
}
.slidewrap .pagerwrap.pager-thumbnail .pager {
  width: var(--pagerWidth,max-content);
  height: var(--pagerHeight,max-content);
}
.slidewrap[slider-state="changeend"] .pagerwrap.pager-thumbnail .pager {
  animation: var(--swipename) var(--speed) none var(--cseasing);
}
.slidewrap.cstouchon[slider-state="changeend"] .pagerwrap.pager-thumbnail .pager {
  animation-play-state: paused;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-thumbnail .pager,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-thumbnail .pager {
	width: max-content;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-thumbnail .pager,
.slidewrap[pager-pos="left"] .pagerwrap.pager-thumbnail .pager {
	flex-flow: column;
	height:  max-content;
}
.pagerwrap.pager-thumbnail .pager .slideitem {
	background-color: var(--sysBgColor);
	position: relative;
	z-index: 1;
	overflow: hidden;
	flex: none;
}
.slidewrap[pager="y"] .pagerwrap.pager-thumbnail .pager .slideitem,
.slidewrap[pager="y"] .pagerwrap.pager-thumbnail .pager .slideitem img {
  width: var(--thumsize);
  height: var(--pagerHeight);
}
.slidewrap[pager="x"] .pagerwrap.pager-thumbnail .pager .slideitem,
.slidewrap[pager="x"] .pagerwrap.pager-thumbnail .pager .slideitem img {
  width: var(--pagerWidth);
  height: var(--thumsize);
}
.pagerwrap.pager-thumbnail .pager .slideitem::before,
.pagerwrap.pager-thumbnail .pager .slideitem::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.pagerwrap.pager-thumbnail .pager .slideitem::before {
	content: "";
	z-index: 3;
	display: block;
	background-color: rgba(var(--defColorRGB),0.5);
}
.slidewrap[slider-state="auto"] .pagerwrap.pager-thumbnail .pager .slideitem.active::before,
.slidewrap[slider-state="auto"] .pagerwrap.pager-thumbnail .pager .slideitem.csnewactive::before {
	transition: opacity calc(var(--speed) * 0.5) calc(var(--speed) * 0.5) var(--cseasing,ease);
}
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-thumbnail .pager .slideitem.active::before,
.slidewrap[slider-state="auto"] .pagerwrap.pager-thumbnail .pager .slideitem.csnewactive::before {
	opacity: 0;
}
.pagerwrap.pager-thumbnail .pager .slideitem::after {
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	font-family: "Oswald",var(--jptype);
	color: var(--defColor);
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-thumbnail .pager .slideitem[wc-text-af]::after,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-thumbnail .pager .slideitem[wc-text-af]::after {
	font-size: calc(var(--csinnerheight) * var(--cspagerratio) / var(--fontRatio));
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-thumbnail .pager .slideitem[wc-text-af]::after,
.slidewrap[pager-pos="left"] .pagerwrap.pager-thumbnail .pager .slideitem[wc-text-af]::after {
	font-size: calc(var(--csinnerwidth) * var(--cspagerratio) / var(--fontRatio));
}
.pagerwrap.pager-thumbnail .pagerinner .pager .slideitem img {
	object-fit: cover;
	position: relative;
	z-index: 1;
}
/*----------------------------------------------------
** pager settings / timebar
**----------------------------------------------------*/
.pagerwrap.pager-timebar .pager {
  gap: 1px;
  justify-content: center;
  align-items: center;
}
.pagerwrap.pager-timebar .pager .slideitem {
  box-sizing: border-box;
  background-color: rgba(var(--defColorRGB),0.5);
  backdrop-filter: brightness(0.8) blur(0.2rem);
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-timebar .pager,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-timebar .pager {
  width: 100%;
  height: 5px;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-timebar .pager,
.slidewrap[pager-pos="left"] .pagerwrap.pager-timebar .pager {
  width: 5px;
  height: 5px;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-timebar .pager .slideitem,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-timebar .pager .slideitem {
  width: 100%;
  height: 3px;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-timebar .pager .slideitem,
.slidewrap[pager-pos="left"] .pagerwrap.pager-timebar .pager .slideitem {
  width: 3px;
  height: 100%;
}
.slidewrap .pagerwrap.pager-timebar .pager .slideitem span.meterbar {
  background-color: var(--accentColor);
  display: block;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-timebar .pager .slideitem span.meterbar,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-timebar .pager .slideitem span.meterbar {
  height: 3px;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-timebar .pager .slideitem span.meterbar,
.slidewrap[pager-pos="left"] .pagerwrap.pager-timebar .pager .slideitem span.meterbar {
  width: 3px;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-timebar .pager .slideitem[item-pos*="prev"] span.meterbar,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-timebar .pager .slideitem[item-pos*="prev"] span.meterbar {
  width: 100%;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-timebar .pager .slideitem[item-pos*="prev"] span.meterbar,
.slidewrap[pager-pos="left"] .pagerwrap.pager-timebar .pager .slideitem[item-pos*="prev"] span.meterbar {
  height: 100%;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-timebar .pager .slideitem[item-pos*="next"] span.meterbar,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-timebar .pager .slideitem[item-pos*="next"] span.meterbar {
  width: 0%;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-timebar .pager .slideitem[item-pos*="next"] span.meterbar,
.slidewrap[pager-pos="left"] .pagerwrap.pager-timebar .pager .slideitem[item-pos*="next"] span.meterbar {
  height: 0%;
}
.slidewrap[swipe-change="false"]:not([slider-state="auto"]) .pagerwrap.pager-timebar .pager .slideitem[item-pos="active"] span.meterbar {
  animation: cstimer var(--delay) forwards linear;
}
.slidewrap[display-state="false"] .pagerwrap.pager-timebar .pager .slideitem[item-pos="active"] span.meterbar,
.slidewrap[display-state="true"][swipe-change="false"]:not([slider-state="active"]) .pagerwrap.pager-timebar .pager .slideitem[item-pos="active"] span.meterbar,
.slidewrap[display-state="true"][slider-state="active"][hover="true"]:hover .pagerwrap.pager-timebar .pager .slideitem[item-pos="active"] span.meterbar,
.slidewrap[display-state="true"][slider-state="active"].cstouchon .pagerwrap.pager-timebar .pager .slideitem[item-pos="active"] span.meterbar,
.slidewrap[display-state="true"][modal-state="false"] .pagerwrap.pager-timebar .pager .slideitem[item-pos="active"] span.meterbar,
.slidewrap[display-state="true"][slider-state="active"][slider-waiting="true"] .pagerwrap.pager-timebar .pager .slideitem[item-pos="active"] span.meterbar,
body:not([page-state="pageshow"]) .slidewrap[display-state="true"][slider-state="active"] .pagerwrap.pager-timebar .pager .slideitem[item-pos="active"] span.meterbar {
  animation-play-state: paused !important;
}
/*----------------------------------------------------
** pager settings / number
**----------------------------------------------------*/
.pagerwrap.pager-number {
	position: absolute;
	z-index: 2;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-number,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-number {
	width: var(--csinnerwidth);
	height: 0;
	left: 0;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-number {
	top: calc(var(--avesize) + 1rem);
}
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-number {
	bottom: calc(var(--avesize) + 1rem);
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-number,
.slidewrap[pager-pos="left"] .pagerwrap.pager-number {
	width: 0;
	height: var(--csinnerheight,100%);
	bottom: 0;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-number {
	right: calc(var(--avesize) + 1rem);
}
.slidewrap[pager-pos="left"] .pagerwrap.pager-number {
	left: calc(var(--avesize) + 1rem);
}
.pagerwrap.pager-number .pagerinner {
	position: absolute;
	z-index: 1;
	display: flex;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-number .pagerinner,
.slidewrap[pager="bottom"] .pagerwrap.pager-number .pagerinner {
	width: 100%;
	height: 0;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-number .pagerinner {
	top: var(--optionspace);
}
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-number .pagerinner {
	bottom: var(--optionspace);
	align-items: flex-end;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-number .pagerinner,
.slidewrap[pager-pos="left"] .pagerwrap.pager-number .pagerinner {
	width: 0;
	height: 100%;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-number .pagerinner {
	right: var(--optionspace);
}
.slidewrap[pager-pos="left"] .pagerwrap.pager-number .pagerinner {
	left: var(--optionspace);
	align-items: flex-end;
}
.pagerwrap.pager-number .pager {
	align-items: center;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-number .pager,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-number .pager {
	margin-right: auto;
	margin-left: auto;
	width: max-content;
	height: 0;
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-number .pager {
	margin-top: calc(( var(--optionsize) - 6px ) / 2 );
}
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-number .pager {
	margin-bottom: calc(( var(--optionsize) - 6px ) / 2 );
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-number .pager,
.slidewrap[pager-pos="left"] .pagerwrap.pager-number .pager {
	margin-top: auto;
	margin-bottom: auto;
	width: 0;
	height: max-content;
	flex-flow: column;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-number .pager {
	margin-right: calc(( var(--optionsize) - 6px ) / 2 );
}
.slidewrap[pager-pos="left"] .pagerwrap.pager-number .pager {
	margin-left: calc(( var(--optionsize) - 6px ) / 2 );
}
.pagerwrap.pager-number .slideitem {
  display: flex;
  align-items: center;
  justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	flex: none;
	margin: auto;
	background-color: rgba(var(--defColorRGB),0.5);
	-webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
	backdrop-filter: brightness(0.8) blur(0.2rem);
}
.pagerwrap.pager-number .slideitem::before {
  content: attr(pager-num)"";
  font-family: "Number";
  color: var(--contrastColor,#fff);
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-number .slideitem,
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-number .slideitem {
	transform: translateY(-50%);
}
.slidewrap[pager-pos="top"] .pagerwrap.pager-number .slideitem:not([item-pos*="_all"]),
.slidewrap[pager-pos="bottom"] .pagerwrap.pager-number .slideitem:not([item-pos*="_all"]) {
	margin: auto 2px;
}
.slidewrap[pager-pos="right"] .pagerwrap.pager-number .slideitem:not([item-pos*="_all"]),
.slidewrap[pager-pos="left"] .pagerwrap.pager-number .slideitem:not([item-pos*="_all"]) {
	margin: 2px auto;
}
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number:not(.swipechange) .slideitem.active,
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number:not(.swipechange) .slideitem.csnewactive,
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number:not(.swipechange) .slideitem[item-pos="prev"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number:not(.swipechange) .slideitem[item-pos="next"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number.swipechange .slideitem.active,
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number.swipechange .slideitem.csnewlarge,
.slidewrap[slider-state="auto"] .pagerwrap.pager-number .slideitem.csnewactive,
.slidewrap[slider-state="auto"] .pagerwrap.pager-number .slideitem.csnewlarge {
  opacity: 1;
}
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number .slideitem[item-pos="prev_1"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number .slideitem[item-pos="next_1"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number.swipechange .slideitem.csnewmiddle,
.slidewrap[slider-state="auto"] .pagerwrap.pager-number .slideitem.csnewmiddle {
  opacity: 0.8;
}
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number .slideitem[item-pos="prev_2"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number .slideitem[item-pos="next_2"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number.swipechange .slideitem.csnewsmall,
.slidewrap[slider-state="auto"] .pagerwrap.pager-number .slideitem.csnewsmall {
  opacity: 0.6;
}
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number .slideitem[item-pos="prev_all"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number .slideitem[item-pos="next_all"],
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number.swipechange .slideitem:not(.active):not(.csnewlarge):not(.csnewmiddle):not(.csnewsmall),
.slidewrap[slider-state="auto"] .pagerwrap.pager-number .slideitem:not(.csnewactive):not(.csnewlarge):not(.csnewmiddle):not(.csnewsmall) {
  opacity: 0.4;
}
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number .slideitem.active,
.slidewrap:not([slider-state="auto"]) .pagerwrap.pager-number.swipechange .slideitem.csnewactive,
.slidewrap[slider-state="auto"] .pagerwrap.pager-number .slideitem.csnewactive {
	background-color: var(--accentColor);
}
.slidewrap:not([slider-state="changeend"]) .pagerwrap.pager-number .pager .slideitem {
	transition: all calc(var(--speed) * 0.5) calc(var(--speed) * 0.5) var(--cseasing,ease);
}
/*----------------------------------------------------
** pager settings / page
**----------------------------------------------------*/
.pagerwrap.pager-page {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: var(--cswrapwidth,100%);
	height: 0;
}
/*----------------------------------------------------
** digital svg setting
**----------------------------------------------------*/
.csdigits + .csdigits {
	margin-left: 0.11rem;
}
[set-num] svg path {
	fill: var(--contrastColor,#fff);
	opacity: 0.1;
	transition: opacity var(--speed) var(--cseasing,ease);
}
[set-num]:not([set-num="1"]):not([set-num="4"]):not([set-num="/"]):not([set-num="r/"]) svg path.path-t,
[set-num]:not([set-num="5"]):not([set-num="6"]):not([set-num="/"]):not([set-num="r/"]) svg path.path-rt,
[set-num]:not([set-num="2"]):not([set-num="/"]):not([set-num="r/"]) svg path.path-rb,
[set-num]:not([set-num="1"]):not([set-num="4"]):not([set-num="7"]):not([set-num="/"]):not([set-num="r/"]) svg path.path-b,
[set-num]:not([set-num="1"]):not([set-num="3"]):not([set-num="4"]):not([set-num="5"]):not([set-num="7"]):not([set-num="9"]):not([set-num="/"]):not([set-num="r/"]) svg path.path-lb,
[set-num]:not([set-num="1"]):not([set-num="2"]):not([set-num="3"]):not([set-num="7"]):not([set-num="/"]):not([set-num="r/"]) svg path.path-lt,
[set-num]:not([set-num="0"]):not([set-num="1"]):not([set-num="7"]) svg path.path-c,
[set-num="r/"] svg path.path-clt,
[set-num="/"] svg path.path-crt,
[set-num]:not([set-num="0"]):not([set-num="1"]):not([set-num="7"]):not([set-num="/"]):not([set-num="r/"]) svg path.path-cr,
[set-num="r/"] svg path.path-cbr,
[set-num="/"] svg path.path-cbl,
[set-num]:not([set-num="0"]):not([set-num="1"]):not([set-num="7"]):not([set-num="/"]):not([set-num="r/"]) svg path.path-cl {
	opacity: 1;
}
.cscounttimer[timer-type="digital"].wcnoneactive span svg path,
[set-num="null"] svg path {
	opacity: 0.1 !important;
}