diff --git a/app.bundle.js b/app.bundle.js index e1ed8a9..b059227 100644 --- a/app.bundle.js +++ b/app.bundle.js @@ -36,7 +36,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \********************************************************************************************************************/ /***/ ((module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */ \"./node_modules/css-loader/dist/runtime/getUrl.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__);\n// Imports\n\n\n\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(/*! ../images/snow.gif */ \"./src/assets/images/snow.gif\"), __webpack_require__.b);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(/* asset import */ __webpack_require__(/*! ../images/bg.png */ \"./src/assets/images/bg.png\"), __webpack_require__.b);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(/* asset import */ __webpack_require__(/*! ../images/footer.png */ \"./src/assets/images/footer.png\"), __webpack_require__.b);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(/* asset import */ __webpack_require__(/*! ../images/modal.png */ \"./src/assets/images/modal.png\"), __webpack_require__.b);\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_3___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@charset \"UTF-8\";\n.section.hidden .editions-item {\n transition: transform 0s;\n transform: translateX(-2000px);\n}\n.section.hidden h2 {\n transition: opacity 0s;\n opacity: 0;\n}\n.section.hidden .dual,\n.section.hidden .explore-info {\n transition: column-gap 0s;\n column-gap: 250%;\n}\n.section.hidden .video {\n transition: transform 0s;\n transform: scale(0);\n}\n.section.hidden .news,\n.section.hidden .faq-item {\n transition: transform 0s;\n transform: translateX(-200%);\n}\n.section-main {\n padding-top: 40px;\n position: relative;\n max-width: 1920px;\n margin: 0 auto;\n min-height: 700px;\n}\n@media screen and (max-width: 768px) {\n .section-main {\n min-height: 100vh;\n }\n}\n.section-main:after, .section-main:before {\n height: 764px;\n width: 1363px;\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n z-index: -1;\n}\n@media screen and (max-width: 768px) {\n .section-main:after, .section-main:before {\n height: 360px;\n width: 390px;\n }\n}\n.section-main:after {\n background: url(${___CSS_LOADER_URL_REPLACEMENT_0___}) no-repeat center/cover;\n opacity: 0.1;\n}\n.section-main:before {\n background: url(${___CSS_LOADER_URL_REPLACEMENT_1___}) no-repeat center/cover;\n}\n.section-dual {\n margin-top: 54px;\n}\n.section-about {\n margin-top: 90px;\n}\n.section-explore {\n margin-top: 80px;\n}\n.section-news, .section-faq {\n margin-top: 100px;\n}\n@media screen and (max-width: 768px) {\n .section-news, .section-faq {\n margin-top: 80px;\n }\n}\n\n.header {\n align-items: center;\n}\n@media screen and (max-width: 768px) {\n .header {\n flex-wrap: wrap;\n }\n}\n.header-menu {\n align-items: center;\n}\n@media screen and (max-width: 768px) {\n .header-menu {\n align-items: flex-start;\n }\n}\n.header-menu__button {\n width: 25px;\n height: 16px;\n cursor: pointer;\n position: relative;\n z-index: 1;\n transition: width 0.25s;\n}\n.header-menu__button span {\n width: 25px;\n height: 2px;\n background: #fff;\n position: relative;\n display: block;\n}\n.header-menu__button span::after, .header-menu__button span::before {\n display: block;\n content: \"\";\n width: 12px;\n height: 2px;\n background: #fff;\n position: absolute;\n transition: width 0.25s;\n}\n.header-menu__button span::after {\n top: 5px;\n}\n.header-menu__button span::before {\n width: 25px;\n top: 10px;\n}\n.header-menu__list {\n margin-left: 50px;\n z-index: -1;\n}\n@media screen and (max-width: 768px) {\n .header-menu__list {\n margin-left: 30px;\n margin-bottom: 80px;\n }\n}\n.header-menu__list ul {\n column-gap: 24px;\n font-weight: 400;\n font-size: 14px;\n line-height: 27px;\n text-transform: uppercase;\n transform: translateX(-200px);\n opacity: 0;\n}\n@media screen and (max-width: 768px) {\n .header-menu__list ul {\n flex-direction: column;\n }\n}\n.header-menu__link {\n position: relative;\n color: rgba(255, 255, 255, 0.5);\n transition: color 0.25s;\n}\n.header-menu__link:hover {\n color: #8856d9;\n}\n.header-menu__link.lang {\n color: #fff;\n font-weight: 700;\n cursor: pointer;\n}\n.header-menu__link.lang:hover .header-menu__languages {\n display: block;\n}\n.header-menu__link.lang svg {\n width: 12px;\n height: 12px;\n fill: #fff;\n transform: rotate(180deg);\n margin-left: 9px;\n}\n.header-menu__languages {\n padding: 10px 15px;\n border-radius: 6px;\n background: #30373f;\n position: absolute;\n top: 100%;\n display: none;\n}\n.header-menu__language {\n font-weight: 500;\n cursor: pointer;\n font-size: 13px;\n color: rgba(255, 255, 255, 0.5);\n transition: color 0.25s;\n}\n.header-menu__language:hover {\n color: #8856d9;\n}\n.header.opened .header-menu__button span {\n width: 12px;\n}\n.header.opened .header-menu__button span::after {\n width: 25px;\n}\n.header.opened .header-menu__button span::before {\n width: 12px;\n}\n.header.opened .header-menu__list {\n z-index: 1;\n}\n.header.opened .header-menu__list ul {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 0.2s, transform 0.25s;\n}\n.header-timer {\n margin-left: auto;\n column-gap: 19px;\n}\n@media screen and (max-width: 768px) {\n .header-timer {\n margin: 0 auto;\n }\n}\n.header-timer span {\n font-weight: 400;\n line-height: 19px;\n color: #8c96a0;\n}\n.header-timer__values {\n column-gap: 10px;\n}\n.header-timer__item {\n color: #a9c7c7;\n}\n.header-timer__item-value {\n font-weight: 700;\n font-size: 40px;\n line-height: 47px;\n min-width: 55px;\n text-align: center;\n}\n@media screen and (max-width: 768px) {\n .header-timer__item-value {\n font-size: 30px;\n line-height: 37px;\n min-width: 45px;\n }\n}\n.header-timer__item-info {\n font-weight: 400;\n text-align: center;\n}\n\n.description {\n margin-top: 7%;\n max-width: 540px;\n animation: move 1s ease-in-out;\n}\n.description-title h1 {\n font-weight: 600;\n font-size: 100px;\n line-height: 100px;\n}\n@media screen and (max-width: 768px) {\n .description-title h1 {\n font-size: 60px;\n line-height: 60px;\n }\n}\n.description-subtitle {\n font-weight: 400;\n font-size: 18px;\n line-height: 27px;\n color: #a9c7c7;\n margin-top: 26px;\n}\n.description-button {\n background: #8856d9;\n border-radius: 6px;\n padding: 12px 36px;\n font-weight: 500;\n line-height: 19px;\n color: #fff;\n display: flex;\n width: max-content;\n cursor: pointer;\n text-transform: uppercase;\n transition: background 0.25s;\n margin-top: 36px;\n}\n.description-button:hover {\n background: #9468da;\n}\n.description-button:active {\n background: #6039a0;\n}\n\n.editions-list {\n margin-top: 32px;\n display: grid;\n grid-template-columns: repeat(3, 350px);\n column-gap: 16px;\n justify-content: center;\n}\n@media screen and (max-width: 768px) {\n .editions-list {\n grid-template-columns: repeat(1, 350px);\n column-gap: 0px;\n row-gap: 16px;\n }\n}\n.editions-item {\n border-radius: 6px;\n background: linear-gradient(180deg, #141615 0%, #1c2023 100%);\n padding: 17px;\n transition: transform 0.25s ease-in-out;\n transform: translateX(0);\n}\n.editions-item:nth-child(2) {\n transition-delay: 0.25s;\n}\n.editions-item:last-child {\n transition-delay: 0.5s;\n}\n.editions-item__img {\n border-radius: 6px;\n overflow: hidden;\n width: 100%;\n height: 172px;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n}\n.editions-item__title {\n margin-top: 20px;\n font-weight: 700;\n line-height: 19px;\n text-align: center;\n}\n.editions-item__subtitle {\n color: #a9c7c7;\n font-weight: 500;\n line-height: 19px;\n text-align: center;\n margin: 10px 0 32px 0;\n}\n.editions-item__description {\n color: #8c96a0;\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n display: flex;\n flex-direction: column;\n row-gap: 12px;\n}\n.editions-item__price {\n color: #fff;\n font-weight: 700;\n font-size: 19px;\n line-height: 23px;\n margin: 6px 0 14px 0;\n text-align: right;\n}\n.editions-item__btn {\n background: #8856d9;\n border-radius: 6px;\n padding: 12px 36px;\n font-weight: 500;\n line-height: 19px;\n color: #fff;\n display: flex;\n width: max-content;\n cursor: pointer;\n text-transform: uppercase;\n transition: background 0.25s;\n padding: 8px 18px;\n font-size: 13px;\n line-height: 15px;\n margin-left: auto;\n}\n.editions-item__btn:hover {\n background: #9468da;\n}\n.editions-item__btn:active {\n background: #6039a0;\n}\n\n.dual {\n column-gap: 5%;\n margin-top: 20px;\n transition: column-gap 0.5s;\n}\n@media screen and (max-width: 768px) {\n .dual {\n flex-direction: column;\n row-gap: 80px;\n }\n}\n.dual-description {\n min-width: 410px;\n}\n@media screen and (max-width: 768px) {\n .dual-description {\n min-width: 300px;\n }\n}\n.dual-description p {\n color: #a9c7c7;\n font-weight: 400;\n font-size: 18px;\n line-height: 27px;\n margin-bottom: 22px;\n}\n.dual-description p span {\n font-weight: 700;\n}\n.dual-description__info {\n margin-top: 19px;\n justify-content: space-between;\n align-items: center;\n}\n@media screen and (max-width: 768px) {\n .dual-description__info {\n flex-direction: column;\n row-gap: 20px;\n }\n}\n.dual-description__price {\n font-weight: 700;\n font-size: 30px;\n line-height: 36px;\n}\n@media screen and (max-width: 768px) {\n .dual-description__price {\n font-size: 19px;\n line-height: 23px;\n }\n}\n.dual-description__button {\n background: #ff4136;\n border-radius: 6px;\n padding: 12px 36px;\n font-weight: 500;\n line-height: 19px;\n color: #fff;\n display: flex;\n width: max-content;\n cursor: pointer;\n text-transform: uppercase;\n transition: background 0.25s;\n padding: 14px 19px;\n font-weight: 500;\n}\n.dual-description__button:hover {\n background: #f8625a;\n}\n.dual-description__button:active {\n background: #a4221c;\n}\n@media screen and (max-width: 768px) {\n .dual-description__button {\n padding: 8px 12px;\n }\n}\n.dual-img {\n max-width: 50%;\n position: relative;\n}\n.dual-img img {\n max-width: fit-content;\n animation: gravitation 1.5s linear infinite alternate;\n}\n@media screen and (max-width: 768px) {\n .dual-img img {\n width: 80%;\n }\n}\n.dual-img::before {\n content: \"\";\n display: block;\n width: 194px;\n height: 119px;\n background: rgba(79, 96, 152, 0.8);\n filter: blur(75px);\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.video {\n position: relative;\n margin-top: 32px;\n transition: transform 0.5s;\n transform: scale(1);\n}\n.video video {\n width: 100%;\n height: auto;\n}\n.video-info {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 2;\n text-align: center;\n}\n.video-info.hidden {\n opacity: 0;\n}\n.video-info.hidden:hover {\n opacity: 1;\n}\n.video-title {\n font-weight: 500;\n font-size: 50px;\n color: #fff;\n line-height: 39px;\n}\n@media screen and (max-width: 768px) {\n .video-title {\n font-size: 20px;\n }\n}\n.video-btn {\n background: #30373f;\n border-radius: 6px;\n padding: 9px 26px;\n font-weight: 500;\n line-height: 16px;\n color: #fff;\n display: inline-block;\n cursor: pointer;\n margin: 28px auto 0 auto;\n transition: background 0.25s;\n text-transform: uppercase;\n}\n.video-btn:hover {\n background: #525c67;\n}\n\n.explore-items {\n display: flex;\n flex-direction: column;\n row-gap: 100px;\n margin-top: 32px;\n}\n.explore-items h3 {\n text-align: center;\n font-weight: 500;\n font-size: 18px;\n line-height: 21px;\n}\n.explore-item__price {\n margin-top: 20px;\n font-weight: 700;\n font-size: 20px;\n line-height: 24px;\n color: #fff;\n text-align: center;\n}\n.explore-switch {\n margin-top: 20px;\n column-gap: 15px;\n}\n.explore-switch__checkbox {\n width: 54px;\n height: 25px;\n background: #30373f;\n border-radius: 12px;\n position: relative;\n}\n.explore-switch__checkbox input {\n width: 100%;\n height: 100%;\n position: absolute;\n opacity: 0;\n cursor: pointer;\n z-index: 2;\n}\n.explore-switch__checkbox input:checked + span {\n transform: translateX(28px);\n}\n.explore-switch__checkbox span {\n border-radius: 50%;\n background: #8856d9;\n width: 18px;\n height: 18px;\n position: absolute;\n top: 4px;\n left: 4px;\n transform: translate(0);\n transition: transform 0.25s;\n}\n.explore-switch__title {\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n color: #30373f;\n}\n.explore-switch__title.active {\n color: #fff;\n}\n.explore-info {\n margin-top: 96px;\n column-gap: 5%;\n transition: column-gap 0.5s;\n}\n@media screen and (max-width: 768px) {\n .explore-info {\n flex-direction: column;\n align-items: flex-start;\n row-gap: 40px;\n }\n}\n.explore-info.reverse {\n flex-direction: row-reverse;\n}\n@media screen and (max-width: 768px) {\n .explore-info.reverse {\n flex-direction: column;\n }\n}\n.explore-info.reverse .explore-img {\n justify-content: start;\n}\n@media screen and (max-width: 768px) {\n .explore-info.reverse .explore-img {\n margin-top: 40px;\n }\n}\n.explore-info.reverse .explore-description {\n text-align: right;\n}\n@media screen and (max-width: 768px) {\n .explore-info.reverse .explore-description {\n text-align: left;\n }\n}\n.explore-info.reverse .explore-button {\n margin-left: auto;\n}\n.explore-img {\n width: 50%;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: end;\n}\n@media screen and (max-width: 768px) {\n .explore-img {\n width: 100%;\n justify-content: start;\n }\n}\n.explore-img__wrap {\n width: 300px;\n height: 300px;\n border-radius: 12px;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n position: relative;\n}\n.explore-img__wrap::before {\n content: \"\";\n display: block;\n width: 61px;\n height: 140px;\n background: #ff4136;\n filter: blur(75px);\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: 0;\n opacity: 0.8;\n}\n.explore-img__wrap img {\n max-width: unset;\n position: absolute;\n bottom: 0;\n left: 0;\n}\n@media screen and (max-width: 768px) {\n .explore-img__wrap img {\n left: -30px;\n }\n}\n.explore-description {\n min-width: max-content;\n width: 50%;\n}\n@media screen and (max-width: 768px) {\n .explore-description {\n min-width: fit-content;\n }\n}\n.explore-description ul {\n flex-direction: column;\n font-weight: 400;\n font-size: 15px;\n line-height: 36px;\n display: none;\n}\n.explore-description ul.active {\n display: flex;\n}\n.explore-button {\n background: #ff4136;\n border-radius: 6px;\n padding: 12px 36px;\n font-weight: 500;\n line-height: 19px;\n color: #fff;\n display: flex;\n width: max-content;\n cursor: pointer;\n text-transform: uppercase;\n transition: background 0.25s;\n margin-top: 28px;\n}\n.explore-button:hover {\n background: #f8625a;\n}\n.explore-button:active {\n background: #a4221c;\n}\n@media screen and (max-width: 768px) {\n .explore-button {\n margin: 28px auto 0 auto;\n }\n}\n\n.news {\n margin-top: 32px;\n transition: transform 0.5s;\n transform: translate(0);\n}\n.news-item {\n border-radius: 6px;\n background: linear-gradient(178deg, #30373f 41.63%, #141615 185.57%);\n padding: 20px;\n}\n.news-item__info {\n justify-content: space-between;\n align-items: center;\n}\n.news-item__subtitle {\n font-weight: 600;\n font-size: 10px;\n line-height: 12px;\n text-transform: uppercase;\n color: #8856d9;\n}\n.news-item__date {\n font-weight: 400;\n font-size: 10px;\n line-height: 17px;\n color: #8c96a0;\n}\n.news-item__title {\n font-weight: 600;\n font-size: 19px;\n line-height: 23px;\n text-transform: uppercase;\n color: #fff;\n margin: 7px 0 16px 0;\n}\n@media screen and (max-width: 768px) {\n .news-item__title {\n font-size: 16px;\n line-height: 20px;\n }\n}\n.news-item__description {\n column-gap: 24px;\n height: 248px;\n align-items: flex-start;\n}\n@media screen and (max-width: 768px) {\n .news-item__description {\n height: 380px;\n }\n}\n.news-item__img {\n min-width: 278px;\n height: 100%;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n}\n@media screen and (max-width: 768px) {\n .news-item__img {\n min-width: 180px;\n }\n}\n.news-item__text {\n flex-direction: column;\n height: 100%;\n}\n.news-item__text p {\n color: #d9d9d9;\n font-weight: 400;\n font-size: 12px;\n line-height: 17px;\n}\n.news-item__button {\n background: #8c96a0;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n line-height: 15px;\n text-transform: uppercase;\n color: #fff;\n margin-top: 10px;\n padding: 8px 30px;\n display: flex;\n width: max-content;\n margin-left: auto;\n margin-top: auto;\n transition: background 0.25s;\n}\n.news-item__button:hover {\n background: #30373f;\n}\n\n.faq-items {\n flex-direction: column;\n row-gap: 32px;\n margin-top: 32px;\n}\n.faq-item {\n transition: transform 0.4s;\n transform: translate(0);\n}\n.faq-item:nth-child(2) {\n transition-delay: 0.25s;\n}\n.faq-item:last-child {\n transition-delay: 0.5s;\n}\n.faq-item__header {\n width: 100%;\n justify-content: space-between;\n font-weight: 600;\n font-size: 17px;\n line-height: 20px;\n color: #fff;\n cursor: pointer;\n border-bottom: 2px solid #8856d9;\n padding-bottom: 8px;\n}\n.faq-item__header span {\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #8c96a0;\n border-radius: 6px;\n width: 30px;\n height: 30px;\n}\n.faq-item__header span::before {\n font-size: 25px;\n content: \"+\";\n transition: transform 0.25s;\n}\n.faq-item__content {\n height: 0;\n opacity: 0;\n transition: height 0.25s, opacity 0.25s;\n}\n.faq-item__content p {\n padding-top: 13px;\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n}\n.faq-item__content p span {\n color: #ff4136;\n}\n.faq-item.opened span::before {\n transform: rotate(45deg);\n}\n.faq-item.opened .faq-item__content {\n opacity: 1;\n}\n\n.footer {\n position: relative;\n padding-top: 156px;\n padding-bottom: 20px;\n}\n@media screen and (max-width: 768px) {\n .footer {\n padding-top: 120px;\n }\n}\n.footer::before {\n content: \"\";\n display: block;\n width: 786px;\n height: 439px;\n position: absolute;\n top: 0;\n right: 20%;\n z-index: -1;\n background: url(${___CSS_LOADER_URL_REPLACEMENT_2___}) no-repeat center/cover;\n}\n@media screen and (max-width: 768px) {\n .footer::before {\n width: 300px;\n height: 390px;\n right: 0;\n }\n}\n.footer-top {\n justify-content: space-between;\n}\n.footer-menu {\n column-gap: 22px;\n font-weight: 400;\n font-size: 14px;\n line-height: 27px;\n text-transform: uppercase;\n transition: color 0.25s ease;\n}\n@media screen and (max-width: 768px) {\n .footer-menu {\n flex-direction: column;\n align-items: flex-start;\n }\n}\n.footer-menu a {\n color: rgba(255, 255, 255, 0.5);\n}\n.footer-menu a:hover {\n color: #8856d9;\n}\n.footer-lang {\n font-weight: 700;\n font-size: 14px;\n line-height: 27px;\n cursor: pointer;\n}\n.footer-lang span {\n text-transform: uppercase;\n color: #8c96a0;\n margin-right: 5px;\n}\n.footer-lang__current {\n color: #fff;\n text-transform: uppercase;\n}\n.footer-lang__list {\n position: relative;\n}\n.footer-lang__list:hover .footer-lang__content {\n visibility: visible;\n}\n.footer-lang__content {\n background: #30373f;\n border-radius: 6px;\n padding: 10px;\n position: absolute;\n visibility: hidden;\n}\n@media screen and (max-width: 768px) {\n .footer-lang__content {\n right: 0;\n }\n}\n.footer-lang__content-item {\n text-transform: uppercase;\n font-weight: 500;\n cursor: pointer;\n transition: color 0.25s ease;\n}\n.footer-lang__content-item:hover {\n color: #8856d9;\n}\n.footer-info {\n font-weight: 400;\n font-size: 14px;\n line-height: 18px;\n text-align: center;\n color: #8c96a0;\n margin: 50px auto 38px auto;\n max-width: 700px;\n}\n.footer-icon {\n text-align: center;\n}\n.footer-year {\n margin: 20px auto 13px auto;\n}\n.footer-year, .footer-rights {\n font-weight: 400;\n line-height: 19px;\n color: #8c96a0;\n text-align: center;\n}\n.footer-year a, .footer-rights a {\n color: #8856d9;\n}\n\n.swiper-button {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 32px;\n height: 32px;\n background: #8c96a0;\n border-radius: 6px;\n z-index: 9;\n cursor: pointer;\n transition: background 0.25s;\n}\n.swiper-button:hover {\n background: #8856d9;\n}\n.swiper-button svg {\n fill: #fff;\n}\n.swiper-button-prev {\n left: 10%;\n}\n.swiper-button-next {\n right: 10%;\n}\n.swiper-button-next svg {\n transform: scale(-1, 1);\n}\n\n.modal {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n}\n.modal.opened {\n transition: all 0.25s;\n visibility: visible;\n opacity: 1;\n}\n.modal-wrapper {\n border-radius: 12px;\n background: linear-gradient(180deg, #30373f 0%, #000000 99.82%);\n padding: 32px;\n position: relative;\n}\n.modal-wrapper::before {\n width: 90%;\n height: 90%;\n content: \"\";\n display: block;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: -1;\n background: url(${___CSS_LOADER_URL_REPLACEMENT_3___}) no-repeat center/cover;\n}\n.modal-close {\n position: absolute;\n top: 12px;\n right: 12px;\n font-weight: 500;\n line-height: 16px;\n color: #d9d9d9;\n cursor: pointer;\n}\n.modal-title {\n font-weight: 700;\n font-size: 18px;\n line-height: 21px;\n text-align: center;\n color: #8856d9;\n}\n.modal-version {\n font-weight: 500;\n font-size: 15px;\n line-height: 25px;\n text-align: center;\n color: #fff;\n text-transform: uppercase;\n margin-top: 5px;\n}\n.modal-description {\n font-weight: 400;\n font-size: 10px;\n line-height: 12px;\n color: #d9d9d9;\n}\n.modal-total {\n font-weight: 500;\n width: 100%;\n justify-content: space-between;\n font-size: 14px;\n line-height: 17px;\n color: #fff;\n}\n.modal-total__price {\n font-size: 20px;\n}\n.modal-submit {\n background: #8856d9;\n border-radius: 6px;\n padding: 12px 36px;\n font-weight: 500;\n line-height: 19px;\n color: #fff;\n display: flex;\n width: max-content;\n cursor: pointer;\n text-transform: uppercase;\n transition: background 0.25s;\n width: 100%;\n justify-content: center;\n}\n.modal-submit:hover {\n background: #9468da;\n}\n.modal-submit:active {\n background: #6039a0;\n}\n\n.form {\n margin-top: 17px;\n display: flex;\n flex-wrap: wrap;\n row-gap: 16px;\n justify-content: space-between;\n width: 470px;\n}\n.form-group {\n width: calc(50% - 13px);\n}\n.form-group.full {\n width: 100%;\n}\n.form-group label {\n display: block;\n font-weight: 400;\n font-size: 10px;\n line-height: 12px;\n text-transform: uppercase;\n color: #fff;\n margin-bottom: 7px;\n}\n.form-group input {\n background: #30373f;\n border-radius: 6px;\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n text-transform: uppercase;\n padding: 16px 14px;\n color: #d9d9d9;\n width: 100%;\n}\n.form-checkbox {\n position: relative;\n column-gap: 12px;\n}\n.form-checkbox .check {\n background: #30373f;\n width: 25px;\n height: 25px;\n text-align: center;\n border-radius: 6px;\n}\n.form-checkbox label {\n font-weight: 400;\n font-size: 10px;\n line-height: 12px;\n text-transform: uppercase;\n color: #fff;\n}\n.form-checkbox label .red {\n color: #ff4136;\n}\n.form-checkbox input {\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.form-checkbox input:checked + .check::before {\n content: \"✓\";\n}\n\n.overlay {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: -1;\n opacity: 0;\n visibility: hidden;\n background: rgba(0, 0, 0, 0.75);\n width: 100%;\n height: 100%;\n}\n.overlay.opened {\n visibility: visible;\n opacity: 1;\n z-index: 998;\n}\n\n@keyframes move {\n 0% {\n opacity: 0;\n transform: translateX(-400px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0px);\n }\n}\n@keyframes gravitation {\n 0% {\n transform: translateY(-15px);\n }\n 100% {\n transform: translateY(0px);\n }\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://ragnarok/./src/assets/styles/styles.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/getUrl.js */ \"./node_modules/css-loader/dist/runtime/getUrl.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__);\n// Imports\n\n\n\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require__(/*! ../images/snow.gif */ \"./src/assets/images/snow.gif\"), __webpack_require__.b);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(/* asset import */ __webpack_require__(/*! ../images/bg.png */ \"./src/assets/images/bg.png\"), __webpack_require__.b);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(/* asset import */ __webpack_require__(/*! ../images/footer.png */ \"./src/assets/images/footer.png\"), __webpack_require__.b);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(/* asset import */ __webpack_require__(/*! ../images/modal.png */ \"./src/assets/images/modal.png\"), __webpack_require__.b);\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_3___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@charset \"UTF-8\";\n.section.hidden .editions-item {\n transition: transform 0s;\n transform: translateX(-2000px);\n}\n.section.hidden h2 {\n transition: opacity 0s;\n opacity: 0;\n}\n.section.hidden .dual,\n.section.hidden .explore-info {\n transition: column-gap 0s;\n column-gap: 250%;\n}\n.section.hidden .video {\n transition: transform 0s;\n transform: scale(0);\n}\n.section.hidden .news,\n.section.hidden .faq-item {\n transition: transform 0s;\n transform: translateX(-200%);\n}\n.section-main {\n padding-top: 40px;\n position: relative;\n max-width: 1920px;\n margin: 0 auto;\n min-height: 700px;\n}\n@media screen and (max-width: 768px) {\n .section-main {\n min-height: 800px;\n }\n}\n.section-main:after, .section-main:before {\n height: 764px;\n width: 1363px;\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n z-index: -1;\n}\n@media screen and (max-width: 768px) {\n .section-main:after, .section-main:before {\n height: 360px;\n width: 390px;\n }\n}\n.section-main:after {\n background: url(${___CSS_LOADER_URL_REPLACEMENT_0___}) no-repeat center/cover;\n opacity: 0.1;\n}\n.section-main:before {\n background: url(${___CSS_LOADER_URL_REPLACEMENT_1___}) no-repeat center/cover;\n}\n.section-dual {\n margin-top: 54px;\n}\n.section-about {\n margin-top: 90px;\n}\n@media screen and (max-width: 768px) {\n .section-about {\n margin-top: 20px;\n }\n}\n.section-explore {\n margin-top: 80px;\n}\n.section-news, .section-faq {\n margin-top: 100px;\n}\n@media screen and (max-width: 768px) {\n .section-news, .section-faq {\n margin-top: 80px;\n }\n}\n\n.header {\n align-items: center;\n}\n@media screen and (max-width: 768px) {\n .header {\n flex-wrap: wrap;\n }\n}\n.header-menu {\n align-items: center;\n}\n@media screen and (max-width: 768px) {\n .header-menu {\n align-items: flex-start;\n }\n}\n.header-menu__button {\n width: 25px;\n height: 16px;\n cursor: pointer;\n position: relative;\n z-index: 1;\n transition: width 0.25s;\n}\n.header-menu__button span {\n width: 25px;\n height: 2px;\n background: #fff;\n position: relative;\n display: block;\n}\n.header-menu__button span::after, .header-menu__button span::before {\n display: block;\n content: \"\";\n width: 12px;\n height: 2px;\n background: #fff;\n position: absolute;\n transition: width 0.25s;\n}\n.header-menu__button span::after {\n top: 5px;\n}\n.header-menu__button span::before {\n width: 25px;\n top: 10px;\n}\n.header-menu__list {\n margin-left: 50px;\n z-index: -1;\n}\n@media screen and (max-width: 768px) {\n .header-menu__list {\n margin-left: 30px;\n margin-bottom: 80px;\n }\n}\n.header-menu__list ul {\n column-gap: 24px;\n font-weight: 400;\n font-size: 14px;\n line-height: 27px;\n text-transform: uppercase;\n transform: translateX(-200px);\n opacity: 0;\n}\n@media screen and (max-width: 768px) {\n .header-menu__list ul {\n flex-direction: column;\n }\n}\n.header-menu__link {\n position: relative;\n color: rgba(255, 255, 255, 0.5);\n transition: color 0.25s;\n}\n.header-menu__link:hover {\n color: #8856d9;\n}\n.header-menu__link.lang {\n color: #fff;\n font-weight: 700;\n cursor: pointer;\n}\n.header-menu__link.lang:hover .header-menu__languages {\n display: block;\n}\n.header-menu__link.lang svg {\n width: 12px;\n height: 12px;\n fill: #fff;\n transform: rotate(180deg);\n margin-left: 9px;\n}\n.header-menu__languages {\n padding: 10px 15px;\n border-radius: 6px;\n background: #30373f;\n position: absolute;\n top: 100%;\n display: none;\n}\n.header-menu__language {\n font-weight: 500;\n cursor: pointer;\n font-size: 13px;\n color: rgba(255, 255, 255, 0.5);\n transition: color 0.25s;\n}\n.header-menu__language:hover {\n color: #8856d9;\n}\n.header.opened .header-menu__button span {\n width: 12px;\n}\n.header.opened .header-menu__button span::after {\n width: 25px;\n}\n.header.opened .header-menu__button span::before {\n width: 12px;\n}\n.header.opened .header-menu__list {\n z-index: 1;\n}\n.header.opened .header-menu__list ul {\n opacity: 1;\n transform: translateX(0);\n transition: opacity 0.2s, transform 0.25s;\n}\n.header-timer {\n margin-left: auto;\n column-gap: 19px;\n}\n@media screen and (max-width: 768px) {\n .header-timer {\n margin: 0 auto;\n }\n}\n.header-timer span {\n font-weight: 400;\n line-height: 19px;\n color: #8c96a0;\n}\n.header-timer__values {\n column-gap: 10px;\n}\n.header-timer__item {\n color: #a9c7c7;\n}\n.header-timer__item-value {\n font-weight: 700;\n font-size: 40px;\n line-height: 47px;\n min-width: 55px;\n text-align: center;\n}\n@media screen and (max-width: 768px) {\n .header-timer__item-value {\n font-size: 30px;\n line-height: 37px;\n min-width: 45px;\n }\n}\n.header-timer__item-info {\n font-weight: 400;\n text-align: center;\n}\n\n.description {\n margin-top: 7%;\n max-width: 540px;\n animation: move 1s ease-in-out;\n}\n.description-title h1 {\n font-weight: 600;\n font-size: 100px;\n line-height: 100px;\n}\n@media screen and (max-width: 768px) {\n .description-title h1 {\n font-size: 60px;\n line-height: 60px;\n }\n}\n.description-subtitle {\n font-weight: 400;\n font-size: 18px;\n line-height: 27px;\n color: #a9c7c7;\n margin-top: 26px;\n}\n.description-button {\n background: #8856d9;\n border-radius: 6px;\n padding: 12px 36px;\n font-weight: 500;\n line-height: 19px;\n color: #fff;\n display: flex;\n width: max-content;\n cursor: pointer;\n text-transform: uppercase;\n transition: background 0.25s;\n margin-top: 36px;\n}\n.description-button:hover {\n background: #9468da;\n}\n.description-button:active {\n background: #6039a0;\n}\n@media screen and (max-width: 768px) {\n .description-button {\n margin: 36px auto 0 auto;\n }\n}\n\n.editions-list {\n margin-top: 32px;\n display: grid;\n grid-template-columns: repeat(3, 350px);\n column-gap: 16px;\n justify-content: center;\n}\n@media screen and (max-width: 768px) {\n .editions-list {\n grid-template-columns: repeat(1, 350px);\n column-gap: 0px;\n row-gap: 16px;\n }\n}\n.editions-item {\n border-radius: 6px;\n background: linear-gradient(180deg, #141615 0%, #1c2023 100%);\n padding: 17px;\n transition: transform 0.25s ease-in-out;\n transform: translateX(0);\n}\n.editions-item:nth-child(2) {\n transition-delay: 0.25s;\n}\n.editions-item:last-child {\n transition-delay: 0.5s;\n}\n.editions-item__img {\n border-radius: 6px;\n overflow: hidden;\n width: 100%;\n height: 172px;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n}\n.editions-item__title {\n margin-top: 20px;\n font-weight: 700;\n line-height: 19px;\n text-align: center;\n}\n.editions-item__subtitle {\n color: #a9c7c7;\n font-weight: 500;\n line-height: 19px;\n text-align: center;\n margin: 10px 0 32px 0;\n}\n.editions-item__description {\n color: #8c96a0;\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n display: flex;\n flex-direction: column;\n row-gap: 12px;\n}\n.editions-item__price {\n color: #fff;\n font-weight: 700;\n font-size: 19px;\n line-height: 23px;\n margin: 6px 0 14px 0;\n text-align: right;\n}\n.editions-item__btn {\n background: #8856d9;\n border-radius: 6px;\n padding: 12px 36px;\n font-weight: 500;\n line-height: 19px;\n color: #fff;\n display: flex;\n width: max-content;\n cursor: pointer;\n text-transform: uppercase;\n transition: background 0.25s;\n padding: 8px 18px;\n font-size: 13px;\n line-height: 15px;\n margin-left: auto;\n}\n.editions-item__btn:hover {\n background: #9468da;\n}\n.editions-item__btn:active {\n background: #6039a0;\n}\n\n.dual {\n column-gap: 5%;\n margin-top: 20px;\n transition: column-gap 0.5s;\n}\n@media screen and (max-width: 768px) {\n .dual {\n flex-direction: column;\n row-gap: 60px;\n }\n}\n.dual-description {\n min-width: 410px;\n}\n@media screen and (max-width: 768px) {\n .dual-description {\n min-width: 300px;\n }\n}\n.dual-description p {\n color: #a9c7c7;\n font-weight: 400;\n font-size: 18px;\n line-height: 27px;\n margin-bottom: 22px;\n}\n.dual-description p span {\n font-weight: 700;\n}\n.dual-description__info {\n margin-top: 19px;\n justify-content: space-between;\n align-items: center;\n}\n@media screen and (max-width: 768px) {\n .dual-description__info {\n flex-direction: column;\n row-gap: 20px;\n }\n}\n.dual-description__price {\n font-weight: 700;\n font-size: 30px;\n line-height: 36px;\n}\n@media screen and (max-width: 768px) {\n .dual-description__price {\n font-size: 19px;\n line-height: 23px;\n }\n}\n.dual-description__button {\n background: #ff4136;\n border-radius: 6px;\n padding: 12px 36px;\n font-weight: 500;\n line-height: 19px;\n color: #fff;\n display: flex;\n width: max-content;\n cursor: pointer;\n text-transform: uppercase;\n transition: background 0.25s;\n padding: 14px 19px;\n font-weight: 500;\n}\n.dual-description__button:hover {\n background: #f8625a;\n}\n.dual-description__button:active {\n background: #a4221c;\n}\n@media screen and (max-width: 768px) {\n .dual-description__button {\n padding: 8px 12px;\n }\n}\n.dual-img {\n max-width: 50%;\n position: relative;\n}\n.dual-img img {\n max-width: fit-content;\n animation: gravitation 1.5s linear infinite alternate;\n}\n@media screen and (max-width: 768px) {\n .dual-img img {\n width: 90%;\n }\n}\n.dual-img::before {\n content: \"\";\n display: block;\n width: 194px;\n height: 119px;\n background: rgba(79, 96, 152, 0.8);\n filter: blur(75px);\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n.video {\n position: relative;\n margin-top: 32px;\n transition: transform 0.5s;\n transform: scale(1);\n}\n.video video {\n width: 100%;\n height: auto;\n}\n.video-info {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 2;\n text-align: center;\n}\n.video-info.hidden {\n opacity: 0;\n}\n.video-info.hidden:hover {\n opacity: 1;\n}\n.video-title {\n font-weight: 500;\n font-size: 50px;\n color: #fff;\n line-height: 39px;\n}\n@media screen and (max-width: 768px) {\n .video-title {\n font-size: 20px;\n }\n}\n.video-btn {\n background: #30373f;\n border-radius: 6px;\n padding: 9px 26px;\n font-weight: 500;\n line-height: 16px;\n color: #fff;\n display: inline-block;\n cursor: pointer;\n margin: 28px auto 0 auto;\n transition: background 0.25s;\n text-transform: uppercase;\n}\n.video-btn:hover {\n background: #525c67;\n}\n\n.explore-items {\n display: flex;\n flex-direction: column;\n row-gap: 100px;\n margin-top: 32px;\n}\n.explore-items h3 {\n text-align: center;\n font-weight: 500;\n font-size: 18px;\n line-height: 21px;\n}\n.explore-item__price {\n margin-top: 20px;\n font-weight: 700;\n font-size: 20px;\n line-height: 24px;\n color: #fff;\n text-align: center;\n}\n.explore-switch {\n margin-top: 20px;\n column-gap: 15px;\n}\n.explore-switch__checkbox {\n width: 54px;\n height: 25px;\n background: #30373f;\n border-radius: 12px;\n position: relative;\n}\n.explore-switch__checkbox input {\n width: 100%;\n height: 100%;\n position: absolute;\n opacity: 0;\n cursor: pointer;\n z-index: 2;\n}\n.explore-switch__checkbox input:checked + span {\n transform: translateX(28px);\n}\n.explore-switch__checkbox span {\n border-radius: 50%;\n background: #8856d9;\n width: 18px;\n height: 18px;\n position: absolute;\n top: 4px;\n left: 4px;\n transform: translate(0);\n transition: transform 0.25s;\n}\n.explore-switch__title {\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n color: #30373f;\n}\n.explore-switch__title.active {\n color: #fff;\n}\n.explore-info {\n margin-top: 96px;\n column-gap: 5%;\n transition: column-gap 0.5s;\n}\n@media screen and (max-width: 768px) {\n .explore-info {\n flex-direction: column;\n align-items: flex-start;\n row-gap: 40px;\n }\n}\n.explore-info.reverse {\n flex-direction: row-reverse;\n}\n@media screen and (max-width: 768px) {\n .explore-info.reverse {\n flex-direction: column;\n }\n}\n.explore-info.reverse .explore-img {\n justify-content: start;\n}\n@media screen and (max-width: 768px) {\n .explore-info.reverse .explore-img {\n margin-top: 40px;\n }\n}\n.explore-info.reverse .explore-description {\n text-align: right;\n}\n@media screen and (max-width: 768px) {\n .explore-info.reverse .explore-description {\n text-align: left;\n }\n}\n.explore-info.reverse .explore-button {\n margin-left: auto;\n}\n.explore-img {\n width: 50%;\n text-align: center;\n display: flex;\n align-items: center;\n justify-content: end;\n}\n@media screen and (max-width: 768px) {\n .explore-img {\n width: 100%;\n justify-content: start;\n }\n}\n.explore-img__wrap {\n width: 300px;\n height: 300px;\n border-radius: 12px;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n position: relative;\n}\n.explore-img__wrap::before {\n content: \"\";\n display: block;\n width: 61px;\n height: 140px;\n background: #ff4136;\n filter: blur(75px);\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n bottom: 0;\n opacity: 0.8;\n}\n.explore-img__wrap img {\n max-width: unset;\n position: absolute;\n bottom: 0;\n left: 0;\n}\n@media screen and (max-width: 768px) {\n .explore-img__wrap img {\n left: -30px;\n }\n}\n.explore-description {\n min-width: max-content;\n width: 50%;\n}\n@media screen and (max-width: 768px) {\n .explore-description {\n min-width: fit-content;\n }\n}\n.explore-description ul {\n flex-direction: column;\n font-weight: 400;\n font-size: 15px;\n line-height: 36px;\n display: none;\n}\n.explore-description ul.active {\n display: flex;\n}\n.explore-button {\n background: #ff4136;\n border-radius: 6px;\n padding: 12px 36px;\n font-weight: 500;\n line-height: 19px;\n color: #fff;\n display: flex;\n width: max-content;\n cursor: pointer;\n text-transform: uppercase;\n transition: background 0.25s;\n margin-top: 28px;\n}\n.explore-button:hover {\n background: #f8625a;\n}\n.explore-button:active {\n background: #a4221c;\n}\n@media screen and (max-width: 768px) {\n .explore-button {\n margin: 28px auto 0 auto;\n padding: 8px 12px;\n }\n}\n\n.news {\n margin-top: 32px;\n transition: transform 0.5s;\n transform: translate(0);\n}\n.news-item {\n border-radius: 6px;\n background: linear-gradient(178deg, #30373f 41.63%, #141615 185.57%);\n padding: 20px;\n}\n.news-item__info {\n justify-content: space-between;\n align-items: center;\n}\n.news-item__subtitle {\n font-weight: 600;\n font-size: 10px;\n line-height: 12px;\n text-transform: uppercase;\n color: #8856d9;\n}\n.news-item__date {\n font-weight: 400;\n font-size: 10px;\n line-height: 17px;\n color: #8c96a0;\n}\n.news-item__title {\n font-weight: 600;\n font-size: 19px;\n line-height: 23px;\n text-transform: uppercase;\n color: #fff;\n margin: 7px 0 16px 0;\n}\n@media screen and (max-width: 768px) {\n .news-item__title {\n font-size: 16px;\n line-height: 20px;\n }\n}\n.news-item__description {\n column-gap: 24px;\n height: 248px;\n align-items: flex-start;\n}\n@media screen and (max-width: 768px) {\n .news-item__description {\n height: 380px;\n }\n}\n.news-item__img {\n min-width: 278px;\n height: 100%;\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center;\n}\n@media screen and (max-width: 768px) {\n .news-item__img {\n min-width: 180px;\n }\n}\n.news-item__text {\n flex-direction: column;\n height: 100%;\n}\n.news-item__text p {\n color: #d9d9d9;\n font-weight: 400;\n font-size: 12px;\n line-height: 17px;\n}\n.news-item__button {\n background: #8c96a0;\n border-radius: 6px;\n font-weight: 500;\n font-size: 13px;\n line-height: 15px;\n text-transform: uppercase;\n color: #fff;\n margin-top: 10px;\n padding: 8px 30px;\n display: flex;\n width: max-content;\n margin-left: auto;\n margin-top: auto;\n transition: background 0.25s;\n}\n.news-item__button:hover {\n background: #30373f;\n}\n\n.faq-items {\n flex-direction: column;\n row-gap: 32px;\n margin-top: 32px;\n}\n.faq-item {\n transition: transform 0.4s;\n transform: translate(0);\n}\n.faq-item:nth-child(2) {\n transition-delay: 0.25s;\n}\n.faq-item:last-child {\n transition-delay: 0.5s;\n}\n.faq-item__header {\n width: 100%;\n justify-content: space-between;\n font-weight: 600;\n font-size: 17px;\n line-height: 20px;\n color: #fff;\n cursor: pointer;\n border-bottom: 2px solid #8856d9;\n padding-bottom: 8px;\n}\n.faq-item__header span {\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #8c96a0;\n border-radius: 6px;\n width: 30px;\n height: 30px;\n}\n.faq-item__header span::before {\n font-size: 25px;\n content: \"+\";\n transition: transform 0.25s;\n}\n.faq-item__content {\n height: 0;\n opacity: 0;\n transition: height 0.25s, opacity 0.25s;\n}\n.faq-item__content p {\n padding-top: 13px;\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n}\n.faq-item__content p span {\n color: #ff4136;\n}\n.faq-item.opened span::before {\n transform: rotate(45deg);\n}\n.faq-item.opened .faq-item__content {\n opacity: 1;\n}\n\n.footer {\n position: relative;\n padding-top: 156px;\n padding-bottom: 20px;\n}\n@media screen and (max-width: 768px) {\n .footer {\n padding-top: 120px;\n }\n}\n.footer::before {\n content: \"\";\n display: block;\n width: 786px;\n height: 439px;\n position: absolute;\n top: 0;\n right: 20%;\n z-index: -1;\n background: url(${___CSS_LOADER_URL_REPLACEMENT_2___}) no-repeat center/cover;\n}\n@media screen and (max-width: 768px) {\n .footer::before {\n width: 300px;\n height: 390px;\n right: 0;\n }\n}\n.footer-top {\n justify-content: space-between;\n}\n.footer-menu {\n column-gap: 22px;\n font-weight: 400;\n font-size: 14px;\n line-height: 27px;\n text-transform: uppercase;\n transition: color 0.25s ease;\n}\n@media screen and (max-width: 768px) {\n .footer-menu {\n flex-direction: column;\n align-items: flex-start;\n }\n}\n.footer-menu a {\n color: rgba(255, 255, 255, 0.5);\n}\n.footer-menu a:hover {\n color: #8856d9;\n}\n.footer-lang {\n font-weight: 700;\n font-size: 14px;\n line-height: 27px;\n cursor: pointer;\n}\n.footer-lang span {\n text-transform: uppercase;\n color: #8c96a0;\n margin-right: 5px;\n}\n.footer-lang__current {\n color: #fff;\n text-transform: uppercase;\n}\n.footer-lang__list {\n position: relative;\n}\n.footer-lang__list:hover .footer-lang__content {\n visibility: visible;\n}\n.footer-lang__content {\n background: #30373f;\n border-radius: 6px;\n padding: 10px;\n position: absolute;\n visibility: hidden;\n}\n@media screen and (max-width: 768px) {\n .footer-lang__content {\n right: 0;\n }\n}\n.footer-lang__content-item {\n text-transform: uppercase;\n font-weight: 500;\n cursor: pointer;\n transition: color 0.25s ease;\n}\n.footer-lang__content-item:hover {\n color: #8856d9;\n}\n.footer-info {\n font-weight: 400;\n font-size: 14px;\n line-height: 18px;\n text-align: center;\n color: #8c96a0;\n margin: 50px auto 38px auto;\n max-width: 700px;\n}\n.footer-icon {\n text-align: center;\n}\n.footer-year {\n margin: 20px auto 13px auto;\n}\n.footer-year, .footer-rights {\n font-weight: 400;\n line-height: 19px;\n color: #8c96a0;\n text-align: center;\n}\n.footer-year a, .footer-rights a {\n color: #8856d9;\n}\n\n.swiper-button {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 32px;\n height: 32px;\n background: #8c96a0;\n border-radius: 6px;\n z-index: 9;\n cursor: pointer;\n transition: background 0.25s;\n}\n.swiper-button:hover {\n background: #8856d9;\n}\n.swiper-button svg {\n fill: #fff;\n}\n.swiper-button-prev {\n left: 10%;\n}\n.swiper-button-next {\n right: 10%;\n}\n.swiper-button-next svg {\n transform: scale(-1, 1);\n}\n\n.modal {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 999;\n opacity: 0;\n visibility: hidden;\n}\n.modal.opened {\n transition: all 0.25s;\n visibility: visible;\n opacity: 1;\n}\n.modal-wrapper {\n border-radius: 12px;\n background: linear-gradient(180deg, #30373f 0%, #000000 99.82%);\n padding: 32px;\n position: relative;\n}\n.modal-wrapper::before {\n width: 90%;\n height: 90%;\n content: \"\";\n display: block;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: -1;\n background: url(${___CSS_LOADER_URL_REPLACEMENT_3___}) no-repeat center/cover;\n}\n.modal-close {\n position: absolute;\n top: 12px;\n right: 12px;\n font-weight: 500;\n line-height: 16px;\n color: #d9d9d9;\n cursor: pointer;\n}\n.modal-title {\n font-weight: 700;\n font-size: 18px;\n line-height: 21px;\n text-align: center;\n color: #8856d9;\n}\n.modal-version {\n font-weight: 500;\n font-size: 15px;\n line-height: 25px;\n text-align: center;\n color: #fff;\n text-transform: uppercase;\n margin-top: 5px;\n}\n.modal-description {\n font-weight: 400;\n font-size: 10px;\n line-height: 12px;\n color: #d9d9d9;\n}\n.modal-total {\n font-weight: 500;\n width: 100%;\n justify-content: space-between;\n font-size: 14px;\n line-height: 17px;\n color: #fff;\n}\n.modal-total__price {\n font-size: 20px;\n}\n.modal-submit {\n background: #8856d9;\n border-radius: 6px;\n padding: 12px 36px;\n font-weight: 500;\n line-height: 19px;\n color: #fff;\n display: flex;\n width: max-content;\n cursor: pointer;\n text-transform: uppercase;\n transition: background 0.25s;\n width: 100%;\n justify-content: center;\n}\n.modal-submit:hover {\n background: #9468da;\n}\n.modal-submit:active {\n background: #6039a0;\n}\n\n.form {\n margin-top: 17px;\n display: flex;\n flex-wrap: wrap;\n row-gap: 16px;\n justify-content: space-between;\n width: 470px;\n}\n.form-group {\n width: calc(50% - 13px);\n}\n.form-group.full {\n width: 100%;\n}\n.form-group label {\n display: block;\n font-weight: 400;\n font-size: 10px;\n line-height: 12px;\n text-transform: uppercase;\n color: #fff;\n margin-bottom: 7px;\n}\n.form-group input {\n background: #30373f;\n border-radius: 6px;\n font-weight: 400;\n font-size: 12px;\n line-height: 14px;\n text-transform: uppercase;\n padding: 16px 14px;\n color: #d9d9d9;\n width: 100%;\n}\n.form-checkbox {\n position: relative;\n column-gap: 12px;\n}\n.form-checkbox .check {\n background: #30373f;\n width: 25px;\n height: 25px;\n text-align: center;\n border-radius: 6px;\n}\n.form-checkbox label {\n font-weight: 400;\n font-size: 10px;\n line-height: 12px;\n text-transform: uppercase;\n color: #fff;\n}\n.form-checkbox label .red {\n color: #ff4136;\n}\n.form-checkbox input {\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n.form-checkbox input:checked + .check::before {\n content: \"✓\";\n}\n\n.overlay {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: -1;\n opacity: 0;\n visibility: hidden;\n background: rgba(0, 0, 0, 0.75);\n width: 100%;\n height: 100%;\n}\n.overlay.opened {\n visibility: visible;\n opacity: 1;\n z-index: 998;\n}\n\n@keyframes move {\n 0% {\n opacity: 0;\n transform: translateX(-400px);\n }\n 100% {\n opacity: 1;\n transform: translateX(0px);\n }\n}\n@keyframes gravitation {\n 0% {\n transform: translateY(-15px);\n }\n 100% {\n transform: translateY(0px);\n }\n}`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://ragnarok/./src/assets/styles/styles.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js"); /***/ }),