/**
 * The following styles get applied inside the editor only.
 */

.wp-block-orphic-ui-stack-card-wrapper {
	.stack-items-container {
		display: flex;
		flex-direction: column;
	}

	.block-editor-block-list__layout.is-layout-flow {
		display: flex;
		flex-direction: column;
		gap: var(--spacing, 25px);
	}

	.stack-card-item {
		position: sticky !important;
		border-radius: 1em;
		height: var(--card-height, 400px);
		top: var(--sticky-offset, 50px);

		.wp-block-group__inner-container {
			padding: 2rem;
			height: 100%;
			display: flex;
			flex-direction: column;
		}
	}
}
