/**
 * 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.
 */

.wp-block-animatikon-clipcontainer {
	// border: 1px solid #f00;
	overflow-x: clip;

	position: relative;
	display: block; // block zamiast flex - zgodnie z edytorem

	// Clearfix - zapobiega wypadaniu floatów poza kontener
	&::after {
		content: '';
		display: table;
		clear: both;
	}

	// Przestrzenne wyrównanie bloków (image itp.) - zgodnie z edytorem
	> .alignleft {
		clear: none;
		float: left;
		width: auto;
	}
	> .aligncenter {
		clear: none;
		float: none;
		display: flex;
		justify-content: center;
		width: auto;
	}
	> .alignright {
		clear: none;
		float: right;
		width: auto;
	}

	// Wyrównanie tekstu - standardowe klasy WP, działa dla wszystkich bloków
	> .has-text-align-left  { text-align: left; }
	> .has-text-align-center { text-align: center; }
	> .has-text-align-right { text-align: right; }

}