@charset "UTF-8";
@media screen and ( width <= 768px ){
	:root{
		--breakPoint : 480;
		--contentWidth : 456;
		--gutter : 12;
		--remBase : 100vw / 480;
		--viewportBase : 100% / var( --breakPoint );
	}
}
@media print , screen and ( width > 768px ){
	:root{
		--breakPoint : 1320;
		--contentWidth : 1280;
		--gutter : 20;
		--remBase : min( 1px , 100vw / 1320 );
		--viewportBase : min( 1px , 100% / var( --breakPoint ) );
	}
}
:root{
	--contentBase : 100% / var( --contentWidth );
}

/* --------------------------------------------
COLOR
--------------------------------------------- */
@property --base{
	syntax : "<color>";
	inherits : false;
	initial-value : #333;
}
@property --blue{
	syntax : "<color>";
	inherits : false;
	initial-value : #0f97de;
}
@property --blue02{
	syntax : "<color>";
	inherits : false;
	initial-value : #1d69a4;
}
@property --blue03{
	syntax : "<color>";
	inherits : false;
	initial-value : #4289a8;
}
@property --blue04{
	syntax : "<color>";
	inherits : false;
	initial-value : #108bd7;
}
@property --green{
	syntax : "<color>";
	inherits : false;
	initial-value : #2a8e17;
}
@property --orange{
	syntax : "<color>";
	inherits : false;
	initial-value : #f6931a;
}
@property --green{
	syntax : "<color>";
	inherits : false;
	initial-value : #31b193;
}

/* --------------------------------------------
FILTER COLOR
--------------------------------------------- */
@property --filterWhite{
	syntax : "*";
	inherits : false;
	initial-value : invert( 99% ) sepia( 28% ) saturate( 2% ) hue-rotate( 3deg ) brightness( 108% ) contrast( 100% );
}
@property --filterBase{
	syntax : "*";
	inherits : false;
	initial-value : invert( 13% ) sepia( 48% ) saturate( 0% ) hue-rotate( 252deg ) brightness( 91% ) contrast( 80% );
}
@property --filterBlue{
	syntax : "*";
	inherits : false;
	initial-value : invert( 43% ) sepia( 89% ) saturate( 2665% ) hue-rotate( 175deg ) brightness( 99% ) contrast( 88% );
}
@property --filterBlue02{
	syntax : "*";
	inherits : false;
	initial-value : invert( 34% ) sepia( 47% ) saturate( 902% ) hue-rotate( 165deg ) brightness( 95% ) contrast( 94% );
}
@property --filterGreen{
	syntax : "*";
	inherits : false;
	initial-value : invert( 32% ) sepia( 57% ) saturate( 4703% ) hue-rotate( 82deg ) brightness( 104% ) contrast( 82% );
}
.editor-styles-wrapper{
	p , h6{
		margin-top : 1lh;
	}
	.wp-block-paragraph.has-small-font-size{
		font-size : .8em;
	}
	.wp-block-paragraph.has-regular-font-size{
		font-size : 1em;
	}
	.wp-block-paragraph.has-large-font-size{
		font-size : 1.2em;
	}
	.wp-block-paragraph.has-larger-font-size{
		font-size : 1.5em;
	}
	h2{
		padding-left : calc( 16 * var( --remBase ) );
		font-weight : 700;
		color : var( --blue02 );
		border-bottom-color : var( --blue );
		border-bottom-style : solid;
		border-bottom-width : calc( 2 * var( --remBase ) );
		border-left-color : var( --blue02 );
		border-left-style : solid;
		border-left-width : calc( 4 * var( --remBase ) );
	}
	h3{
		padding-top : calc( 4 * var( --remBase ) );
		padding-bottom : calc( 8 * var( --remBase ) );
		padding-left : calc( 14 * var( --remBase ) );
		font-weight : 700;
		border-bottom-color : #e5e7eb;
		border-bottom-style : solid;
		border-bottom-width : calc( 2 * var( --remBase ) );
		border-left-color : var( --blue02 );
		border-left-style : solid;
		border-left-width : calc( 4 * var( --remBase ) );
	}
	h4{
		position : relative;
		padding-block : calc( 8 * var( --remBase ) );
		padding-left : calc( 1em + calc( 8 * var( --remBase ) ) );
		font-weight : 700;
		border-bottom : calc( 2 * var( --remBase ) ) solid #e5e7eb;
		&::before{
			position : absolute;
			top : calc( 8 * var( --remBase ) );
			left : 0;
			color : var( --blue );
			content : "■";
		}
	}
	h5{
		position : relative;
		padding-block : calc( 8 * var( --remBase ) );
		padding-left : calc( 1em + calc( 8 * var( --remBase ) ) );
		font-weight : 700;
		border-bottom : calc( 2 * var( --remBase ) ) solid #e5e7eb;
		&::before{
			position : absolute;
			top : calc( 8 * var( --remBase ) );
			left : 0;
			width : 1em;
			color : var( --blue );
			text-align : center;
			content : "-";
		}
	}
	h6{
		font-weight : 700;
	}
	.wp-block-list{
		padding-left : 1em;
		list-style-position : outside;
	}
	ul.wp-block-list{
		list-style : disc;
	}
	ol.wp-block-list{
		list-style : decimal;
	}
	.wp-block-quote , .wp-block-pullquote{
		width : 100%;
		padding : 0;
		margin-top : calc( 24 * var( --remBase ) );
		margin-bottom : 0;
	}
	.wp-block-quote{
		padding-block : calc( 32 * var( --remBase ) );
		padding-inline : calc( 64 * var( --remBase ) );
		font-style : italic;
		color : #475569;
		background-color : #f9fafb;
		border-left : 4px solid var( --blue );
		border-radius : 0 calc( 8 * var( --remBase ) ) calc( 8 * var( --remBase ) ) 0;
	}
	.wp-block-pullquote{
		padding-block : calc( 32 * var( --remBase ) );
		padding-inline : calc( 64 * var( --remBase ) );
		font-style : italic;
		color : #475569;
		background-color : #f9fafb;
		border-radius : 0 calc( 8 * var( --remBase ) ) calc( 8 * var( --remBase ) ) 0;
	}
	blockquote *:first-child{
		margin-top : 0;
	}
	.wp-block-pullquote , .wp-block-audio , .wp-block-video , .wp-block-embed.is-type-video{
		&.alignfull{
			position : relative;
			width : 100vw;
			height : auto;
			min-height : inherit;
		}
	}
	.wp-block-code{
		margin-top : calc( 20 * var( --remBase ) );
		background-color : #f1f5f9;
		border : solid 1px #e2e8f0;
		border-radius : calc( 8 * var( --remBase ) );
		code{
			display : block;
			padding-block : calc( 16 * var( --remBase ) );
			padding-inline : calc( 16 * var( --remBase ) );
			font-family : monospace;
			font-size : calc( 14 * var( --remBase ) );
			line-height : 1.7;
			color : #374151 ;
			word-break : break-all;
			background-color : #f8fafc;
		}
	}
	.wp-block-image{
		margin-top : calc( 24 * var( --remBase ) );
		img{
			height : auto;
			border-radius : calc( 8 * var( --remBase ) );
			box-shadow : 0 calc( 2 * var( --remBase ) ) calc( 12 * var( --remBase ) ) color-mix( in sRGB , black 8% , transparent );
		}
	}
	.wp-element-caption{
		margin-bottom : 0;
		font-size : calc( 13 * var( --remBase ) );
		line-height : 1.5;
		color : #6b7280;
		text-align : center;
	}
	.wp-block-image.size-full.fluid , .wp-block-cover.fluid{
		position : relative;
		width : 100vw;
		height : auto;
		min-height : inherit;
		aspect-ratio : 16/9;
		img{
			max-width : inherit;
			height : auto;
			max-height : inherit;
		}
	}
	.wp-block-cover{
		margin-top : calc( 24 * var( --remBase ) );
	}
	.wp-block-image.aligncenter{
		margin-inline : auto;
	}
	.wp-block-table{
		table{
			width : 100%;
			overflow : hidden;
			border-collapse : collapse;
			border : 0;
			border-radius : calc( 8 * var( --remBase ) );
			th , td{
				padding-block : calc( 12 * var( --remBase ) );
				padding-inline : calc( 16 * var( --contentBase ) );
			}
			thead{
				border-bottom : 0;
				th{
					font-weight : 700;
					color : white;
					text-align : left;
					background-color : var( --categoryColor );
				}
			}
			tbody{
				th , td{
					border : solid 1px #e5e7eb;
				}
				tr:nth-of-type( even ){
					th , td{
						background-color : #f8fafc;
					}
				}
			}
		}
	}
	.wp-block-buttons{
		.wp-block-button{
			a{
				display : grid;
				place-items : center;
				width : fit-content;
				color : white;
				background-color : var( --categoryColor );
				border : 0;
				border-radius : 100vmax;
			}
			&.is-style-outline{
				a{
					color : var( --categoryColor );
					background-color : transparent;
					border : solid 1px currentColor;
				}
			}
			&.aligncenter{
				width : 100%;
				text-align : center;
				a{
					margin-inline : auto;
				}
			}
			&.alignright{
				width : 100%;
				a{
					margin-left : auto;
				}
			}
		}
	}
	strong{
		font-weight : 700;
		background-image : linear-gradient( transparent 60% , var( --categoryColor ) 60% );
	}
	.has-drop-cap{
		&::first-letter{
			color : var( --categoryColor );
		}
	}
	.wp-block-separator{
		margin-top : calc( 24 * var( --remBase ) );
		border-top-color : var( --categoryColor );
	}
	.wp-block-gallery{
		margin-top : calc( 24 * var( --remBase ) );
	}
	.wp-block-gallery{
		display : flex;
		flex-wrap : wrap;
	}
	.wp-block-audio{
		margin-top : calc( 24 * var( --remBase ) );
		audio{
			width : fit-content;
			margin-inline : auto;
		}
		&.alignleft{
			audio{
				margin-left : 0;
			}
		}
		&.alignright{
			audio{
				margin-right : 0;
			}
		}
		&.alignwide{
			audio{
				width : 100%;
			}
		}
		&.alignfull{
			padding-inline : 1rem;
			audio{
				width : 100%;
			}
		}
	}
	.wp-block-video{
		margin-top : calc( 24 * var( --remBase ) );
		video{
			width : 100%;
			height : auto;
			aspect-ratio : 16/9;
		}
		&.alignfull{
			video{
				width : 100%;
			}
		}
	}
	.wp-block-preformatted , .wp-block-verse{
		margin-top : calc( 24 * var( --remBase ) );
	}
	.wp-block-embed{
		margin-top : calc( 24 * var( --remBase ) );
		&.aligncenter{
			justify-content : center;
			iframe{
				margin-inline : auto;
			}
		}
		&.alignwide{
			grid-template-columns : 100%;
			iframe{
				width : 100%;
				max-width : inherit;
				height : auto;
				aspect-ratio : 16/9;
			}
			.twitter-tweet{
				margin-inline : auto;
			}
		}
		&.alignfull{
			grid-template-columns : 100%;
			iframe{
				width : 100%;
				max-width : inherit;
				height : auto;
				aspect-ratio : 16/9;
			}
			.twitter-tweet{
				margin-inline : auto;
			}
		}
	}
	.wp-block-file{
		margin-top : calc( 24 * var( --remBase ) );
	}
	@media screen and ( width <= 768px ){
		p , .wp-block-list , h6 , cite , .wp-block-preformatted , .wp-block-verse{
			font-size : calc( 14 * var( --remBase ) );
			line-height : 1.8;
		}
		h2{
			padding-top : calc( 6 * var( --remBase ) );
			padding-bottom : calc( 10 * var( --remBase ) );
			margin-top : calc( 32 * var( --remBase ) );
			font-size : calc( 18 * var( --remBase ) );
			line-height : 1.4;
		}
		h3{
			margin-top : calc( 24 * var( --remBase ) );
			font-size : calc( 16 * var( --remBase ) );
			line-height : 1.4;
		}
		h4{
			margin-top : calc( 24 * var( --remBase ) );
			font-size : calc( 15 * var( --remBase ) );
			line-height : 1.4;
		}
		h5{
			margin-top : calc( 21 * var( --remBase ) );
			font-size : calc( 15 * var( --remBase ) );
			line-height : 1.4;
		}
		.wp-block-list{
			margin-top : calc( 18.2 * var( --remBase ) );
		}
		.wp-element-caption{
			margin-top : calc( 24 * var( --remBase ) );
		}
		.wp-block-image.size-full.fluid , .wp-block-cover.fluid , .wp-block-pullquote.alignfull , .wp-block-audio.alignfull , .wp-block-video.alignfull , .wp-block-embed.is-type-video.alignfull{
			left : calc( var( --gutter ) * var( --contentBase ) * -1 );
		}
		.wp-block-table{
			margin-top : calc( 18.2 * var( --remBase ) );
			table{
				th , td{
					font-size : calc( 13 * var( --remBase ) );
					line-height : 1.79;
				}
			}
		}
		.wp-block-buttons{
			margin-top : calc( 4 * var( --remBase ) );
			a{
				padding-block : calc( 12 * var( --remBase ) );
				padding-inline : calc( 22 * var( --remBase ) );
				margin-inline : auto;
				font-size : calc( 15 * var( --remBase ) );
				line-height : 1.8;
			}
		}
	}
	@media print , screen and ( width > 768px ){
		p , .wp-block-list , h6 , cite , .wp-block-preformatted , .wp-block-verse{
			font-size : calc( 16 * var( --remBase ) );
			line-height : 1.8;
		}
		h2{
			padding-top : calc( 8 * var( --remBase ) );
			padding-bottom : calc( 12 * var( --remBase ) );
			margin-top : calc( 50 * var( --remBase ) );
			font-size : calc( 24 * var( --remBase ) );
			line-height : 1.4;
		}
		h3{
			margin-top : calc( 35 * var( --remBase ) );
			font-size : calc( 19.2 * var( --remBase ) );
			line-height : calc( 26.88 / 19.2 );
		}
		h4{
			margin-top : calc( 28 * var( --remBase ) );
			font-size : calc( 16.8 * var( --remBase ) );
			line-height : calc( 23.52 / 16.8 );
		}
		h5{
			margin-top : calc( 24 * var( --remBase ) );
			font-size : calc( 16.8 * var( --remBase ) );
			line-height : calc( 23.52 / 16.8 );
		}
		.wp-block-list{
			margin-top : calc( 24 * var( --remBase ) );
		}
		.wp-element-caption{
			margin-top : calc( 32 * var( --remBase ) );
		}
		.wp-block-image.size-full.fluid , .wp-block-cover.fluid , .wp-block-pullquote.alignfull , .wp-block-audio.alignfull , .wp-block-video.alignfull , .wp-block-embed.is-type-video.alignfull{
			left : min( calc( -1 * ( 100vw - ( var( --contentWidth ) * 1px ) ) / 2 ) , calc( -1 * var( --gutter ) * 100% / 940 ) );
		}
		.wp-block-table{
			margin-top : calc( 24 * var( --remBase ) );
		}
		.wp-block-table{
			table{
				thead{
					th , td{
						font-size : calc( 13 * var( --remBase ) );
						line-height : 1.75;
					}
				}
				tbody{
					th , td{
						font-size : calc( 14 * var( --remBase ) );
						line-height : 1.75;
					}
				}
			}
		}
		.wp-block-buttons{
			margin-top : calc( 20 * var( --remBase ) );
			a{
				padding-block : calc( 12 * var( --remBase ) );
				padding-inline : calc( 24 * var( --remBase ) );
				font-size : calc( 16 * var( --remBase ) );
				line-height : 1.75;
			}
		}
	}
}
@media ( hover : hover ){
	.editor-styles-wrapper .wp-block-table table tbody tr:hover{
		th , td{
			background-color : #eef2ff;
		}
	}
}
@media ( prefers-reduced-motion : no-preference ){
	.editor-styles-wrapper .wp-block-table table tbody{
		th , td{
			transition : background var( --transitionBase );
		}
	}
}