@use 'background-preview';

@use 'gradient';
@use 'image-pattern';


.ct-background-modal {
	display: flex;
	flex-direction: column;
	opacity: 0;
	visibility: hidden;
	transform: scale3d(0.95, 0.95, 1);
	transition: opacity 0.1s ease, visibility 0.1s ease, transform 0.1s ease-out;

	--option-modal-arrow-position: calc(100% - 38px);

	&.active {
		opacity: 1;
		visibility: visible;
		transform: scale3d(1, 1, 1);
	}

	.ct-image-tab,
	.ct-gradient-tab {
		overflow-y: scroll;
		overflow-x: hidden;
		max-height: 420px;
		box-sizing: border-box;
	}
}