| 1 |
- {"version":3,"sources":["base/_reset.scss","styles.css","base/_fonts.scss","base/_variables.scss","base/_mixins.scss","base/_typography.scss","layout/_header.scss","layout/_footer.scss","components/_buttons.scss","components/_author.scss","components/_faq.scss","components/_toc.scss","components/_slot-item.scss","styles.scss"],"names":[],"mappings":"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","file":"styles.css","sourcesContent":["// CSS Reset\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n","* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\n@font-face {\n font-family: \"Montserrat\";\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n src: url(\"../fonts/Montserrat-Regular.woff2\") format(\"woff2\");\n}\n@font-face {\n font-family: \"Montserrat\";\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n src: url(\"../fonts/Montserrat-SemiBold.woff2\") format(\"woff2\");\n}\n@font-face {\n font-family: \"Montserrat\";\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n src: url(\"../fonts/Montserrat-Bold.woff2\") format(\"woff2\");\n}\n:root {\n --container-width: 1400px;\n --transition: 0.3s ease;\n --default-font-family: 'Montserrat';\n --heading-font-family: 'Montserrat';\n --scrollbar-color:#F0F3F6;\n --text-color: rgba(2, 0, 5, 0.80);\n --fz-default: 16px;\n --lh-default: 24px;\n --h1: 24px;\n --h2: 20px;\n --h3: 18px;\n --h4: 16px;\n}\n@media (max-width: 1199px) {\n :root {\n --container-width: 1199px;\n --fz-default: 16px;\n --lh-default: 26px;\n --h1: 22px;\n --h2: 18px;\n --h3: 16px;\n --h4: 14px;\n }\n}\n@media (max-width: 768px) {\n :root {\n --container-width: 768px;\n --fz-default: 14px;\n --lh-default: 20px;\n --h1: 22px;\n --h2: 18px;\n --h3: 16px;\n --h4: 14px;\n }\n}\n\nbody {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n margin: 0;\n padding: 0;\n font-family: var(--default-font-family), Helvetica, Arial, sans-serif;\n font-weight: 400;\n font-size: var(--fz-default);\n font-style: normal;\n font-weight: 400;\n line-height: var(--lh-default);\n min-width: 360px;\n color: var(--text-color);\n position: relative;\n scroll-behavior: smooth;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n font-family: var(--heading-font-family);\n font-weight: 600;\n font-size: var(--h1);\n line-height: 106%;\n text-transform: uppercase;\n}\n\nh2 {\n font-family: var(--heading-font-family);\n font-weight: 600;\n font-size: var(--h2);\n line-height: 125%;\n text-transform: uppercase;\n}\n\nh3 {\n font-family: var(--heading-font-family);\n font-weight: 600;\n font-size: var(--h3);\n line-height: 130%;\n}\n\nh4 {\n font-family: var(--heading-font-family);\n font-weight: 600;\n font-size: var(--h4);\n line-height: 133%;\n}\n\nh5 {\n font-family: var(--heading-font-family);\n font-weight: 600;\n font-size: var(--m);\n line-height: 135%;\n}\n\nh6 {\n font-family: var(--heading-font-family);\n font-weight: 900;\n font-size: var(--m);\n line-height: 140%;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin: 32px 0 20px 0;\n}\n@media (max-width: 768px) {\n h1, h2, h3, h4, h5, h6 {\n margin: 24px 0 12px 0;\n }\n}\n\n.text > h1:first-child, .text > h2:first-child, .text > h3:first-child, .text > h4:first-child, .text > h5:first-child, .text > h6:first-child {\n margin-top: 0;\n}\n.text p {\n margin-bottom: 24px;\n}\n@media (max-width: 768px) {\n .text p {\n margin-bottom: 16px;\n }\n}\n.text p:last-child {\n margin-bottom: 0;\n}\n.text a {\n color: var(--color-link-text);\n text-decoration: underline;\n text-underline-offset: 3px;\n text-decoration-thickness: 1px;\n}\n.text a:hover {\n text-decoration: none;\n color: var(--color-theme-red);\n}\n.text ol, .text ul {\n margin: 24px 0;\n list-style-position: inside;\n}\n@media (max-width: 768px) {\n .text ol, .text ul {\n margin: 12px 0;\n padding-left: 8px;\n }\n}\n.text ol li, .text ul li {\n margin: 12px 0;\n margin-left: 32px;\n}\n@media (max-width: 768px) {\n .text ol li, .text ul li {\n margin-left: 16px;\n }\n}\n.text ul {\n list-style: disc;\n}\n.text ol {\n list-style: decimal;\n}\n.text img {\n max-width: 100%;\n height: auto;\n border-radius: 12px;\n}\n.text .table-wrapper-scroll {\n margin: 30px 0;\n background: var(--table-bg-color);\n border: 1px solid var(--content-border-color);\n border-radius: 9px;\n overflow: hidden;\n}\n@media (max-width: 575px) {\n .text .table-wrapper-scroll {\n overflow-x: auto;\n margin: 20px 0;\n }\n .text .table-wrapper-scroll::-webkit-scrollbar {\n height: 6px;\n }\n .text .table-wrapper-scroll::-webkit-scrollbar-track {\n background: var(--table-bg-color);\n border-radius: 9px;\n }\n .text .table-wrapper-scroll::-webkit-scrollbar-thumb {\n background: var(--content-border-color);\n border-radius: 9px;\n }\n .text .table-wrapper-scroll::-webkit-scrollbar-thumb:hover {\n background: var(--accent-color);\n }\n}\n.text .table-wrapper {\n border-radius: 9px;\n}\n@media (max-width: 575px) {\n .text .table-wrapper.large-table {\n width: 640px;\n }\n}\n.text table {\n margin: 0;\n position: relative;\n width: 100%;\n table-layout: auto;\n border-collapse: collapse;\n border-radius: 9px;\n overflow: hidden;\n background: var(--table-bg-color);\n}\n.text table thead th, .text table thead td {\n padding: 12px;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 1.2em;\n vertical-align: middle;\n background: var(--table-header-color);\n border: 1px solid var(--content-border-color);\n}\n@media (max-width: 575px) {\n .text table thead th, .text table thead td {\n vertical-align: middle;\n font-size: 13px;\n padding: 8px;\n }\n}\n.text table tr:first-child th {\n padding: 12px;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: 1.2em;\n vertical-align: middle;\n background: var(--table-header-color);\n border: 1px solid var(--content-border-color);\n}\n@media (max-width: 575px) {\n .text table tr:first-child th {\n vertical-align: middle;\n font-size: 13px;\n padding: 8px;\n }\n}\n.text table tr:first-child:has(th) {\n overflow: hidden;\n height: auto !important;\n}\n.text table tbody tr {\n border: 1px solid var(--content-border-color);\n}\n.text table tbody tr:nth-child(even) {\n background: rgba(var(--table-header-color-rgb, 42, 42, 42), 0.3);\n}\n.text table tbody td {\n padding: 12px;\n vertical-align: middle;\n word-wrap: break-word;\n border: 1px solid var(--content-border-color);\n}\n@media (max-width: 1199px) {\n .text table tbody td {\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n }\n}\n@media (max-width: 575px) {\n .text table tbody td {\n font-size: 13px;\n padding: 8px;\n }\n}\n\n.header {\n position: fixed;\n width: 100%;\n top: 0;\n left: 0;\n height: 70px;\n z-index: 1000;\n background: var(--header-color);\n}\n.header .container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n gap: 20px;\n}\n.header__logo {\n width: 190px;\n height: 44px;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1001;\n}\n.header__logo-link {\n display: inline-block;\n line-height: 0;\n}\n.header__logo img {\n width: 190px;\n height: 44px;\n display: block;\n cursor: pointer;\n object-fit: contain;\n transition: opacity 0.3s ease;\n}\n.header__nav {\n flex: 1;\n display: flex;\n justify-content: center;\n}\n.header__menu {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n align-items: center;\n gap: 40px;\n}\n.header__menu-link {\n text-decoration: none;\n font-size: 16px;\n font-weight: 500;\n transition: opacity 0.3s ease;\n color: #fff;\n white-space: nowrap;\n opacity: 0.9;\n}\n.header__menu-link:hover {\n opacity: 1;\n color: #fff;\n}\n.header__actions {\n display: flex;\n align-items: center;\n gap: 12px;\n flex-shrink: 0;\n}\n.header__btn {\n border-radius: 6px;\n border: 1px solid #FFF;\n display: flex;\n height: 42px;\n padding: 8px 32px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n color: #FFF;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n text-transform: uppercase;\n background: none;\n cursor: pointer;\n}\n.header__btn--primary:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n.header__btn--secondary {\n border: 1px solid var(--accent-color);\n background: var(--accent-color);\n color: #fff;\n}\n.header__btn--secondary:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n.header__burger {\n display: none;\n flex-direction: column;\n justify-content: space-between;\n width: 30px;\n height: 24px;\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0;\n z-index: 1001;\n transition: transform 0.3s ease;\n}\n.header__burger:hover {\n transform: scale(1.1);\n}\n.header__burger-line {\n width: 100%;\n height: 3px;\n background: #fff;\n border-radius: 2px;\n transition: all 0.3s ease;\n}\n.header__burger.active .header__burger-line:nth-child(1) {\n transform: translateY(10.5px) rotate(45deg);\n}\n.header__burger.active .header__burger-line:nth-child(2) {\n opacity: 0;\n}\n.header__burger.active .header__burger-line:nth-child(3) {\n transform: translateY(-10.5px) rotate(-45deg);\n}\n@media (max-width: 1199px) {\n .header__menu {\n gap: 24px;\n }\n .header__btn {\n padding: 8px 16px;\n font-size: 13px;\n }\n}\n@media (max-width: 768px) {\n .header {\n height: 60px;\n }\n .header__logo {\n width: 150px;\n height: 35px;\n }\n .header__logo img {\n width: 150px;\n height: 35px;\n }\n .header__burger {\n display: flex;\n }\n .header__nav {\n position: fixed;\n top: 60px;\n left: 0;\n width: 100%;\n height: calc(100vh - 60px);\n transform: translateX(-100%);\n transition: transform 0.3s ease;\n padding: 40px 20px;\n overflow-y: auto;\n }\n}\n@media (max-width: 768px) and (max-width: 768px) {\n .header__nav {\n background: var(--body-bg-color);\n }\n}\n@media (max-width: 768px) {\n .header__nav.active {\n transform: translateX(0);\n }\n .header__menu {\n flex-direction: column;\n align-items: center;\n width: 100%;\n gap: 24px;\n }\n .header__menu-link {\n font-size: 18px;\n }\n}\n@media (max-width: 768px) and (max-width: 768px) {\n .header__menu-link {\n font-size: 16px;\n background: var(--body-bg-color);\n color: var(--text-color);\n }\n}\n@media (max-width: 768px) {\n .header__actions {\n gap: 8px;\n }\n .header__btn {\n display: none;\n }\n .header__nav.active .header__btn {\n display: block;\n width: calc(100% - 40px);\n margin: 0 20px 16px;\n }\n}\n\n.footer {\n background: var(--footer-bg-color);\n display: flex;\n gap: 32px;\n padding: 48px 0;\n flex-direction: column;\n align-items: center;\n color: var(--text-color);\n}\n@media (max-width: 768px) {\n .footer {\n gap: 24px;\n padding: 32px 0;\n }\n}\n.footer__content-inner {\n display: flex;\n align-items: flex-start;\n gap: 60px;\n align-self: stretch;\n}\n@media (max-width: 768px) {\n .footer__content-inner {\n gap: 20px;\n flex-direction: column;\n }\n}\n.footer__text {\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n}\n@media (max-width: 768px) {\n .footer__text {\n font-size: 12px;\n line-height: 18px;\n }\n}\n.footer__logo {\n width: 210px;\n height: 48px;\n}\n@media (max-width: 768px) {\n .footer__logo {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n}\n.footer__logo img {\n width: 190px;\n height: 44px;\n display: block;\n cursor: pointer;\n object-fit: contain;\n transition: opacity 0.3s ease;\n}\n.footer__bottom-imgs {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 40px;\n align-self: stretch;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.footer__bottom-imgs img {\n opacity: 0.4;\n}\n@media (max-width: 768px) {\n .footer__bottom-imgs {\n gap: 20px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n }\n}\n.footer__menu-list {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 24px;\n}\n@media (max-width: 768px) {\n .footer__menu-list {\n gap: 16px;\n }\n}\n.footer__menu-item {\n list-style: none;\n}\n.footer__menu-link {\n color: var(--Main-White, #FFF);\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-skip-ink: none;\n text-decoration-thickness: auto;\n text-underline-offset: auto;\n text-underline-position: from-font;\n}\n.footer__menu-link:hover {\n color: #fff;\n opacity: 0.9;\n}\n.footer__copyright {\n color: var(--Main-White, #FFF);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.btn-wrapper {\n display: flex;\n justify-content: center;\n margin-top: 24px;\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 32px;\n border-radius: 8px;\n font-size: 16px;\n font-weight: 600;\n line-height: 1.5;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n}\n@media (max-width: 768px) {\n .btn {\n font-size: 14px;\n padding: 12px 24px;\n }\n}\n.btn--accent {\n background: var(--accent-color);\n color: #fff;\n}\n.btn--accent:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n opacity: 0.9;\n}\n.btn--accent:active {\n transform: translateY(0);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n}\n\n.author {\n display: flex;\n align-items: center;\n gap: 24px;\n border-radius: 8px;\n}\n@media (max-width: 768px) {\n .author {\n gap: 16px;\n flex-direction: column;\n }\n}\n.author__img {\n flex-shrink: 0;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n overflow: hidden;\n}\n@media (max-width: 768px) {\n .author__img {\n width: 60px;\n height: 60px;\n }\n}\n.author__img img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.author__info {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n.author__name {\n font-size: 14px;\n font-weight: 600;\n}\n.author__name-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.author__name-n {\n color: var(--text-color);\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px; /* 112.5% */\n}\n@media (max-width: 768px) {\n .author__name-n {\n font-size: 14px;\n }\n}\n.author__name-v {\n color: var(--accent-color);\n font-size: 18px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px; /* 100% */\n}\n@media (max-width: 768px) {\n .author__name-v {\n font-size: 16px;\n }\n}\n\n.faq {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n.faq__title {\n margin: 0;\n margin-bottom: 24px;\n font-weight: 600;\n color: var(--text-color);\n}\n.faq__item {\n border-radius: 12px;\n overflow: hidden;\n transition: all 0.3s ease;\n border: 1px solid var(--content-border-color);\n background: var(--content-bg-color);\n}\n.faq__item.active .faq__question::after {\n transform: rotate(45deg);\n}\n.faq__item.active .faq__question::before {\n transform: rotate(-45deg);\n}\n.faq__item.active .faq__answer {\n opacity: 1;\n}\n.faq__question {\n padding: 20px 56px 20px 24px;\n cursor: pointer;\n position: relative;\n user-select: none;\n transition: background-color 0.2s ease;\n display: flex;\n align-items: center;\n gap: 16px;\n}\n@media (max-width: 768px) {\n .faq__question {\n padding: 16px 56px 16px 16px;\n }\n}\n.faq__question h3 {\n margin: 0;\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n color: var(--text-color);\n}\n.faq__question::before, .faq__question::after {\n content: \"\";\n position: absolute;\n right: 24px;\n top: 50%;\n width: 16px;\n height: 2px;\n background-color: var(--text-color);\n transition: transform 0.3s ease;\n}\n.faq__question::before {\n transform: translateY(-50%);\n}\n.faq__question::after {\n transform: translateY(-50%) rotate(90deg);\n}\n.faq__number {\n display: flex;\n width: 32px;\n height: 32px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n aspect-ratio: 1/1;\n font-weight: 600;\n background-color: var(--accent-color);\n color: var(--text-color);\n flex-shrink: 0;\n border-radius: 50%;\n}\n@media (max-width: 768px) {\n .faq__number {\n width: 26px;\n height: 26px;\n }\n}\n.faq__question-title {\n flex: 1;\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n color: var(--text-color);\n}\n.faq__answer {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n border-top: 1px dashed var(--content-border-color);\n}\n.faq__answer p {\n margin: 0;\n font-size: 14px;\n line-height: 22px;\n color: var(--text-color);\n opacity: 0.8;\n}\n.faq__answer-inner {\n padding: 24px;\n}\n\n.toc {\n border-radius: 12px;\n border: 1px solid var(--content-border-color);\n background: var(--content-bg-color);\n overflow: hidden;\n}\n.toc__header {\n padding: 20px 56px 20px 24px;\n cursor: pointer;\n position: relative;\n user-select: none;\n transition: background-color 0.2s ease;\n}\n.toc__header:hover {\n background-color: rgba(0, 0, 0, 0.02);\n}\n.toc__header::before, .toc__header::after {\n content: \"\";\n position: absolute;\n right: 24px;\n top: 50%;\n width: 16px;\n height: 2px;\n background-color: var(--text-color);\n transition: transform 0.3s ease;\n}\n.toc__header::before {\n transform: translateY(-50%) rotate(90deg);\n}\n.toc__header::after {\n transform: translateY(-50%);\n}\n.toc__title {\n margin: 0;\n color: var(--Main-Back, #000);\n font-size: 18px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n text-transform: uppercase;\n color: var(--text-color);\n}\n@media (max-width: 768px) {\n .toc__title {\n font-size: 16px;\n }\n}\n.toc__content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n}\n.toc__list {\n list-style: none;\n margin: 0;\n padding: 0 24px 24px 24px;\n counter-reset: toc-counter;\n}\n@media (max-width: 768px) {\n .toc__list {\n padding: 0 16px 16px 16px;\n }\n}\n.toc__list--nested {\n padding: 8px 0 0 28px;\n list-style: disc;\n padding-left: 40px;\n}\n.toc__item {\n margin-bottom: 8px;\n position: relative;\n}\n.toc__item:last-child {\n margin-bottom: 0;\n}\n.toc__item > .toc__link::before {\n counter-increment: toc-counter;\n content: counter(toc-counter) \". \";\n font-weight: 600;\n margin-right: 4px;\n}\n.toc__list--nested > .toc__item > .toc__link::before {\n content: none;\n}\n.toc__link {\n display: block;\n color: var(--text-color);\n text-decoration: none;\n font-size: 14px;\n line-height: 20px;\n padding: 6px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n}\n.toc__link:hover {\n background-color: rgba(0, 0, 0, 0.03);\n color: var(--link-color);\n}\n.toc__list--nested > .toc__item > .toc__link {\n font-size: 13px;\n padding-left: 8px;\n}\n.toc.active .toc__header::before {\n transform: translateY(-50%) rotate(45deg);\n}\n.toc.active .toc__header::after {\n transform: translateY(-50%) rotate(-45deg);\n}\n.toc.active .toc__content {\n max-height: 1000px;\n}\n\n.slot-item {\n overflow: hidden;\n position: relative;\n padding-top: 52%;\n border-radius: 16px;\n background-color: var(--body-bg-color);\n border: 1px solid var(--content-border-color);\n box-shadow: 0 2px 44px 0 rgba(188, 188, 188, 0.15);\n}\n.slot-item__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n overflow: hidden;\n height: calc(100% - 45px);\n}\n.slot-item__thumbnail {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n.slot-item__thumbnail img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.slot-item__title {\n height: 45px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 12px;\n gap: 8px;\n}\n.slot-item__title-txt {\n color: var(--text-color);\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 26px; /* 162.5% */\n}\n.slot-item__provider {\n border-radius: 8px;\n background-color: var(--body-bg-color);\n backdrop-filter: blur(17px);\n position: absolute;\n top: 12px;\n right: 12px;\n padding: 8px;\n}\n.slot-item__rtp {\n background-color: var(--accent-color);\n display: flex;\n height: 24px;\n padding: 4px 8px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n position: absolute;\n bottom: 12px;\n right: 12px;\n color: var(--text-color);\n font-size: 12px;\n font-style: normal;\n font-weight: 700;\n line-height: 14px; /* 116.667% */\n border-radius: 5px;\n}\n.slot-item__icon {\n width: 18px;\n height: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.slot-item__icon svg {\n fill: var(--link-color);\n}\n\nbody {\n padding-top: 70px;\n background-color: var(--body-bg-color);\n color: var(--text-color);\n font-style: normal;\n font-weight: 400;\n line-height: 24px; /* 150% */\n}\nbody.menu-open {\n overflow: hidden;\n}\n\n.container {\n max-width: var(--container-width);\n width: 100%;\n height: 100%;\n margin: 0 auto;\n padding-left: 16px !important;\n padding-right: 16px !important;\n}\n\n.banner {\n background: #000;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.banner__img-wrp {\n max-width: 1920px;\n max-height: 540px;\n overflow: hidden;\n margin: 0 auto;\n}\n.banner__img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.section-wrapper {\n padding: 32px 0;\n display: flex;\n flex-direction: column;\n gap: 32px;\n width: 100%;\n}\n@media (max-width: 1199px) {\n .section-wrapper {\n gap: 24px;\n padding: 24px 0;\n }\n}\n@media (max-width: 768px) {\n .section-wrapper {\n gap: 16px;\n padding: 16px 0;\n }\n}\n\n.section {\n padding: 32px;\n border-radius: 16px;\n border: 1px solid var(--content-border-color);\n background: var(--content-bg-color);\n}\n@media (max-width: 1199px) {\n .section {\n padding: 24px;\n }\n}\n@media (max-width: 768px) {\n .section {\n padding: 16px;\n }\n}\n.section__title {\n margin-top: 0;\n}\n\na {\n color: var(--link-color);\n text-decoration: none;\n transition: color 0.3s ease;\n}\na:hover {\n opacity: 0.8;\n}\n\ntable {\n background: var(--table-bg-color);\n color: var(--text-color);\n}\n\nth,\nthead,\ntable thead tr {\n background-color: var(--table-header-color);\n color: var(--text-color);\n}\n\ncaption {\n background: var(--table-header-color);\n color: var(--text-color);\n}\n\n.game-item {\n border-radius: var(--border-radius-main);\n overflow: hidden;\n position: relative;\n padding-top: 52%;\n box-shadow: 0px 2px 44px 0px rgba(188, 188, 188, 0.15);\n background: #fff;\n}\n@media (max-width: 768px) {\n .game-item {\n padding-top: 60%;\n border-radius: 12px;\n box-shadow: 0px 1.4px 30.803px 0px rgba(188, 188, 188, 0.15);\n }\n}\n.game-item__inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n overflow: hidden;\n height: calc(100% - 45px);\n}\n@media (max-width: 768px) {\n .game-item__inner {\n height: calc(100% - 40px);\n }\n}\n.game-item__inner:hover .game-item__hover {\n opacity: 1;\n visibility: visible;\n}\n.game-item__title {\n color: rgba(2, 0, 5, 0.8);\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 1.1em;\n width: 100%;\n height: 45px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: #fff;\n position: relative;\n padding: 0 12px;\n}\n@media (max-width: 1199px) {\n .game-item__title {\n font-size: 14px;\n }\n}\n@media (max-width: 768px) {\n .game-item__title {\n font-size: 12px;\n height: 40px;\n }\n}\n.game-item__link {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n text-decoration: none !important;\n color: rgba(2, 0, 5, 0.8) !important;\n}\n@media (max-width: 768px) {\n .game-item__link {\n gap: 4px;\n }\n}\n.game-item__link:before {\n content: \"\";\n display: block;\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n.game-item__link:hover {\n color: var(--color-theme-red) !important;\n}\n.game-item__link:hover .icon {\n fill: url(\"#icon-gradient-red\");\n}\n.game-item__link .icon {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n fill: #0076CC;\n}\n@media (max-width: 768px) {\n .game-item__link .icon {\n width: 12px;\n height: 12px;\n }\n}\n.game-item__link-text {\n display: inline-flex;\n align-items: center;\n}\n.game-item__link-icon {\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n fill: #0076CC;\n}\n.game-item__picture {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n.game-item__image {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: 0.3s ease-out;\n}\n.game-item__tags {\n position: absolute;\n top: 0;\n left: 12px;\n display: flex;\n}\n.game-item__tagsItm {\n margin-right: 8px;\n border-radius: 0px 0px 8px 8px;\n background: linear-gradient(90deg, #2D2BA7 0%, #BA73D1 100%);\n text-transform: uppercase;\n overflow: hidden;\n}\n@media (max-width: 768px) {\n .game-item__tagsItm {\n border-radius: 0px 0px 5px 5px;\n }\n}\n.game-item__tagsItm--hot {\n background: #F5294D;\n}\n.game-item__tagsLink {\n display: block;\n color: #fff;\n padding: 8px 16px;\n color: #fff;\n font-size: 12px;\n font-weight: 900;\n line-height: 1em;\n}\n@media (max-width: 768px) {\n .game-item__tagsLink {\n padding: 3px 11px;\n font-size: 9px;\n }\n}\n.game-item__info {\n position: absolute;\n top: 8px;\n right: 8px;\n display: flex;\n align-items: center;\n justify-content: end;\n}\n.game-item__provide {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background: #000;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 2px;\n margin-right: 8px;\n}\n@media (max-width: 768px) {\n .game-item__provide {\n width: 24px;\n height: 24px;\n margin-right: 5px;\n }\n}\n.game-item__provide .icon {\n fill: #fff;\n}\n.game-item__rating {\n width: 36px;\n height: 36px;\n position: relative;\n}\n@media (max-width: 768px) {\n .game-item__rating {\n width: 28px;\n height: 28px;\n }\n}\n.game-item__ratingVal {\n font-size: 12px;\n}\n@media (max-width: 768px) {\n .game-item__ratingVal {\n font-size: 10px;\n }\n}\n.game-item__rtp {\n padding: 4px 8px;\n background: linear-gradient(var(--gradient-theme-red));\n border-radius: 8px;\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n color: #fff;\n line-height: 1em;\n height: 24px;\n display: flex;\n align-items: center;\n position: absolute;\n bottom: 8px;\n right: 8px;\n}\n.game-item__countPlay {\n color: #fff;\n font-size: 12px;\n padding: 4px 8px;\n font-size: 12px;\n line-height: 1em;\n font-weight: 600;\n border-radius: 8px;\n background: rgba(2, 0, 5, 0.8);\n position: relative;\n display: flex;\n height: 24px;\n align-items: center;\n justify-content: space-between;\n position: absolute;\n bottom: 8px;\n left: 8px;\n}\n.game-item__countPlay .icon {\n fill: #fff;\n}\n.game-item__countTxt {\n padding-left: 5px;\n}\n.game-item__btn {\n margin-top: 16px;\n width: 100%;\n max-width: 120px;\n}\n@media (max-width: 768px) {\n .game-item__btn {\n margin-top: 8px;\n font-size: 12px;\n padding: 8px 20px;\n max-width: 100px;\n }\n}\n.game-item__hover {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n background: rgba(2, 0, 5, 0.8);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n padding: 20px;\n opacity: 0;\n z-index: 1;\n transition: 0.5s ease-out;\n visibility: hidden;\n cursor: pointer;\n}\n\n.slots-grid {\n display: grid;\n grid-template-columns: repeat(5, 1fr);\n gap: 8px;\n}\n@media (max-width: 1199px) {\n .slots-grid {\n grid-template-columns: repeat(3, 1fr);\n }\n}\n@media (max-width: 768px) {\n .slots-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}","\n@mixin font-face($font-family, $file-path, $weight: normal, $style: normal) {\n @font-face {\n font-family: $font-family;\n font-weight: $weight;\n font-style: $style;\n font-display: swap;\n\n // Порядок: сначала woff2, потом woff, потом ttf\n src: url('#{$file-path}.woff2') format('woff2'),\n //url('#{$file-path}.woff') format('woff'),\n //url('#{$file-path}.ttf') format('truetype');\n }\n}\n\n@include font-face(\"Montserrat\", \"../fonts/Montserrat-Regular\", 400);\n@include font-face(\"Montserrat\", \"../fonts/Montserrat-SemiBold\", 600);\n@include font-face(\"Montserrat\", \"../fonts/Montserrat-Bold\", 700);\n\n","@import 'base/mixins';\n\n:root {\n\t--container-width: 1400px;\n\t--transition: 0.3s ease;\n\t--default-font-family: 'Montserrat';\n\t--heading-font-family: 'Montserrat';\n\n --scrollbar-color:#F0F3F6;\n\n\t--text-color: rgba(2, 0, 5, 0.80); // text color\n\t--fz-default: 16px; // default font size\n\t--lh-default: 24px;// default line-height\n\n\t--h1: 24px; // h1 font size\n\t--h2: 20px; // h2 font size\n\t--h3: 18px; // h3 font size\n\t--h4: 16px; // h3 font size\n\n\t@include tablet {\n\t\t--container-width: 1199px;\n\t\t--fz-default: 16px; // default font size\n\t\t--lh-default: 26px;// default line-height\n\t\t--h1: 22px; // h1 font size\n\t\t--h2: 18px; // h2 font size\n\t\t--h3: 16px; // h3 font size\n\t\t--h4: 14px; // h3 font size\n\t}\n\t@include mobile{\n\t\t--container-width: 768px;\n\t\t--fz-default: 14px; // default font size\n\t\t--lh-default: 20px;// default line-height\n\t\t--h1: 22px; // h1 font size\n\t\t--h2: 18px; // h2 font size\n\t\t--h3: 16px; // h3 font size\n\t\t--h4: 14px; // h3 font size\n\t}\n}","// MEDIA\n@mixin media-max ($size) {\n @media only screen and (max-width: #{$size}px) {\n @content\n }\n}\n\n@mixin media-min ($size) {\n @media only screen and (min-width: #{$size}px) {\n @content\n }\n}\n\n\n@mixin media-min-h ($size) {\n @media screen and (min-height: #{$size}px) {\n @content\n }\n}\n\n@mixin media-max-h ($size) {\n @media screen and (max-height: #{$size}px) {\n @content\n }\n}\n\n\n@mixin center {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n -webkit-transform: translate(-50%, -50%);\n}\n\n@mixin flex($justify: null, $align: null, $flow: null, $gap: null) {\n\tdisplay: flex;\n\t@if $justify {\n\t\tjustify-content: $justify;\n\t}\n\t@if $align {\n\t\talign-items: $align;\n\t}\n\t@if $flow {\n\t\tflex-flow: $flow;\n\t}\n\t@if $gap {\n\t\tgap: $gap;\n\t}\n}\n\n@mixin absolute($left: null, $top: null, $right: null, $bottom: null) {\n\tposition: absolute;\n\t@if $left {\n\t\tleft: $left;\n\t}\n\t@if $top {\n\t\ttop: $top;\n\t}\n\t@if $right {\n\t\tright: $right;\n\t}\n\t@if $bottom {\n\t\tbottom: $bottom;\n\t}\n}\n\n@mixin desktop { @media (min-width: 1200px) { @content; } }\n@mixin tablet { @media (max-width: 1199px) { @content; } }\n@mixin mobile{ @media (max-width: 768px) { @content; } }\n@mixin mobile-sm{ @media (max-width: 575px) { @content; } }\n\n@mixin fz($size) {\n\t@if $size == l {\n\t\tfont-size: var(--l);\n\t}\n\t@if $size == m {\n\t\tfont-size: var(--m);\n\t}\n\t@if $size == s {\n\t\tfont-size: var(--s);\n\t}\n}\n\n@mixin ai($width, $height) {\n\t&:after {\n\t\tcontent:'';\n\t\tdisplay: block;\n\t\tpadding-bottom: calc($height/$width*100%);\n\t}\n}\n\n","// Typography\nbody {\n\t// для прижатого к низу футера\n\tdisplay: flex;\n\tflex-direction: column;\n\tmin-height: 100vh;\n\tmargin:0;\n\tpadding:0;\n\tfont-family: var(--default-font-family), Helvetica, Arial, sans-serif;\n\tfont-weight: 400;\n\tfont-size: var(--fz-default);\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: var(--lh-default);\n\tmin-width: 360px;\n\tcolor: var(--text-color);\n\tposition: relative;\n\tscroll-behavior: smooth; // плавный скролл\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\ttext-rendering: optimizeLegibility; //сглаживание шрифтов\n}\n\n// default typography styles\nh1 {\n\tfont-family: var(--heading-font-family);\n\tfont-weight: 600;\n\tfont-size: var(--h1);\n\tline-height: 106%;\n\ttext-transform: uppercase;\n}\n\nh2 {\n\tfont-family: var(--heading-font-family);\n\tfont-weight: 600;\n\tfont-size: var(--h2);\n\tline-height: 125%;\n\ttext-transform: uppercase;\n}\n\nh3 {\n\tfont-family: var(--heading-font-family);\n\tfont-weight: 600;\n\tfont-size: var(--h3);\n\tline-height: 130%;\n}\n\nh4 {\n\tfont-family: var(--heading-font-family);\n\tfont-weight: 600;\n\tfont-size: var(--h4);\n\tline-height: 133%;\n}\n\nh5 {\n\tfont-family: var(--heading-font-family);\n\tfont-weight: 600;\n\tfont-size: var(--m);\n\tline-height: 135%;\n}\n\nh6 {\n\tfont-family: var(--heading-font-family);\n\tfont-weight: 900;\n\tfont-size: var(--m);\n\tline-height: 140%;\n}\n\nh1, h2, h3, h4, h5, h6{\n\tmargin:32px 0 20px 0;\n\t@include mobile{\n\t\tmargin:24px 0 12px 0;\n\t}\n}\n\n// text style\n.text{\n\t& > h1:first-child,\n\t& > h2:first-child,\n\t& > h3:first-child,\n\t& > h4:first-child,\n\t& > h5:first-child,\n\t& > h6:first-child{\n\t margin-top:0;\n\t}\n p{\n\t margin-bottom:24px;\n\t @include mobile{\n\t\t margin-bottom:16px;\n\t }\n\t &:last-child{\n\t\t margin-bottom:0;\n\t }\n }\n a{\n\t color:var(--color-link-text);\n\t text-decoration:underline;\n\t text-underline-offset: 3px;\n\t text-decoration-thickness: 1px;\n\t &:hover{\n\t\t text-decoration:none;\n\t\t color:var(--color-theme-red);\n\t }\n }\n // list style ol ul\n ol, ul{\n\t margin:24px 0;\n\t list-style-position: inside;\n\t @include mobile{\n\t\t margin:12px 0;\n\t\t padding-left:8px;\n\t }\n\t li{\n\t\t margin:12px 0;\n\t\t margin-left:32px;\n\t\t @include mobile{\n\t\t\t margin-left:16px;\n\t\t }\n\t }\n }\n\n // list style ul\n ul{\n\t list-style:disc;\n }\n\n // list style ol\n ol{\n\t list-style:decimal;\n }\n\n img{\n\t max-width:100%;\n\t height:auto;\n\t border-radius: 12px;\n }\n\n\n // блок врапер для скролла таблицы\n .table-wrapper-scroll{\n\t margin:30px 0;\n\t background: var(--table-bg-color);\n\t border: 1px solid var(--content-border-color);\n\t border-radius: 9px;\n\t overflow: hidden;\n\t @include mobile-sm{\n\t\t overflow-x: auto;\n\t\t margin:20px 0;\n\t\t &::-webkit-scrollbar {\n\t\t\t height: 6px;\n\t\t }\n\t\t &::-webkit-scrollbar-track {\n\t\t\t background: var(--table-bg-color);\n\t\t\t border-radius: 9px;\n\t\t }\n\t\t &::-webkit-scrollbar-thumb {\n\t\t\t background: var(--content-border-color);\n\t\t\t border-radius: 9px;\n\t\t\t &:hover {\n\t\t\t\t background: var(--accent-color);\n\t\t\t }\n\t\t }\n\t }\n\t// &.has-caption{\n\t// \t padding-top:25px;\n\t// }\n }\n\n // дополнительный блок врапер для стилизации таблицы (border-radius gradient)\n .table-wrapper{\n\t //padding:1px;\n\t border-radius:9px;\n\t &.large-table{\n\t\t\t@include mobile-sm{\n\t\t\t\twidth:640px;\n\t\t\t}\n\t }\n }\n\n // стили таблицы по умолчанию\ntable{\n\t margin:0;\n\t position:relative;\n\t width:100%;\n\t //table-layout: fixed;\n\t table-layout: auto;\n\t border-collapse: collapse;\n\t border-radius:9px;\n\t overflow:hidden;\n\t background: var(--table-bg-color);\n\t thead{\n\t\t th, td{\n\t\t\t padding:12px;\n\t\t\t text-align: center;\n\t\t\t font-size: 16px;\n\t\t\t font-style: normal;\n\t\t\t font-weight: 600;\n\t\t\t line-height:1.2em;\n\t\t\t vertical-align: middle;\n\t\t\t background: var(--table-header-color);\n\t\t\t border: 1px solid var(--content-border-color);\n\t\t\t @include mobile-sm{\n\t\t\t\t vertical-align: middle;\n\t\t\t\t font-size:13px;\n\t\t\t\t padding:8px;\n\t\t\t }\n\t\t }\n\t }\n tr:first-child{\n th{\n\t\t\t padding:12px;\n\t\t\t text-align: center;\n\t\t\t font-size: 16px;\n\t\t\t font-style: normal;\n\t\t\t font-weight: 600;\n\t\t\t line-height:1.2em;\n\t\t\t vertical-align: middle;\n\t\t\t background: var(--table-header-color);\n\t\t\t border: 1px solid var(--content-border-color);\n\t\t\t @include mobile-sm{\n\t\t\t\t vertical-align: middle;\n\t\t\t\t font-size:13px;\n\t\t\t\t padding:8px;\n\t\t\t }\n\t\t}\n &:has(th){\n overflow:hidden;\n height: auto !important;\n }\n }\n\t tbody{\n\t\t tr{\n\t\t\t border: 1px solid var(--content-border-color);\n\t\t\t &:nth-child(even){\n\t\t\t\t background: rgba(var(--table-header-color-rgb, 42, 42, 42), 0.3);\n\t\t\t }\n\t\t }\n\t\t td{\n\t\t\t padding:12px;\n\t\t\t vertical-align: middle;\n\t\t\t word-wrap: break-word;\n\t\t\t border: 1px solid var(--content-border-color);\n\t\t\t @include tablet{\n\t\t\t\t font-size: 14px;\n\t\t\t\t font-style: normal;\n\t\t\t\t font-weight: 400;\n\t\t\t\t line-height: 16px;\n\t\t\t }\n\t\t\t @include mobile-sm{\n\t\t\t\t font-size:13px;\n\t\t\t\t padding:8px;\n\t\t\t }\n\t\t }\n\t }\n }\n\n}","// Header\n.header {\n position: fixed;\n width: 100%;\n top: 0;\n left: 0;\n height: 70px;\n z-index: 1000;\n background: var(--header-color);\n\n .container {\n @include flex(space-between, center);\n height: 100%;\n gap: 20px;\n }\n\n // Logo\n &__logo {\n width: 190px;\n height: 44px;\n flex-shrink: 0;\n @include flex(center, center);\n z-index: 1001;\n\n &-link {\n display: inline-block;\n line-height: 0;\n }\n\n img {\n width: 190px;\n height: 44px;\n display: block;\n cursor: pointer;\n object-fit: contain;\n transition: opacity 0.3s ease;\n }\n }\n\n // Navigation\n &__nav {\n flex: 1;\n @include flex(center);\n }\n\n &__menu {\n list-style: none;\n margin: 0;\n padding: 0;\n @include flex(null, center, null, 40px);\n\n &-link {\n // color will be set dynamically\n text-decoration: none;\n font-size: 16px;\n font-weight: 500;\n transition: opacity 0.3s ease;\n color:#fff;\n white-space: nowrap;\n opacity: 0.9;\n\n &:hover { \n opacity: 1;\n color:#fff;\n }\n }\n }\n\n // Actions (buttons)\n &__actions {\n @include flex(null, center, null, 12px);\n flex-shrink: 0;\n }\n\n &__btn {\n border-radius: 6px;\n border: 1px solid #FFF;\n display: flex;\n height: 42px;\n padding: 8px 32px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n color: #FFF;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n text-transform: uppercase;\n background:none;\n cursor:pointer;\n\n &--primary {\n // background and color will be set dynamically\n &:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n }\n\n &--secondary {\n border: 1px solid var(--accent-color);\n background: var(--accent-color);\n color: #fff;\n &:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n }\n }\n }\n\n // Burger menu button\n &__burger {\n display: none;\n flex-direction: column;\n justify-content: space-between;\n width: 30px;\n height: 24px;\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 0;\n z-index: 1001;\n transition: transform 0.3s ease;\n\n &:hover {\n transform: scale(1.1);\n }\n\n &-line {\n width: 100%;\n height: 3px;\n background:#fff;\n border-radius: 2px;\n // background will be set dynamically\n transition: all 0.3s ease;\n }\n\n // Active state (menu open)\n &.active {\n .header__burger-line {\n &:nth-child(1) {\n transform: translateY(10.5px) rotate(45deg);\n }\n\n &:nth-child(2) {\n opacity: 0;\n }\n\n &:nth-child(3) {\n transform: translateY(-10.5px) rotate(-45deg);\n }\n }\n }\n }\n\n // Tablet styles\n @include tablet {\n &__menu {\n gap: 24px;\n }\n\n &__btn {\n padding: 8px 16px;\n font-size: 13px;\n }\n }\n\n // Mobile styles\n @include mobile {\n height: 60px;\n\n &__logo {\n width: 150px;\n height: 35px;\n\n img {\n width: 150px;\n height: 35px;\n }\n }\n\n // Show burger menu\n &__burger {\n display: flex;\n }\n\n // Mobile navigation\n &__nav {\n position: fixed;\n top: 60px;\n left: 0;\n width: 100%;\n height: calc(100vh - 60px);\n // background will be set dynamically\n transform: translateX(-100%);\n transition: transform 0.3s ease;\n padding: 40px 20px;\n overflow-y: auto;\n //backdrop-filter: blur(10px);\n\n @include mobile{\n background: var(--body-bg-color);\n }\n\n &.active {\n transform: translateX(0);\n\n }\n }\n\n &__menu {\n flex-direction: column;\n align-items: center;\n width: 100%;;\n gap: 24px;\n\n &-link {\n font-size: 18px;\n @include mobile{\n font-size: 16px;\n background: var(--body-bg-color);\n color:var(--text-color);\n }\n }\n }\n\n &__actions {\n gap: 8px;\n }\n\n &__btn {\n display: none;\n }\n\n // Mobile buttons in menu\n &__nav.active {\n .header__btn {\n display: block;\n width: calc(100% - 40px);\n margin: 0 20px 16px;\n }\n }\n }\n}\n","// Footer\n.footer {\n background: var(--footer-bg-color);\n display: flex;\n gap:32px;\n padding: 48px 0;\n flex-direction: column;\n align-items: center;\n color: var(--text-color);\n @include mobile{\n gap: 24px;\n padding: 32px 0;\n }\n &__content-inner{\n display: flex;\n align-items: flex-start;\n gap: 60px;\n align-self: stretch;\n @include mobile{\n gap: 20px;\n flex-direction: column;\n }\n }\n &__text{\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px; /* 142.857% */\n @include mobile{\n font-size:12px;\n line-height: 18px;\n }\n }\n &__logo{\n width: 210px;\n height: 48px;\n @include mobile{\n width:100%;\n display:flex;\n align-items: center;\n justify-content: center;\n }\n img {\n width: 190px;\n height: 44px;\n display: block;\n cursor: pointer;\n object-fit: contain;\n transition: opacity 0.3s ease;\n }\n }\n\n &__bottom-imgs{\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 40px;\n align-self: stretch;\n list-style:none;\n margin:0;\n padding:0;\n img{\n opacity: 0.4;\n }\n @include mobile{\n gap:20px;\n display:grid;\n grid-template-columns: 1fr 1fr;\n }\n }\n\n &__menu-list{\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 24px;\n @include mobile{\n gap:16px;\n }\n }\n &__menu-item{\n list-style: none;\n }\n &__menu-link{\n color: var(--Main-White, #FFF);\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n text-decoration-line: underline;\n text-decoration-style: solid;\n text-decoration-skip-ink: none;\n text-decoration-thickness: auto;\n text-underline-offset: auto;\n text-underline-position: from-font;\n &:hover{\n color:#fff;\n opacity:0.9;\n }\n }\n\n &__copyright{\n color: var(--Main-White, #FFF);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n }\n}\n","// Buttons\n.btn-wrapper {\n display: flex;\n justify-content: center;\n margin-top: 24px;\n}\n\n.btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 14px 32px;\n border-radius: 8px;\n font-size: 16px;\n font-weight: 600;\n line-height: 1.5;\n text-decoration: none;\n transition: all 0.3s ease;\n cursor: pointer;\n border: none;\n\n @include mobile{\n font-size:14px;\n padding:12px 24px;\n }\n\n &--accent {\n background: var(--accent-color);\n color: #fff;\n\n &:hover {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n opacity: 0.9;\n }\n\n &:active {\n transform: translateY(0);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n }\n }\n}\n\n",".author {\n display: flex;\n align-items: center;\n gap: 24px;\n border-radius: 8px;\n @include mobile{\n gap:16px;\n flex-direction: column;\n }\n &__img {\n flex-shrink: 0;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n overflow: hidden;\n\n @include mobile{\n width:60px;\n height:60px;\n }\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n\n &__info {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n &__name {\n font-size: 14px;\n font-weight: 600;\n }\n\n &__name-header{\n display:flex;\n align-items: center;\n justify-content: space-between;\n }\n\n &__name-n{\n color: var(--text-color);\n font-size: 16px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px; /* 112.5% */\n @include mobile{\n font-size:14px;\n }\n }\n &__name-v{\n color: var(--accent-color);\n font-size: 18px;\n font-style: normal;\n font-weight: 700;\n line-height: 18px; /* 100% */\n @include mobile{\n font-size:16px;\n }\n }\n}\n",".faq {\n display: flex;\n flex-direction: column;\n gap: 16px;\n\n &__title {\n margin:0;\n margin-bottom: 24px;\n font-weight: 600;\n color: var(--text-color);\n }\n\n &__item {\n border-radius: 12px;\n overflow: hidden;\n transition: all 0.3s ease;\n border: 1px solid var(--content-border-color);\n background: var(--content-bg-color);\n\n &.active {\n .faq__question::after {\n transform: rotate(45deg);\n }\n\n .faq__question::before {\n transform: rotate(-45deg);\n }\n\n .faq__answer {\n opacity: 1;\n }\n }\n }\n\n &__question {\n padding: 20px 56px 20px 24px;\n cursor: pointer;\n position: relative;\n user-select: none;\n transition: background-color 0.2s ease;\n display: flex;\n align-items: center;\n gap: 16px;\n\n @include mobile{\n padding: 16px 56px 16px 16px;\n }\n\n h3 {\n margin: 0;\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n color: var(--text-color);\n }\n\n // Крестик с псевдоэлементами\n &::before,\n &::after {\n content: '';\n position: absolute;\n right: 24px;\n top: 50%;\n width: 16px;\n height: 2px;\n background-color: var(--text-color);\n transition: transform 0.3s ease;\n }\n\n &::before {\n transform: translateY(-50%);\n }\n\n &::after {\n transform: translateY(-50%) rotate(90deg);\n }\n }\n\n &__number {\n display: flex;\n width: 32px;\n height: 32px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n aspect-ratio: 1/1;\n font-weight: 600;\n background-color: var(--accent-color);\n color: var(--text-color);\n flex-shrink: 0;\n border-radius:50%;\n @include mobile{\n width:26px;\n height:26px;\n }\n }\n\n &__question-title {\n flex: 1;\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n color: var(--text-color);\n }\n\n &__answer {\n max-height: 0;\n opacity: 0;\n overflow: hidden;\n transition: all 0.3s ease;\n border-top:1px dashed var(--content-border-color); \n\n p {\n margin: 0;\n font-size: 14px;\n line-height: 22px;\n color: var(--text-color);\n opacity: 0.8;\n }\n }\n\n &__answer-inner{\n padding: 24px;\n }\n}\n",".toc {\n border-radius: 12px;\n border: 1px solid var(--content-border-color);\n background: var(--content-bg-color);\n overflow: hidden;\n\n &__header {\n padding: 20px 56px 20px 24px;\n cursor: pointer;\n position: relative;\n user-select: none;\n transition: background-color 0.2s ease;\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.02);\n }\n\n // Крестик с псевдоэлементами\n &::before,\n &::after {\n content: '';\n position: absolute;\n right: 24px;\n top: 50%;\n width: 16px;\n height: 2px;\n background-color: var(--text-color);\n transition: transform 0.3s ease;\n }\n\n &::before {\n transform: translateY(-50%) rotate(90deg);\n }\n\n &::after {\n transform: translateY(-50%);\n }\n }\n\n &__title {\n margin: 0;\n color: var(--Main-Back, #000);\n font-size: 18px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n text-transform: uppercase;\n color: var(--text-color);\n @include mobile{\n font-size:16px;\n }\n }\n\n &__content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n\n &__list {\n list-style: none;\n margin: 0;\n padding: 0 24px 24px 24px;\n counter-reset: toc-counter;\n\n @include mobile{\n padding: 0 16px 16px 16px;\n }\n\n // Вложенный список (второй уровень) - с маркерами\n &--nested {\n padding: 8px 0 0 28px;\n list-style: disc;\n padding-left: 40px;\n }\n }\n\n &__item {\n margin-bottom: 8px;\n position: relative;\n\n &:last-child {\n margin-bottom: 0;\n }\n\n // Нумерация только для первого уровня\n > .toc__link::before {\n counter-increment: toc-counter;\n content: counter(toc-counter) \". \";\n font-weight: 600;\n margin-right: 4px;\n }\n\n // Убираем нумерацию для вложенного уровня\n .toc__list--nested > & > .toc__link::before {\n content: none;\n }\n }\n\n &__link {\n display: block;\n color: var(--text-color);\n text-decoration: none;\n font-size: 14px;\n line-height: 20px;\n padding: 6px 12px;\n border-radius: 6px;\n transition: all 0.2s ease;\n\n &:hover {\n background-color: rgba(0, 0, 0, 0.03);\n color: var(--link-color);\n }\n\n // Стили для вложенного уровня\n .toc__list--nested > .toc__item > & {\n font-size: 13px;\n padding-left: 8px;\n }\n }\n\n // Active state (открыто)\n &.active {\n .toc__header::before {\n transform: translateY(-50%) rotate(45deg);\n }\n\n .toc__header::after {\n transform: translateY(-50%) rotate(-45deg);\n }\n\n .toc__content {\n max-height: 1000px;\n }\n }\n}\n",".slot-item{\n\toverflow: hidden;\n\tposition: relative;\n\tpadding-top: 52%;\n\tborder-radius: 16px;\n\tbackground-color:var(--body-bg-color);\n\tborder: 1px solid var(--content-border-color);\n\tbox-shadow: 0 2px 44px 0 rgba(188, 188, 188, 0.15);\n\t&__inner{\n\t\tposition: absolute;\n top: 0;\n left: 0;\n width: 100%;\n overflow: hidden;\n height: calc(100% - 45px);\n\t}\n\t&__thumbnail{\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n\t\timg{\n\t\t\tdisplay:block;\n\t\t\twidth:100%;\n\t\t\theight:100%;\n\t\t\tobject-fit: cover;\n\t\t}\n\t}\n\t&__title{\n\t\theight:45px;\n\t\tdisplay:flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 12px;\n\t\tgap:8px;\n\t}\n\t&__title-txt{\n\t\tcolor: var(--text-color);\n\t\ttext-align: center;\n\t\tfont-size: 16px;\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tline-height: 26px; /* 162.5% */\n\t}\n\t&__provider{\n\t\tborder-radius: 8px;\n\t\tbackground-color:var(--body-bg-color);\n\t\tbackdrop-filter: blur(17px);\n\t\tposition:absolute;\n\t\ttop:12px;\n\t\tright:12px;\n\t\tpadding: 8px;\n\t}\n\t&__rtp{\n\t\tbackground-color:var(--accent-color);\n\t\tdisplay: flex;\n\t\theight: 24px;\n\t\tpadding: 4px 8px;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\tgap: 4px;\n\t\tposition:absolute;\n\t\tbottom:12px;\n\t\tright:12px;\n\t\tcolor: var(--text-color);\n\t\tfont-size: 12px;\n\t\tfont-style: normal;\n\t\tfont-weight: 700;\n\t\tline-height: 14px; /* 116.667% */\n\t\tborder-radius:5px;\n\t}\n\t&__icon{\n\t\twidth:18px;\n\t\theight:18px;\n\t\tdisplay:flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tsvg{\n\t\t\tfill:var(--link-color);\n\t\t}\n\t}\n}","// Main SASS file\n// Import all partial files\n\n@import 'base/reset';\n@import 'base/fonts';\n@import 'base/mixins';\n@import 'base/variables';\n@import 'base/typography';\n\n@import 'layout/header';\n@import 'layout/footer';\n\n@import 'components/buttons';\n@import 'components/tables';\n@import 'components/author';\n@import 'components/faq';\n@import 'components/toc';\n@import 'components/slot-item';\n\nbody{\n\tpadding-top:70px;\n\tbackground-color: var(--body-bg-color);\n\tcolor: var(--text-color);\n\tfont-style: normal;\n\tfont-weight: 400;\n\tline-height: 24px; /* 150% */\n\n\t&.menu-open {\n\t\toverflow: hidden;\n\t}\n}\n// Container\n.container {\n max-width: var(--container-width);\n width: 100%;\n height: 100%;\n margin: 0 auto;\n\t\tpadding-left: 16px !important;\n\t\tpadding-right:16px !important;\n}\n\n//banner\n.banner{\n\tbackground:#000;\n\tdisplay:flex;\n\talign-items: center;\n\tjustify-content: center;\n\t&__img-wrp{\n\t\tmax-width:1920px;\n\t\tmax-height:540px;\n\t\toverflow: hidden;\n\t\tmargin:0 auto;\n\t}\n\t&__img{\n\t\tdisplay:block;\n\t\twidth:100%;\n\t\theight:100%;\n\t\tobject-fit: cover;\n\t}\n}\n\n.section-wrapper{\n\tpadding:32px 0;\n\tdisplay:flex;\n\tflex-direction: column;\n\tgap:32px;\n\twidth:100%;\n\t@include tablet{\n\t\tgap:24px;\n\t\tpadding:24px 0;\n\t}\n\t@include mobile{\n\t\tgap:16px;\n\t\tpadding:16px 0;\n\t}\n}\n\n.section{\n\tpadding:32px;\n\tborder-radius: 16px;\n\tborder: 1px solid var(--content-border-color);\n\tbackground: var(--content-bg-color);\n\t@include tablet{\n\t\tpadding:24px;\n\t}\n\t@include mobile{\n\t\tpadding:16px;\n\t}\n\t&__title{\n\t\t margin-top:0;\n\t}\n}\n\n// Links\na {\n\tcolor: var(--link-color);\n\ttext-decoration: none;\n\ttransition: color 0.3s ease;\n\n\t&:hover {\n\t\topacity: 0.8;\n\t}\n}\n\n// Tables\ntable {\n\tbackground: var(--table-bg-color);\n\tcolor: var(--text-color);\n}\n\nth,\nthead,\ntable thead tr {\n\tbackground-color: var(--table-header-color);\n\tcolor: var(--text-color);\n}\n\ncaption {\n\tbackground: var(--table-header-color);\n\tcolor: var(--text-color);\n}\n\n\n\n.game-item{\n\tborder-radius: var(--border-radius-main);\n\toverflow:hidden;\n\tposition:relative;\n\t//padding:0 12px 0 12px;\n\tpadding-top:52%;\n\tbox-shadow: 0px 2px 44px 0px rgba(188, 188, 188, 0.15);\n\tbackground:#fff;\n\t@include mobile{\n\t\tpadding-top:60%;\n\t\tborder-radius:12px;\n\t\tbox-shadow: 0px 1.4px 30.803px 0px rgba(188, 188, 188, 0.15);\n\t}\n\t&__inner{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\twidth:100%;\n overflow:hidden;\n\t\theight:calc(100% - 45px); // 45px - height title\n\t\t@include mobile{\n\t\t\theight:calc(100% - 40px);\n\t\t}\n &:hover{\n .game-item__hover{\n opacity:1;\n visibility: visible;\n }\n\t }\n\t}\n\t&__title{\n\t\tcolor: rgba(2, 0, 5, 0.80);\n\t\ttext-align: center;\n\t\tfont-size: 16px;\n\t\tfont-style: normal;\n\t\tfont-weight: 400;\n\t\tline-height: 1.1em;\n\t\twidth:100%;\n\t\theight:45px;\n\t\tdisplay:flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground:#fff;\n position:relative;\n padding:0 12px;\n\t\t@include tablet{\n\t\t\tfont-size:14px;\n\t\t}\n\t\t@include mobile{\n\t\t\tfont-size:12px;\n\t\t\theight:40px;\n\t\t}\n\t}\n\t&__link{\n display:inline-flex;\n align-items: center;\n gap:8px;\n text-decoration: none !important;\n\t\tcolor: rgba(2, 0, 5, 0.80) !important;\n @include mobile{\n gap:4px;\n }\n &:before{\n content:'';\n display:block;\n width:100%;\n height:100%;\n position:absolute;\n top:0;\n left:0;\n }\n\t\t&:hover{\n\t\t\tcolor:var(--color-theme-red) !important;\n .icon{\n fill:url('#icon-gradient-red');\n }\n\t\t}\n .icon{\n width:20px;\n height:20px;\n flex-shrink: 0;\n fill:#0076CC;\n @include mobile{\n width:12px;\n height:12px;\n }\n }\n\t}\n &__link-text{\n display:inline-flex;\n align-items: center;\n }\n &__link-icon{\n width:20px;\n height:20px;\n display:flex;\n align-items: center;\n justify-content: center;\n fill:#0076CC;\n }\n\t&__picture{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\tbottom:0;\n\t\tright:0;\n\t}\n\t&__image{\n\t\tdisplay:block;\n\t\twidth:100%;\n\t\theight:100%;\n\t\tobject-fit: cover;\n\t\ttransition: 0.3s ease-out;\n\t}\n\t&__tags{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:12px;\n\t\tdisplay:flex;\n\t}\n\t&__tagsItm{\n\t\tmargin-right:8px;\n\t\tborder-radius: 0px 0px 8px 8px;\n\t\tbackground: linear-gradient(90deg, #2D2BA7 0%, #BA73D1 100%);\n\t\ttext-transform: uppercase;\n\t\toverflow:hidden;\n\t\t@include mobile{\n\t\t\tborder-radius: 0px 0px 5px 5px;\n\t\t}\n\t\t&--hot{\n\t\t\tbackground: #F5294D;\n\t\t}\n\t}\n\t&__tagsLink{\n\t\tdisplay:block;\n\t\tcolor:#fff;\n\t\tpadding:8px 16px;\n\t\tcolor:#fff;\n\t\tfont-size: 12px;\n\t\tfont-weight: 900;\n\t\tline-height: 1em;\n\t\t@include mobile{\n\t\t\tpadding:3px 11px;\n\t\t\tfont-size:9px;\n\t\t}\n\t}\n\t&__info{\n\t\tposition:absolute;\n\t\ttop:8px;\n\t\tright:8px;\n\t\tdisplay:flex;\n\t\talign-items: center;\n\t\tjustify-content: end;\n\t}\n\t&__provide{\n\t\twidth:32px;\n\t\theight:32px;\n\t\tborder-radius:50%;\n\t\tbackground:#000;\n\t\tdisplay:flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\t//padding:8px;\n\t\tpadding:2px;\n\t\tmargin-right:8px;\n\t\t@include mobile{\n\t\t\twidth:24px;\n\t\t\theight:24px;\n\t\t\tmargin-right:5px;\n\t\t}\n\t\t.icon{\n\t\t\tfill:#fff;\n\t\t}\n\t}\n\t&__rating{\n\t\twidth: 36px;\n\t\theight: 36px;\n\t\tposition:relative;\n\t\t@include mobile{\n\t\t\twidth: 28px;\n\t\t\theight: 28px;\n\t\t}\n\t}\n\t&__ratingVal{\n\t\tfont-size: 12px;\n\t\t@include mobile{\n\t\t\tfont-size:10px;\n\t\t}\n\t}\n\t&__rtp{\n\t\tpadding:4px 8px;\n\t\tbackground: linear-gradient(var(--gradient-theme-red));\n\t\tborder-radius:8px;\n\t\tfont-size: 12px;\n\t\tfont-style: normal;\n\t\tfont-weight: 600;\n\t\tcolor:#fff;\n\t\tline-height:1em;\n\t\theight:24px;\n\t\tdisplay:flex;\n\t\talign-items: center;\n\t\tposition:absolute;\n\t\tbottom:8px;\n\t\tright:8px;\n\t}\n\t&__countPlay{\n\t\tcolor:#fff;\n\t\tfont-size:12px;\n\t\tpadding:4px 8px;\n\t\tfont-size: 12px;\n\t\tline-height:1em;\n\t\tfont-weight: 600;\n\t\tborder-radius:8px;\n\t\tbackground:rgba(2, 0, 5, 0.80);\n\t\tposition:relative;\n\t\tdisplay:flex;\n\t\theight:24px;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tposition:absolute;\n\t\tbottom:8px;\n\t\tleft:8px;\n\t\t.icon{\n\t\t\tfill:#fff;\n\t\t}\n\t}\n\t&__countTxt{\n\t\tpadding-left:5px;\n\t}\n\t&__btn{\n\t\tmargin-top:16px;\n\t\twidth:100%;\n\t\tmax-width:120px;\n\t\t@include mobile{\n\t\t\tmargin-top:8px;\n\t\t\tfont-size:12px;\n\t\t\tpadding:8px 20px;\n\t\t\tmax-width:100px;\n\t\t}\n\n\t}\n\t&__hover{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\tbottom:0;\n\t\tright:0;\n\t\tbackground:rgba(2, 0, 5, 0.80);\n\t\tdisplay:flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tflex-direction: column;\n\t\tpadding:20px;\n\t\topacity:0;\n\t\tz-index: 1;\n\t\ttransition: 0.5s ease-out;\n\t\tvisibility: hidden;\n cursor:pointer;\n\t}\n}\n\n\n.slots-grid{\n\tdisplay:grid;\n\tgrid-template-columns: repeat(5, 1fr);\n\tgap:8px;\n\t@include tablet{\n\t\tgrid-template-columns: repeat(3, 1fr);\n\t}\n\t@include mobile{\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t}\n}"]}
|
