/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

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

		.block-editor-button-block-appender {
			box-shadow: inset 0px -1px 0 1px #eeedf0;
		}
	}
}

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

.eb-tabs-contents {
	.eb-tab-wrapper {
		box-sizing: border-box;
		opacity: 0;
		visibility: hidden;
		transform: translateY(10px);
		transition: all 0.4s ease-in-out;

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

		&.active {
			opacity: 1;
			visibility: visible;
			transform: none;
		}

		&.inactive {
			height: 0;
			width: 100%;
			padding: 0 !important;
			margin: 0 !important;
			position: absolute;
			top: 0;
			overflow: hidden;
			opacity: 0;
			visibility: hidden;
			transform: translateY(10px);
		}
	}
}