@charset "UTF-8";

@keyframes components-animate__appear-animation {
	0% {
		transform: translateY(-2em) scaleY(0) scaleX(0);
	}
	
	to {
		transform: translateY(0) scaleY(1) scaleX(1);
	}
}

@keyframes components-animate__slide-in-animation {
	to {
		transform: translateX(0);
	}
}

@keyframes components-animate__loading {
	0% {
		opacity: .5;
	}
	
	50% {
		opacity: 1;
	}
	
	to {
		opacity: .5;
	}
}

p+.components-button.is-tertiary {
	margin-left: -6px;
}

.components-button svg {
	fill: currentColor;
	outline: none;
}

@media (forced-colors:active) {
	.components-button svg {
		fill: CanvasText;
	}
}

@keyframes components-button__busy-animation {
	0% {
		background-position: 200px 0;
	}
}

.components-calendar__day--preview svg {
	color: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 16%, rgba(0, 0, 0, 0));
	inset: 0;
	pointer-events: none;
	position: absolute;
}

@media (forced-colors:active) {
	.components-calendar__day--preview svg {
		color: inherit;
	}
}

.components-calendar[dir=rtl] .components-calendar__day--preview svg {
	transform: scaleX(-1);
}

@keyframes slide-in-left {
	0% {
		transform: translateX(-100%);
	}
	
	to {
		transform: translateX(0);
	}
}

@keyframes slide-in-right {
	0% {
		transform: translateX(100%);
	}
	
	to {
		transform: translateX(0);
	}
}

@keyframes slide-out-left {
	0% {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(-100%);
	}
}

@keyframes slide-out-right {
	0% {
		transform: translateX(0);
	}
	
	to {
		transform: translateX(100%);
	}
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

@keyframes fade-out {
	0% {
		opacity: 1;
	}
	
	to {
		opacity: 0;
	}
}

svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate {
	--checkmark-size: var(--checkbox-input-size);
	fill: #fff;
	cursor: pointer;
	height: var(--checkmark-size);
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-user-select: none;
	user-select: none;
	width: var(--checkmark-size);
}

@media (min-width:600px) {
	svg.components-checkbox-control__checked, svg.components-checkbox-control__indeterminate {
		--checkmark-size: calc(var(--checkbox-input-size) + 4px);
	}
}

.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point-dropdown svg {
	height: 100%;
	width: 100%;
}

.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active .dashicon, .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, .components-dropdown-menu__menu .components-menu-item.is-active .dashicon, .components-dropdown-menu__menu .components-menu-item.is-active svg {
	background: #1e1e1e;
	border-radius: 1px;
	box-shadow: 0 0 0 1px #1e1e1e;
	color: #fff;
}

.components-guide .components-modal__header .components-button:hover svg {
	fill: #fff;
}

[role=region] {
	position: relative;
}

.components-menu-items-choice svg, .components-menu-items-choice.components-button svg {
	margin-right: 12px;
}

@keyframes __wp-base-styles-fade-in {
	0% {
		opacity: 0;
	}
	
	to {
		opacity: 1;
	}
}

@keyframes __wp-base-styles-fade-out {
	0% {
		opacity: 1;
	}
	
	to {
		opacity: 0;
	}
}

@keyframes components-modal__appear-animation {
	0% {
		opacity: 0;
		transform: scale(.9);
	}
	
	to {
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes components-modal__disappear-animation {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	
	to {
		opacity: 0;
		transform: scale(.9);
	}
}

.components-modal__header-icon-container svg {
	max-height: 36px;
	max-width: 36px;
	padding: 8px;
}

@keyframes components-resizable-box__top-bottom-animation {
	0% {
		opacity: 0;
		transform: scaleX(0);
	}
	
	to {
		opacity: 1;
		transform: scaleX(1);
	}
}

@keyframes components-resizable-box__left-right-animation {
	0% {
		opacity: 0;
		transform: scaleY(0);
	}
	
	to {
		opacity: 1;
		transform: scaleY(1);
	}
}

.components-tip svg {
	align-self: center;
	fill: #f0b849;
	flex-shrink: 0;
	margin-right: 16px;
}

.components-accessible-toolbar .components-button svg, .components-toolbar .components-button svg {
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

@keyframes components-button__appear-animation {
	0% {
		transform: scaleY(0);
	}
	
	to {
		transform: scaleY(1);
	}
}

.components-toolbar__control.components-button[data-subscript] svg {
	padding: 5px 10px 5px 0;
}

.components-toolbar-group .components-button.components-button svg, .components-toolbar-group .components-button.has-icon.has-icon svg {
	min-width: 24px;
}

@keyframes components-validated-control__indicator-jump {
	0% {
		opacity: 0;
		transform: translateY(-4px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

:root {
	--wp-admin-theme-color: #3858e9;
	--wp-admin-theme-color--rgb: 56, 88, 233;
	--wp-admin-theme-color-darker-10: #2145e6;
	--wp-admin-theme-color-darker-10--rgb: 33.0384615385, 68.7307692308, 230.4615384615;
	--wp-admin-theme-color-darker-20: #183ad6;
	--wp-admin-theme-color-darker-20--rgb: 23.6923076923, 58.1538461538, 214.3076923077;
	--wp-admin-border-width-focus: 2px;
}

@media (min-resolution:192dpi) {
	:root {
		--wp-admin-border-width-focus: 1.5px;
	}
}