.toplist-poker__wrapper {
	margin: 40px 0;
}

.toplist-poker__filter-wrapper {
	margin-bottom: 20px;
}

.toplist-poker__filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.toplist-poker__filter li {
	font-family: var(--bm-font-family);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	display: flex;
	align-items: center;
	flex-shrink: 0;
	justify-content: center;
	padding: 8px 12px !important;
	cursor: pointer;
	border: 2px solid #d7dfef;
	border-radius: 4px;
	background: #f6f8fb;
	gap: 8px;
}

.toplist-poker__filter li::marker {
	content: none;
}

.toplist-poker__filter li.active {
	border-color: #ddd1fb;
	background: #ddd1fb;
}

.toplist-poker__offers {
	display: flex;
	flex-direction: column;
	counter-reset: offers-list;
	gap: 4px;
}

.toplist-poker__offers.with-default-offers
	.toplist-poker__offer:not(.default-offer) {
	display: none;
}

.toplist-poker__offer.hidden {
	display: none;
}

.toplist-poker__offer-card {
	display: flex;
	border: 1px solid #cbcbcb;
	border-radius: 4px;
	gap: 24px;
}

.toplist-poker__offer-logo-wrapper {
	position: relative;
	flex-shrink: 0;
}

.toplist-poker__offer-logo img {
	width: 256px;
	height: 134px;
	border-radius: 3px 0 0 3px;
	object-fit: contain;
}

.toplist-poker__offer-label {
	position: absolute;
	top: 4px;
	left: 4px;
	display: flex;
}

.toplist-poker__offer-label:before {
	font-family: var(--bm-font-family);
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	content: counter(offers-list);
	counter-increment: offers-list;
	color: #060606;
	border-radius: 2px;
	background: #eceff5;
}

.toplist-poker__offer-label-highlight {
	font-family: var(--bm-font-family);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 24px;
	margin-left: -2px;
	padding: 0 8px 0 10px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #060606;
	border-radius: 0 4px 4px 0;
	background: #ffcb3f;
}

.toplist-poker__offer-body {
	display: grid;
	align-items: center;
	width: 100%;
	margin-right: 24px;
	grid-template-columns: auto 301px 200px;
	grid-template-rows: auto;
	gap: 0 24px;
	grid-template-areas: 'title facts cta-btn';
}

.toplist-poker__offer-title {
	grid-area: title;
}

.toplist-poker__offer-title,
.toplist-poker__offer-title p {
	font-family: var(--bm-font-family);
	font-size: 22px;
	font-weight: 700;
	line-height: 26px;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	color: #060606;
}

.toplist-poker__v1 .toplist-poker__offer-title,
.toplist-poker__v1 .toplist-poker__offer-facts {
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.toplist-poker__wrapper-dark .toplist-poker__offer-title,
.toplist-poker__wrapper-dark .toplist-poker__offer-title p {
	color: #ffffff;
}

.toplist-poker__offer-facts {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-right: 8px;
	grid-area: facts;
	gap: 16px;
}

.toplist-poker__offer-fact {
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 87px;
}

.toplist-poker__offer-fact.hidden {
	visibility: hidden;
	opacity: 0;
}

.toplist-poker__two-facts-view .toplist-poker__offer-fact.hidden {
	display: none;
}

.toplist-poker__offer-rating {
	font-family: var(--bm-font-family);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #060606;
}

.toplist-poker__wrapper-dark .toplist-poker__offer-rating {
	color: #ffffff;
}

.toplist-poker__offer-rating span {
	font-size: 14px;
	align-self: flex-end;
}

.toplist-poker__offer-rating-star {
	width: 17px;
	height: 16px;
	margin-right: 5px;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8313 15.499C12.7043 15.4994 12.5791 15.4695 12.4659 15.4115L8.41471 13.2906L4.36347 15.4115C4.23193 15.4807 4.0836 15.5116 3.93538 15.5007C3.78715 15.4898 3.64496 15.4375 3.52497 15.3497C3.40498 15.262 3.31201 15.1425 3.25662 15.0045C3.20124 14.8666 3.18566 14.7159 3.21165 14.5695L4.00601 10.0973L0.733244 6.91986C0.631139 6.81796 0.558704 6.69018 0.523718 6.55023C0.488731 6.41028 0.492513 6.26345 0.534658 6.12549C0.580699 5.98432 0.665391 5.85887 0.779126 5.76339C0.892852 5.66791 1.03107 5.60623 1.17809 5.58533L5.70594 4.92601L7.69979 0.85094C7.76483 0.716634 7.86639 0.60337 7.99284 0.524118C8.11928 0.444866 8.26549 0.402832 8.41471 0.402832C8.56394 0.402832 8.71015 0.444866 8.83659 0.524118C8.96304 0.60337 9.06463 0.716634 9.12963 0.85094L11.1473 4.91807L15.6752 5.57739C15.8222 5.59828 15.9604 5.65997 16.0742 5.75545C16.1879 5.85093 16.2725 5.97637 16.3186 6.11755C16.3608 6.25551 16.3646 6.40234 16.3295 6.54228C16.2946 6.68224 16.2221 6.81002 16.12 6.91191L12.8472 10.0893L13.6416 14.5616C13.67 14.7105 13.6551 14.8645 13.5988 15.0052C13.5426 15.146 13.4471 15.2676 13.3239 15.356C13.18 15.4568 13.0068 15.507 12.8313 15.499Z' fill='%23F6791E'/%3E%3C/svg%3E%0A");
}

.toplist-poker__offer-review-btn {
	font-family: var(--bm-font-family);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	margin-top: 12px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #060606;
	text-decoration-line: underline;
}

.toplist-poker__wrapper-dark .toplist-poker__offer-review-btn {
	color: #ffffff;
}

.toplist-poker__offer-fact-value {
	font-family: var(--bm-font-family);
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	overflow: hidden;
	width: 100%;
	height: 18px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #060606;
}

.toplist-poker__wrapper-dark .toplist-poker__offer-fact-value {
	color: #ffffff;
}

.toplist-poker__offer-fact-title {
	font-family: var(--bm-font-family);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	overflow: hidden;
	width: 100%;
	height: 12px;
	margin-top: 12px;
	text-align: center;
	white-space: nowrap;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-overflow: ellipsis;
	color: #404040;
}

.toplist-poker__wrapper-dark .toplist-poker__offer-fact-title {
	color: #bfbfbf;
}

.toplist-poker__offer-cta-wrapper {
	align-self: flex-start;
	flex-shrink: 0;
	margin-top: 28px;
	grid-area: cta-btn;
}

.toplist-poker__offer-cta-btn-icon {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 12.5L8 18.2631V6.73686L16 12.5Z' fill='%23060606'/%3E%3C/svg%3E");
}

.toplist-poker__offer-cta-btn {
	font-family: var(--bm-font-family);
	font-size: 18px;
	font-weight: 800;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 44px;
	padding: 0 24px 0 18px;
	color: #fff;
	border-radius: 2px;
	background: linear-gradient(90deg, #24f671 0%, #009d44 100%);
}

.toplist-poker__offer-cta-btn:hover {
	text-decoration: none;
	color: #fff;
	background: #009d44;
}

.toplist-poker__offer-payments {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
	gap: 12px;
}

.toplist-poker__offer-payment {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 26px;
	cursor: pointer;
}

.toplist-poker__offer-payment-name {
	font-family: var(--bm-font-family);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	text-align: center;
	letter-spacing: 0.03em;
	color: #060606;
}

.toplist-poker__offer-payment-in-tooltip .toplist-poker__offer-payment-name {
	text-align: right;
}

.toplist-poker__wrapper-dark .toplist-poker__offer-payment-name {
	color: #ffffff;
}

.toplist-poker__offer-payment:hover .toplist-poker__offer-payment-tooltip {
	display: flex !important;
}

.toplist-poker__offer-payment-tooltip,
.toplist-poker__offer-fact-value-tooltip,
.toplist-poker__offer-fact-title-tooltip {
	font-family: var(--bm-font-family);
	font-size: 12px;
	font-weight: 400;
	line-height: 150%;
	position: absolute;
	z-index: 10;
	top: 37px;
	left: 50%;
	flex-direction: column;
	width: max-content;
	padding: 12px 16px;
	transform: translateX(-50%);
	color: #bfbfbf;
	border-radius: 4px;
	background: #404040;
	gap: 14px;
}

.toplist-poker__wrapper-light .toplist-poker__offer-payment-tooltip,
.toplist-poker__wrapper-light .toplist-poker__offer-fact-value-tooltip,
.toplist-poker__wrapper-light .toplist-poker__offer-fact-title-tooltip {
	color: #060606;
	background: #bfbfbf;
}

.toplist-poker__offer-fact-value-tooltip {
	top: 28px;
}

.toplist-poker__offer-fact-title-tooltip {
	top: 48px;
}

.toplist-poker__offer-payment-tooltip:before,
.toplist-poker__offer-fact-value-tooltip:before,
.toplist-poker__offer-fact-title-tooltip:before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -8px;
	content: '';
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #404040 transparent;
	border-top-width: 0;
}

.toplist-poker__wrapper-light .toplist-poker__offer-payment-tooltip:before,
.toplist-poker__wrapper-light .toplist-poker__offer-fact-value-tooltip:before,
.toplist-poker__wrapper-light .toplist-poker__offer-fact-title-tooltip:before {
	border-color: transparent transparent #bfbfbf transparent;
}

.toplist-poker__offer-payments-hidden-counter {
	font-family: var(--bm-font-family);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	position: relative;
	width: fit-content;
	height: 19px;
	padding: 3px 6px 4px 6px;
	cursor: pointer;
	letter-spacing: 0.03em;
	color: #060606;
	border: 1px solid #060606;
	border-radius: 2px;
}

.toplist-poker__wrapper-dark .toplist-poker__offer-payments-hidden-counter {
	color: #ffffff;
	border: 1px solid #ffffff;
}

.toplist-poker__offer-payments-hidden-counter:hover
	.toplist-poker__offer-payments-tooltip {
	display: flex !important;
}

.toplist-poker__offer-payments-tooltip {
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 150%;
	position: absolute;
	z-index: 1;
	top: 34px;
	right: -12px;
	flex-direction: column;
	width: max-content;
	padding: 12px 16px;
	color: #bfbfbf;
	border-radius: 4px;
	background: #404040;
	gap: 14px;
}

.toplist-poker__wrapper-light .toplist-poker__offer-payments-tooltip {
	color: #060606;
	background: #bfbfbf;
}

.toplist-poker__offer-payments-tooltip:before {
	position: absolute;
	right: 16px;
	bottom: 100%;
	margin-left: -8px;
	content: '';
	border-width: 8px;
	border-style: solid;
	border-color: transparent transparent #404040 transparent;
}

.toplist-poker__wrapper-light .toplist-poker__offer-payments-tooltip:before {
	border-color: transparent transparent #bfbfbf transparent;
}

.toplist-poker__offer-payment-in-tooltip {
	display: flex;
	align-items: center;
	gap: 16px;
}

.toplist-poker__offer-payment-image {
	width: auto;
	max-height: 26px;
}

.toplist-poker__offer-payment-in-tooltip .toplist-poker__offer-payment-image {
	display: block;
	margin-left: auto;
}

.toplist-poker__offer-payment-in-tooltip-image-wrapper {
	flex-basis: calc(100% / 2 - 8px);
	flex-shrink: 0;
}

.toplist-poker__offer-payment-in-tooltip-title {
	flex-basis: calc(100% / 2 - 8px);
	margin-right: auto;
}

.toplist-poker__offer-terms {
	font-family: var(--bm-font-family);
	font-size: 10px;
	font-weight: 400;
	line-height: 11px;
	margin-top: 4px;
	color: #737373;
}

.toplist-poker__show-more-btn {
	font-family: var(--bm-font-family);
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	margin: 16px auto 0;
	padding: 13px 16px;
	color: #060606;
	border: 2px solid #060606;
	border-radius: 7px;
	gap: 8px;
}

.toplist-poker__show-more-btn:hover {
	cursor: pointer;
	color: #ffffff;
	background: #060606;
}

.toplist-poker__show-more-btn:hover svg path {
	stroke: #ffffff;
}

.toplist-poker__offer-fact-value:hover
	+ .toplist-poker__offer-fact-value-tooltip,
.toplist-poker__offer-fact-title:hover
	+ .toplist-poker__offer-fact-title-tooltip {
	display: block !important;
}

.toplist-poker__filter-tags-json {
	display: none !important;
}

@media screen and (min-width: 992px) {
	.toplist-poker__offer {
		background: none !important;
	}

	.toplist-poker__wrapper-dark .toplist-poker__offer-card {
		background: #503d1b;
	}

	.toplist-poker__wrapper.tiny .toplist-poker__offer-logo {
		height: 100%;
	}

	.toplist-poker__wrapper.tiny .toplist-poker__offer-logo img {
		width: 206px;
		height: 100%;
	}

	.toplist-poker__two-facts-view .toplist-poker__offer-body {
		grid-template-columns: auto auto 200px;
	}

	.toplist-poker__two-facts-view:not(.tiny) .toplist-poker__offer-facts {
		justify-content: flex-end;
	}

	.toplist-poker__wrapper.tiny .toplist-poker__offer-body {
		margin: 24px 24px 24px 0;
		grid-template-columns: auto 200px;
		grid-template-rows: auto;
		gap: 14px;
		grid-template-areas:
			'title cta-btn'
			'facts cta-btn';
	}

	.toplist-poker__wrapper.tiny .toplist-poker__offer-facts {
		margin-right: 0;
	}

	.toplist-poker__wrapper.tiny .toplist-poker__offer-fact {
		width: 109px;
	}

	.toplist-poker__wrapper.tiny .toplist-poker__offer-rating {
		justify-content: flex-start;
		width: 100%;
	}

	.toplist-poker__wrapper.tiny .toplist-poker__offer-fact-value {
		text-align: left;
	}

	.toplist-poker__wrapper.tiny .toplist-poker__offer-fact-title,
	.toplist-poker__wrapper.tiny .toplist-poker__offer-review-btn {
		font-size: 10px;
		width: 100%;
		margin-top: 4px;
		text-align: left;
	}

	.toplist-poker__wrapper.tiny .toplist-poker__offer-cta-wrapper {
		margin-top: 0;
	}
}

@media screen and (max-width: 991px) {
	.toplist-poker__wrapper {
		margin: 20px 0;
	}

	.toplist-poker__filter-wrapper {
		margin: 0 -15px 20px;
	}

	.toplist-poker__filter {
		overflow-x: scroll;
		flex-wrap: nowrap;
		padding-right: 15px;
		padding-left: 15px;
	}

	.toplist-poker__filter::-webkit-scrollbar {
		display: none;
	}

	.toplist-poker__offers {
		gap: 8px;
	}

	.toplist-poker__offer {
		border: 1px solid #cbcbcb;
		border-radius: 4px;
	}

	.toplist-poker__wrapper-dark .toplist-poker__offer {
		background: #503d1b;
	}

	.toplist-poker__offer-card {
		flex-direction: column;
		margin-bottom: 12px;
		border: none;
		border-radius: 0;
		background: none !important;
		gap: 12px;
	}

	.toplist-poker__offer-logo img {
		width: 100%;
		height: 100px;
		border-radius: 3px 3px 0 0;
	}

	.toplist-poker__offer-body {
		width: auto;
		margin: 0 24px;
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas:
			'title'
			'facts'
			'cta-btn';
		gap: 19px;
	}

	.toplist-poker__offer-title {
		margin: 0 24px;
	}

	.toplist-poker__offer-title,
	.toplist-poker__offer-title p {
		align-self: center;
		text-align: center;
	}

	.toplist-poker__offer-facts {
		justify-content: center;
		margin-right: 0;
	}

	.toplist-poker__offer-fact {
		flex-basis: calc(100% / 3 - (16px * 2 / 3));
	}

	.toplist-poker__offer-fact-title,
	.toplist-poker__offer-review-btn {
		font-size: 10px;
		margin-top: 4px;
	}

	.toplist-poker__offer-cta-wrapper {
		width: 100%;
		margin-top: 0;
	}

	.toplist-poker__offer-payments {
		margin-top: 12px;
	}

	.toplist-poker__offer-payment-image {
		height: fit-content;
		object-fit: contain;
	}

	.toplist-poker__offer-terms {
		margin: 0 16px 16px;
	}

	.toplist-poker__wrapper-dark .toplist-poker__offer-terms {
		color: #bfbfbf;
		background: #010101;
	}
}