.empty-content,
.page-error {
	padding: 1rem;
	text-align: center
}

.form-row,
.secondary {
	display: flex;
	flex-flow: column nowrap
}

.autocomplete-suggestion,
.btn,
.file,
.rate-thumb,
.scroll-top,
.search-button,
.smileys-bar img,
.theme-toggle,
[role=button],
a {
	cursor: pointer
}

@media(prefers-reduced-motion:no-preference) {
	:root {
		scroll-behavior: smooth
	}
}

body {
	-webkit-tap-highlight-color: transparent
}

.footer a {
	color: #F44336
}

.negative,
.rate-dislike:not(.disabled):not(.voted):hover,
a:hover {
	color: var(--mer-red-light)
}

.icon-3 {
	height: 3rem;
	vertical-align: middle;
	width: 3rem
}

button {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0
}

button:focus,
input:focus,
select:focus,
textarea:focus {
	outline: 0
}

select {
	text-transform: none;
	word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

input[type=checkbox],
input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

textarea {
	overflow: auto;
	resize: vertical
}

fieldset {
	border: 0;
	margin: 0;
	min-width: 0;
	padding: 0
}

::-moz-selection {
	background: var(--mer-selection);
	color: var(--mer-white)
}

::selection {
	background: var(--mer-selection);
	color: var(--mer-white)
}

.btn-light,
.page-error,
.primary .selected a,
.rate-dislike.voted {
	color: var(--mer-red)
}

.font-big {
	font-size: 1.5rem;
	font-weight: 400
}

.page-error {
	border: 1px solid var(--mer-red);
	border-radius: .375rem;
	font-size: 1.5rem;
	margin-bottom: 1rem
}

.burger,
.burger::after,
.burger::before,
.pagination a,
.pagination span {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.menu,
.secondary {
	-webkit-transition: .3s ease-out
}

.navigation.open .burger {
	background: 0 0
}

.navigation.open .burger::after,
.navigation.open .burger::before {
	margin-top: -.5rem;
	top: 0
}

.navigation.open .burger::before {
	-webkit-transform: translateY(.5rem) rotate(45deg);
	transform: translateY(.5rem) rotate(45deg)
}

.navigation.open .burger::after {
	-webkit-transform: translateY(.5rem) rotate(-45deg);
	transform: translateY(.5rem) rotate(-45deg)
}

.menu {
	background: var(--mer-bg-block);
	box-shadow: 0 1rem 1.25rem rgba(0, 0, 0, .1);
	padding: 17rem 1.25rem 8rem;
	transition: .3s ease-out;
	width: 20rem;
	z-index: 100
}

.fancybox-prev,
.navigation.open .menu {
	left: 0
}

.primary {
	font-weight: 600;
	padding-bottom: 1.5rem
}

.secondary {
	position: absolute;
	top: 11.5rem;
	left: -100%;
	transition: .3s ease-out;
	width: 17.5rem
}

.navigation.open .secondary {
	left: 1.25rem
}

.primary>li {
	padding: .75rem 0
}

.primary ul {
	margin-left: 2.5rem
}

.primary ul li {
	padding-top: .75rem
}

.secondary>li+li {
	margin-top: .75rem
}

.drop ul a,
.primary a {
	display: flex;
	align-items: center
}

.drop ul a,
.drop:hover .btn,
.list-sort a,
[data-theme=dark] .autocomplete-suggestions {
	color: var(--mer-dark-light)
}

.primary .icon {
	margin-right: 1rem
}

.comment-dislike:hover .icon,
.ico-fav-0.fixed .icon,
.ico-fav-1.fixed .icon,
.primary a:hover .icon,
.rate-dislike:not(.disabled):not(.voted):hover .icon {
	stroke: var(--mer-red-light)
}

.primary .selected .icon,
.rate-dislike.voted .icon {
	stroke: var(--mer-red)
}

.search {
	-webkit-transition: .3s ease-out;
	transition: .3s ease-out
}

.search-text:focus {
	background: var(--mer-white);
	outline: 0
}

[data-theme=dark] .search-text:focus {
	background: var(--mer-grey-dark)
}

.autocomplete-suggestions {
	background: var(--mer-bg-light);
	border: 1px solid var(--mer-grey);
	border-top-color: transparent;
	border-radius: 0 0 .375rem .375rem;
	margin-top: -.75rem;
	overflow: auto;
	padding: .5rem
}

.autocomplete-suggestion {
	overflow: hidden;
	padding: .25rem .75rem;
	white-space: nowrap
}

.autocomplete-selected {
	background: var(--mer-grey)
}

.autocomplete-suggestions strong {
	border-bottom: 1px solid var(--mer-blue);
	color: var(--mer-blue);
	font-weight: 400
}

.autocomplete-group {
	font-weight: 500;
	margin: .5rem 0 .25rem
}

.autocomplete-group strong,
.drop:hover ul {
	display: block
}

.btn:hover {
	background: var(--mer-red-light);
	color: var(--mer-white)
}

.btn-dark:hover {
	background: var(--mer-dark-light)
}

.btn-light {
	background: var(--mer-bg-light);
	border-color: var(--mer-red)
}

.btn-grey:hover {
	background: var(--mer-dark);
	border-color: var(--mer-dark);
	color: var(--mer-white)
}

.btn-thumb {
	background: 0 0;
	border-color: transparent;
	color: var(--mer-color-main);
	height: 3rem;
	padding: 0
}

.drop ul,
.drop:hover .btn,
.form-input,
.simple-field,
.textfield {
	background: var(--mer-bg-light)
}

.btn-thumb:hover {
	background: 0 0;
	color: var(--mer-red-light)
}

.btn-img {
	border-radius: .375rem;
	height: 3rem;
	width: 3rem
}

.captcha-control img,
.selectbox {
	height: 3.5rem
}

.btn-grey:hover .icon,
.delete .icon {
	stroke: var(--mer-white)
}

.btn-thumb span {
	border: 0;
	padding: 0 .75rem
}

.btn-group {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-top: 1rem
}

.btn-group>.btn {
	margin: .5rem
}

.btn-list>.btn-delete {
	margin-right: 1rem;
	position: relative
}

.form-group .form-input,
.line-group .form-input {
	margin: 0
}

.btn-delete .delete {
	background: var(--mer-dark);
	border-radius: 50%;
	box-shadow: 0 0 0 1px var(--mer-grey);
	padding: .25rem;
	position: absolute;
	top: -.75rem;
	right: -.75rem
}

.form-group,
.line-group .form-input,
.list-selector-popup {
	box-shadow: 0 0 .75rem rgba(0, 0, 0, .1)
}

.drop:hover .btn {
	border-color: var(--mer-white-dark) var(--mer-white-dark) transparent;
	border-radius: .375rem .375rem 0 0;
	position: relative;
	z-index: 300
}

.drop:hover .btn .icon {
	stroke: var(--mer-dark-light)
}

.drop ul {
	border: 1px solid var(--mer-white-dark);
	border-radius: 0 0 .375rem .375rem;
	display: none;
	font-size: .875rem;
	margin-top: -1px;
	min-width: 100%;
	padding: .75rem 1rem;
	position: absolute;
	top: 100%;
	right: 50%;
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
	white-space: nowrap;
	z-index: 200
}

.drop ul a {
	padding: .25rem 0 .25rem 1rem;
	position: relative
}

.drop ul a::before {
	border: solid transparent;
	border-width: 0 1px 1px 0;
	content: '';
	display: block;
	height: .5rem;
	position: absolute;
	top: .5rem;
	left: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: .25rem
}

.drop ul a:hover::before,
.form-input .error {
	border-color: var(--mer-red)
}

.form-row {
	margin: 1rem 0;
	width: 100%
}

.form-row-radio {
	flex-flow: column nowrap;
	align-items: flex-start
}

.form-submit {
	align-items: stretch;
	margin-top: 1.5rem;
	margin-bottom: 0
}

.form-group,
.line-group {
	margin-bottom: 1rem;
	display: flex;
	width: 100%
}

.form-group {
	flex-flow: column nowrap
}

.line-group {
	flex-flow: row nowrap;
	gap: 1rem
}

.captcha-control {
	flex-flow: row nowrap
}

.box-social p:last-child,
.captcha-control .form-group,
.toggle-comment {
	margin-bottom: 0
}

.captcha-control .form-input {
	height: 100%
}

.form-input {
	display: flex;
	font-size: 1rem;
	margin: .25rem;
	position: relative;
	width: 100%
}

.generic-error,
.success {
	margin-bottom: 1rem;
	text-align: center
}

.form-input+.form-input {
	border-top: 1px solid var(--mer-grey-dark)
}

.form-input label {
	color: var(--mer-black);
	font-size: .75rem;
	position: absolute;
	top: .125rem;
	left: 1rem
}

.simple-field,
.textfield {
	border: 1px solid transparent;
	border-left-width: .25rem;
	color: var(--mer-dark);
	display: block;
	font-size: .875rem;
	line-height: 1.125rem;
	padding: 1.25rem .75rem .5rem;
	width: 100%
}

.smileys-bar,
.success {
	background: var(--mer-grey)
}

.checkbox,
.field-error,
.file-control .btn,
.radio,
.toggle-comment.active {
	display: none
}

.simple-field {
	border-width: 1px;
	padding: .75rem 0
}

.textarea {
	min-height: 8rem
}

.textfield:disabled,
.textfield[readonly] {
	background: #d4d4d4
}

.textfield:focus:not(:disabled):not([readonly]) {
	border-left-color: var(--mer-red)
}

.textfield::-webkit-input-placeholder {
	color: var(--mer-dark);
	opacity: .5
}

.textfield::-moz-placeholder {
	color: var(--mer-dark);
	opacity: .5
}

.textfield::-ms-input-placeholder {
	color: var(--mer-dark);
	opacity: .5
}

.textfield::placeholder {
	color: var(--mer-dark);
	opacity: .5
}

.form-input .file-label,
.form-input .file-label::after {
	right: 0;
	padding: .375rem .75rem;
	line-height: 1.5;
	color: #495057;
	top: 0
}

.fancybox-inner,
.fancybox-outer,
.file-control,
.footer .container {
	position: relative
}

.file {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.form-link a {
	color: var(--mer-blue)
}

.form-input .file-label {
	left: 0;
	height: calc(1.5em + .75rem + 2px);
	font-weight: 400;
	background-color: var(--mer-white);
	border: 1px solid #ced4da;
	border-radius: .25rem
}

.form-input .file-label::after {
	position: absolute;
	bottom: 0;
	z-index: 3;
	display: block;
	height: calc(1.5em + .75rem);
	content: "Browse";
	background-color: #e9ecef;
	border-left: inherit;
	border-radius: 0 .25rem .25rem 0
}

.checkbox+label,
.radio+label {
	cursor: pointer;
	display: block;
	padding-left: 1.75rem;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.no-touch .ico-fav-0:not(.fixed):hover span,
.no-touch .ico-fav-1:not(.fixed):hover span,
form .info-message {
	display: inline-block
}

.checkbox+label::before,
.radio+label::before {
	background: var(--mer-white);
	border: 1px solid var(--mer-grey-dark);
	border-radius: .375rem;
	content: '';
	display: block;
	height: 1.25rem;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 1.25rem
}

.radio+label::before {
	border-radius: 50%
}

.checkbox:checked+label::before,
.radio:checked+label::before {
	background: 0 0;
	border-color: var(--mer-red);
	border-top-color: transparent;
	border-left-color: transparent;
	border-radius: 0;
	top: -.25rem;
	left: .375rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: .625rem
}

.box-social .icon,
.checkbox+label .icon,
.radio+label .icon,
.rate-thumb .icon,
a:hover .item-meta .icon {
	margin-right: .5rem
}

.generic-error {
	color: var(--mer-red);
	font-size: 1rem
}

.field-error {
	color: var(--mer-red);
	font-size: .75rem;
	font-weight: 500
}

.selectbox,
.selector-item label,
.success {
	color: var(--mer-dark)
}

.form-input .field-error {
	position: absolute;
	right: .5rem;
	bottom: 0
}

.success {
	font-size: 1rem;
	padding: 2rem 1.5rem
}

.smileys-bar {
	padding: 1rem
}

.simple-form {
	background: var(--mer-white);
	border: 1px solid var(--mer-white-dark);
	border-radius: .625rem;
	display: flex;
	padding: .25rem
}

.simple-input {
	border-color: var(--mer-white)
}

.selectbox,
.selector-group {
	border: 1px solid var(--mer-grey-dark)
}

.simple-input label {
	top: -.375rem;
	left: 0
}

.selectbox {
	background: var(--mer-bg-light);
	padding: 1.25rem 1rem .75rem;
	width: 100%
}

.list-selector-popup {
	background: var(--mer-grey);
	height: 12rem;
	position: absolute;
	right: .25rem;
	bottom: 3.5rem;
	left: .25rem;
	z-index: 10
}

.list-selector-popup::after {
	border-left: .5rem solid transparent;
	border-right: .5rem solid transparent;
	border-top: .625rem solid var(--mer-white);
	content: "";
	height: 0;
	position: absolute;
	bottom: -.5rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	z-index: 10
}

.selector-group {
	border-bottom: 0;
	display: flex;
	flex-flow: row wrap;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: .75rem;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 3.25rem;
	left: 0
}

.selector-item {
	margin: .25rem
}

.selector-item label {
	font-size: .875rem;
	overflow: hidden;
	top: 0;
	left: 0;
	text-overflow: ellipsis;
	width: 10.5rem;
	white-space: nowrap
}

.selector-filter {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

form .info-message {
	position: relative;
	margin: 0 1rem 1rem;
	padding: 1rem;
	font-size: 14px;
	background: var(--mer-grey-dark);
	border-radius: 10px;
	-webkit-border-radius: 10px
}

form .info-message::before {
	position: absolute;
	content: "";
	width: 10px;
	height: 10px;
	background-color: var(--mer-grey-dark);
	left: 20px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -5px
}

form .progressbar {
	position: absolute;
	z-index: 990;
	width: 60%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 5rem;
	border: .2rem solid #276fdb;
	padding: .8rem;
	border-radius: 2.4rem;
	background: var(--mer-white)
}

form .progressbar .text {
	position: absolute;
	width: 100%;
	top: 1rem;
	height: 3rem;
	font-size: 2.2rem;
	line-height: 3rem;
	text-align: center
}

form .progressbar.half-done .text {
	color: var(--mer-white) fff
}

form .progressbar .progress {
	width: 0;
	height: 3rem;
	background: #276fdb;
	border-radius: 2rem
}

.box-info,
.item-img {
	box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .1)
}

.item-line {
	background: var(--mer-red);
	border-radius: .25rem;
	color: var(--mer-white);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .75rem;
	font-weight: 500;
	height: 1.75rem;
	position: absolute;
	padding: 0 .5rem;
	text-transform: uppercase;
	z-index: 10
}

.ico-fav-0,
.ico-fav-1 {
	background: rgba(255, 255, 255, .6);
	color: var(--mer-dark);
	display: none;
	top: .75rem;
	right: .75rem
}

.logged-in .ico-fav-0,
.logged-in .ico-fav-1 {
	display: flex
}

.ico-fav-1 {
	top: 3rem
}

.no-touch .ico-fav-0,
.no-touch .ico-fav-1 {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(150%);
	transform: translateX(150%)
}

.no-touch .item:hover .ico-fav-0,
.no-touch .item:hover .ico-fav-1 {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.ico-fav-0 span,
.ico-fav-1 span {
	padding-right: .5rem;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	display: none
}

.ico-fav-0 .icon,
.ico-fav-1 .icon {
	margin-right: 0;
	stroke: var(--mer-dark)
}

.item-progress {
	background: var(--mer-red);
	content: '';
	height: .25rem;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	z-index: 50
}

a:hover .item-total .icon {
	height: 1.25rem;
	margin-right: .5rem;
	stroke: var(--mer-red);
	width: 1.25rem
}

.footer {
	background: var(--mer-dark);
	color: var(--mer-grey-dark);
	font-size: .875rem;
	margin-top: 3rem;
	padding-bottom: 2rem
}

.comment-info,
.comment-options {
	color: var(--mer-dark-light);
	display: flex;
	font-size: .875rem
}

.nav {
	display: flex;
	flex-flow: row wrap;
	font-weight: 600;
	margin: 1rem 0 1rem -.75rem
}

.nav li {
	margin: .5rem .75rem
}

.scroll-top {
	background: var(--mer-bg-light);
	border-radius: 50%;
	box-shadow: 0 0 1.25rem rgba(0, 0, 0, .1);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3.5rem;
	position: absolute;
	top: -1.75rem;
	right: 1rem;
	width: 3.5rem
}

.box-info,
.form-comments {
	background: var(--mer-bg-block)
}

.item-control,
.rate-thumb.disabled,
.rate-thumb.voted {
	cursor: default
}

.scroll-top .icon {
	margin-right: 0;
	stroke: var(--mer-red)
}

.item-comment {
	display: flex;
	padding: .75rem
}

.item-comment .avatar {
	flex: 0 0 3rem;
	height: 3rem;
	margin-right: 1rem;
	width: 3rem
}

.comment-info,
.form-comments .item-comment {
	flex-flow: column nowrap
}

.comment-info {
	margin-bottom: .5rem
}

.username {
	font-weight: 500;
	margin-right: 1rem
}

.comment-options {
	align-items: center
}

.comment-rating {
	font-weight: 500;
	margin-right: .5rem;
	margin-left: .5rem
}

.popup-title,
.section-title {
	font-weight: 600;
	line-height: 1
}

.comment-dislike,
.comment-like {
	display: inline-block !important
}

.positive,
.rate-like:not(.disabled):not(.voted):hover {
	color: var(--mer-green-light)
}

.comment-like:hover .icon,
.rate-like:not(.disabled):not(.voted):hover .icon {
	stroke: var(--mer-green-light)
}

.comment-edit {
	font-size: .75rem;
	height: auto;
	margin-left: 1rem;
	padding: .25rem .5rem
}

.form-comments {
	border: 1px solid var(--mer-white-dark);
	border-radius: .375rem;
	margin: 0 0 2rem
}

.box-img,
.box-info,
.fancybox-inner {
	border-radius: .375rem
}

[data-theme=dark] .form-comments {
	border-color: transparent
}

.form-comments .avatar {
	margin: 0 auto 1rem
}

.block-new-comment {
	display: none;
	width: 100%
}

.box-info,
.box-social p,
.item-control,
.list-sort {
	display: flex
}

.form-new-comment,
.two-sections {
	display: flex;
	flex-flow: column nowrap
}

.new-comment-form {
	margin-right: 1rem;
	margin-bottom: -.75rem;
	width: 100%
}

.pagination a:hover {
	color: var(--mer-white);
	background: var(--mer-dark)
}

.pagination .page-current a,
.pagination .page-current span {
	pointer-events: none
}

.box-info {
	flex-flow: row wrap;
	align-items: flex-start;
	gap: 1.5rem;
	margin: 1.5rem 0;
	padding: 1.5rem
}

.box-img {
	margin: 0 auto
}

.box-social {
	flex: 0 1 100%
}

.box-social a {
	margin-left: .5rem;
	text-decoration: underline
}

.rate-like.voted {
	color: var(--mer-green)
}

.rate-like.voted .icon {
	stroke: var(--mer-green)
}

.rating-container .voters {
	line-height: 1;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	text-align: center;
	white-space: nowrap
}

.suggest .block-flagging {
	width: 12rem
}

.block-flagging .two-sections {
	gap: 2rem
}

.flagging-list .form-radio {
	margin-top: .5rem
}

.flagging-message {
	flex: 1 1
}

.block-screenshots .item {
	padding: .5rem
}

.list-sort {
	flex-flow: column nowrap;
	margin: 2rem 0 1rem;
	font-size: 1.25rem
}

.list-sort li {
	margin-right: 1.25rem
}

.list-sort li::before {
	content: '•';
	margin-top: -1px;
	margin-right: 1.25rem
}


@media(min-width:300px) {

	.block-screenshots .item {
		width: 33.3333%
	}

}

@media(min-width:576px) {
	.form-row:not(.form-row-radio) {
		flex-flow: row nowrap;
		justify-content: space-between
	}

	.comment-info,
	.form-comments .item-comment,
	.form-new-comment,
	.two-sections {
		flex-flow: row nowrap
	}

	.form-comments .avatar {
		margin-right: 1rem;
		margin-bottom: 0
	}

	.new-comment-submit {
		align-self: flex-end
	}

	.block-screenshots .item {
		width: 16.666666%
	}

	.section-one,
	.section-two {
		flex: 1 1 50%
	}

	.section-two {
		margin-left: 2rem
	}
}

@media(min-width:768px) {
	.menu {
		padding-top: 11.5rem
	}

	.secondary {
		flex-flow: row nowrap;
		margin-left: auto;
		position: static;
		width: auto
	}

	.secondary>li+li {
		margin-top: 0;
		margin-left: .75rem
	}

	.drop ul {
		right: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	.box-social {
		flex: 0 1 100%;
		order: 3
	}

	.box-desc {
		flex: 1
	}

	.block-screenshots .item {
		width: 16.6666666%
	}

	.list-sort {
		flex-flow: row wrap
	}

	.list-sort li:first-child::before {
		display: none
	}
}

@media(min-width:992px) {
	.menu {
		padding-top: 7rem
	}

	.block-screenshots .item {
		width: 12.5%
	}

	.block-side .block-screenshots .item {
		width: 33.3333333333%
	}
}

@media(min-width:1200px) {
	.menu {
		padding-left: calc(50% - 600px + 1.25rem);
		width: calc(50% - 600px + 20rem)
	}

	.scroll-top {
		right: 0
	}

	.block-screenshots .item {
		width: 10%
	}

	.block-side .block-screenshots .item {
		width: 25%
	}
}

.item-control {
	border-top: 1px solid var(--mer-grey);
	justify-content: space-between;
	align-items: center;
	flex-flow: row wrap;
	margin-top: 1rem;
	padding-top: .75rem
}

.popup-title {
	font-size: 1.25rem;
	padding: 1rem
}

.popup-holder {
	box-sizing: border-box;
	font-size: .875rem;
	padding: 1rem
}

.section-title {
	font-size: 1rem;
	padding-bottom: 1rem
}

.fancybox-lock {
	overflow: hidden !important;
	width: auto
}

.fancybox-lock body {
	height: auto;
	overflow: hidden
}

.fancybox-overlay {
	background: rgba(30, 30, 30, .9);
	display: none;
	height: 100% !important;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	width: 100% !important;
	z-index: 8010
}

.fancybox-wrap {
	max-width: 42rem;
	outline: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 2rem) !important;
	z-index: 8020
}

.fancybox-skin {
	overflow: hidden;
	padding: 0 !important;
	position: relative
}

.fancybox-opened {
	z-index: 8030
}

.fancybox-inner {
	background: var(--mer-bg-block);
	height: 100% !important;
	overflow: hidden !important;
	padding: 1rem 0;
	width: 100% !important
}

@media(min-width:576px) {
	.fancybox-inner {
		padding: 1.5rem
	}
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch
}

.fancybox-type-image .fancybox-inner {
	background: 0 0;
	padding: 0
}

.fancybox-error {
	color: var(--mer-red);
	margin: 0;
	padding: 15px;
	white-space: nowrap
}

.fancybox-iframe,
.fancybox-image {
	display: block;
	height: 100%;
	width: 100%
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	opacity: .8;
	cursor: pointer;
	z-index: 8060
}

.fancybox-nav {
	height: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 40%;
	z-index: 8040
}

.fancybox-next {
	right: 0
}

.fancybox-close,
.fancybox-nav span {
	background-color: var(--mer-bg-light);
	border-radius: 50%;
	cursor: pointer;
	height: 1.5rem;
	padding: 1rem;
	position: absolute;
	width: 1.5rem;
	z-index: 8040
}

.fancybox-nav span,
.fancybox-type-image .fancybox-close {
	box-shadow: 0 0 1rem rgba(0, 0, 0, .2)
}

.fancybox-close {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1'%3E%3Cpath d='M6.34314575 6.34314575L17.6568542 17.6568542M6.34314575 17.6568542L17.6568542 6.34314575'/%3E%3C/svg%3E");
	top: .5rem;
	right: .5rem
}

.fancybox-nav span {
	top: 50%;
	visibility: hidden
}

.fancybox-prev span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1'%3E%3Cpolyline points='14 18 8 12 14 6 14 6'/%3E%3C/svg%3E");
	left: .5rem
}

.fancybox-next span {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='1'%3E%3Cpolyline points='10 6 16 12 10 18 10 18'/%3E%3C/svg%3E");
	right: .5rem
}

.fancybox-nav:hover span {
	visibility: visible
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important
}