/* YC Scroll To Top */
.yc-scrolltop {
	position: fixed;
	bottom: var(--yc-stt-offset-y, 18px);
	z-index: 99999;

	display: grid;
	justify-content: center;
    align-content: space-evenly;
	place-items: center;
	gap: 6px;

	width: var(--yc-stt-width, 92px);
	padding: 10px 10px 12px;

	border: 1px solid #dfdfdf;
	border-radius: 10px;
	cursor: pointer;

	background: var(--yc-stt-bg, rgba(255, 255, 255, 1));
	opacity: 1 !important;
	
	-webkit-box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);
	box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);

	transform: translateY(110px) !important;
	pointer-events: none;

	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	will-change: transform;
	text-align: center !important;
}

.yc-scrolltop.is-right { 
	right: var(--yc-stt-offset-x, 18px); 
}
.yc-scrolltop.is-left { 
	left: var(--yc-stt-offset-x, 18px); 
}

.yc-scrolltop.is-visible{
	transform: translateY(0) !important;
	pointer-events: auto;
}

.yc-scrolltop:hover,
.yc-scrolltop:focus { 
	xfilter: brightness(1.02);
	box-shadow: 0px 12px 52px 0px #00000059, 0px 8px 16px 0px #0000004a;
	background: var(--yc-stt-bg, rgba(255, 255, 255, 1)) !important;
}

.yc-scrolltop__icon svg{
	display: block;
	fill: var(--yc-stt-color, #000);
}

.yc-scrolltop__text{
	font-size: var(--yc-stt-font-size, 12px);
	line-height: 1;
	letter-spacing: .02em;
	text-transform: lowercase;
	color: var(--yc-stt-color, #000);
	word-break: normal !important;
}

/* Option: hide text on mobile (preset breakpoints) */
@media (max-width: 480px){
	.yc-scrolltop.hide-text-mobile.bp-480{ 
		width: 48px !important;
        height: 48px !important;
		border: 1px solid #dfdfdf;
		-webkit-box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);
		box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);
		border-radius: 50%;
		padding: 0 !important;
	}
	.yc-scrolltop.hide-text-mobile.bp-480 .yc-scrolltop__icon {
		line-height: 0;
	}
	.yc-scrolltop.hide-text-mobile.bp-480 .yc-scrolltop__icon svg {
		width: 30px;
		height: 30px;
	}
	.yc-scrolltop.hide-text-mobile.bp-480 .yc-scrolltop__text{ 
		display:none !important; 
	}
}
@media (max-width: 600px){
	.yc-scrolltop.hide-text-mobile.bp-600 { 
		width: 48px !important;
        height: 48px !important;
		border: 1px solid #dfdfdf;
		-webkit-box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);
		box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);
		border-radius: 50%;
		padding: 0 !important;
	}
	.yc-scrolltop.hide-text-mobile.bp-600 .yc-scrolltop__icon {
		line-height: 0;
	}
	.yc-scrolltop.hide-text-mobile.bp-600 .yc-scrolltop__icon svg {
		width: 30px;
		height: 30px;
	}
	.yc-scrolltop.hide-text-mobile.bp-600 .yc-scrolltop__text { 
		display:none !important; 
	}
}
@media (max-width: 640px){
	.yc-scrolltop.hide-text-mobile.bp-640{ 
		width: 48px !important;
		height: 48px !important;
		border: 1px solid #dfdfdf;
		-webkit-box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);
		box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);
		border-radius: 50%;
		padding: 0 !important;
	}
	.yc-scrolltop.hide-text-mobile.bp-640 .yc-scrolltop__icon {
		line-height: 0;
	}
	.yc-scrolltop.hide-text-mobile.bp-640 .yc-scrolltop__icon svg {
		width: 30px;
		height: 30px;
	}
	.yc-scrolltop.hide-text-mobile.bp-640 .yc-scrolltop__text { 
	display:none !important; 
	}
}
@media (max-width: 768px){
	.yc-scrolltop.hide-text-mobile.bp-768 { 
		width: 48px !important;
        height: 48px !important;
		border: 1px solid #dfdfdf;
		-webkit-box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);
		box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);
		border-radius: 50%;
		padding: 0 !important;
	}
	.yc-scrolltop.hide-text-mobile.bp-768 .yc-scrolltop__icon {
		line-height: 0;
	}
	.yc-scrolltop.hide-text-mobile.bp-768 .yc-scrolltop__icon svg {
		width: 30px;
		height: 30px;
	}
	.yc-scrolltop.hide-text-mobile.bp-768 .yc-scrolltop__text { 
		display:none !important; 
	}
}
@media (max-width: 1024px){
	.yc-scrolltop.hide-text-mobile.bp-1024{ 
		width: 48px !important;
        height: 48px !important;
		border: 1px solid #dfdfdf;
		-webkit-box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);
		box-shadow: 0px 8px 16px 0px rgba(50, 50, 50, .16);
		border-radius: 50%;
		padding: 0 !important;
	}
	.yc-scrolltop.hide-text-mobile.bp-1024 .yc-scrolltop__icon {
		line-height: 0;
	}
	.yc-scrolltop.hide-text-mobile.bp-1024 .yc-scrolltop__icon svg {
		width: 30px;
		height: 30px;
	}
	.yc-scrolltop.hide-text-mobile.bp-1024 .yc-scrolltop__text{ 
		display:none !important; 
	}
}