/* #region WP Plugin : Cookie */
.cky-consent-container {
	width: 100% !important;
	max-width: calc(100vw - (min(var(--spacing-container), var(--spacing-sm)) * 2)) !important;
	padding: 0 !important;
	margin: 0 !important;
	position: fixed !important;
	z-index: 99 !important;
	top: auto !important;
	right: auto !important;
	bottom: min(var(--spacing-container), var(--spacing-sm)) !important;
	left: min(var(--spacing-container), var(--spacing-sm)) !important;
	background: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.cky-consent-container .cky-consent-bar {
	--color-background: var(--color-white);
	--color-base: var(--color-black);
	--color-link: rgb(var(--color-blue));

	--button-height: 4.2rem;
	--button-spacing-y: 0.4em;
	--button-spacing-x: 1.6rem;
	--button-border-radius: calc(var(--button-height) / 2);
	--button-color-background: rgb(var(--color-blue));
	--button-color-border: rgb(var(--color-blue));
	--button-color-text: rgb(var(--color-white));
	--button-color-background--hover: rgb(var(--color-blue-mid));
	--button-color-border--hover: rgb(var(--color-blue-mid));
	--button-color-text--hover: rgb(var(--color-white));

	position: relative !important;
	z-index: 1 !important;
	margin: 0 !important;
	display: flex !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	text-align: left !important;
	width: auto !important;
	max-width: 100% !important;
	min-width: 0 !important;
	min-height: 0 !important;
	padding: var(--spacing-md) min(var(--spacing-container, var(--spacing-md))) !important;
	padding-right: calc((var(--spacing-sm) * 2) + var(--font-icon-size)) !important;
	font-family: var(--font-base) !important;
	font-style: var(--font-base-style) !important;
	font-weight: var(--font-base-weight) !important;
	font-size: var(--font-base-size--sm) !important;
	line-height: var(--font-base-line-height) !important;
	letter-spacing: var(--font-base-letter-spacing) !important;
	text-transform: var(--font-base-text-transform) !important;
	color: rgba(var(--color-base), var(--opacity-mid)) !important;
	background: rgba(var(--color-background), 1) !important;
	box-shadow:
		0 3rem 3rem 0 rgba(0, 0, 0, 0.07),
		0 8px 12px 0 rgba(0, 0, 0, 0.1) !important;
	border: 0px !important;
	border-radius: var(--border-radius) !important;
	overflow: hidden !important;
	transition: var(--duration) var(--easing) !important;
}
.cky-notice {
	display: flex;
	flex-direction: column;
	grid-gap: var(--spacing-content--xs);
}
.cky-notice .cky-title,
.cky-notice-group,
.cky-notice-des,
.cky-notice-des * {
	font-family: inherit !important;
	font-weight: inherit !important;
	font-style: inherit !important;
	font-size: inherit !important;
	line-height: inherit !important;
	text-transform: inherit !important;
	letter-spacing: inherit !important;
	color: inherit !important;
}
.cky-notice .cky-title {
	margin: 0 !important;
	color: rgba(var(--color-accent), 1) !important;
	font-family: var(--font-subtitle) !important;
	font-weight: var(--font-subtitle-weight) !important;
	font-size: var(--font-subtitle-size) !important;
	line-height: var(--font-subtitle-line-height) !important;
	text-transform: var(--font-subtitle-text-transform) !important;
	letter-spacing: var(--font-subtitle-letter-spacing) !important;
}
.cky-notice .cky-title:empty {
	display: none !important;
}
.cky-notice-group {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: baseline !important;
	justify-content: flex-start !important;
	grid-gap: var(--spacing-md) !important;
}
.cky-notice-group > * {
	width: auto !important;
}
.cky-notice-des .cky-policy {
	outline: 0 !important;
	padding: 0 !important;
	display: inline !important;
	font-size: inherit !important;
	white-space: normal !important;
	cursor: pointer !important;
	color: rgba(var(--color-accent), 1) !important;
	opacity: 1 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-decoration: underline !important;
	text-decoration-thickness: var(--text-decoration-thickness) !important;
	text-underline-offset: var(--text-underline-offset) !important;
	transition: var(--duration) var(--easing) !important;
}
.cky-notice-des .cky-policy:hover {
	color: var(--color-link) !important;
}
.cky-notice-btn-wrapper {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: flex-start !important;
	grid-gap: var(--spacing-4xs) !important;
}
.cky-notice-btn-wrapper .cky-btn {
	flex: unset !important;
	text-decoration: none !important;
	box-shadow: none !important;
	margin: 0 !important;
	position: relative !important;
	z-index: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	grid-gap: var(--spacing-4xs) !important;
	text-align: center !important;
	vertical-align: top !important;
	white-space: nowrap !important;
	width: auto !important;
	min-width: 8.2rem !important;
	max-width: none !important;
	height: var(--button-height) !important;
	min-height: 0 !important;
	max-height: none !important;
	padding: var(--button-spacing-y) var(--button-spacing-x) !important;
	border-radius: var(--button-border-radius) !important;
	border: var(--button-border) !important;
	border-color: var(--button-color-border) !important;
	background-color: var(--button-color-background) !important;
	color: var(--button-color-text) !important;
	font-family: var(--font-button) !important;
	font-style: var(--font-button-style) !important;
	font-weight: var(--font-button-weight) !important;
	font-size: var(--font-button-size) !important;
	line-height: var(--font-button-line-height) !important;
	letter-spacing: var(--font-button-letter-spacing) !important;
	text-transform: var(--font-button-text-transform) !important;
	opacity: 1 !important;
	overflow: visible !important;
	transition: var(--duration) var(--easing) !important;
}
.cky-notice-btn-wrapper .cky-btn:hover {
	border-color: var(--button-color-border--hover) !important;
	background-color: var(--button-color-background--hover) !important;
	color: var(--button-color-text--hover) !important;
}
.cky-notice-btn-wrapper .cky-btn-accept {
	order: -1;
}
.cky-notice-btn-wrapper .cky-btn-customize {
	order: 1;
}
.cky-notice-btn-wrapper .cky-btn-customize:not(:hover) {
	--button-color-background: transparent;
	--button-color-border: rgb(var(--color-blue));
	--button-color-text: rgb(var(--color-blue));
}
.cky-notice-btn-wrapper .cky-btn-reject {
	order: 0;
	grid-gap: 0 !important;
	font-size: 0 !important;
	line-height: 1 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	border: 0 !important;
	background: none !important;
	color: rgba(var(--color-base), var(--opacity)) !important;
	position: absolute !important;
	z-index: 1 !important;
	transform: none !important;
	bottom: auto !important;
	left: auto !important;
	top: var(--spacing-sm) !important;
	right: var(--spacing-sm) !important;
}
.cky-notice-btn-wrapper .cky-btn-reject:hover {
	border: 0 !important;
	background: none !important;
	color: var(--color-link) !important;
}
.cky-notice-btn-wrapper .cky-btn-reject::before {
	font-family: var(--font-icon);
	content: "\e900";
	font-style: var(--font-icon-style);
	font-weight: var(--font-icon-weight);
	font-size: var(--font-icon-size);
}

@media (min-width: 768px) {
	.cky-consent-container {
		width: 48rem !important;
	}
	.cky-consent-container .cky-consent-bar {
		padding-left: var(--spacing-md) !important;
	}
}
/* #endregion WP Plugin : Cookie */

/* #region WP Plugin : Form */
.wpcf7-form .wpcf7-form-control-wrap {
	position: relative;
	display: block;
	width: 100%;
}
.wpcf7-form .wpcf7-not-valid {
	--input-color-border: rgb(var(--color-error));
}
.wpcf7-form .wpcf7-not-valid-tip {
	display: block;
	font-family: var(--font-base);
	font-style: var(--font-base-style);
	font-weight: var(--font-base-weight);
	font-size: var(--font-base-size);
	line-height: var(--font-base-line-height);
	letter-spacing: var(--font-base-letter-spacing);
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	color: rgb(var(--color-error));
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
	margin-top: var(--spacing-2xs);
}
.wpcf7-form .wpcf7-response-output {
	margin: var(--spacing-2xs) 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
}
.wpcf7-form .ajax-loader {
	display: block;
	margin: 0 auto;
	left: 0;
	right: auto;
	top: calc(100% + var(--spacing-2xs));
}
.wpcf7-form .align-center .ajax-loader {
	left: 0;
	right: 0;
}
.wpcf7-form .wpcf7-list-item {
	margin-left: 0 !important;
}
form.wpcf7-form.submitting {
	cursor: progress;
}
form.wpcf7-form.submitting button[type="submit"] {
	pointer-events: none;
}
/* #endregion WP Plugin : Form */

/* #region WP : Page Navigation */
.wp-pagenavi {
	--wp-pagenavi-gap: 0.4rem;
	--font-icon-size: 1.6rem;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	border: 0;
	background: none;
	color: currentColor;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	grid-gap: var(--wp-pagenavi-gap);
	font-family: var(--font-base);
	font-style: var(--font-base-style);
	font-weight: var(--font-base-weight);
	font-size: var(--font-base-size--sm);
	line-height: var(--font-base-line-height);
	letter-spacing: var(--font-button-letter-spacing);
	text-transform: var(--font-button-text-transform);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.wp-pagenavi > span.pages {
	display: none !important;
}
.wp-pagenavi > * {
	margin: 0;
	padding: 0;
	background: none;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--button-circle-size);
	height: auto;
	min-width: 0;
	min-height: 0;
	aspect-ratio: 1/1;
	overflow: hidden;
	border-radius: 50%;
	border: var(--border);
	border-color: var(--button-outline-color-border);
	background-color: var(--button-outline-color-background);
	color: var(--button-outline-color-text);
	opacity: 1;
}
.wp-pagenavi > *:is(.current) {
	border-color: var(--button-outline-color-border--hover);
	background-color: var(--button-outline-color-background--hover);
	color: var(--button-outline-color-text--hover);
	opacity: 1;
}
.wp-pagenavi > *:is(.previouspostslink, .nextpostslink) {
	font-size: 0 !important;
	opacity: 1;
}
.wp-pagenavi > *:not(.previouspostslink, .nextpostslink):not(.current) {
	--button-outline-color-background: transparent;
	--button-outline-color-border: transparent;
	--button-outline-color-text: rgba(var(--color-base), var(--opacity));
}
.wp-pagenavi > .previouspostslink {
	margin-right: calc(var(--spacing-md) - var(--wp-pagenavi-gap));
}
.wp-pagenavi > .nextpostslink {
	margin-left: calc(var(--spacing-md) - var(--wp-pagenavi-gap));
}
.wp-pagenavi > .previouspostslink::before,
.wp-pagenavi > .nextpostslink::after {
	font-family: var(--font-icon);
	font-style: var(--font-icon-style);
	font-weight: var(--font-icon-weight);
	font-size: var(--font-icon-size);
	line-height: var(--font-icon-line-height);
}
.wp-pagenavi > .previouspostslink::before {
	content: "\e90d";
}
.wp-pagenavi > .nextpostslink::after {
	content: "\e90e";
}
/* #endregion WP : Page Navigation */
