/**
 * SCSS Variables.
 *
 * Please use variables from this sheet to ensure consistency across the UI.
 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
 */

/**
 * Colors
 */

/**
 * Fonts & basic variables.
 */

/**
 * Typography
 */

/**
 * Grid System.
 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
 */

/**
 * Radius scale.
 */

/**
 * Elevation scale.
 */

/**
 * Dimensions.
 */

/**
 * Mobile specific styles
 */

/**
 * Editor styles.
 */

/**
 * Block & Editor UI.
 */

/**
 * Block paddings.
 */

/**
 * React Native specific.
 * These variables do not appear to be used anywhere else.
 */
.is-small-text {
	font-size: .875em;
}

.is-regular-text {
	font-size: 1em;
}

.is-large-text {
	font-size: 2.25em;
}

.is-larger-text {
	font-size: 3em;
}

.has-drop-cap:not(:focus)::first-letter {
	float: left;
	font-size: 8.4em;
	line-height: .68;
	font-weight: 100;
	margin: .05em .1em 0 0;
	text-transform: uppercase;
	font-style: normal;
}

body.rtl .has-drop-cap:not(:focus)::first-letter {
	float: initial;
	margin-left: .1em;
}

p.has-drop-cap.has-background {
	overflow: hidden;
}

:root :where(p.has-background) {
	padding: 1.25em 2.375em;
}

:where(p.has-text-color:not(.has-link-color)) a {
	color: inherit;
}

p.has-text-align-right[style*="writing-mode:vertical-rl"], p.has-text-align-left[style*="writing-mode:vertical-lr"] {
	rotate: 180deg;
}