/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.106.1/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.5.9_webpack@5.106.1/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@16.0.7_sass@1.99.0_webpack@5.106.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/style.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* функция перевода font px в rem */
:root {
  --yp-color-bg: #fff;
  --yp-color-surface: #fff;
  --yp-color-text: #111827;
  --yp-color-primary: var(--yp-theme-color-primary, #5d9e20);
  --yp-color-muted: #f3f4f6;
  --yp-color-text-muted: #6b7280;
  --yp-color-secondary: var(--yp-theme-color-secondary, #2563eb);
  --yp-color-secondary-dark: #1d4ed8;
  --yp-color-primary-rgb: 93, 158, 32;
  --yp-color-accent: var(--yp-theme-color-acent, #25ebd1);
  --yp-color-button-bg: var(--yp-color-primary);
  --yp-color-button-text: #fff;
  --yp-color-button-bg-hover: #8ed14f;
  --yp-padding-button-inline: 1.5rem;
  --yp-padding-button-block: 0.75rem;
  --yp-font-size-button: 1rem;
  --yp-color-button-bg-secondary: #ffffff;
  --yp-color-button-text-secondary: #1a132f;
  --yp-color-button-bg-hover-secondary: #f1f4f5;
  --yp-border-radius-base: 0.5rem;
  --yp-border-radius-button: 0.5rem;
}
* {
  box-sizing: border-box;
}
.preview-casino {
  gap: 0.75rem 1rem;
}
/***** BLOCKS GLOBAL *****/
/*-----buttons----*/
/*
.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	border-radius: 0.25rem;
	border: 1px solid transparent;
	box-sizing: border-box;
	padding: 0.5rem 1rem 0.375rem;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 100%;
	text-transform: uppercase;
	min-height: 1.5rem;
	cursor: pointer;
}*/
.certificate {
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
  background: linear-gradient(264deg, #87bbc1 3%, #00abc2 95.71%);
  font-family: "Inter-Bold";
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}
.certificate:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIg0KCQlkPSJNMTAuNSAxQzkuOTA0NTIgMC45OTk0MzcgOS4zMTYxMyAxLjEyOTE0IDguNzc2MDggMS4zODAwMUM4LjIzNjAyIDEuNjMwODkgNy43NTczOSAxLjk5Njg2IDcuMzczNzMgMi40NTIyN0M2LjIxNiAyLjM1NDkxIDUuMDIzMDkgMi43NDkyNyA0LjEzNjE4IDMuNjM2MThDMy4yNDkyNyA0LjUyMzA5IDIuODU0OTEgNS43MTYgMi45NTIyNyA2Ljg3MzczQzIuMDY1MzYgNy42MjMxOCAxLjUgOC43NDU3MyAxLjUgMTBDMS41IDExLjI1NDMgMi4wNjQ1NSAxMi4zNzY4IDIuOTUyMjcgMTMuMTI2M0MyLjg1NDkxIDE0LjI4NCAzLjI0OTI3IDE1LjQ3NjkgNC4xMzYxOCAxNi4zNjM4QzUuMDIzMDkgMTcuMjUwNyA2LjIxNiAxNy42NDUxIDcuMzczNzMgMTcuNTQ3N0M4LjEyMzE4IDE4LjQzNDYgOS4yNDU3MyAxOSAxMC41IDE5QzExLjc1NDMgMTkgMTIuODc2OCAxOC40MzU1IDEzLjYyNjMgMTcuNTQ3N0MxNC4yMTk2IDE3LjU5ODQgMTQuODE2OSAxNy41MTg3IDE1LjM3NjEgMTcuMzE0MkMxNS45MzU0IDE3LjEwOTcgMTYuNDQzMiAxNi43ODUzIDE2Ljg2MzggMTYuMzYzOEMxNy4yODUzIDE1Ljk0MzIgMTcuNjA5NyAxNS40MzU0IDE3LjgxNDIgMTQuODc2MUMxOC4wMTg3IDE0LjMxNjkgMTguMDk4NCAxMy43MTk2IDE4LjA0NzcgMTMuMTI2M0MxOC45MzQ2IDEyLjM3NjggMTkuNSAxMS4yNTQzIDE5LjUgMTBDMTkuNSA4Ljc0NTczIDE4LjkzNTUgNy42MjMxOCAxOC4wNDc3IDYuODczNzNDMTguMDk4NCA2LjI4MDQgMTguMDE4NyA1LjY4MzE1IDE3LjgxNDIgNS4xMjM4OEMxNy42MDk3IDQuNTY0NiAxNy4yODUzIDQuMDU2ODMgMTYuODYzOCAzLjYzNjE4QzE2LjQ0MzIgMy4yMTQ2OCAxNS45MzU0IDIuODkwMjkgMTUuMzc2MSAyLjY4NTc3QzE0LjgxNjkgMi40ODEyNiAxNC4yMTk2IDIuNDAxNTYgMTMuNjI2MyAyLjQ1MjI3QzEzLjI0MjYgMS45OTY4NiAxMi43NjQgMS42MzA4OSAxMi4yMjM5IDEuMzgwMDFDMTEuNjgzOSAxLjEyOTE0IDExLjA5NTUgMC45OTk0MzcgMTAuNSAxWk0xNC4zNTEyIDguOTQyMDlDMTQuNTAwMiA4Ljc4Nzc4IDE0LjU4MjcgOC41ODExMSAxNC41ODA4IDguMzY2NThDMTQuNTc5IDguMTUyMDYgMTQuNDkyOSA3Ljk0Njg1IDE0LjM0MTIgNy43OTUxNUMxNC4xODk1IDcuNjQzNDUgMTMuOTg0MyA3LjU1NzQxIDEzLjc2OTggNy41NTU1NEMxMy41NTUzIDcuNTUzNjggMTMuMzQ4NiA3LjYzNjE1IDEzLjE5NDMgNy43ODUxOEw5LjY4MTgyIDExLjI5NzZMNy44MDU3MyA5LjQyMTU1QzcuNjUxNDIgOS4yNzI1MSA3LjQ0NDc0IDkuMTkwMDQgNy4yMzAyMiA5LjE5MTkxQzcuMDE1NjkgOS4xOTM3NyA2LjgxMDQ4IDkuMjc5ODIgNi42NTg3OCA5LjQzMTUxQzYuNTA3MDkgOS41ODMyMSA2LjQyMTA0IDkuNzg4NDIgNi40MTkxOCAxMC4wMDI5QzYuNDE3MzEgMTAuMjE3NSA2LjQ5OTc4IDEwLjQyNDEgNi42NDg4MiAxMC41Nzg1TDkuMTAzMzYgMTMuMDMzQzkuMjU2OCAxMy4xODY0IDkuNDY0ODcgMTMuMjcyNiA5LjY4MTgyIDEzLjI3MjZDOS44OTg3NyAxMy4yNzI2IDEwLjEwNjggMTMuMTg2NCAxMC4yNjAzIDEzLjAzM0wxNC4zNTEyIDguOTQyMDlaIg0KCQlmaWxsPSIjZmZmZmZmIiAvPg0KPC9zdmc+DQo=);
  background-size: contain;
  background-position: 50% 50%;
}
.certificate:before path {
  fill: #fff;
}
.yoo-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 1rem;
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
}
@media (max-width: 640px) {
  .yoo-grid .preview-casino .two-item,
  .yoo-grid .preview-casino .deposits-item,
  .yoo-grid .preview-casino .payments-item {
    display: none;
  }
}
/***** Page GLOBAL *****/
@media (max-width: 992px) {
  .cn-close-icon {
    right: 10px;
    top: 15px;
  }
}
@media (max-width: 480px) {
  .cookie-notice-container,
  .cookie-revoke-container {
    padding: 15px 35px;
  }
}
#cookie-notice .cn-button:not(.cn-button-custom) {
  padding: 0.25rem 2rem;
  min-height: 2rem;
  border-radius: 0.1875rem;
  background: var(--yp-color-muted);
  box-shadow: 0 0.625rem 1.875rem 0 rgba(0, 0, 0, 0.08);
  color: var(--yp-color-surface);
  line-height: 1.5;
  letter-spacing: 0.012px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  #cookie-notice .cn-button:not(.cn-button-custom) {
    margin: 15px 0 0;
  }
}

/*# sourceMappingURL=style-style.css.map*/