/*----------------------------------------------------
** WEB COMBO / wcSlider.css
** Ver.6.0.0
** copyright 2020 GRANTEST Inc.
**----------------------------------------------------
** Common settings
**----------------------------------------------------*/
.comboslider {
	overflow: hidden;
}
.comboslider.wcpreparation {
	opacity: 0;
}
.comboslider img:not(.wcnotinterfere),
.comboslider video:not(.wcnotinterfere) {
	width: 100%;
	max-width: var(--windowwidth,100vw);
	height: auto;
	object-fit: cover;
	vertical-align: top;
}
.cs_reset {
	overflow: hidden;
}
.cs_reset .comboslider{
	opacity: 0;
}
.cs_wrap {
	position: relative;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
}
.cs_wrap[set-pager] {
	display: flex;
	justify-content: center;
	align-items: center;
}
.cs_wrap[set-pager="top"] {
	flex-flow: column-reverse;
}
.cs_wrap[set-pager="right"] {
	flex-flow: row;
}
.cs_wrap[set-pager="bottom"] {
	flex-flow: column;
}
.cs_wrap[set-pager="left"] {
	flex-flow: row-reverse;
}
.cs_inner {
	width: var(--csmaxwidth,100%);
	height: var(--csmaxheight,auto);
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.cs_wrap[set-pager] .cs_inner,
.cs_wrap[set-pager] .cs_pagerwrap {
	flex: none;
}
@keyframes csloader {
	0% {
		transform:rotate(0deg)
	}
	100% {
		transform:rotate(360deg)
	}
}
@keyframes csloaderfadeout {
	0% {
		opacity:1
	}
	100% {
		opacity:0
	}
}
.cs_wrap .csloader,
.cs_wrap .csloader::before {
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.cs_wrap .csloader {
	display: none;
	z-index: 3;
	transition: opacity var(--cstransition,0s) ease;
}
.cs_wrap:not(.cspreparation) .csloader {
	opacity: 0;
}
.cs_wrap.cswaiting .csloader,
.cs_wrap.cspreparation .csloader,
.cs_wrap .csloader::before,
.cs_wrap .cspreparation::before {
	display: flex;
	justify-content: center;
	align-items: center;
}
.cs_wrap .csloader::before {
	content: "loading...";
	z-index: 1;
	font-family: "Oswald";
	font-size: calc( var(--csloadersize) / 5 );
	color: var(--accentcompcolor,#fff);
	background-color: var(--defaultcolorA);
}
@supports (-webkit-backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .cs_wrap .csloader::before {
    -webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
@supports (backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .cs_wrap .csloader::before {
    backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
.cs_wrap .csloader::after {
	content: "";
	position: relative;
	z-index: 2;
	display: block;
	width: calc( var(--csloadersize) - 4px);
	height: calc( var(--csloadersize) - 4px);
	min-width: var(--headerBtnSize);
	min-height: var(--headerBtnSize);
	border: solid 2px var(--accentcompcolor,#fff);
	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;
}
.cs_wrap .csloader::after {
	animation: csloader 1s ease infinite;
}
.cs_item {
	-webkit-touch-callout: none;
}
.cs_item:not([csitem-type="normal"])::after {
	display: block;
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: var(--coversrc);
	background-repeat: repeat;
	background-size: cover;
}
.cs_item:not([csitem-type="normal"]):not([wc-text-af])::after {
	content: "";
}
.cs_item > *:not(.csvideoplaybtn) {
	position: relative;
	z-index: 1;
}
.cs_item .csvideoplaybtn {
	width: 0;
	height: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 0;
	overflow: hidden;
}


/*----------------------------------------------------
** slider main settings / comboslider-slide
**----------------------------------------------------*/
.comboslider-slide .comboslider {
	display: flex;
	width: max-content;
	position: relative;
	z-index: 1;
}
.comboslider-slide.wcsliderautochange:not(.cspreparation) .comboslider {
	transition: transform var(--cstransition,0.6s) var(--cseasing,ease);
}
.comboslider-slide .comboslider::before,
.comboslider-slide .comboslider::after {
	content: "";
	display: block;
	flex: none;
	width: var(--centerDif,0px);
}
.comboslider-slide .comboslider .cs_item {
	flex: none;
	position: relative;
	z-index: 1;
}
.comboslider-slide .comboslider .cs_item img:not(.wcnotinterfere),
.comboslider-slide .comboslider .cs_item video:not(.wcnotinterfere) {
	width: auto;
	height: var(--csmaxheight,100%);
}
/*----------------------------------------------------
** slider main settings / comboslider-slide-vertical
**----------------------------------------------------*/
.comboslider-slide-vertical .comboslider {
	display: flex;
	flex-flow: column;
	height: max-content;
	position: relative;
	z-index: 1;
}
.comboslider-slide-vertical.wcsliderautochange:not(.cspreparation) .comboslider {
	transition: transform var(--cstransition,0.6s) var(--cseasing,ease);
}
.comboslider-slide-vertical .comboslider::before,
.comboslider-slide-vertical .comboslider::after {
	content: "";
	display: none;
	flex: none;
	height: var(--centerDif,0px);
}
.comboslider-slide-vertical .comboslider .cs_item {
	flex: none;
	position: relative;
	z-index: 1;
}
.comboslider-slide-vertical .comboslider .cs_item img:not(.wcnotinterfere),
.comboslider-slide-vertical .comboslider .cs_item video:not(.wcnotinterfere) {
	width: var(--csmaxwidth,100%);
	height: auto;
}










/*----------------------------------------------------
** slider main settings / comboslider-rotate
**----------------------------------------------------*/
.cs_wrap[class*="rotate"] {
	overflow: hidden;
}
.cs_wrap[class*="rotate"] .cs_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: visible;
	margin: auto;
}
.comboslider-rotate-x .cs_inner {
	perspective: calc(var(--csitemwidth) * 4);
}
.comboslider-rotate-y .cs_inner {
	perspective: calc(var(--csitemheight) * 4);
}
.cs_wrap[class*="rotate"] .comboslider,
.cs_wrap[class*="rotate"] .comboslider .cs_item,
.cs_wrap[class*="rotate"] .comboslider .cs_item img:not(.wcnotinterfere),
.cs_wrap[class*="rotate"] .comboslider .cs_item video:not(.wcnotinterfere) {
	width: var(--csitemwidth);
	height: var(--csitemheight);
}
.cs_wrap[class*="rotate"] .comboslider {
	margin: auto;
	transform-style: preserve-3d;
	overflow: visible;
	position: relative;
	z-index: 1;
}
.comboslider-rotate-x .comboslider {
	transform: translateZ(calc(var(--csitemwidth) * -0.5));
}
.comboslider-rotate-y .comboslider {
	transform: translateZ(calc(var(--csitemheight) * -0.5));
}
.cs_wrap[class*="rotate"].wcsliderautochange:not(.cspreparation) .comboslider {
	transition: transform calc(var(--cstransition,0.6s) * 0.5) var(--cseasing,ease);
}
.cs_wrap[class*="rotate"] .comboslider .cs_item {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	opacity:0;
	backface-visibility: hidden;
}
.comboslider-rotate-x .comboslider .cs_item {
	transform: translateZ(calc(var(--csitemwidth) * 0.5));
}
.comboslider-rotate-y .comboslider .cs_item {
	transform: translateZ(calc(var(--csitemheight) * 0.5));
}
.cs_wrap[class*="rotate"].wcsliderautochange:not(.cspreparation) .comboslider .cs_item.cschangeact {
	transition: transform var(--cstransition,0.6s) var(--cseasing,ease);
}
.cs_wrap[class*="rotate"] .comboslider .cs_item.wcactive,
.cs_wrap[class*="rotate"] .comboslider .cs_item.cschangetarget {
	opacity: 1;
}
.comboslider-rotate-x .comboslider .cs_item.wcactive {
	transform: rotateY(0) translateZ(calc(var(--csitemwidth) * 0.5));
	z-index: 3;
}
.comboslider-rotate-x .comboslider .cs_item[item-pos*="prev"] {
	transform: rotateY(-90deg) translateZ(calc(var(--csitemwidth) * 0.5));
	z-index: 2;
}
.comboslider-rotate-x .comboslider .cs_item[item-pos*="next"] {
	transform: rotateY(90deg) translateZ(calc(var(--csitemwidth) * 0.5));
	z-index: 2;
}


.comboslider-rotate-y .comboslider .cs_item.wcactive {
	transform: rotateX(0) translateZ(calc(var(--csitemheight) * 0.5));
	z-index: 3;
}
.comboslider-rotate-y .comboslider .cs_item[item-pos*="prev"] {
	transform: rotateX(90deg) translateZ(calc(var(--csitemheight) * 0.5));
	z-index: 2;
}
.comboslider-rotate-y .comboslider .cs_item[item-pos*="next"] {
	transform: rotateX(-90deg) translateZ(calc(var(--csitemheight) * 0.5));
	z-index: 2;
}










/*----------------------------------------------------
** slider main settings / fade / mask-change
**----------------------------------------------------*/
.cs_wrap[class*="fade"] .cs_inner,
.comboslider-mask-change .cs_inner {
	margin: auto;
}
.cs_wrap[class*="fade"] .comboslider,
.comboslider-mask-change .comboslider {
	position: relative;
	z-index: 1;
	width: var(--csmaxwidth);
	height: var(--csmaxheight);
}
.comboslider-mask-change .comboslider .cs_item,
.cs_wrap[class*="fade"] .comboslider .cs_item {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: var(--csmaxwidth);
	height: var(--csmaxheight);
	opacity: 0;
}
.cs_wrap[class*="fade"] .comboslider .cs_item img:not(.wcnotinterfere),
.cs_wrap[class*="fade"] .comboslider .cs_item video:not(.wcnotinterfere),
.comboslider-mask-change .comboslider .cs_item .cs_item_inner,
.comboslider-mask-change .comboslider .cs_item img:not(.wcnotinterfere),
.comboslider-mask-change .comboslider .cs_item video:not(.wcnotinterfere) {
	width: var(--csmaxwidth);
	height: var(--csmaxheight);
}
/* comboslider-fade */
.comboslider-fade.wcsliderautochange:not(.cspreparation) .comboslider .cs_item {
	transition: opacity var(--cstransition,0.6s) var(--cseasing,ease);
}
/* comboslider-fade-zoom */
.comboslider-fade-zoom .comboslider .cs_item {
	transform-origin: center center;
	transform: scale(2);
}
.comboslider-fade-zoom .comboslider .cs_item.wcactive {
	transform: scale(1);
}
.comboslider-fade-zoom.wcsliderautochange:not(.cspreparation) .comboslider .cs_item {
	transition: opacity var(--cstransition,0.6s) var(--cseasing,ease),transform var(--cstransition,0.6s) var(--cseasing,ease);
}
/* comboslider-mask-change */
.comboslider-mask-change .comboslider .cs_item .cs_maskwrap,
.comboslider-mask-change .comboslider .cs_item .cs_item_inner {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%,-50%,0);
}
.comboslider-mask-change .comboslider .cs_item .cs_maskwrap {
	width: var(--masksize,0);
	height: var(--masksize,0);
	overflow: hidden;
	-webkit-mask-image: var(--csdefmasksrc,none);
	mask-image: var(--csdefmasksrc,none);
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	z-index: 2;
}
.comboslider-mask-change .comboslider[mask-state="true"] .cs_item .cs_maskwrap {
	-webkit-mask-image: var(--csmasksrc,none);
	mask-image: var(--csmasksrc,none);
}
.comboslider-mask-change .comboslider[mask-state="false"] .cs_item .cs_maskwrap {
	-webkit-mask-image: none;
	mask-image: none;
}
.comboslider-mask-change.wcsliderautochange:not(.cspreparation) .comboslider .cs_item.wcactive .cs_maskwrap {
	transition: width calc(var(--cstransition,0.6s) * 0.5 ) var(--cseasing,ease),height calc(var(--cstransition,0.6s) * 0.5 ) var(--cseasing,ease);
}
.comboslider-mask-change.wcsliderautochange:not(.cspreparation) .comboslider .cs_item:not(.wcactive) .cs_maskwrap {
	transition: width calc(var(--cstransition,0.6s) * 0.5 ) var(--cseasing,ease),height calc(var(--cstransition,0.6s) * 0.5 ) var(--cseasing,ease);
}
.comboslider-mask-change .comboslider .cs_item.wcactive .cs_maskwrap {
	width: var(--masksize,200%);
	height: var(--masksize,200%);
}
.comboslider-mask-change .comboslider .cs_item .cs_item_inner {
}



.cs_wrap[class*="fade"] .comboslider .cs_item.wcactive,
.comboslider-mask-change .comboslider .cs_item.wcactive {
	z-index: 3;
	opacity: 1;
}







/*----------------------------------------------------
** slider main settings / carousel
**----------------------------------------------------*/
@keyframes carousel-slide-main {
	0% {
		transform: translateX(100%);
	}
	100%{
		transform: translateX(-100%);
	}
}
@keyframes carousel-slide-clone {
	0% {
		transform: translateX(0%);
	}
	100%{
		transform: translateX(-200%);
	}
}
@keyframes carousel-slide-reverse-main {
	0% {
		transform: translateX(-100%);
	}
	100%{
		transform: translateX(100%);
	}
}
@keyframes carousel-slide-reverse-clone {
	0% {
		transform: translateX(0%);
	}
	100%{
		transform: translateX(200%);
	}
}
@keyframes carousel-vertical-main {
	0% {
		transform: translateY(100%);
	}
	100%{
		transform: translateY(-100%);
	}
}
@keyframes carousel-vertical-clone {
	0% {
		transform: translateY(0%);
	}
	100%{
		transform: translateY(-200%);
	}
}
@keyframes carousel-vertical-reverse-main {
	0% {
		transform: translateY(-100%);
	}
	100%{
		transform: translateY(100%);
	}
}
@keyframes carousel-vertical-reverse-clone {
	0% {
		transform: translateY(0%);
	}
	100%{
		transform: translateY(200%);
	}
}
.cs_wrap[class*="comboslider-carousel"] {
	display: flex;
	justify-content: center;
	align-items: center;
}
.cs_wrap[class*="comboslider-carousel"] .cs_inner {
	flex: none;
}
.cs_wrap[class*="comboslider-carousel"][class*="reverse"] .cs_inner {
	justify-content: flex-end;
}
.cs_wrap[class*="comboslider-carousel"] .cs_inner,
.cs_wrap[class*="comboslider-carousel"] .comboslider {
	display: flex;
}
.cs_wrap[class*="comboslider-carousel-vertical"] .cs_inner,
.cs_wrap[class*="comboslider-carousel-vertical"] .comboslider {
	flex-flow: column;
}
.cs_wrap[class*="comboslider-carousel"] .comboslider,
.cs_wrap[class*="comboslider-carousel"] .comboslider .cs_item {
	flex: none;
}
.cs_wrap[class*="comboslider-carousel"] .comboslider .cs_item {
	position: relative;
	z-index: 1;
}
.cs_wrap.comboslider-carousel-slide:not(.cswaiting) .comboslider,
.cs_wrap.comboslider-carousel-slide-reverse:not(.cswaiting) .comboslider.slider-clone {
	animation: var(--csAnimationMain) var(--csduration,10s) var(--csdelay,-5s) linear infinite;
}
.cs_wrap.comboslider-carousel-slide:not(.cswaiting) .comboslider.slider-clone,
.cs_wrap.comboslider-carousel-slide-reverse:not(.cswaiting) .comboslider {
	animation: var(--csAnimationClone) var(--csduration,10s) linear infinite;
}
.cs_wrap[class*="comboslider-carousel"].cspause .comboslider,
.cs_wrap[class*="comboslider-carousel"].cspause .comboslider.slider-clone {
	animation-play-state: paused;
}
.cs_wrap[class*="carousel-slide"][item-fit="true"] .cs_item img:not(.wcnotinterfere),
.cs_wrap[class*="carousel-slide"][item-fit="true"] .cs_item video:not(.wcnotinterfere) {
	width: 100%;
	height: var(--csmaxheight);
}
.cs_wrap[class*="carousel-vertical"][item-fit="true"] .cs_item img:not(.wcnotinterfere),
.cs_wrap[class*="carousel-vertical"][item-fit="true"] .cs_item video:not(.wcnotinterfere) {
	width: var(--csmaxwidth);
	height: auto;
}




/*----------------------------------------------------
** slider main settings / page
**----------------------------------------------------*/
.cs_wrap[class*="comboslider-page"] {
	display: flex;
	justify-content: center;
	align-items: center;
}
.cs_wrap[class*="comboslider-page"] .cs_inner {
	flex: none;
}
.cs_wrap[class*="comboslider-page"] .cs_inner,
.cs_wrap[class*="comboslider-page"] .comboslider,
.cs_wrap[class*="comboslider-page"] .comboslider .cs_item_inner,
.cs_wrap[class*="comboslider-page"][item-fit="true"] .comboslider img:not(.wcnotinterfere),
.cs_wrap[class*="comboslider-page"][item-fit="true"] .comboslider video:not(.wcnotinterfere) {
	width: var(--csitemwidth);
	height: var(--csitemheight);
}
.cs_wrap[class*="comboslider-page"] .comboslider .cs_item {
	position: absolute;
	top: 0;
	opacity: 0;
}
.cs_wrap[class*="comboslider-page"]:not(.cswaiting) .comboslider .cs_item {
	width: var(--csitemwidth);
	height: 0;
}
.cs_wrap[class*="comboslider-page"] .comboslider .cs_pagewrap {
	position: absolute;
	z-index: 1;
	width: var(--csitemwidth);
	height: var(--csitemheight);
	background-color: var(--wcBg);
}
.cs_wrap.comboslider-page .comboslider .cs_item.wcbeforeactive .cs_pagewrap,
.cs_wrap.comboslider-page-reverse .comboslider .cs_item.wcafteractive .cs_pagewrap {
	box-shadow: 0 0 var(--shadownum,0) calc( var(--shadownum,0) * -0.5 ) rgba(0,0,0,.4);
}
.cs_wrap[class*="comboslider-page"] .comboslider .cs_pagewrap::before,
.cs_wrap[class*="comboslider-page"] .comboslider .cs_pagewrap::after {
	display: block;
	width: var(--pagesizenum,0%);
	height: var(--csitemheight);
	position: absolute;
	z-index: 2;
	top: 0;
	transition: inherit;
}
.cs_wrap.comboslider-page-reverse .comboslider .cs_pagewrap,
.cs_wrap[class*="comboslider-page"] .comboslider .cs_pagewrap::before,
.cs_wrap.comboslider-page-reverse .comboslider .cs_item_inner {
	left: 0;
}
.cs_wrap.comboslider-page .comboslider .cs_pagewrap,
.cs_wrap[class*="comboslider-page"] .comboslider .cs_pagewrap::after,
.cs_wrap.comboslider-page .comboslider .cs_item_inner {
	right: 0;
}
.cs_wrap.comboslider-page .comboslider .cs_item.wcbeforeactive .cs_pagewrap::before,
.cs_wrap.comboslider-page-reverse .comboslider .cs_item.wcafteractive .cs_pagewrap::after {
	content: "";
}
.cs_wrap.comboslider-page .comboslider .cs_item.wcbeforeactive +  .cs_item.wcbeforeactive .cs_pagewrap::before,
.cs_wrap.comboslider-page-reverse .comboslider .cs_item.wcafteractive + .cs_item.wcafteractive .cs_pagewrap::after {
	display: none;
}
.cs_wrap.comboslider-page .comboslider .cs_pagewrap::before {
	background: linear-gradient(to right, #ccc 0%,var(--wcBg) 10%,var(--wcBg) 100%);
	box-shadow: var(--shadownum,0) 0 .6rem -.3rem rgba(0,0,0,.4);
}
.cs_wrap.comboslider-page-reverse .comboslider .cs_pagewrap::after {
	background: linear-gradient(to left, #ccc 0%,var(--wcBg) 10%,var(--wcBg) 100%);
	box-shadow: calc(var(--shadownum,0) * -1 ) 0 .6rem -.3rem rgba(0,0,0,.4);
}
.cs_wrap[class*="comboslider-page"] .comboslider .cs_item_inner {
	flex: none;
	position: absolute;
	z-index: 1;
	top: 0;
}



.cs_wrap[class*="comboslider-page"] .comboslider .cs_item:not(.wcactive) {
	z-index: 1;
}
.cs_wrap[class*="comboslider-page"] .comboslider .cs_item[item-pos="prev"] {
	z-index: 4;
}
.cs_wrap[class*="comboslider-page"] .comboslider .cs_item[item-pos="prev"]:not(.wcbeforeactive) .cs_pagewrap {
	width: 0;
}
.cs_wrap.comboslider-page .comboslider .cs_item[item-pos="prev"] {
	right: 0;
}
.cs_wrap.comboslider-page-reverse .comboslider .cs_item[item-pos="prev"] {
	left: 0;
}
.cs_wrap[class*="comboslider-page"] .comboslider .cs_item[item-pos="next"] {
	z-index: 2;
}
.cs_wrap[class*="comboslider-page"] .comboslider .cs_item.wcactive {
	z-index: 3;
	opacity: 1;
}
.cs_wrap[class*="comboslider-page"] .comboslider .cs_pagewrap {
	overflow: hidden;
	height:  var(--csitemheight);
}

.cs_wrap[class*="comboslider-page"].wcsliderautochange:not(.cspreparation) .comboslider .cs_pagewrap {
	transition: width calc(var(--cstransition,0.6s) * 0.5 ) var(--cseasing,ease);
}


/*----------------------------------------------------
** slider option settings / arrows
**----------------------------------------------------*/
.csarrowwrap {
	position: absolute;
	z-index: 2;
	width: var(--csmaxwidth);
	height: 0;
	top: calc( var(--optionTopdif,0px) + var(--pagertopsize,0px));
	left: calc( var(--optionLeftdif,0px) + var(--pagerleftsize,0px));
}
.csarrowwrap .csarrow {
	cursor: pointer;
	position: absolute;
	z-index: 1;
	width: var(--arrowsize,var(--headerBtnSize));
	height: var(--arrowsize,var(--headerBtnSize));
	border-radius: 50%;
	overflow: hidden;
}
.wcsliderautochange .csarrowwrap .csarrow {
	pointer-events: none;
}
.csarrowwrap .csarrow::before,
.csarrowwrap .csarrow::after {
	content: "";
	position: absolute;
	display: block;
	border-radius: 50%;
}
.csarrowwrap .csarrow::before {
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--defaultcolorA);
}
@supports (-webkit-backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .csarrowwrap .csarrow::before {
    -webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
@supports (backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .csarrowwrap .csarrow::before {
    backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
.csarrowwrap .csarrow::after {
	z-index: 1;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	background-color: var(--accentcompcolor,#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.comboslider-prev::after {
	-webkit-mask-image: var(--prevsrc);
	mask-image: var(--prevsrc);
}
.csarrowwrap .csarrow.comboslider-next::after {
	-webkit-mask-image: var(--nextsrc);
	mask-image: var(--nextsrc);
}
.csarrowwrap[arrow-type="vertical"] .csarrow::after {
	transform: rotate(90deg);
}
.csarrowwrap[arrow-type="side"] .csarrow {
	top: calc( var(--csmaxheight) * 0.5 - var(--arrowsize,var(--headerBtnSize)) * 0.5);
}
.csarrowwrap[arrow-type="side"] .csarrow.comboslider-prev {
	left: calc((var(--csmaxwidth) * 0.01) + var(--pagerleftsize,0px));
}
.csarrowwrap[arrow-type="side"] .csarrow.comboslider-next {
	right: calc((var(--csmaxwidth) * 0.01) + var(--pagerrightsize,0px));
}
.csarrowwrap[arrow-type="vertical"] .csarrow {
	left: calc( var(--csmaxwidth) * 0.5 - var(--arrowsize,var(--headerBtnSize)) * 0.5);
}
.csarrowwrap[arrow-type="vertical"] .csarrow.comboslider-prev {
	top: calc(var(--optionspace,0.25rem) + var(--pagertopsize,0px));
}
.csarrowwrap[arrow-type="vertical"] .csarrow.comboslider-next {
	top: calc((var(--csmaxheight) + var(--pagertopsize,0px)) - (var(--arrowsize,var(--headerBtnSize)) + var(--csmaxheight) * 0.01));
}




/*----------------------------------------------------
** slider option settings / view count
**----------------------------------------------------*/
.csviewcount {
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
}
.cs_wrap:not([class*="comboslider-page"]) .csviewcount {
	padding: 0 0.75rem;
	border-radius: calc( var(--optionsize) * 0.5);
	height: var(--optionsize);
	right: calc(var(--optionRightdif,0px) + var(--optionspace,0.25rem) + var(--pagerrightsize,0px));
	bottom: calc(var(--optionspace,0.25rem) + var(--pagerbottomsize,0px));
}
.cs_wrap[class*="comboslider-page"] .csviewcount {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(0);
	opacity: 0;
}
.cs_wrap.wcsliderautochange[class*="comboslider-page"]:not(.cspreparation) .csviewcount {
	transition: opacity var(--cstransition,0.6s) var(--cseasing,ease),transform var(--cstransition,0.6s) var(--cseasing,ease);
}
.cs_wrap.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: calc( var(--optionsize) * 0.5);
	background-color: var(--defaultcolorA);
}
@supports (-webkit-backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .csviewcount::before {
    -webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
@supports (backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .csviewcount::before {
    backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
.csviewcount span {
	position: relative;
	z-index: 2;
	display: block;
	flex: none;
	font-family: "Number";
	color: var(--accentcompcolor,#fff);
	text-align: center;
}
.csviewcount span.totalnum,
.csviewcount span.actnum {
	width: var(--countwidth,auto);
}
.csviewcount span.actnum {
	margin-right: 0.25rem;
}
.csviewcount span.totalnum {
	margin-left: 0.25rem;
}


/*----------------------------------------------------
** slider option settings / control
**----------------------------------------------------*/
.cscontrol {
	position: absolute;
	z-index: 2;
	width: calc( var(--optionsize) * 2 + var(--optionspace,0.25rem));
	height: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	right: calc(var(--optionRightdif,0px) + var(--csmaxwidth) * 0.01 + var(--pagerrightsize,0px));
	bottom: calc(var(--optionspace,0.25rem) + var(--pagerbottomsize,0px));
}
.csviewcount + .cscontrol {
	right: auto;
	left: calc(var(--optionLeftdif,0px) + var(--csmaxwidth) * 0.01 + var(--pagerleftsize,0px));
}
.cscontrol .controlbtn {
	flex: none;
	width: var(--optionsize);
	height: var(--optionsize);
	border-radius: 50%;
	background-color: var(--defaultcolorA);
	cursor: pointer;
	position: relative;
	z-index: 1;
}
@supports (-webkit-backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .cscontrol .controlbtn {
    -webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
@supports (backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .cscontrol .controlbtn {
    backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
.cscontrol .controlbtn::before,
.cscontrol .controlbtn::after {
	content: "";
	position: absolute;
	display: block;
	border-radius: 50%;
}
.cscontrol .controlbtn::before {
	z-index: 1;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	opacity: 0;
	background-color: var(--accentcolor);
	transition: opacity 0.2s ease;
}
.cscontrol .controlbtn.wcactive::before {
	opacity: 1;
}
.cscontrol .controlbtn::after {
	z-index: 2;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	background-color: var(--accentcompcolor,#fff);
	-webkit-mask-image: var(--wciconsrc);
	mask-image: var(--wciconsrc);
	-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;
}



/*----------------------------------------------------
** slider option settings / timer
**----------------------------------------------------*/
.cs_wrap .cscounttimer {
	position: absolute;
	z-index: 2;
	padding: 0 0.75rem;
	border-radius: calc( var(--optionsize) * 0.5);
	display: flex;
	align-items: center;
	min-width: var(--optionsize);
	height: var(--optionsize);
	top: calc(var(--optionspace,0.25rem) + var(--pagertopsize,0px));
	left: calc(var(--optionLeftdif,0px) + var(--optionspace,0.25rem) + var(--pagerleftsize,0px));
	box-sizing: border-box;
}
.cs_wrap .cscounttimer::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	border-radius: calc( var(--optionsize) * 0.5);
	background-color: var(--defaultcolorA);
}
@supports (-webkit-backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .cs_wrap .cscounttimer::before {
    -webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
@supports (backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .cs_wrap .cscounttimer::before {
    backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
.cs_wrap .cscounttimer span {
	position: relative;
	z-index: 2;
	display: block;
	flex: none;
	font-family: "Number";
	color: var(--accentcompcolor,#fff);
	text-align: center;
	transform-origin: center center;
}
.cs_wrap:not(.cspreparation) .cscounttimer span {
	transition: transform calc(var(--cstransition,0.6s) * 0.5 ) var(--cseasing,ease),opacity calc(var(--cstransition,0.6s) * 0.5 ) var(--cseasing,ease);
}
.cs_wrap .cscounttimer span[wc-text-be="0"] {
	transform: scale(0);
	opacity: 0;
}

/*----------------------------------------------------
** pager settings / common
**----------------------------------------------------*/
.cs_pagerwrap .cs_pager .cs_item[onclick] {
	cursor: pointer;
}
.wcsliderautochange .cs_pagerwrap .cs_pager .cs_item[onclick] {
	pointer-events: none;
}



/*----------------------------------------------------
** pager settings / dots
**----------------------------------------------------*/
.cs_pagerwrap.cs-pager-dots {
	position: absolute;
	z-index: 2;
}
.cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-dots,
.cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-dots {
	width: var(--csmaxwidth,100%);
	height: 0;
	left: 0;
}
.cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-dots {
	top: 0;
}
.cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-dots {
	bottom: 0;
}
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-dots,
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-dots {
	width: 0;
	height: var(--csmaxheight,100%);
	bottom: 0;
}
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-dots {
	right: 0;
}
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-dots {
	left: 0;
}

.cs_pagerwrap.cs-pager-dots .cs_pagerinner {
	position: absolute;
	z-index: 1;
	display: flex;
}
.cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-dots .cs_pagerinner,
.cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-dots .cs_pagerinner {
	width: 100%;
	height: 0;
}
.cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-dots .cs_pagerinner {
	top: var(--optionspace);
}
.cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-dots .cs_pagerinner {
	bottom: var(--optionspace);
	align-items: flex-end;
}
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-dots .cs_pagerinner,
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-dots .cs_pagerinner {
	width: 0;
	height: 100%;
}
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-dots .cs_pagerinner {
	right: var(--optionspace);
}
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-dots .cs_pagerinner {
	left: var(--optionspace);
	align-items: flex-end;
}



.cs_pagerwrap.cs-pager-dots .cs_pager {
	display: flex;
	align-items: center;
}
.cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-dots .cs_pager,
.cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-dots .cs_pager {
	margin-right: auto;
	margin-left: auto;
	width: max-content;
	height: 6px;
}
.cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-dots .cs_pager {
	margin-top: calc(( var(--optionsize) - 6px ) / 2 );
}
.cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-dots .cs_pager {
	margin-bottom: calc(( var(--optionsize) - 6px ) / 2 );
}
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-dots .cs_pager,
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-dots .cs_pager {
	margin-top: auto;
	margin-bottom: auto;
	width: 6px;
	height: max-content;
	flex-flow: column;
}
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-dots .cs_pager {
	margin-right: calc(( var(--optionsize) - 6px ) / 2 );
}
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-dots .cs_pager {
	margin-left: calc(( var(--optionsize) - 6px ) / 2 );
}




.cs_pagerwrap.cs-pager-dots .cs_item {
	border-radius: 50%;
	flex: none;
	margin: auto;
	background-color: var(--defaultcolorA);
	transition: width calc( var(--cstransition,0.6s) * 0.5) ease,height calc( var(--cstransition,0.6s) * 0.5) ease,background-color calc( var(--cstransition,0.6s) * 0.5) ease,margin calc( var(--cstransition,0.6s) * 0.5) ease;
}
@supports (-webkit-backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .cs_pagerwrap.cs-pager-dots .cs_item {
    -webkit-backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
@supports (backdrop-filter: brightness(0.8) blur(0.2rem)) {
  body[gpumode="true"] .cs_pagerwrap.cs-pager-dots .cs_item {
    backdrop-filter: brightness(0.8) blur(0.2rem);
  }
}
.cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-dots .cs_item:not([item-pos*="_all"]),
.cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-dots .cs_item:not([item-pos*="_all"]) {
	margin: auto 2px;
}
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-dots .cs_item:not([item-pos*="_all"]),
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-dots .cs_item:not([item-pos*="_all"]) {
	margin: 2px auto;
}
.cs_pagerwrap.cs-pager-dots .cs_item.wcactive,
.cs_pagerwrap.cs-pager-dots .cs_item[item-pos="active"],
.cs_pagerwrap.cs-pager-dots .cs_item[item-pos="prev"],
.cs_pagerwrap.cs-pager-dots .cs_item[item-pos="next"] {
	width: 6px;
	height: 6px;
}
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-dots .cs_item,
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-dots .cs_item {
}
.cs_pagerwrap.cs-pager-dots .cs_item[item-pos="prev_one"],
.cs_pagerwrap.cs-pager-dots .cs_item[item-pos="next_one"] {
	width: 4px;
	height: 4px;
}
.cs_pagerwrap.cs-pager-dots .cs_item[item-pos="prev_two"],
.cs_pagerwrap.cs-pager-dots .cs_item[item-pos="next_two"] {
	width: 2px;
	height: 2px;
}
.cs_pagerwrap.cs-pager-dots .cs_item[item-pos="prev_all"],
.cs_pagerwrap.cs-pager-dots .cs_item[item-pos="next_all"] {
	width: 0;
	height: 0;
	background-color: transparent;
}
.cs_pagerwrap.cs-pager-dots .cs_item.wcactive {
	background-color: var(--accentcolor);
}







/*----------------------------------------------------
** pager settings / thumbnail
**----------------------------------------------------*/
.cs_pagerwrap.cs-pager-thumbnail {
	
}


.cs_pagerwrap.cs-pager-thumbnail .cs_pagerinner {
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-thumbnail .cs_pagerinner,
.cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-thumbnail .cs_pagerinner {
	width: var(--csmaxwidth,100%);
	margin: 0 auto;
}
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-thumbnail .cs_pagerinner,
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-thumbnail .cs_pagerinner {
	height: var(--csmaxheight,100%);
	margin: auto 0;
}

.cs_wrap .cs_pagerwrap.cs-pager-thumbnail .cs_pager {
	display: flex;
}
.cs_wrap.wcsliderautochange:not(.cspreparation) .cs_pagerwrap.cs-pager-thumbnail .cs_pager {
	transition: transform var(--cstransition,0.6s) var(--cseasing,ease);
}
.cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager,
.cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager {
	width: max-content;
}
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager,
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager {
	flex-flow: column;
	height:  max-content;
}
.cs_wrap .cs_pagerwrap.cs-pager-thumbnail .cs_pager::before,
.cs_wrap .cs_pagerwrap.cs-pager-thumbnail .cs_pager::after {
	content: "";
	display: block;
	flex: none;
}
.cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager::before,
.cs_wrap[set-pager="top"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager::after,
.cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager::before,
.cs_wrap[set-pager="bottom"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager::after {
	width: var(--centerDif,0);
}
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager::before,
.cs_wrap[set-pager="right"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager::after,
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager::before,
.cs_wrap[set-pager="left"] .cs_pagerwrap.cs-pager-thumbnail .cs_pager::after {
	width: 100%;
	height: var(--centerDif,0);
}
.cs_pagerwrap.cs-pager-thumbnail .cs_pager .cs_item {
	width: var(--itemwidth);
	height: var(--itemheight);
	background-color: var(--defaultsysbg);
	position: relative;
	z-index: 1;
	overflow: hidden;
	flex: none;
}
.cs_pagerwrap.cs-pager-thumbnail .cs_pager .cs_item::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.cs_pagerwrap.cs-pager-thumbnail .cs_pager .cs_item:not([wc-text-af])::before {
	background-image: var(--thumsrc);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.cs_pagerwrap.cs-pager-thumbnail .cs_pager .cs_item[wc-text-af]::before {
	background-color: var(--accentcompcolor,#fff);
	-webkit-mask-image: var(--thumsrc);
	mask-image: var(--thumsrc);
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: var(--thumiconsize);
	mask-size: var(--thumiconsize);
}
.cs_pagerwrap.cs-pager-thumbnail .cs_pager .cs_item::after {
	background-color: var(--defaultcolorA);
}
.cs_wrap.wcswiping .cs_pagerwrap.cs-pager-thumbnail .cs_pager .cs_item::after {
	transition: background-color 0s ease;
}
.cs_pagerwrap.cs-pager-thumbnail .cs_pager .cs_item:not(.cschangeing)::after {
	transition: background-color var(--speed,0.2s) ease;
}
.cs_pagerwrap.cs-pager-thumbnail .cs_pager .cs_item.wcactive::after {
	background-color: transparent;
}
.cs_pagerwrap.cs-pager-thumbnail .cs_pager .cs_item[wc-text-af]::after {
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	font-family: "Oswald";
	font-size: calc( var(--thumiconsize) / 5 );
	color: var(--defaultcolor);
}







/*----------------------------------------------------
** pager settings / page
**----------------------------------------------------*/
.cs_pagerwrap.cs-pager-page {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: var(--csmaxwidth,100%);
	height: 0;
}