
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

.eb-advanced-tabs-wrapper .wp-block {
	max-width: 100%;
	width: 100%;
}

.eb-advanced-tabs-wrapper .wp-block .block-editor-button-block-appender {
	box-shadow: inset 0 -1px 0 1px #eeedf0;
}

.eb-advanced-tabs-wrapper .tab-title-wrap {
	text-align: left;
}

.eb-advanced-tabs-wrapper .tab-subtitle-text {
	margin: 0;
	padding: 0;
}

.eb-tab-wrapper.force-display-none-from-js {
	display: none;
}

.eb-tabs-contents {
	overflow: hidden;
	position: relative;
	will-change: auto;
}

.eb-tabs-contents .eb-tab-wrapper {
	backface-visibility: hidden;
	box-sizing: border-box;
	opacity: 0;
	transform: translateY(8px);
	visibility: hidden;
	will-change: height, opacity, transform;
	z-index: 1;
	-webkit-font-smoothing: antialiased;
	transition: height .3s cubic-bezier(.4, 0, .2, 1), opacity .25s cubic-bezier(.4, 0, .2, 1) .05s, transform .25s cubic-bezier(.4, 0, .2, 1) .05s;
}

.eb-tabs-contents .eb-tab-wrapper .eb-tab-inner {
	margin-top: 10px;
}

.eb-tabs-contents .eb-tab-wrapper.active {
	height: auto;
	opacity: 1;
	transform: translateY(0);
	transition: height .35s cubic-bezier(.25, .46, .45, .94), opacity .3s cubic-bezier(.25, .46, .45, .94) .1s, transform .3s cubic-bezier(.25, .46, .45, .94) .1s;
	visibility: visible;
	z-index: 2;
}

.eb-tabs-contents .eb-tab-wrapper.inactive {
	height: 0;
	margin: 0 !important;
	opacity: 0;
	overflow: hidden;
	padding: 0 !important;
	position: absolute;
	top: 0;
	transform: translateY(8px);
	transition: opacity .2s cubic-bezier(.4, 0, .6, 1), transform .2s cubic-bezier(.4, 0, .6, 1), height .25s cubic-bezier(.4, 0, .6, 1) .1s;
	visibility: hidden;
	width: 100%;
	z-index: 1;
}

.eb-tabs-contents .eb-tab-wrapper:not(.active):not(.inactive) {
	height: 0;
	opacity: 0;
}

:root {
	--c-glass: #bbbbbc;
	--c-light: #fff;
	--c-dark: #000;
	--glass-reflex-dark: 1;
	--glass-reflex-light: 1;
	--saturation: 150%;
}

@keyframes scaleToggle {
	0% {
		scale: 1 1;
	}
	
	50% {
		scale: 1.1 1;
	}
	
	to {
		scale: 1 1;
	}
}

.eb-tabs-wrapper-glassed {
	--indicator-left: 0px;
	--indicator-top: 0px;
	--indicator-width: 33.33333%;
	--indicator-height: 100%;
}

.eb-tabs-wrapper-glassed[data-close-all-tabs=true] {
	--indicator-width: 0;
}

.eb-tabs-wrapper-glassed.vertical {
	--indicator-width: 100%;
	--indicator-height: 33.33333%;
}

.eb-tabs-wrapper-glassed.vertical[data-close-all-tabs=true] {
	--indicator-height: 0;
}

.eb-tabs-wrapper-glassed .eb-tabs-nav.eb-tabs-glassed {
	backdrop-filter: blur(1px) url("#switcher") saturate(var(--saturation));
	-webkit-backdrop-filter: blur(8px) saturate(var(--saturation));
	background-color: color-mix(in srgb, var(--c-glass) 12%, transparent);
	background-color: #101010;
	border: none;
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 1.8px 3px 0 -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -2px -2px 0 -2px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -3px -8px 1px -6px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -.3px -1px 4px 0 color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 12%), transparent), inset -1.5px 2.5px 0 -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0 3px 4px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 2px -6.5px 1px -4px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0 1px 5px 0 color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0 6px 16px 0 color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent);
	box-shadow: inset 0 0 24px 12px rgba(92, 91, 91, .961);
	box-sizing: border-box;
	height: -moz-fit-content;
	height: fit-content;
	position: relative;
	transition: background-color .4s cubic-bezier(1, 0, .4, 1), box-shadow .4s cubic-bezier(1, 0, .4, 1);
	z-index: 1;
}

.eb-tabs-wrapper-glassed .eb-tabs-nav.eb-tabs-glassed ul {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.eb-tabs-wrapper-glassed .eb-tabs-nav.eb-tabs-glassed ul:after {
	animation: scaleToggle .44s ease;
	background-color: color-mix(in srgb, var(--c-glass) 36%, transparent);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 10%), transparent), inset 2px 1px 0 -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 90%), transparent), inset -1.5px -1px 0 -1px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 80%), transparent), inset -2px -6px 1px -5px color-mix(in srgb, var(--c-light) calc(var(--glass-reflex-light) * 60%), transparent), inset -1px 2px 3px -1px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 20%), transparent), inset 0 -4px 1px -2px color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 10%), transparent), 0 3px 6px 0 color-mix(in srgb, var(--c-dark) calc(var(--glass-reflex-dark) * 8%), transparent);
	content: "";
	display: block;
	height: var(--indicator-height, 100%);
	left: var(--indicator-left, 4px);
	position: absolute;
	top: var(--indicator-top, 4px);
	transform-origin: right;
	transition: top .4s cubic-bezier(1, 0, .4, 1), left .4s cubic-bezier(1, 0, .4, 1), width .4s cubic-bezier(1, 0, .4, 1), height .4s cubic-bezier(1, 0, .4, 1), opacity .2s ease-out, background-color .4s cubic-bezier(1, 0, .4, 1), box-shadow .4s cubic-bezier(1, 0, .4, 1), translate .4s cubic-bezier(1, 0, .4, 1);
	translate: 0 0;
	width: var(--indicator-width, 100px);
	z-index: -1;
}

.eb-tabs-wrapper-glassed .eb-tabs-nav.eb-tabs-glassed ul li {
	background-color: hsla(0, 0%, 95%, 0);
	color: #dbd8d8;
}

.eb-tabs-wrapper-glassed .eb-tabs-nav.eb-tabs-glassed ul li .tab-title-text {
	color: inherit;
}

.eb-tabs-wrapper-glassed .eb-tabs-nav.eb-tabs-glassed ul li.active {
	color: #fff;
}

.eb-tabs-wrapper-glassed .eb-tabs-nav.eb-tabs-glassed ul li.active:after {
	content: none !important;
}

.eb-tabs-wrapper-glassed .eb-tabs-nav.eb-tabs-glassed ul .eb-tabs-glassey-svg {
	height: 0;
	position: absolute;
	width: 0;
	z-index: -1;
}

.eb-tabs-wrapper-glassed .wp-block .block-editor-button-block-appender {
	box-shadow: inset 0 0 0 1px #eeedf0;
}
