| 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.1);\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.plus-minus {\n display: grid;\n grid-template-columns: 1fr 1fr;\n background: var(--body-bg-color);\n gap: 20px;\n margin: 0 0 20px 0;\n border-radius: 12px;\n padding: 20px;\n}\n@media (max-width: 768px) {\n .plus-minus {\n grid-template-columns: 1fr;\n gap: 12px;\n padding: 16px 12px;\n }\n}\n.plus-minus__column {\n display: flex;\n flex-direction: column;\n gap: 16px;\n background: #fff;\n border-radius: 8px;\n font-size: 16px;\n padding: 20px;\n}\n@media (max-width: 768px) {\n .plus-minus__column {\n padding: 16px;\n }\n}\n.plus-minus__column:first-child .plus-minus__item:before {\n content: \"\";\n display: block;\n width: 24px;\n height: 24px;\n position: absolute;\n top: 50%;\n left: 0;\n transform: translate(0, -50%);\n background: url(\"../images/icon-property-on.svg\") no-repeat center center;\n}\n.plus-minus__column:last-child .plus-minus__item:before {\n content: \"\";\n display: block;\n width: 24px;\n height: 24px;\n position: absolute;\n top: 50%;\n left: 0;\n transform: translate(0, -50%);\n background: url(\"../images/icon-property-off.svg\") no-repeat center center;\n}\n.plus-minus__item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding-left: 40px;\n position: relative;\n}\n@media (max-width: 768px) {\n .plus-minus__item {\n gap: 12px;\n }\n}\n.plus-minus__item .icon {\n flex-shrink: 0;\n}\n@media (max-width: 768px) {\n .plus-minus__item .icon {\n width: 20px;\n height: 20px;\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 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 color: #fff;\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: #fff;\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 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: #fff;\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.1);\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\n\n.plus-minus{\n\tdisplay:grid;\n\tgrid-template-columns: 1fr 1fr;\n\tbackground: var(--body-bg-color);\n\tgap: 20px;\n\tmargin: 0 0 20px 0;\n\tborder-radius: 12px;\n\tpadding: 20px;\n\t@include mobile{\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 12px;\n\t\tpadding: 16px 12px;\n\t}\n\t&__column{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap:16px;\n\t\tbackground: #fff;\n\t\tborder-radius: 8px;\n\t\tfont-size: 16px;\n\t\tpadding: 20px;\n\t\t@include mobile{\n\t\t\tpadding: 16px;\n\t\t}\n\t\t&:first-child{\n\t\t\t.plus-minus__item{\n\t\t\t\t\t&:before{\n\t\t\t\t\t\tcontent:'';\n\t\t\t\t\t\tdisplay:block;\n\t\t\t\t\t\twidth:24px;\n\t\t\t\t\t\theight:24px;\n\t\t\t\t\t\tposition:absolute;\n\t\t\t\t\t\ttop:50%;\n\t\t\t\t\t\tleft:0;\n\t\t\t\t\t\ttransform: translate(0, -50%);\n\t\t\t\t\t\tbackground:url('../images/icon-property-on.svg') no-repeat center center;\n\t\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&:last-child{\n\t\t\t\t.plus-minus__item{\n\t\t\t\t\t&:before{\n\t\t\t\t\t\tcontent:'';\n\t\t\t\t\t\tdisplay:block;\n\t\t\t\t\t\twidth:24px;\n\t\t\t\t\t\theight:24px;\n\t\t\t\t\t\tposition:absolute; \n\t\t\t\t\t\ttop:50%;\n\t\t\t\t\t\tleft:0;\n\t\t\t\t\t\ttransform: translate(0, -50%);\n\t\t\t\t\t\tbackground:url('../images/icon-property-off.svg') no-repeat center center;\n\t\t\t\t\t}\n\t\t\t }\n\t\t}\n\t}\n\t&__item{\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 16px;\n\t\tpadding-left:40px;\n\t\tposition:relative;\n\t\t@include mobile{\n\t\t\tgap: 12px;\n\t\t}\n\t\t.icon{\n\t\t\tflex-shrink: 0;\n\t\t\t@include mobile{\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t}\n\t\t}\n\t}\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 color: #fff;\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: #fff;\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 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: #fff;\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}"]}
|
