/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/blocks/header-play-game/style.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.header-play-game {
	position: relative;
	z-index: 1;
	margin-top: 0px !important;
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
	padding-top: 0px
}

@media (min-width: 1024px) {

	.header-play-game {
		padding-top: 4.5rem
	}
}

.header-play-game::after {
	position: absolute;
	inset: 0px;
	z-index: -1;
	display: block;
	height: 100%;
	width: 100%;
	--tw-content: "";
	content: var(--tw-content);
	background: url("data:image/svg+xml,<svg width=\"1728\" height=\"1355\" viewBox=\"0 0 1728 1355\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path opacity=\"0.1\" d=\"M-577 -536.321L330.795 1354.79H537.357L1445.23 -536.321H1249.16C1244.64 -536.321 1240.61 -534.075 1238.91 -530.738L434.6 1140.35L-369.711 -531.188C-371.244 -534.268 -374.874 -536.321 -379.068 -536.321H-577ZM2070.97 -531.059L1266.42 1140.28L1054.85 700.614L952.015 914.929V916.084L1162.85 1354.79H1368.61L2276 -534.139C2275.19 -535.102 2274.87 -535.423 2274.06 -536.321H2080.57C2076.29 -536.321 2072.42 -534.203 2070.89 -530.995L2070.97 -531.059ZM1267.3 701.512L1861.5 -536.321H1665.1C1660.75 -536.321 1656.96 -534.203 1655.34 -530.995L1164.38 488.929L1267.3 701.512ZM-160.407 -536.321L434.116 702.154L1028.64 -536.321H832.078C827.884 -536.321 824.174 -534.268 822.641 -531.188L434.6 272.047L44.9462 -531.38C43.4944 -534.332 39.8649 -536.321 35.832 -536.321H-160.407Z\" fill=\"white\"/></svg>")
		center center / cover
}

.header-play-game__wrapper {
	position: relative;
	max-width: 73.625rem !important
}

.header-play-game__wrapper .wlc_breadcrumbs {
	position: relative;
	z-index: 10;
	margin: auto
}

.header-play-game__window {
	position: relative;
	z-index: 10;
	margin-left: auto;
	margin-right: auto
}

@media (min-width: 1024px) {

	.header-play-game__window {
		max-height: 43.25rem
	}
}

.header-play-game__window {
	border-width: 1px;
	border-style: solid;
	--tw-border-opacity: 1;
	border-color: rgb(0 0 0 / var(--tw-border-opacity, 1))
}

.header-play-game__window.full {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	max-width: 100%
}

.header-play-game__window-dialog {
	height: 100%;
	max-height: none;
	width: 100%;
	max-width: none
}

.header-play-game__window-top {
	text-align: center;
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	padding-right: 1rem
}

.header-play-game__window-top svg path {
	stroke: #ffffff
}

.header-play-game__window-content {
	position: relative;
	max-height: 43.25rem
}

.header-play-game__window-content-buttons {
	position: absolute;
	top: 0px;
	left: 0px;
	display: flex;
	height: 100%;
	width: 100%;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	gap: 1.5rem;
	background-color: #00000099
}

.header-play-game__window-content-buttons > div {
	margin-left: auto;
	margin-right: auto;
	width: 100%
}

.header-play-game__window-content-buttons .header-play-game__button-main-label {
	text-align: center;
	font-size: 1rem;
	line-height: 1.5rem;
	font-weight: 700;
	text-transform: uppercase;
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {

	.header-play-game__window-content-buttons .header-play-game__button-main-label {
		font-size: 1.5rem;
		line-height: 2rem
	}
}

.header-play-game__window-content-buttons
	.header-play-game__button-main-label-second {
	text-align: center;
	font-size: 0.75rem;
	line-height: 1rem;
	font-weight: 600;
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

@media not all and (min-width: 768px) {

	.header-play-game__window-content-buttons
	.header-play-game__button-main-label-second {
		display: none
	}
}

.header-play-game__button-play-real,
.header-play-game__button-play-demo {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	width: 90%;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	padding-top: 1.25rem !important;
	padding-bottom: 1.25rem !important;
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important
}

@media (min-width: 768px) {

	.header-play-game__button-play-real,
.header-play-game__button-play-demo {
		width: 75%
	}
}

@media (min-width: 1024px) {

	.header-play-game__button-play-real,
.header-play-game__button-play-demo {
		width: -moz-fit-content;
		width: fit-content;
		min-width: 32.5rem;
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
		padding-left: 2rem !important;
		padding-right: 2rem !important
	}
}

.header-play-game__button-play-real {
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
	text-decoration-line: none
}

@media (min-width: 1024px) {

	.header-play-game__button-play-real {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important
	}
}

.header-play-game__button-play-real .header-play-game__button-main-label {
	text-align: center;
	font-size: 0.875rem;
	line-height: 1.25rem;
	font-weight: 600;
	text-transform: uppercase;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px) {

	.header-play-game__button-play-real .header-play-game__button-main-label {
		font-size: 1.5rem;
		line-height: 2rem
	}
}

.header-play-game__window-content img {
	max-height: 40.25rem;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover
}

@media (min-width: 1024px) {

	.header-play-game__window-content img {
		aspect-ratio: 16 / 9
	}
}

.header-play-game__window-content-iframe.active {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%
}

.header-play-game__window[data-fullscreen="true"] {
	position: fixed;
	inset: 0px;
	z-index: 9999999999;
	height: 100%;
	max-height: unset;
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

.header-play-game__window[data-fullscreen="true"] .header-play-game__window-content {
	height: 100%;
	max-height: unset;
	width: 100%
}

:is(.header-play-game__window[data-fullscreen="true"] .header-play-game__window-content) img {
	height: calc(100vh - 2.5rem);
	max-height: unset
}

.header-play-game__window[data-fullscreen="true"] .header-play-game__window-content-iframe.active {
	padding-bottom: 2.5rem
}


/*# sourceMappingURL=index.css.map*/