X<BPtR?Oo嚝`&18pm+p.+@1Eج|C;B:_k㚰q`sUۢy3+YH_~̋,[kf5Ѕv@ M.czj5l/:Ý%f)^
 vOn5LGWZ <z.~`G\BBQXw*Uߨ]0#DϤ@<}C2u@O@;o&ŮUnv6*"JOTW?L~:X2x&7þeDCv. 'KǍ򅌊>>"L|je8ծV>4\Fz\"	#7
(0ՌKZZW@F'=i1G/?_Pg 0EL\^m=m"P@/IX rZII.mMI\-_vgsa}@@ٹ(+#ݦoz=w]<q/ۣE"%{*`<-ךp޻v":.+-N]	3F,װiv_-CQ˸FC)N7q@)z+nG}G5LW"6MqBٝo7Lq?msw<KǗA>1vw}Hx>o_gr( [!Y X:|a[[rEjMY'C,$n ?@w#x]_Zq{p7f[AЄhw(,ߣ donʬ1FʮWȘP\̻Eô}!/=2*~:A
;qV.." e!&
R\pu:RVJ6_& L";R]]ᔩSzCwb"`Vɪ}zsn"i	,:B+2K,2T*V]z%ޙn&Ef)ĺ"`sL ')<|x7~Tdm̥(POq^J5QnjG֯1'z*!"Z;0i7x8KUpx%1nefgK6MM54E7þeDho|@f*K<mܔEW
<<oG嚝`&18pm4o]-2 @)ˎVB>#ٰiI4p_b~̋,[kf5Ѕv#An}3W'@	A[%`loxL9-P+\Ǥb`+EaL)l40olr1mNrG#dI.+,4	;!d7rwTQ
r'5@4eđ Xko)M>K6gpH̘q]=ƱE@jD
L|&~=5R@aކ8C*sB); O3R;4
Z\Ch!5qM㏒:&V7vZ2vj~a!"?4+W'1fs ~{m7A*!11N{:JF' @0"ʍ NUia<w7Lq?msw<KC0ye~wji/&"JKBJQYX$d0l)2OUHT]'iy^8GF26V
411$@^UjFq,op/T>m#y2$vX-	8r-
ww^W2al,dMrl#}
ғ& Ϊ^p%Z{06|׎Ԏ!y$ND̍O¸k}qw
)qkLZ?LEqzq]_]n+J%fb(Tî&c8qzqs7dp\jDUC0u'f1d3ShZ$<6f8 up^f̚!6_wxvt.f79|samť3Ai)(ӯj3fW> Ne3
ΕB~o3~4TXТª4Tl"[׎+QuO{W46z QH<8g*H7xGk5ԄU?|XkPj/ LIchMۙ!&'	qPEhQRc&_ޢH͜%j]Jǥtg?.M"H2p>M^R,SlPt\1K*N%96VZϜڱ?&>}VcW޵8ǎna`Mvup@$"VP='|ʬ^
YyfMM:%
hz&-Zov%"CZ3:^9-[KF=r<$Fh[D垩Khctd2n=dcttnp-CL^2S(o+Vx
6̙IϧqJw{	VNG-{*s5pMˣDݾu2* 4F
e+S;lyPA>E	.z&aQdnT})NTɆ3>|v$s[F;DKOm`&r*e ҹ$>v?LEe~ߡ!PJ  Y˰bP?Yqb-uj`gc'fkM$	U0C,vQ`j{O	́!euer;vnVB x]M!$8yc߁[]|gG++_Pw~6c\;{ ̓NR񸚛3va pi'=`AUÅrBӛoyLπCLIe2Fң:]B	nc0]/A!CqC3
mZ \vЦ4p2S(ݡ+zM*""`CZ|Ykk-|bB6rüǦiL
W',joth/>׏Luό. v8vä"޽/dͻ^6V[nfyX<藪`;x7\pmRaRcgʺP O@D1`Jyu<zo4+ʡ yM}(
O:vO
N~$JGynذ?XݷbB6r: @u܄%@oxZKr!XE"D~yEHL 7y΢?qz"Ta)'@HM">ǥX$@qMS6	pA"Id,3;E_R8]d~{m7A*!11Z{V`v?R^ `׬spK!ehcp5Ύc.չKbDu~M@39@vwf	yUHFV`jqIeZ6O@O,4?褲Xha<FQQQTWEUʟ=y}U[֏w%1Hwp\7iTmfOqy_AGرqlZ4VMۓ&D啜/^dğbT8@JSl󏫦3sўz		y3*'~0&Dȝ$qfѽu"r
Oycﺮb'g05{W@Ae1W6BqF9bvuv?)\
	flex: 0 0 100%;
}

/* Added circa Nov 2022: container class assigned to topmost block div */
.wp-block-jetpack-contact-form-container.alignfull .wp-block-jetpack-contact-form {
	padding-right: 0;
	padding-left: 0;
}

.wp-block-jetpack-button.alignright button {
	float: right;
}

.wp-block-jetpack-contact-form .grunion-field-wrap {
	box-sizing: border-box;
}

.wp-block-jetpack-contact-form .grunion-field-width-25-wrap {
	flex: 1 1 calc( 25% - calc(var(--wp--style--block-gap, 1.5rem) * 1) );
	max-width: 25%;
}

.wp-block-jetpack-contact-form .grunion-field-width-50-wrap {
	flex: 1 1 calc( 50% - calc(var(--wp--style--block-gap, 1.5rem) * 1) );
	max-width: 50%;
}

.wp-block-jetpack-contact-form .grunion-field-width-75-wrap {
	flex: 1 1 calc( 75% - calc(var(--wp--style--block-gap, 1.5rem) * 1) );
	max-width: 75%;
}

.grunion-field-checkbox-wrap,
.grunion-field-consent-wrap {
	align-self: center;
}

@media only screen and ( min-width: 600px ) {
	.contact-form input[type='text'],
	.contact-form input[type='email'],
	.contact-form input[type='tel'],
	.contact-form input[type='url'] {
		width: 50%;
	}

	/****
	 * Older users keep the 50% width to avoid breaking
	 * designs, but newer users using the contact
	 * form block get 100% width.
	 */
	.wp-block-jetpack-contact-form input[type='text'],
	.wp-block-jetpack-contact-form input[type='email'],
	.wp-block-jetpack-contact-form input[type='tel'],
	.wp-block-jetpack-contact-form input[type='url'] {
		width: 100%;
	}
}

/** For the "Empty Spam" button on /wp-admin/edit.php?post_status=spam&post_type=feedback **/
.jetpack-empty-spam-container {
	display: inline-block;
}
.jetpack-empty-spam {
	display: inline-block;
}
.jetpack-empty-spam-spinner {
	display: inline-block;
	margin-top: 7px;
}

/* Make sure the set height of the Spacer block nested inside the Contact Form block is respected */
.wp-block-jetpack-contact-form .wp-block-spacer {
	width: 100%;
}

.contact-form .contact-form-dropdown__button.ui-button {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
	border: var(--jetpack--contact-form--border);
	border-color: var(--jetpack--contact-form--border-color);
	border-style: var(--jetpack--contact-form--border-style);
	border-width: var(--jetpack--contact-form--border-size);
	border-radius: var(--jetpack--contact-form--border-radius);
	background-color: var(--jetpack--contact-form--input-background);
	color: var(--jetpack--contact-form--text-color);
	font-size: var(--jetpack--contact-form--font-size);
	font-family: var(--jetpack--contact-form--font-family);
	line-height: var(--jetpack--contact-form--line-height);
	padding: var(--jetpack--contact-form--input-padding);
}

.contact-form .contact-form-dropdown__button.ui-button .ui-selectmenu-icon.ui-icon {
	background: none;
}

.contact-form .contact-form-dropdown__button .ui-selectmenu-icon,
.contact-form .contact-form-dropdown__button.ui-selectmenu-button-open .ui-selectmenu-icon {
	width: 0.8em;
	height: 0.8em;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border: 2px solid transparent;
	overflow: visible;
	margin-right: 4px;
}

.contact-form .contact-form-dropdown__button .ui-selectmenu-icon::after {
	content: "";
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border-bottom: 2px solid;
	border-right: 2px solid;
	transform: rotate(45deg);
	margin-top: -5px;
	transition: all 0.2s ease-in-out;
}

.contact-form .contact-form-dropdown__button.ui-selectmenu-button-open .ui-selectmenu-icon::after {
	transform: rotate(225deg);
	margin-top: 8px;
}
.contact-form .contact-form-dropdown__menu {
	z-index: 1;
}

.contact-form .contact-form-dropdown__menu ul.ui-menu {
	border: var(--jetpack--contact-form--border);
	border-color: var(--jetpack--contact-form--border-color);
	border-style: var(--jetpack--contact-form--border-style);
	border-width: var(--jetpack--contact-form--border-size);
	border-radius: var(--jetpack--contact-form--border-radius);
	background-color: var(--jetpack--contact-form--input-background);
	color: var(--jetpack--contact-form--text-color);
	font-size: var(--jetpack--contact-form--font-size);
	font-family: var(--jetpack--contact-form--font-family);
	max-height: 230px;
	overflow: auto;
	padding: 0;
	line-height: normal;
	box-shadow: 0 2px 6px rgb(0 0 0 / 5%);
	list-style: none;
	margin: 0;
}

.contact-form .contact-form-dropdown__menu .ui-menu-item {
	margin: 0;
}

.contact-form .contact-form-dropdown__menu .ui-menu {
	margin-top: 8px;
}

.contact-form .contact-form-dropdown__menu .ui-menu .ui-menu-item-wrapper {
	padding: var(--jetpack--contact-form--input-padding);
}

.contact-form .contact-form-dropdown__menu .ui-menu .ui-menu-item-wrapper.ui-state-active {
	position: relative;
	border: none;
	color: var(--jetpack--contact-form--input-background);
	background-color: var(--jetpack--contact-form--text-color);
}


.contact-form .is-style-outlined .grunion-field-wrap:not(.grunion-field-checkbox-wrap):not(.grunion-field-consent-wrap),
.contact-form .is-style-animated .grunion-field-wrap:not(.grunion-field-checkbox-wrap):not(.grunion-field-consent-wrap) {
	--notch-width: max(var(--jetpack--contact-form--input-padding-left, 16px), var(--jetpack--contact-form--border-radius));
	position: relative;
	display: flex;
	flex-direction: row-reverse;
}

.contact-form .is-style-outlined .grunion-field-checkbox-multiple-wrap,
.contact-form .is-style-outlined .grunion-field-radio-wrap {
	background-color: var(--jetpack--contact-form--input-background);
}

.contact-form .is-style-outlined .grunion-field-wrap .grunion-checkbox-multiple-options,
.contact-form .is-style-outlined .grunion-field-wrap .grunion-radio-options,
.contact-form .is-style-animated .grunion-field-wrap .grunion-checkbox-multiple-options,
.contact-form .is-style-animated .grunion-field-wrap .grunion-radio-options
{
	padding: var(--jetpack--contact-form--input-padding, 16px);
	padding-top: calc(var(--jetpack--contact-form--input-padding-top, 16px) + 4px);
	flex-grow: 1;
}

.contact-form :not(.is-style-outlined):not(.is-style-animated) .grunion-field-wrap .grunion-checkbox-multiple-options,
.contact-form :not(.is-style-outlined):not(.is-style-animated) .grunion-field-wrap .grunion-radio-options {
	background-color: var(--jetpack--contact-form--input-background);
	border-radius: var(--jetpack--contact-form--border-radius);
	border-color: var(--jetpack--contact-form--border-color);
	border-style: var(--jetpack--contact-form--border-style);
	border-width: var(--jetpack--contact-form--border-size);
	padding: var(--jetpack--contact-form--input-padding, 16px);
}

.contact-form .is-style-outlined .grunion-field-wrap .notched-label {
	position: absolute;
	right: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	display: flex;
	box-sizing: border-box;
	text-align: left;
	pointer-events: none;
}

.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__leading {
	width: var(--notch-width);
	border-radius: var(--jetpack--contact-form--border-radius);
	border: var(--jetpack--contact-form--border);
	border-color: var(--jetpack--contact-form--border-color);
	border-style: var(--jetpack--contact-form--border-style);
	border-width: var(--jetpack--contact-form--border-size);
	border-right: none;
	border-top-right-radius: unset;
	border-bottom-right-radius: unset;
}

.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__notch {
	border-radius: unset;
	border: var(--jetpack--contact-form--border);
	border-color: var(--jetpack--contact-form--border-color);
	border-style: var(--jetpack--contact-form--border-style);
	border-width: var(--jetpack--contact-form--border-size);
	padding: 0 4px;
	transition: border 150ms linear;
}

/*
For some reason, when keeping the rule below together with the above selector,
on production builds, the attributes are being reordered, causing side-effects
*/
.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__notch {
	border-left: none;
	border-right: none;
}

.contact-form .is-style-outlined .grunion-field-wrap.no-label .notched-label__notch {
	padding: 0;
}

.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__label {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	will-change: transform;
	transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
	margin: 0;
	font-weight: 300;
}

.contact-form .is-style-outlined .grunion-field-textarea-wrap .notched-label .notched-label__label {
	top: var(--jetpack--contact-form--input-padding-top, 16px);
	transform: unset;
}

.contact-form .is-style-outlined .grunion-field-wrap .notched-label .notched-label__trailing {
	flex-grow: 1;
	border-radius: var(--jetpack--contact-form--border-radius);
	border: var(--jetpack--contact-form--border);
	border-color: var(--jetpack--contact-form--border-color);
	border-style: var(--jetpack--contact-form--border-style);
	border-width: var(--jetpack--contact-form--border-size);
	border-left: none;
	border-top-left-radius: unset;
	border-bottom-left-radius: unset;
}

.contact-form .is-style-outlined .grunion-field-wrap .grunion-field:focus ~ .notched-label .notched-label__notch,
.contact-form .is-style-outlined .grunion-field-wrap .grunion-field:not(:placeholder-shown) ~ .notched-label .notched-label__notch,
.contact-form .is-style-outlined .grunion-field-wrap .grunion-field.has-placeholder ~ .notched-label .notched-label__notch,
.contact-form .is-style-outlined .grunion-field-wrap .grunion-checkbox-multiple-options ~ .notched-label .notched-label__notch,
.contact-form .is-style-outlined .grunion-field-wrap .grunion-radio-options ~ .notched-label .notched-label__notch
{
	border-top-color: transparent;
}

.contact-form .is-style-outlined .grunion-field-wrap .grunion-field:focus ~ .notched-label .notched-label__label,
.contact-form .is-style-outlined .grunion-field-wrap .grunion-field:not(:placeholder-shown) ~ .notched-label .notched-label__label,
.contact-form .is-style-outlined .grunion-field-wrap .grunion-field.has-placeholder ~ .notched-label .notched-label__label,
.contact-form .is-style-outlined .grunion-field-wrap .grunion-checkbox-multiple-options ~ .notched-label .notched-label__label,
.contact-form .is-style-outlined .grunion-field-wrap .grunion-radio-options ~ .notched-label .notched-label__label
{
	top: calc(var(--jetpack--contact-form--border-size) * -1);
	transform: translateY(-50%);
	font-size: 0.8em;
}

.contact-form .is-style-outlined .grunion-field-wrap > input,
.contact-form .is-style-outlined .grunion-field-wrap > textarea,
.contact-form .is-style-outlined .grunion-field-wrap .contact-form-dropdown__button
{
	border-color: transparent !important; /* Need to override styles coming from the style attribute*/
	outline: none;
	padding-left: calc(var(--notch-width) + 4px);
	padding-right: calc(var(--notch-width) + 4px);
}

.contact-form .is-style-outlined .grunion-field-wrap textarea {
	padding: var(--jetpack--contact-form--input-padding, 16px);
	padding-left: calc(var(--notch-width) + 4px);
	padding-right: calc(var(--notch-width) + 4px);
}

.contact-form .is-style-outlined .contact-form-dropdown__menu .ui-menu-item-wrapper {
	padding-left: calc(var(--notch-width) + 4px);
	padding-right: calc(var(--notch-width) + 4px);
}

.contact-form .is-style-animated .grunion-field-wrap {
	--left-offset: calc(var(--jetpack--contact-form--input-padding-left, 16px) + var(--jetpack--contact-form--border-size));
	--label-left: max(var(--left-offset), var(--jetpack--contact-form--border-radius));
	--field-padding: calc(var(--label-left) - var(--jetpack--contact-form--border-size));
}

.contact-form .is-style-animated .grunion-field-wrap input {
	outline: none;
}

.contact-form .is-style-animated .grunion-field-wrap textarea {
	padding: var(--jetpack--contact-form--input-padding, 16px);
	outline: none;
}

.contact-form .is-style-animated .grunion-field-wrap:not(.no-label) > input,
.contact-form .is-style-animated .grunion-field-wrap:not(.no-label) > textarea,
.contact-form .is-style-animated .grunion-field-wrap:not(.no-label) .contact-form-dropdown__button
{
	padding-top: 1.4em;
	padding-left: var(--field-padding);
	padding-right: var(--field-padding);
}

.contact-form .is-style-animated .grunion-field-wrap .contact-form-dropdown__menu .ui-menu-item-wrapper {
	padding-left: var(--field-padding);
	padding-right: var(--field-padding);
}

.contact-form .is-style-animated .grunion-field-checkbox-multiple-wrap,
.contact-form .is-style-animated .grunion-field-radio-wrap {
	background-color: var(--jetpack--contact-form--input-background);
	border-radius: var(--jetpack--contact-form--border-radius);
	border: var(--jetpack--contact-form--border);
	border-color: var(--jetpack--contact-form--border-color);
	border-style: var(--jetpack--contact-form--border-style);
	border-width: var(--jetpack--contact-form--border-size);
}

.contact-form .is-style-animated .grunion-field-checkbox-multiple-wrap .grunion-checkbox-multiple-options,
.contact-form .is-style-animated .grunion-field-radio-wrap .grunion-radio-options {
	padding-top: 1.7em;
}

.contact-form .is-style-animated .grunion-field-wrap .animated-label__label {
	position: absolute;
	top: 50%;
	left: var(--label-left);
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	pointer-events: none;
	margin: 0;
	transform: translateY(-50%);
	transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-form .is-style-animated .grunion-field-textarea-wrap .animated-label__label {
	transform: unset;
	top: var(--jetpack--contact-form--input-padding-top, 16px);
}

.contact-form .is-style-animated .grunion-field-wrap .grunion-field:focus ~ .animated-label__label,
.contact-form .is-style-animated .grunion-field-wrap .grunion-field:not(:placeholder-shown) ~ .animated-label__label,
.contact-form .is-style-animated .grunion-field-wrap .grunion-field.has-placeholder ~ .animated-label__label,
.contact-form .is-style-animated .grunion-field-wrap .grunion-checkbox-multiple-options ~ .animated-label__label,
.contact-form .is-style-animated .grunion-field-wrap .grunion-radio-options ~ .animated-label__label
{
	font-size: 0.75em;
	transform: translateY(0);
	top: calc(2px + var(--jetpack--contact-form--border-size));
}

.contact-form .is-style-below .grunion-field-wrap .below-label__label {
	margin-left: var(--jetpack--contact-form--border-size);
}
