{"version":3,"file":"js/app.e54d2ee3.js","mappings":"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","sources":["webpack://secondlife_site/./src/components/DocumentPage.vue","webpack://secondlife_site/src/components/DocumentPage.vue","webpack://secondlife_site/./src/components/DocumentPage.vue?4570","webpack://secondlife_site/./src/components/DocumentPage.vue?c221","webpack://secondlife_site/./src/App.vue","webpack://secondlife_site/./src/components/FirstPage.vue","webpack://secondlife_site/src/components/FirstPage.vue","webpack://secondlife_site/./src/components/FirstPage.vue?a46b","webpack://secondlife_site/./src/components/FirstPage.vue?075a","webpack://secondlife_site/./src/components/ScrollItem.vue","webpack://secondlife_site/src/components/ScrollItem.vue","webpack://secondlife_site/./src/components/ScrollItem.vue?64ef","webpack://secondlife_site/./src/components/ScrollItem.vue?a57a","webpack://secondlife_site/./src/components/SecondPage.vue","webpack://secondlife_site/src/components/SecondPage.vue","webpack://secondlife_site/./src/components/SecondPage.vue?1024","webpack://secondlife_site/./src/components/SecondPage.vue?e9bf","webpack://secondlife_site/./src/components/ThreePage.vue","webpack://secondlife_site/src/components/ThreePage.vue","webpack://secondlife_site/./src/components/ThreePage.vue?293c","webpack://secondlife_site/./src/components/ThreePage.vue?7d67","webpack://secondlife_site/./src/components/FourPage.vue","webpack://secondlife_site/src/components/FourPage.vue","webpack://secondlife_site/./src/components/FourPage.vue?c1b1","webpack://secondlife_site/./src/components/FourPage.vue?5e7e","webpack://secondlife_site/./src/components/FivePage.vue","webpack://secondlife_site/src/components/FivePage.vue","webpack://secondlife_site/./src/components/FivePage.vue?f83b","webpack://secondlife_site/./src/components/FivePage.vue?ea8c","webpack://secondlife_site/./src/components/DonatePage.vue","webpack://secondlife_site/src/components/DonatePage.vue","webpack://secondlife_site/./src/components/DonatePage.vue?649b","webpack://secondlife_site/./src/components/DonatePage.vue?f62d","webpack://secondlife_site/src/App.vue","webpack://secondlife_site/./src/App.vue?51dd","webpack://secondlife_site/./src/App.vue?0e40","webpack://secondlife_site/./src/router.js","webpack://secondlife_site/./src/main.js","webpack://secondlife_site/webpack/bootstrap","webpack://secondlife_site/webpack/runtime/chunk loaded","webpack://secondlife_site/webpack/runtime/compat get default export","webpack://secondlife_site/webpack/runtime/define property getters","webpack://secondlife_site/webpack/runtime/global","webpack://secondlife_site/webpack/runtime/hasOwnProperty shorthand","webpack://secondlife_site/webpack/runtime/make namespace object","webpack://secondlife_site/webpack/runtime/publicPath","webpack://secondlife_site/webpack/runtime/jsonp chunk loading","webpack://secondlife_site/webpack/startup"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"first__screens\"},[_c('header',[_c('div',{staticClass:\"container__hed\"},[_c('div',{staticClass:\"logo\",on:{\"click\":function($event){_vm.$emit('update:current-page', 0); _vm.$emit('update:active-document', null); _vm.$router.push('/');}}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/logoMini.png\"),\"alt\":\"Logo\",\"draggable\":\"false\"}})]),(_vm.burgerMenu == 0)?_c('div',{staticClass:\"links\"},[_c('ul',{staticClass:\"page\"},[_c('li',{style:(_vm.activeHeader === 0 ? 'color: #FFB800;' : 'color: #FFFFFF;'),on:{\"click\":function($event){return _vm.ClickPage(4)}}},[_vm._v(\"FAQ\")]),_vm._m(0),_c('li',{style:(_vm.activeHeader === 2 ? 'color: #FFB800;' : 'color: #FFFFFF;'),on:{\"click\":function($event){_vm.$emit('update:active-document', null); _vm.$emit('update:active-header', 1); _vm.$router.push('/')}}},[_vm._v(\"Донат\")])]),_vm._m(1)]):_vm._e(),(_vm.burgerMenu == 1)?_c('img',{staticClass:\"burger\",attrs:{\"src\":require(\"../assets/img/menu.svg\"),\"alt\":\"\"},on:{\"click\":() => {_vm.openBurgerMenu = true; _vm.burgerMenu = 2}}}):_vm._e(),(_vm.burgerMenu == 2)?_c('img',{staticClass:\"burger\",attrs:{\"src\":require(\"../assets/img/close.svg\"),\"alt\":\"\"},on:{\"click\":() => {_vm.openBurgerMenu = false; _vm.burgerMenu = 1}}}):_vm._e()])]),_c('main',[(_vm.activeDocument == 0)?_c('div',{staticClass:\"name__document\"},[_vm._v(\"Політика конфіденційності\")]):_vm._e(),(_vm.activeDocument == 1)?_c('div',{staticClass:\"name__document\"},[_vm._v(\"Користувацька угода\")]):_vm._e(),(_vm.activeDocument == 2)?_c('div',{staticClass:\"name__document\"},[_vm._v(\"Правила користування сайтом\")]):_vm._e(),(_vm.activeDocument == 0)?_c('div',{staticClass:\"description__document\"},[_vm._v(\"      У цій Політиці конфіденційності пояснюється, як ФОП Мошенський Костянтин Олегович (Правовласник) збирає, використовує і передає особисті дані Користувача у зв’язку з використанням Сайту та отриманням Послуг. Правовласник зобов’язується шанобливо ставитися до конфіденційних даних Користувача і дотримуємося Закону України «Про персональні дані» (далі – Закон) та положень Загального регламенту захисту даних (ЄС) 2016/679 («GDPR»). Незнання умов та термінів встановлених цією Політикою, Угодою Користувача та Правил користування не є підставою для пред'явлення з боку Користувача будь-яких претензій до Правовласника. \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\"      ІНФОРМАЦІЯ, ЯКУ ЗБИРАЄ ПРАВОВЛАСНИК \"),_c('br'),_vm._v(\"      Ця Політика конфіденційності описує методи збору особистої інформації через цей Сайт та Гру для можливості надання Послуг. Доступ Користувача до Послуг та всі комунікації між Користуачем та Правовласником регулюються цією Політикою конфіденційності та чинним законодавством. Користувач можете переглядати цей сайт, не розкриваючи свою особисту інформацію. Однак наші Послуги вимагають надання особистої інформації. Надаючи особисту інформацію, Користувач прямо погоджується на збір, використання, розкриття та збереження вашої особистої інформації, як описано в цій Політиці, яка стосується обробки Правовласником особистих даних Користувача або особистої інформації, яка може бути зібрана, коли ви перебуваєте на Сайті та користуєтеся послугами Сайту. \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\"      Тип особистої інформації, яку Правовласник збирає, залежить від того, як Користувач конкретно взаємодіє з Правовласником та якими службами користується. Правовласник може обробляти інформацію, що міститься в будь-якому запиті, який Користувач надсилає Правовласникові щодо Послуг, включаючи дані про поведінку Користувача та взаємодію з Сайтом. \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\"       Дані запиту Користувача можуть оброблятися з метою відповіді на запит Користувача, надання Користувачу спеціальної інформації про Послуги, які Правовласник надаємо, розміщення цільової реклами, проведення маркетингових досліджень, перевірки ефективності реклами та дослідження схожих аудиторій. Юридичною основою для такої обробки є згода, надана там, де здійснюється запит, або особиста згода Користувача. \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\"      Правовласник може обробляти інформацію, що міститься або пов’язана з будь-яким повідомленням, яке Користувач надсилає Правовласникові, включно з цілями найму. Таке листування можуть включати особисті дані Користувача, юридичну інформацію, проекти тощо. Дані листування можуть оброблятися для цілей договору між Користувачем та Правовласником та/або вжиття заходів, за запитом Користувача, для укладення такого договору. Листування також може регулюватися NDA (угодою про нерозголошення), якщо це застосовно. Правовою основою для такої обробки є законні інтереси Правовласника: належне адміністрування нашого Сайту та бізнес-процесів, маркетингові та інші комунікації з Користувачами та клієнтами. \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\"       Як правило, Правовласник збирає такі категорії особистої інформації: \"),_c('br'),_vm._v(\" − Контактна інформація, така як ім’я, прізвище, номер телефону, ідентифікатор користувача соціальної мережі, адреса електронної пошти та подібні контактні дані; \"),_c('br'),_vm._v(\" - Контент користувача, такий як вміст повідомлень, пропозиції, запитання, коментарі, відгуки та інша інформація, яку Користувач надсилає Правовласникові, коли звертається до Правовласника та (або) отримує Послуги; \"),_c('br'),_vm._v(\" - Інформація про пристрій і браузер, як-от інформація про мережу та з’єднання (включаючи адреси Інтернет-провайдера (ISP) та Інтернет-протоколу (IP-адреси), ідентифікатори пристрою та браузера та інформація (включаючи пристрій, програму або тип браузера, версію, тип плагіна) і версія, операційної системи, налаштування часового поясу та інша технічна інформація, рекламні ідентифікатори, ідентифікатори файлів cookie та інформація та подібні дані; \"),_c('br'),_vm._v(\" Правовласник не здійснює навмисну обробку біометричних персональних даних (відомості, що характеризують фізіологічні та біологічні особливості людини, на підставі яких можна встановити її особистість) та спеціальних категорій персональних даних (що стосуються расової, національної приналежності, політичних поглядів, релігійних чи філософських переконань, стану здоров'я, інтимного життя). \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\"      Політика Користувача полягає у зберіганні та обробці персональних даних, необхідних для надання Користувачу найкращий Послуг. Правовласник не зберігає та не обробляє персональні дані, які не використовує. Правовласник зберігає персональні дані до тих пір, поки вони потрібні для цілей, викладених нижче: − Персональні дані зберігаються в бухгалтерських документах Правовласника для податкових органів щонайменше 10 років після того, як Користувач замовили Послугу; - Особисті дані, які Правовласник обробляє для запобігання шахрайству (користувачів, які вчинили), Правовласник зберігає щонайменше 5 років після останнього входу Користувача; - В інших випадках дані Користувача зберігаються не більше ніж 36 місяців після вашого останнього входу. \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\"      ЯК ПРАВОВЛАСНИК ВИКОРИСТОВУЄ ІНФОРМАЦІЮ \"),_c('br'),_vm._v(\"      Правовласник обробляє особисту інформацію про вас на одній або кількох із таких підстав: − реєстрація Користувача Правовласником в Грі, надання Користувачеві можливості повноцінного використання сервісів Сайту; \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" - відображення профілю Користувача на сайті, акаунті Користувача; \"),_c('br'),_vm._v(\" - встановлення та підтримка зв'язку між Користувачем та Правовласником, консультування з питань\"),_c('br'),_vm._v(\" виконання умов Угоди користувача, використання Сайту; - для виконання договору, якщо обробка необхідна для виконання контракту;\"),_c('br'),_vm._v(\" - законні інтереси, якщо обробка необхідна для законних інтересів, які переслідує Правовласник або третя сторона, за винятком випадків, коли такі інтереси переважають інтереси Користувача або основні права та свободи, які вимагають захисту особистої інформації;\"),_c('br'),_vm._v(\" - згода Користувача, якщо Користувач дав згоду Правовласникові на обробку його особистої інформації для певних цілей;\"),_c('br'),_vm._v(\" - дотримуватись Закону, якщо обробка необхідна для дотримання вимог законодавства. Розповсюдження персональних даних може здійснюватися Правовласником у таких випадках: \"),_c('br'),_vm._v(\" − при обробці персональних даних з метою відображення профілю Користувача для інших Користувачів Сайту для підтримки комунікації, у тому числі під час надання послуг дистанційним способом; - з метою розміщення відгуків про послуги, що надаються Правовласником, залишені Користувачами, у різних джерелах інформації; \"),_c('br'),_vm._v(\" - з метою розміщення відеоматеріалів, отриманих у процесі надання послуг, у різних джерелах інформації;\"),_c('br'),_vm._v(\" - оптимізація Правовласником розсилки повідомлень інформаційного та рекламного характеру;\"),_c('br'),_vm._v(\" - застосування організаційних та технічних заходів щодо забезпечення безпеки персональних даних під час їх обробки в інформаційних системах. Знищення персональних даних здійснюється Правовласником у таких випадках: − видалення Користувачем персональних даних у відповідному розділі Акаунту Користувача; \"),_c('br'),_vm._v(\" - надходження від Користувача відкликання згоди на обробку персональних даних; \"),_c('br'),_vm._v(\" - отримання від Користувача вимоги про знищення персональних даних;\"),_c('br'),_vm._v(\" - закінчення терміну дії згоди;\"),_c('br'),_vm._v(\" - закінчення терміну зберігання персональних даних відповідно до домовленостями Правовласника та Користувача. \"),_c('br'),_vm._v(\" Отримання Користувачем Віртуальних предметів може вимагати надання інформацію про платіжні методи Користувача, зокрема дані кредитних карток. Правовласник не зберігає та не утримує ці дані, а також не обробляємо платежі Користувача. \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\"      Оброблення платежів здійснюється за допомогою платіжної системи Fondy - https://fondy.ua/uk/ та постачальниками платіжних послуг, зокрема еквайєрами, емітентами кредитних карток, вашою фінансовою установою тощо. Послуги, що надаються Постачальниками платіжних послуг, можуть підлягати нагляду фінансових регуляторів і контролюються угодами Постачальників платіжних послуг, що застосовуються до транзакції. Правовласник вживає необхідних та достатніх правових, організаційних та технічних заходів для захисту інформації, що надається Користувачами, від неправомірного або випадкового доступу, знищення, зміни, блокування, копіювання, розповсюдження, а також від інших неправомірних дій з нею. \"),_c('br'),_c('br'),_vm._v(\" РОЗТАШУВАННЯ ІНФОРМАЦІЇ\"),_c('br'),_vm._v(\"      Правовласник і підконтрольні йому особи знаходяться в Україні. Під час використання Користувача нашого Сайту та спілкування Користувача з Правовласником, ваша особиста інформація може бути передана за межі країни проживання Користувача та може зберігатися в кількох країнах і мати доступ до них. Кожного разу, коли Правовласник передає особисту інформацію в інші юрисдикції, Правовласник гарантує, що інформація передається відповідно до цієї Політики конфіденційності. \"),_c('br'),_c('br'),_vm._v(\" ЗАЯВА ПРО ФАЙЛИ COOKIE \"),_c('br'),_vm._v(\"      Файли cookie — це невеликі файли даних, які зберігаються на комп’ютері Користувача або портативному пристрої, коли Користувач відвідує певні веб-сторінки, вони використовуються як механізм для того, щоб сайт запам’ятовував дії, які браузер виконував у минулому, наприклад натискання певних кнопок або попередній вхід. Файли cookie допомагають нам покращити взаємодію з користувачами та дозволяють нам персоналізувати наші послуги, вимірювати, які області та функції наших послуг популярні, і розуміти, як клієнти використовують послуги. \"),_c('br'),_c('br'),_vm._v(\"      Необхідні файли cookie (також відомі як суворо необхідні файли cookie): це файли cookie, необхідні для роботи сайту Правовласника. До них належать, наприклад, файли cookie, які дають Користувачеві доступ до захищених розділів нашого Сайту. Аналітичні/продуктивні файли cookie: вони дозволяють Правовласникові розпізнавати та підраховувати кількість відвідувачів і бачити, як відвідувачі переміщуються нашим сайтом під час його використання. Це допомагає Правовласникові покращувати Сайт, наприклад, гарантуючи, що користувачі можуть легко знайти те, що вони шукають. Функціональні файли cookie: вони використовуються для покращення функціональності Сайту та полегшення використання Сайту клієнтами. Наприклад, вони використовуються для того, щоб запам’ятати, що Користувач раніше відвідував Сайт і попросив залишатися авторизованими на Сайті. Цільові файли cookie: ці файли cookie записують відвідування Користувачем сайту Правовласника та ваші звички перегляду, наприклад сторінки, які Користувач відвідав, і посилання, за якими Користувач переходив. Вони використовуються, щоб показувати Користувачеві рекламу, яка більше відповідає інтересам Користувача, а також їх можна використовувати для обмеження кількості переглядів реклами. Вони можуть бути розміщені нами або рекламними мережами з нашого дозволу. Зверніть увагу, що ці файли cookie не містять особистої інформації Користувача. Правовласник також можемо включати файли cookie третіх сторін на наш Сайт, і збір, використання та вибір, пов’язаний із цими файлами cookie третіх сторін, можна знайти на таких сторонніх сайтах. Правовласник використовує файли cookie з технічних причин і для персоналізації. Деякі з цих файлів cookie можуть бути встановлені під час завантаження сторінки або коли користувач виконує певну дію на веб-сайті. Правовласник можемо використовувати файли cookie та пов’язані технології, описані нижче, для різних цілей, зокрема для оформлення сайту, менеджер тегів Google, реклами, аналітика, соціальних мереж тощо. На наших веб-сайтах ви можете бачити «банер із файлами cookie». Якщо Користувач дасте згоду таким чином, Правовласник може встановити рекламні файли cookie на веб-сайті. Ми періодично показуватимемо Користувачеві банер, якщо ви передумаєте. \"),_c('br'),_c('br'),_vm._v(\" ВАШІ ПРАВА \"),_c('br'),_vm._v(\"      Правовласник хотів б переконатися, що Користувач повністю знає всі свої права на захист даних. Кожен користувач має право на: Право на виправлення — Користувач маєте право вимагати від Правовласника виправлення будь-якої інформації, яку Користувач вважає неточною. Користувач також має право вимагати від Правовласника доповнити інформацію, яку Користувач вважає неповною. Право на видалення — Користувач має право вимагати видалення його персональних даних за певних умов. Право на обмеження обробки — Користувач маєте право вимагати обмеження обробки його персональних даних за певних умов. Право на заперечення проти обробки — Користувач має право заперечити проти обробки його персональних даних за певних умов. Майте на увазі, що якщо Користувач не дозволе Правовласникові збирати його особисту інформацію, ми можемо не мати змоги надавати йосму певні послуги, а деякі наші послуги можуть не враховувати інтереси Користувача та вподобання. Користувач завжди можете відкликати згоду, отримати або вимагати видалення всіх його особистих даних, які Правовласник має, або поставити запитання, надіславши нам електронний запит на secondlifeukraine@gmail.com. \"),_c('br'),_c('br'),_vm._v(\" ЗГОДА КОРИСТУВАЧА НА ОБРОБКУ ПЕРСОНАЛЬНИХ ДАНИХ\"),_c('br'),_vm._v(\"      Користувач приймає умови Політики надає Правовласнику інформовану та усвідомлену згоду на обробку своїх персональних даних на умовах, передбачених Політикою та Законом:border-radius − при реєстрації Акаунту Користувача;\"),_c('br'),_vm._v(\" - при внесенні або зміні персональних даних Акаунта Користувача – для персональних даних, які Користувач надає під час редагування інформації на Сайті або в Ігри;\"),_c('br'),_vm._v(\" - при заповненні форми зворотного зв'язку;\"),_c('br'),_vm._v(\" - для персональних даних, які автоматично передаються Правовласнику в процесі використання Сайту за допомогою встановленого на пристрої Користувача програмного забезпечення. Користувач вважається таким, що надав згоду на обробку своїх персональних даних у момент початку використання Сайту. Згода Користувача на обробку Правовласником його персональних даних діє з дня надання згоди на їх обробку та протягом строку, необхідного для досягнення цілей обробки персональних\"),_c('br'),_vm._v(\" даних. У разі недосягнення Користувачем віку 18 років останній, при наданні своїх персональних даних зобов'язаний надіслати на адресу електронної пошти Правовласника, письмову згоду законного представника Користувача на обробку таких даних Правовласником. Правовласник, зважаючи на автоматизовану систему збору персональних даних, не стежить за наданням такої згоди Користувачем. У разі виявлення недієздатності Користувача, який надав свої персональні дані без письмового дозволу його законного представника, Правовласник негайно блокує обробку таких персональних даних до з'ясування обставин. Правовласник виходить з того, що Користувач надає достовірну та достатню персональну інформацію з питань, що пропонуються у формах Сайту, та підтримує цю інформацію в актуальному стані. У разі завантаження свого зображення через Акаунт Користувача — Користувач на безоплатній основі дає згоду на використання цього зображення (ст. 308 Цивільного кодексу) з метою, не пов'язаною із встановленням особи Користувача. Користувач зобов'язується не надавати фотографії третіх осіб як зображення Користувача. Користувач усвідомлює, що інформація на Сайті, що розміщується Користувачем про себе, може бути доступною для інших Користувачів Сайту, може бути скопійована та поширена такими Користувачами у випадках та на умовах, зазначених у п. Політики Користувач ознайомлений із цією Політикою, висловлює свою поінформовану та усвідомлену згоду з нею. \"),_c('br'),_c('br'),_vm._v(\"      Обмеження відповідальності Правовласник не несе відповідальності за можливе нецільове використання персональних даних та заподіяння будь-якої шкоди Користувачеві, що сталося внаслідок: − технічних неполадок у програмному забезпеченні та в технічних засобах та мережах, що знаходяться поза контролем Правовласника; \"),_c('br'),_c('br'),_vm._v(\" - у зв'язку з навмисним або ненавмисним використанням Сайту не за їх прямим призначенням третіми особами;\"),_c('br'),_vm._v(\" - незабезпечення конфіденційності паролів доступу або навмисної передачі паролів доступу іншої інформації з Сайту самим Користувачем при отриманні послуг Правовласника або використанні Сайту іншим особам, які не мають доступу до цієї інформації;\"),_c('br'),_vm._v(\" - неправомірних дій третіх осіб щодо доступу до даних Сайту, у т.ч. персональних даних. Правовласник не несе відповідальності за порядок використання Персональних даних Користувача третіми особами, з якими Користувач взаємодіє у межах використання Сайту. Правовласник не здійснює перевірку наявності особливого режиму обробки персональних даних Користувачів. Якщо Користувач є громадянином країн Європейського Союзу або громадянином інших держав, які тимчасово або постійно проживають на території країн ЄС і отримує доступ до Сайту з країн Європи, Правовласник вживає всіх розумних заходів для забезпечення дотримання таких вимог законодавства про захист персональних даних. Для цього Користувач зобов'язаний повідомити Правовласника про наявність особливого режиму захисту персональних даних шляхом звернення за адресою електронної пошти Правовласника secondlifeukraine@gmail.com Зміни до цієї Політики конфіденційності Очікується, що ця Політика про конфіденційність час від часу змінюватиметься. Правовласник залишає за собою право вносити зміни до Політики конфіденційності у будь-який час, з будь-якої причини та без попередження, крім публікації оновленої Політики конфіденційності на нашому Сайті. Правовласник може періодично надсилати електронною поштою нагадування про сповіщення та положення та умови, але Користувач має перевіряти наш Сайт, щоб переглянути поточну Політику конфіденційності, яка є чинною, і перевірити будь-які зміни, які могли бути внесені до неї. Продовження користування Сайтом або його сервісами після публікації нової редакції Політики означає ухвалення Політики та її умов Користувачем. У разі незгоди з умовами Політики, Користувач повинен негайно припинити використання Сайту та його сервісів. \"),_c('br'),_c('br'),_vm._v(\" ЗВ'ЯЖІТЬСЯ З ПРАВОВЛАСНИКОМ \"),_c('br'),_vm._v(\" Користувач має право надсилати Правовласнику свої запити у тому числі щодо використання його персональних даних, а також відкликання згоди на обробку персональних даних. Електронна пошта для звʼязку:secondlifeukraine@gmail.com \"),_c('br'),_c('br'),_c('br'),_c('br'),_c('br')]):_vm._e(),(_vm.activeDocument == 1)?_c('div',{staticClass:\"description__document\"},[_vm._v(\"      Ця Угода користувача (далі – «Угода») є договором між Правовласником сайту https://secondliferp.com.ua/ та Користувачем, та визначає правила користування Послугами, які включають доступ до Гри під назвою «Secondlife», що розміщується на вказаному сайті, розроблена й керується ФОП Мошенським Костянтином Олеговичем (ІПН 3814007094, запис в ЄДР про проведення державної реєстрації No 2010350000000392919 від 04.09.2024), який зареєстрований в установленому чинним законодавством України порядку(далі – «Правовласник»). \"),_c('br'),_c('br'),_vm._v(\"      Ця Угода набирає чинності після того, як Користувач приймає її умови, тому просимо уважно прочитати їх. Користувач не має права використовувати Послуги, якщо не має дієздатності на згоду з умовами цієї Угоди відповідно до чинного законодавства. Отримуючи доступ до Послуг сайту, завантажуючи чи використовуючи будь-які наші Послуги будь-яким чином; отримуючи доступ до платформ, вт.ч. соціальних мереж та (або) форуму, через натискання кнопки «Прийняти» або після завершення процесу реєстрації, Користувач підтверджує, що прочитав, зрозумів та згоден з усіма положеннями цією Угоди та бере на себе всі зобов'язання, що викладені в цій Угоді, Політиці конфіденційності, Правилах користування. Зазначені документи передбачають згоду Користувача на обробку, збір, використання і зберігання особистої інформації Користувача. \"),_c('br'),_c('br'),_vm._v(\"      ЯКЩО КОРИСТУВАЧ НЕ ЗГОДЕН ВЗЯТИ НА СЕБЕ ЗОБОВ'ЯЗАННЯ, ПЕРЕДБАЧЕНІ ЦІЄЮ УГОДОЮ, АБО ЯКЩО В БУДЬ-ЯКИЙ МОМЕНТ ЧАСУ УМОВИ УГОДИ СТАНУТЬ ДЛЯ НЕПРИЙНЯТНИМИ ДЛЯ КОРИСТУВАЧА, КОРИСТУВАЧ ЗОБОВ’ЯЗАНИЙ ВІДРАЗУ ПРИПИНІТЬ КОРИСТУВАТИСЯ ПОСЛУГОЮ. \"),_c('br'),_c('br'),_vm._v(\" 1. ВИЗНАЧЕННЯ ТЕРМІНІВ\"),_c('br'),_vm._v(\" 1.1. «Користувач» — фізична особа, яка за власним бажанням для особистих некомерційних розважальних цілей, що не пов'язані зі здійсненням підприємницької діяльності користується Послугами, які надаються Правовласником. \"),_c('br'),_vm._v(\" 1.2. «Послуга» — ключова частина угоди сторін, яка дозволяє Користувачу через підключення до інтернету та Клієнтську частину Ігри виконувати в інтерактивному, розважальному режимі заздалегідь підготовлені завдання, проходити сюжет, взаємодіяти з іншими Користувачами, використовуючи ігровий контент, оновлення, логіку та програмне забезпечення, яке є результатом діяльності та належать Правовласнику. \"),_c('br'),_vm._v(\" 1.3. «Віртуальні товари» — нематеріальні об'єкти, які є частиною Послуги можуть купуватись та використовуватися Користувачами Ігри, що являють собою графічний ефект оформлення, за допомогою яких визначається, як буде відображено зовнішній вигляд моделі Користувача та інші ігрових предметів під час гри. \"),_c('br'),_vm._v(\" 1.4. «Ігра» — комп'ютерна програма, що використовує постійне з'єднання інтернетом для організації ігрового процесу, зв'язку з іншими Користувачами у віртуальному світі «Secondlife», що включає Клієнтську частину Ігри, компоненти, функції, Віртуальні товари, назви, комп'ютерні коди, файли, ігрове програмне забезпечення, клієнтське та серверне програмне забезпечення, аудіодоріжки, оновлення, картинки, теми, об'єкти,персонажі, імена, слогани, розташування, концепцію, логіку, ілюстрації,малюнки, графіку, зображення, відео, анімації, звуки, музику, композиції,звукозаписи, аудіовізуальні ефекти, інформацію, дані, документацію, аплети,протоколи чатів, інформація про персонажів, ігровий процес, сценарії, записи тощо, включаючи всі доповнення та оновлення до Ігри, а також сервер, як частину програмного забезпечення Ігри. \"),_c('br'),_vm._v(\" 1.5. «Клієнтська частина» — програмне забезпечення, яке потрібне для участі Користувача в Ігри та має бути самостійно встановлене Користувачем на його персональному комп'ютері за допомогою Інтернету. \"),_c('br'),_vm._v(\" 1.6. «Сайт» — автоматизована інформаційна система, доступна в мережі Інтернет за адресою https://secondliferp.com.ua/, що надає Користувачеві доступ до Послуг та Клієнтської частини. \"),_c('br'),_vm._v(\" 1.7. «Акаунт» — обліковий запис внутрі Ігри, де зберігається сукупність даних про Користувача, що можуть містити його особисті дані, платіжні реквізити та інші налаштування, що необхідні для його розпізнавання та надання доступу до Послуг. \"),_c('br'),_vm._v(\" 1.9. «Чіт-код» — це нетипова комбінація даних (послідовність букв, цифр або натискань клавіш), програмних чи апаратних процесів або функцій, які здатні надати Користувачеві несправедливу перевагу в Грі, змінити хід та механіку роботи або неправомірну модифікувати Послугу, які не недоступні за виконання задокументованих Правовласником правил. \"),_c('br'),_vm._v(\" 1.9. «Правила користування» — вимоги, що стосуються зовнішнього ставлення для виконання норми взаємодії (користування) при отриманні Послуг Користувачем від Правовласника з іншими Користувачами. \"),_c('br'),_vm._v(\" 1.10. «Політика конфіденційності» – правила, якими регламентується збір,обробка, використання і захист персональних даних, що можуть бути запитанні/отримані у Користувачів. \"),_c('br'),_c('br'),_vm._v(\" 2. ЗАГАЛЬНІ ПОЛОЖЕННЯ \"),_c('br'),_vm._v(\" 2.1. Можливість надання наших Послуг вимагає від Користувача дотримання певних технічних вимог та доступу до мережі Інтернет. Використовуючи та отримуючи доступ до Послуг(и), Користувач заявляє, що прочитав та повністю прийняв всі вимоги, які зазначені в Угоді та готовий самостійно, власними коштами оплачувати програмне забезпечення свого комп'ютера та доступ до мережі Інтернет для отримання Послуг. \"),_c('br'),_vm._v(\" 2.2. Для отримання Послуг Користувач має пройти реєстрацію та створити Аккаунт Користувача. Фактом та датою укладення та повного й беззаперечного прийняття Угоди є реєстрація Користувача, під час якої Користувач погоджується: \"),_c('br'),_vm._v(\" а) з усіма положеннями цієї Угоди. У разі незгоди Користувача з цією Угодою або будь-яким пунктом цієї Угоди Користувач не має права отримувати Послуги; \"),_c('br'),_vm._v(\" б) надати правильну, точну, актуальну й повну інформацію про себе відповідно до реєстраційної форми, при цьому Користувач розуміє, що Правовласник не зможе надати Послугу Користувачу у разі відсутності в нього повної інформації; \"),_c('br'),_vm._v(\" в) своєчасно оновлювати Реєстраційні дані, щоб вони залишалися правильними, точними, актуальними й повними;\"),_c('br'),_vm._v(\" г) з тим, що Правовласник залишає за собою право в будь-який час видалити або відкликати будь-яке ім'я Користувача з будь-якої причини, що включає, серед іншого, претензії третіх сторін із приводу того, що вказане ім'я Користувача порушує права третіх сторін;\"),_c('br'),_vm._v(\" д) якщо Користувач хоче припинити дію Умов, Користувач може зробити це, закривши або ліквідувати свій Аккаунт, тим самим припинити використання Послуг. \"),_c('br'),_vm._v(\" 2.3. Користувач несе відповідальність за конфіденційність імені Користувача, безпеку комп'ютерної системи Користувача та всі дії, які виконуються від Акаунту Користувача. Користувач не може розкривати, передавати або іншим чином надавати третім особам право користуватися паролем або Акаунтом Користувача, за винятком випадків, дозволених Правовласником. Користувач погоджується відразу повідомляти Правовласника про неавторизоване використання паролю або про інше порушення безпеки користуючись реквізитами нижче та виходити з Акаунту наприкінці кожної ігрової сесії. \"),_c('br'),_vm._v(\" 2.4. Правовласник не несе відповідальності за використання пароля та Акаунту Користувача або за будь- яку взаємодію та діяльність в Ігрі, які стали результатом використання імені Користувача та пароля Користувачем чи особами, яким допустили навмисне або по необережності розкрити імені Користувача та/абопароля на порушення цього положення про конфіденційність. \"),_c('br'),_vm._v(\" 2.5. Акаунт Користувача, включаючи будь-яку інформацію, яка має до нього відношення має суто особистий характер. Користувач не має права продавати або надавати за плату право користування своїм Акаунтом або іншим чином передавати право користування своїм Акаунтом. \"),_c('br'),_vm._v(\" 2.6. Правовласник може змінити, оновити, додати або видалити положення цієї Угоди в будь-який час, повідомивши Користувача про такі зміни шляхом розміщення оновленої Угоди на Сайті або, залежно від статусу Акаунту Користувача, на розсуд Правовласника, електронною поштою. \"),_c('br'),_vm._v(\" 2.7. Ця Угода, а також будь-які зміни до неї, набувають чинності через 30 днів після публікації. Використовуючи Послугу після поновлення Угоди Правовласником, Користувач погоджуєтеся з усіма оновленими умовами Угоди. У випадку, якщо Користувач не погоджуєтеся з будь-якими оновленими умовами Угоди, Користувач має припинити користуватися Послугою. \"),_c('br'),_vm._v(\" 2.8. Правовласник зберігає за собою право і без пояснення причини та попередження відмовити будь-якому Користувачеві у доступі до Послуг та припинити або призупинити дію Акаунту Користувача, якщо цього вимагає закон, Правовласник надішле Користувачеві попереднє повідомлення. \"),_c('br'),_vm._v(\" 2.9. Правовласник може призупинити або припинити надання Послуги або змінити контент Послуги чи наповнення Сайту або видаляти без будь-яких підстав і без повідомлення будь-який контент чи іншу інформацію в т.ч.Акаунт Користувача в будь-який час, за будь-якої причини, з повідомленням або без нього. \"),_c('br'),_vm._v(\" 2.10. Правовласник може використовувати функції, призначені для виявлення Чіт-кодів. Користувач розуміє та погоджується не створювати та не сприяти створенню та використанню Чіт-кодів третіми особами. Користувач також погоджується, що не буде прямо чи опосередковано відключати або іншим чином перешкоджати роботі програм, що відповідають за виявлення та запобігання використанню Чіт- кодів. Користувач погоджуєтесь, що не втручатиметься у роботу Ігри та Послуг, якщо інше не дозволено Правовласником та розумієте,що останній має право ліквідувати Акаунт Користувача. \"),_c('br'),_vm._v(\" 2.11. Якщо Правовласник припине або призупине Акаунт Користувача, Користувач не матимете доступу до Акаунту або будь-чого, пов'язаного з ним. Користувач не матимете права на відшкодування будь-якої віртуальної валюти або Віртуальних товарів, отриманих або придбаних під час використання Ігор або Послуг. Припинення будь-якої функції Послуги включає припинення доступу до такої функції. Припинення надання Послуг призведе до видалення пароля й всієї відповідної інформації, файлів і контенту, пов'язаного з Акаунтом Користувача (або будь-якої його частини), включно з Контентом Користувача. Правовласник не нестиме ніякої відповідальності за будь-які призупинення або припинення дії Послуги, зокрема за видалення Контенту Користувача. Усі положення цієї Угоди, дія та юридична сила яких повинна бути збережена виходячи з їх правової природи змісту, залишаться в силі після припинення дії Послуги, що включає, серед іншого, положення про право власності, про відмову від гарантій і про обмеження відповідальності. \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" 3. ОФОРМЛЕННЯ ЗАМОВЛЕННЯ \"),_c('br'),_vm._v(\" 3.1. Використання Користувачем ігрового сервісу та Послуг здійснюється за ліцензією, а не продається, і ви тим самим підтверджуєте, що жодні права власності щодо Ігрового сервісу не передаються та не поступаються і ця Угода не повинна тлумачитися як продаж будь-яких прав. \"),_c('br'),_vm._v(\" 3.2. Користувач робе замовлення через Сайт і це є згодою на пропозицію Правовласника укласти Угоду на певні Послуги. При цьому деякі Послуги можуть бути платними та ціни на них визначаються Правовласником самостійно. \"),_c('br'),_vm._v(\" 3.3. Коли Користувач розміщує замовлення на Сайті через форму «Донат», Правовласник відправляє Користувачеві повідомлення, що підтверджує отримання Користувачем замовлення та містить деталі замовлення Користувача. Підтвердженням прийняття Користувачем пропозиції про укладання Угоди слід вважати те, що Правовласник списує відповідну ціну з Користувача з узгодженого засобу оплати та робить відповідний контент та Послуги доступними для Користувача. Користувач погоджуєтесь на отримання рахунків-фактур в електронному вигляді. \"),_c('br'),_vm._v(\" 3.4. Користувач несе відповідальність за достовірність наданої інформації при оформленні Замовлення. Правовласник має право відмовитися від передання замовлення Користувачеві у будь-якому випадку, в тому числі якщо відомості,вказані Користувачем під час оформлення замовлення, є неповними або викликають підозру щодо їх дійсності. \"),_c('br'),_vm._v(\" 3.5. Якщо будь-якій зі сторін Угоди необхідна додаткова інформація, вона має право запросити її в іншої сторони. У разі ненадання необхідної інформації Користувачем, Правовласник не несе відповідальності за надання якісної Послуги Користувачу. \"),_c('br'),_vm._v(\" 3.6. Оформлення замовлення є додатковим підтвердженням Користувача з усіма умовами цієї Угоди та наданням дозволу на збір, обробку та передачу персональних даних. Усі платежі за Послуги, що здійснюються можуть здійснюватися та оброблятися через відповідну платформу третьої сторони. У цьому відношенні застосовуються умови використання та оплати сторонньої платформи, доповнені цією Угодою. Більше про Користувача і персональні дані в Політиках конфіденційності. \"),_c('br'),_vm._v(\" 3.7. Усі віртуальні валюти та Віртуальні товари вважаються остаточними й не підлягають поверненню, якщо на розсуд Правовласника не було вирішено інакше. Користувач не матимете ніякого права, зокрема права власності на будь-які Віртуальні товари та/або віртуальні валюти, які Користувач отримує. Віртуальна валюта може бути використана виключно для отримання Віртуальних товарів.Віртуальна валюта й Віртуальні товари не є законними платіжними засобами не можуть бути перепродані, передані за вартістю, виплачені грошовими коштами, куплені не через Послугу, а іншими засобами чи методами, які непередбачені в Грі, або застосовані до будь-якого іншого Акаунту, за винятком випадків, описаних тут, або відповідно до вимог чинного законодавства. \"),_c('br'),_vm._v(\" 3.8. Віртуальна валюта та Віртуальні товари не мають встановленого терміну дії та не мають матеріальної цінності у реальному світі, при цьому Правовласник має повний контроль над всією віртуальною валютою й Віртуальними товарами та в будь-який час має право в односторонньому порядку змінити цінність, змінити та/або усунути будь-яку віртуальну валюту й Віртуальні товари на свій розсуд і без будь-якої відповідальності. Зобов'язання Правовласника Користувачем віртуальних послуг та/або Віртуальної валюти на Акаунт Користувача. \"),_c('br'),_vm._v(\" 3.9. Правовласник не надаватиме жодних відшкодувань. Віртуальна валюта й Віртуальні товари не мають жодної реальної валютної цінності, не можуть обмінюватися на реальні гроші й можуть використовуватися тільки в Грі. Користувачу надається обмежена, відклична, непередавана ліцензія на використання Віртуальної валюти або Віртуальних товарів у Грі. Крім цієї ліцензії, у вас немає правових підстав або прав на вищезгадану валюту й товари. \"),_c('br'),_vm._v(\" 3.10. Якщо Акаунт Користувача було закрито або призупинено з будь-якої причини (на розсуд Правовласника або якщо Правовласник припинить підтримку Гри), витрачаєте всю валюту й Віртуальні товари. Правовласник має абсолютне право керувати, регулювати, контролювати, змінювати та/або анулювати віртуальну валюту та/або Віртуальні товари, як вважатиме за необхідне на власний розсуд, і не несе обов'язки перед вами або іншими особами за подібні дії. \"),_c('br'),_vm._v(\" 3.11. Оброблення платежів може залежати від виду платіжного методу, який ви використовуєте, при цьому можуть існувати певні методи оплати, неприйнятні для постачальників платіжних послуг або на які можуть поширюватися обмеження, що накладаються ними (включно з обмеженнями, що накладаються на використання певних видів кредитних карток, дебетових карток, карток певних виробників), або різні обмеження транзакцій у певних валютах. У максимальній мірі, дозволеній законом, ми не несемо відповідальності за будь-які платежі, які ви здійснюєте, а також за якість роботи будь-якого з постачальників платіжних послуг. Проводячи транзакцію, ви приймаєте умови угоди або будь-які обмеження, які можуть застосовуватись постачальниками платіжних послуг. \"),_c('br'),_vm._v(\" 3.12. Користувач погоджується оплачувати будь-які комісійні збори й чинні податки, які поширюються на Користувача або на будь-яку особу, що використовує зареєстрований на Користувача Аккаунт. Будь-які додаткові витрати або зобов'язання, які накладаються на вас під час взаємодії з третіми сторонами, є відповідальністю Користувача. Збори не підлягають поверненню. \"),_c('br'),_vm._v(\" 3.13. Надаючи Правовласнику або одному з її платіжних операторів платіжну інформацію, Користувач гарантує, що є законним власником картки, ПІН-коду та облікового запису, пов'язаних з цим платежем. Користувач погоджуєтесь не використовувати IP-проксі або інші методи, що дозволяють приховати місце проживання Користувача, щоб обійти географічні обмеження на ігровий контент. В іншому випадку Правовласник може блокувати Користувача доступ до Аккаунту. \"),_c('br'),_vm._v(\" 3.14. Користувач має право на повернення коштів, якщо замовлення на Послугу прийшло помилково або в неправильному форматі такі як (поповнення на помилкову суму, збій у системі тощо). \"),_c('br'),_vm._v(\" 4. ІНТЕЛЕКТУАЛЬНА ВЛАСНІСТЬ І ЛІЦЕНЗІЯ \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" 4.1. Ви визнаєте та погоджуєтеся з тим, що всі права інтелектуальної власності на наші Послуги й усі супутні технології, а також інформація та контент, доступні через Послуги, включно з персонажами, зображенням, сюжетними лініями, звуками, віртуальною валютою та Віртуальними товарами в Грі, належать Правовласнику. \"),_c('br'),_vm._v(\" 4.2. Користувач також визнає та погоджується з тим, що не має права власності чи будь-яких інших майнових прав на Акаунт і що всі права на Акаунт належать Правовласнику. \"),_c('br'),_vm._v(\" 4.3. Для використання Гри потрібно зайти на Сайт, ввести адресу серверу Правовласника, після чого автоматично розпочинається скачування. Цим Правовласник передає Користувачеві, а Користувач приймає обмежену, невиключну, відкличну ліцензію (що підлягає наведеним у цьому документі обмеженням), яка не підлягає передачі й не передбачає видачу субліцензій. Ця ліцензія дозволяє завантажувати,встановлювати, здійснювати доступ та використовувати Послуги виключно для особистих некомерційних розважальних цілей. Будь-яке інше використання недозволено. \"),_c('br'),_vm._v(\" 4.4. Користувач не можете іншим чином використовувати, завантажувати, друкувати, відображати, відтворювати, публікувати, ліцензувати, розміщувати, передавати, змінювати, створювати похідні роботи, модифікувати, перекладати перепроєктовувати, розбирати, адаптувати, поширювати, продавати, купувати або використовувати Послугу, її функції або компоненти повністю або частково без нашого попереднього письмового дозволу. \"),_c('br'),_vm._v(\" 4.5. Користувач не може продавати, копіювати, обмінювати, відчужувати, передавати або іншим чином поширювати все, що Користувач скопіював або купив у Грі, якщо це явно не дозволено Правовласником, який залишає за собою всі права, ненадані цією Угодою. Ця Угода не містить і не надає інших ліцензій, крім прямо передбачених Угодою. \"),_c('br'),_vm._v(\" 4.6. З причин, що включають, крім іншого, безпеку системи, стабільність розраховану на багато Користувачів сумісність, Правовласнику може знадобитися виконання автоматичного оновлення, попереднього завантаження, створення нових версій або іншого поліпшення Послуг, і, відповідно, системні вимоги для використання Контенту та Послуг можуть бути часом змінюватись. Користувач погоджуєтесь на таке автоматичне оновлення. Ви розумієте, що ця Угода не дає Користувачеві права на майбутні оновлення, нові версії або інші вдосконалення Послуг. \"),_c('br'),_vm._v(\" 4.7. Правовласник поважає права інших на інтелектуальну власність і закликає до цього всіх, хто користується Сайтом, Грою та Послугами. Якщо Користувач вважаєте, що використання Користувачем роботи в рамках Ігри порушує авторські права Користувача, то Користувач можете повідомити Правовласника про це, використовуючи реквізити нижче. \"),_c('br'),_c('br'),_vm._v(\" 5. КОНТЕНТ КОРИСТУВАЧА\"),_c('br'),_vm._v(\" 5.1. Користувач погоджується, що Користувач публікує контент при отриманні Послуг за власним бажанням. Будь-які дані, текст, інформація, файли, графіка,фотографії та їх добірки, які завантажені, розміщені, відправлені електронною поштою або іншим чином опубліковані вами через Послугу, підлягають необмеженому комерційному, некомерційному та/або рекламному використанню Правовласником (як частково, так і повністю). \"),_c('br'),_vm._v(\" 5.2. Тільки Користувачі несуть повну відповідальність за користувацький контент. Правовласник може контролювати, а може і не контролювати контент Користувача і не гарантує точність, якість або цілісність будь-якого контенту Користувача, який опубліковано в рамках користування Послугою, Використовуючи Послугу, Користувач визнає і погоджується, що Користувач може зіткнутися з матеріалом, який Користувач вважає образливим або небажаним. \"),_c('br'),_vm._v(\" 5.3. Користувач погоджується, що Правовласник ні за яких обставин не нестиме відповідальності за будь- який контент Користувача, що включає, серед іншого, помилки в контенті Користувача або будь-які втрати або збитки, завдані підчас використання контенту Користувача. Правовласник не має зобов'язань і не буде перевіряти будь-який контент Користувача, але має право на свій розсуд видаляти будь-який контент Користувача в разі скарги. Якщо цього вимагає закон, Правовласник повідомить вас до або після видалення контенту Користувача, який ви опублікували або завантажили. \"),_c('br'),_vm._v(\" 5.4. Приймаючи умови цієї Угоди, Користувач надаєте та гарантуєте Правовласнику безвідкличну, безстрокову, передавану, не ексклюзивну, безоплатну,територіально не обмежену ліцензію (зокрема право на субліцензії й передачу третім особам), а також право копіювати, відтворювати, виправляти,підлаштовувати, змінювати, створювати похідні роботи, випускати, запускати в серійне виробництво, публікувати, поширювати, продавати, ліцензувати,встановлювати права, переносити, давати у тимчасове користування,передавати, публічно надавати, публічно виконувати чи надавати електронний доступ, транслювати, публічно повідомляти за допомогою телекомунікацій, показувати, виконувати, вводити в пам'ять комп'ютера, атакож будь-яким способом використовувати й застосовувати Користувача Контент, а також всі змінені та похідні продукти Користувачаого Контенту в зв'язку з наданням Послуги, зокрема для маркетингу і реклами Послуги. Ця ліцензія надається на строк дії ліцензованих прав або, якщо це дозволено законом, безстроково. За винятком випадків, заборонених законодавством, ви відмовляєтеся від будь-яких прав на згадку імені автора та/або будь-яких моральних прав, які виможете мати щодо Користувачаого Контенту, незалежно від того, чи змінювався Користувача Контент якимось чином. Користувач гарантує та заявляє, що Користувач маєте право завантажувати будь-який контент, який Користувач робе доступним (публікує) через Послугу. \"),_c('br'),_c('br'),_vm._v(\" 6. ІНШІ УМОВИ\"),_c('br'),_vm._v(\" 6.1. Усі спори, що виникають між Користувачем і Правовласником,вирішуються шляхом переговорів. У випадку недосягнення врегулювання спірного питання шляхом переговорів, Користувач та/або Правовласник мають право звернутися за вирішенням спору до судових органів відповідно до чинного законодавства України. \"),_c('br'),_vm._v(\" 6.2. Якщо інше не обумовлюється в цій Угоді у прямій формі, якщо будь-яке положення цієї Угоди буде в судовому порядку незаконним або нездійсненним, воно повинно виконуватися в максимально допустимій мірі, а інші положення цієї Угоди повинні залишатися чинними на повну силу. \"),_c('br'),_vm._v(\" 6.3. Користувач погоджується з тим, що Правовласник має право надсилати повідомлення (у тому числі за допомогою електронної пошти, смс і інших засобів звʼязку), які містять рекламну інформацію про Сервіс, Гра або матеріали, що тематично пов'язані з ними. \"),_c('br'),_c('br'),_vm._v(\" 7. КОНТАКТНА ІНФОРМАЦІЯ\"),_c('br'),_vm._v(\" 7.1. Якщо у Користувача виникли будь-які питання за цією Угодою, будь ласка, зв'яжіться з службою підтримки Правовласника. Правовласник зробе все можливе, щоб допомогти Користувачеві. Контакт технічної підтримки: t.me/SecondlifeSupport Електронна адреса: secondlifeukraine@gmail.com \"),_c('br'),_c('br'),_c('br'),_c('br')]):_vm._e(),(_vm.activeDocument == 2)?_c('div',{staticClass:\"description__document\"},[_vm._v(\"      Поведінка Користувача в мережі та взаємини з іншими Користувачами повинні відповідати цим Правилам користування, які встановлюють норми та вимоги, для координації поведінкової діяльності людей та поліпшення якості Послуг. Користувач має право настроїти Акаунт, змінювати ім'я користувача та паролі для доступу до нього; редагувати свій Акаунт та інформацію у профілі Користувача про себе; отримувати Послуги та здійснювати інші, не заборонені законом, Правилами та Угодою, дії щодо використання Сайту, Гри та Послуг. Отримуючи Послуги від Правовласника, ви погоджуєтесь дотримуватися наведених нижче правил і не спонукати інших осіб до їх порушення: \"),_c('br'),_c('br'),_vm._v(\" − не створювати Акаунт із використанням неправдивої інформації;\"),_c('br'),_vm._v(\" − не створювати Акаунт або не використовувати Послугу, якщо раніше Акаунт Користувача було вилучено Правовласником або Користувачеві було заборонено грати в Ігру;\"),_c('br'),_vm._v(\" − не використовувати Акаунт Користувача, Сайт або Послугу для реклами або нав'язування й передачі будь- яких комерційних рекламних оголошень, зокрема розсилок, небажаної пошти або повторюваних повідомлень будь-якій особі;\"),_c('br'),_vm._v(\" − не використовувати свій Акаунт або Послугу, щоб займатися будь-якою незаконною діяльністю;\"),_c('br'),_vm._v(\" − не здійснювати доступ до облікового запису іншого Користувача без його дозволу;\"),_c('br'),_vm._v(\" − не використовувати Сайт або Послугу будь-яким чином, що порушує чинне законодавство або положення чи є забороненим згідно з цією Угодою;\"),_c('br'),_vm._v(\" − не продавати, не купувати й не використовувати у комерційних цілях будь-які компоненти Послуг, які включаються Сервером;\"),_c('br'),_vm._v(\" − не ображати, домагатися, переслідувати, загрожувати чи іншим чином порушувати законні права (такі, як право на невтручання в особисте життя та гласність) інших Користувачів;\"),_c('br'),_vm._v(\" − не використовувати можливості Сайту або Послуги для будь-яких інших цілей, не пов'язаних із їх прямим призначенням;\"),_c('br'),_vm._v(\" − не змінювати або не відключати будь-які функції, пов'язані з безпекою Сайту або Послуг чи їх складових, зокрема Послуги, що надаються на Сторонніх платформах;\"),_c('br'),_vm._v(\" − не завантажувати або надавати іншим чином файли, які містять зображення, фотографії, програмне забезпечення або інші матеріали, захищені законами про інтелектуальну власність, включаючи, зокрема, закон про авторське право або торгові марки (або право на невтручання в особисте життя та гласність), за винятком випадків, коли ви є правовласником або отримали всі необхідні дозволи;\"),_c('br'),_vm._v(\" − не завантажувати (крім кеша відображення сторінки) будь-яку частину Гри, що належать Правовласнику, або будь-яку інформацію, що міститься в них, за винятком випадків, явно передбачених Правовласником;\"),_c('br'),_vm._v(\" − забороняється копіювати, перекладати, публікувати, декомпілювати, виконувати технічний аналіз, дизасемблювати або конвертувати Сайт або здійснювати спробу отримати доступ до вихідного коду Сайту для створення похідних робіт на основі вихідного коду Сайту чи іншим чином;\"),_c('br'),_vm._v(\" − забороняється завантажувати, зберігати, публікувати, розповсюджувати, надавати доступ або іншим чином використовувати будь-яку інформацію, інструменти та (або) матеріали, які пропагують і (або) розпалюють расову, релігійну, етнічну ненависть чи ворожнечу, або захищають ідеологію фашизму, комунізму чи расової переваги, містять негативні заяви про будь-яку країну, народ, релігію, політику, принижують національну гідність, у тому числі за ознакою національного походження політичних переконань; сприяють злочинній діяльності або містять поради, інструкції чи вказівки щодо скоєння злочинних дій;містять особисті дані, зображення третіх осіб без їхньої попередньої згоди, за винятком випадків, передбачених законодавством;\"),_c('br'),_vm._v(\" − не завантажувати файли, які містять віруси, троянські програми, хробаків або будь-яке подібне програмне забезпечення, яке може порушити роботу інших комп'ютерів або пошкодити власність інших осіб;\"),_c('br'),_vm._v(\" − не здійснювати атаки на сервери Гри або в інший спосіб порушувати його роботу;\"),_c('br'),_vm._v(\" − крім того, ви гарантуєте, що ви не перебуваєте в країні, яка визнана Україною як державою-спонсором тероризм або країною що надає підтримку тероризму;\"),_c('br'),_vm._v(\" − не обмежувати або не перешкоджати іншим Користувачам отримувати Послуги, програмне забезпечення або інший контент;\"),_c('br'),_vm._v(\" − не здійснювати будь-які інші протизаконні дії. \"),_c('br'),_vm._v(\" Тільки Користувач несе відповідальність за його взаємодію з іншими Користувачами Послуг. Правовласник може в будь-який час втрутитися в суперечки між Користувачем та іншими Користувачами, але не зобов'язується робити цього. Правовласник не нестиме відповідальності за будь-який результат цих суперечок, зокрема позови й компенсації будь-якого характеру. \"),_c('br'),_vm._v(\" У максимальній мірі, дозволеній законом, Правовласник залишає за собою право вирішувати, яка поведінка є порушенням правил Угоди та Правил користування. У разі порушення вищевказаних положень, Правовласник має право на свій розсуд вжити або не вжити дії, що включають, крім іншого, видалення вашого Акаунт або заборону на користування Послугами. \"),_c('br'),_vm._v(\" \"),_c('br'),_c('br'),_c('br')]):_vm._e()]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.openBurgerMenu),expression:\"openBurgerMenu\"}],staticClass:\"open__burgermenu\"},[_c('div',{staticClass:\"list__social\"},[_c('a',{staticClass:\"item\",attrs:{\"href\":\"#Faq\"},on:{\"click\":() => {{_vm.$emit('update:active-document', null); _vm.$emit('update:current-page', 4); _vm.$emit('update:open-burgerMenu', false); _vm.openBurgerMenu = false; _vm.$router.push('/')}}}},[_vm._v(\"FAQ\")]),_vm._m(2),_c('div',{staticClass:\"item\",on:{\"click\":function($event){_vm.$emit('update:active-document', null); _vm.$emit('update:active-header', 1); _vm.$router.push('/')}}},[_vm._v(\"Донат\")]),_vm._m(3),_vm._m(4),_vm._m(5),_vm._m(6),_vm._m(7)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('li',[_c('a',{attrs:{\"href\":\"https://forum.secondliferp.com.ua/index.php\",\"target\":\"_blank\"}},[_vm._v(\"Форум\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"social-icons\"},[_c('li',[_c('a',{attrs:{\"href\":\"https://discord.gg/secondlife-roleplay-960651717156937728\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/discrod.svg\"),\"alt\":\"discrod\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://t.me/SecondLifeRP\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/telegram.svg\"),\"alt\":\"telegram\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.youtube.com/@SecondLifeRP_UA\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/youtube.svg\"),\"alt\":\"yt\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.instagram.com/secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/instagram.svg\"),\"alt\":\"inst\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.tiktok.com/@secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/tiktok.svg\"),\"alt\":\"tiktok\",\"draggable\":\"false\"}})])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item\"},[_c('a',{attrs:{\"href\":\"https://forum.secondliferp.com.ua/index.php\",\"target\":\"_blank\"}},[_vm._v(\"Форум\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://www.youtube.com/@SecondLifeRP_UA\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/youtubeP.svg\"),\"alt\":\"\"}}),_vm._v(\" YouTube\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://www.tiktok.com/@secondliferp_ua\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/tiktokP.svg\"),\"alt\":\"\"}}),_vm._v(\" TikTok\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://www.instagram.com/secondliferp_ua\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/instagramP.svg\"),\"alt\":\"\"}}),_vm._v(\" Instagram\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://discord.gg/secondlife-roleplay-960651717156937728\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/discrodP.svg\"),\"alt\":\"\"}}),_vm._v(\" Discord\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://t.me/SecondLifeRP\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/telegramP.svg\"),\"alt\":\"\"}}),_vm._v(\" Telegram\")])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n   <div class=\"first__screens\">\r\n      <header>\r\n         <div class=\"container__hed\">\r\n            <div class=\"logo\" @click=\"$emit('update:current-page', 0); $emit('update:active-document', null); $router.push('/');\">\r\n               <img src=\"../../src/assets/img/logoMini.png\" alt=\"Logo\" draggable=\"false\">\r\n            </div>\r\n            <div class=\"links\" v-if=\"burgerMenu == 0\">\r\n               <ul class=\"page\">\r\n                  <li :style=\"activeHeader === 0 ? 'color: #FFB800;' : 'color: #FFFFFF;'\" @click=\"ClickPage(4)\">FAQ</li>\r\n                  <li><a href=\"https://forum.secondliferp.com.ua/index.php\" target=\"_blank\">Форум</a></li>\r\n                  <li :style=\"activeHeader === 2 ? 'color: #FFB800;' : 'color: #FFFFFF;'\" @click=\"$emit('update:active-document', null); $emit('update:active-header', 1); $router.push('/')\">Донат</li>\r\n               </ul>\r\n               <ul class=\"social-icons\">\r\n                  <li><a href=\"https://discord.gg/secondlife-roleplay-960651717156937728\" target=\"_blank\"><img src=\"../../src/assets/img/discrod.svg\" alt=\"discrod\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://t.me/SecondLifeRP\" target=\"_blank\"><img src=\"../../src/assets/img/telegram.svg\" alt=\"telegram\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.youtube.com/@SecondLifeRP_UA\" target=\"_blank\"><img src=\"../../src/assets/img/youtube.svg\" alt=\"yt\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.instagram.com/secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/instagram.svg\" alt=\"inst\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.tiktok.com/@secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/tiktok.svg\" alt=\"tiktok\" draggable=\"false\"></a></li>\r\n               </ul>\r\n            </div>\r\n            <img src=\"../assets/img/menu.svg\" alt=\"\" class=\"burger\" v-if=\"burgerMenu == 1\" @click=\"() => {openBurgerMenu = true; burgerMenu = 2}\">\r\n            <img src=\"../assets/img/close.svg\" alt=\"\" class=\"burger\" v-if=\"burgerMenu == 2\" @click=\"() => {openBurgerMenu = false; burgerMenu = 1}\">\r\n         </div>\r\n      </header>\r\n      <main>\r\n         <div class=\"name__document\" v-if=\"activeDocument == 0\">Політика конфіденційності</div>\r\n         <div class=\"name__document\" v-if=\"activeDocument == 1\">Користувацька угода</div>\r\n         <div class=\"name__document\" v-if=\"activeDocument == 2\">Правила користування сайтом</div>\r\n         <div class=\"description__document\" v-if=\"activeDocument == 0\">\r\n            &nbsp; &nbsp; &nbsp;У цій Політиці конфіденційності пояснюється, як ФОП Мошенський Костянтин Олегович\r\n            (Правовласник) збирає, використовує і передає особисті дані Користувача у зв’язку з використанням Сайту\r\n            та отриманням Послуг. Правовласник зобов’язується шанобливо ставитися до конфіденційних даних\r\n            Користувача і дотримуємося Закону України «Про персональні дані» (далі – Закон) та положень Загального\r\n            регламенту захисту даних (ЄС) 2016/679 («GDPR»). Незнання умов та термінів встановлених цією\r\n            Політикою, Угодою Користувача та Правил користування не є підставою для пред'явлення з боку\r\n            Користувача будь-яких претензій до Правовласника. <br> <br>\r\n            &nbsp; &nbsp; &nbsp;ІНФОРМАЦІЯ, ЯКУ ЗБИРАЄ ПРАВОВЛАСНИК <br>\r\n            &nbsp; &nbsp; &nbsp;Ця Політика конфіденційності описує методи збору особистої інформації через цей Сайт та Гру для\r\n            можливості надання Послуг. Доступ Користувача до Послуг та всі комунікації між Користуачем та\r\n            Правовласником регулюються цією Політикою конфіденційності та чинним законодавством. Користувач\r\n            можете переглядати цей сайт, не розкриваючи свою особисту інформацію. Однак наші Послуги вимагають\r\n            надання особистої інформації. Надаючи особисту інформацію, Користувач прямо погоджується на збір,\r\n            використання, розкриття та збереження вашої особистої інформації, як описано в цій Політиці, яка\r\n            стосується обробки Правовласником особистих даних Користувача або особистої інформації, яка може\r\n            бути зібрана, коли ви перебуваєте на Сайті та користуєтеся послугами Сайту. <br> <br>\r\n            &nbsp; &nbsp; &nbsp;Тип особистої інформації, яку Правовласник збирає, залежить від того, як Користувач конкретно взаємодіє\r\n            з Правовласником та якими службами користується. Правовласник може обробляти інформацію, що\r\n            міститься в будь-якому запиті, який Користувач надсилає Правовласникові щодо Послуг, включаючи дані\r\n            про поведінку Користувача та взаємодію з Сайтом. <br> <br>\r\n            &nbsp; &nbsp; &nbsp; Дані запиту Користувача можуть оброблятися з метою відповіді на запит Користувача, надання\r\n            Користувачу спеціальної інформації про Послуги, які Правовласник надаємо, розміщення цільової реклами,\r\n            проведення маркетингових досліджень, перевірки ефективності реклами та дослідження схожих аудиторій.\r\n            Юридичною основою для такої обробки є згода, надана там, де здійснюється запит, або особиста згода\r\n            Користувача. <br> <br>\r\n            &nbsp; &nbsp; &nbsp;Правовласник може обробляти інформацію, що міститься або пов’язана з будь-яким повідомленням, яке\r\n            Користувач надсилає Правовласникові, включно з цілями найму. Таке листування можуть включати\r\n            особисті дані Користувача, юридичну інформацію, проекти тощо. Дані листування можуть оброблятися для\r\n            цілей договору між Користувачем та Правовласником та/або вжиття заходів, за запитом Користувача, для\r\n            укладення такого договору. Листування також може регулюватися NDA (угодою про нерозголошення),\r\n            якщо це застосовно. Правовою основою для такої обробки є законні інтереси Правовласника: належне\r\n            адміністрування нашого Сайту та бізнес-процесів, маркетингові та інші комунікації з Користувачами та\r\n            клієнтами. <br> <br>\r\n            &nbsp; &nbsp; &nbsp; Як правило, Правовласник збирає такі категорії особистої інформації: <br>\r\n            − Контактна інформація, така як ім’я, прізвище, номер телефону, ідентифікатор користувача соціальної\r\n            мережі, адреса електронної пошти та подібні контактні дані; <br>\r\n            - Контент користувача, такий як вміст повідомлень, пропозиції, запитання, коментарі, відгуки та інша\r\n            інформація, яку Користувач надсилає Правовласникові, коли звертається до Правовласника та (або)\r\n            отримує Послуги; <br>\r\n            - Інформація про пристрій і браузер, як-от інформація про мережу та з’єднання (включаючи адреси\r\n            Інтернет-провайдера (ISP) та Інтернет-протоколу (IP-адреси), ідентифікатори пристрою та браузера та\r\n            інформація (включаючи пристрій, програму або тип браузера, версію, тип плагіна) і версія, операційної\r\n            системи, налаштування часового поясу та інша технічна інформація, рекламні ідентифікатори,\r\n            ідентифікатори файлів cookie та інформація та подібні дані; <br>\r\n            Правовласник не здійснює навмисну обробку біометричних персональних даних (відомості, що\r\n            характеризують фізіологічні та біологічні особливості людини, на підставі яких можна встановити її\r\n            особистість) та спеціальних категорій персональних даних (що стосуються расової, національної\r\n            приналежності, політичних поглядів, релігійних чи філософських переконань, стану здоров'я, інтимного\r\n            життя). <br> <br>\r\n\r\n            &nbsp; &nbsp; &nbsp;Політика Користувача полягає у зберіганні та обробці персональних даних, необхідних для надання\r\n            Користувачу найкращий Послуг. Правовласник не зберігає та не обробляє персональні дані, які не\r\n            використовує. Правовласник зберігає персональні дані до тих пір, поки вони потрібні для цілей,\r\n            викладених нижче: − Персональні дані зберігаються в бухгалтерських документах Правовласника для\r\n            податкових органів щонайменше 10 років після того, як Користувач замовили Послугу; - Особисті дані, які\r\n            Правовласник обробляє для запобігання шахрайству (користувачів, які вчинили), Правовласник зберігає\r\n            щонайменше 5 років після останнього входу Користувача; - В інших випадках дані Користувача\r\n            зберігаються не більше ніж 36 місяців після вашого останнього входу. <br> <br>\r\n            &nbsp; &nbsp; &nbsp;ЯК ПРАВОВЛАСНИК ВИКОРИСТОВУЄ ІНФОРМАЦІЮ <br>\r\n            &nbsp; &nbsp; &nbsp;Правовласник обробляє особисту інформацію про вас на одній або кількох із таких підстав:\r\n            − реєстрація Користувача Правовласником в Грі, надання Користувачеві можливості повноцінного\r\n            використання сервісів Сайту; <br> <br>\r\n            - відображення профілю Користувача на сайті, акаунті Користувача; <br>\r\n            - встановлення та підтримка зв'язку між Користувачем та Правовласником, консультування з питань<br>\r\n            виконання умов Угоди користувача, використання Сайту;\r\n            - для виконання договору, якщо обробка необхідна для виконання контракту;<br>\r\n            - законні інтереси, якщо обробка необхідна для законних інтересів, які переслідує Правовласник або третя\r\n            сторона, за винятком випадків, коли такі інтереси переважають інтереси Користувача або основні права та\r\n            свободи, які вимагають захисту особистої інформації;<br>\r\n            - згода Користувача, якщо Користувач дав згоду Правовласникові на обробку його особистої інформації\r\n            для певних цілей;<br>\r\n            - дотримуватись Закону, якщо обробка необхідна для дотримання вимог законодавства.\r\n            Розповсюдження персональних даних може здійснюватися Правовласником у таких випадках: <br>\r\n            − при обробці персональних даних з метою відображення профілю Користувача для інших Користувачів\r\n            Сайту для підтримки комунікації, у тому числі під час надання послуг дистанційним способом;\r\n            - з метою розміщення відгуків про послуги, що надаються Правовласником, залишені Користувачами, у\r\n            різних джерелах інформації; <br>\r\n            - з метою розміщення відеоматеріалів, отриманих у процесі надання послуг, у різних джерелах інформації;<br>\r\n            - оптимізація Правовласником розсилки повідомлень інформаційного та рекламного характеру;<br>\r\n            - застосування організаційних та технічних заходів щодо забезпечення безпеки персональних даних під час\r\n            їх обробки в інформаційних системах. Знищення персональних даних здійснюється Правовласником у\r\n            таких випадках: − видалення Користувачем персональних даних у відповідному розділі Акаунту\r\n            Користувача; <br>\r\n            - надходження від Користувача відкликання згоди на обробку персональних даних; <br>\r\n            - отримання від Користувача вимоги про знищення персональних даних;<br>\r\n            - закінчення терміну дії згоди;<br>\r\n            - закінчення терміну зберігання персональних даних відповідно до домовленостями Правовласника та\r\n            Користувача. <br>\r\n            Отримання Користувачем Віртуальних предметів може вимагати надання інформацію про платіжні методи\r\n            Користувача, зокрема дані кредитних карток. Правовласник не зберігає та не утримує ці дані, а також не\r\n            обробляємо платежі Користувача. <br> <br>\r\n            &nbsp; &nbsp; &nbsp;Оброблення платежів здійснюється за допомогою платіжної системи Fondy - https://fondy.ua/uk/ та\r\n            постачальниками платіжних послуг, зокрема еквайєрами, емітентами кредитних карток, вашою фінансовою\r\n            установою тощо. Послуги, що надаються Постачальниками платіжних послуг, можуть підлягати нагляду\r\n            фінансових регуляторів і контролюються угодами Постачальників платіжних послуг, що застосовуються до\r\n            транзакції. Правовласник вживає необхідних та достатніх правових, організаційних та технічних заходів\r\n            для захисту інформації, що надається Користувачами, від неправомірного або випадкового доступу,\r\n            знищення, зміни, блокування, копіювання, розповсюдження, а також від інших неправомірних дій з нею. <br><br>\r\n            РОЗТАШУВАННЯ ІНФОРМАЦІЇ<br>\r\n            &nbsp; &nbsp; &nbsp;Правовласник і підконтрольні йому особи знаходяться в Україні. Під час використання Користувача\r\n            нашого Сайту та спілкування Користувача з Правовласником, ваша особиста інформація може бути\r\n            передана за межі країни проживання Користувача та може зберігатися в кількох країнах і мати доступ до\r\n            них. Кожного разу, коли Правовласник передає особисту інформацію в інші юрисдикції, Правовласник\r\n            гарантує, що інформація передається відповідно до цієї Політики конфіденційності. <br><br>\r\n   \r\n            ЗАЯВА ПРО ФАЙЛИ COOKIE <br>\r\n            &nbsp; &nbsp; &nbsp;Файли cookie — це невеликі файли даних, які зберігаються на комп’ютері Користувача або портативному\r\n            пристрої, коли Користувач відвідує певні веб-сторінки, вони використовуються як механізм для того, щоб\r\n            сайт запам’ятовував дії, які браузер виконував у минулому, наприклад натискання певних кнопок або\r\n            попередній вхід. Файли cookie допомагають нам покращити взаємодію з користувачами та дозволяють нам\r\n            персоналізувати наші послуги, вимірювати, які області та функції наших послуг популярні, і розуміти, як\r\n            клієнти використовують послуги. <br><br>\r\n            &nbsp; &nbsp; &nbsp;Необхідні файли cookie (також відомі як суворо необхідні файли cookie): це файли cookie, необхідні для\r\n            роботи сайту Правовласника. До них належать, наприклад, файли cookie, які дають Користувачеві доступ\r\n            до захищених розділів нашого Сайту. Аналітичні/продуктивні файли cookie: вони дозволяють\r\n            Правовласникові розпізнавати та підраховувати кількість відвідувачів і бачити, як відвідувачі\r\n            переміщуються нашим сайтом під час його використання. Це допомагає Правовласникові покращувати\r\n            Сайт, наприклад, гарантуючи, що користувачі можуть легко знайти те, що вони шукають. Функціональні\r\n            файли cookie: вони використовуються для покращення функціональності Сайту та полегшення\r\n            використання Сайту клієнтами. Наприклад, вони використовуються для того, щоб запам’ятати, що\r\n            Користувач раніше відвідував Сайт і попросив залишатися авторизованими на Сайті. Цільові файли cookie:\r\n            ці файли cookie записують відвідування Користувачем сайту Правовласника та ваші звички перегляду,\r\n            наприклад сторінки, які Користувач відвідав, і посилання, за якими Користувач переходив. Вони\r\n            використовуються, щоб показувати Користувачеві рекламу, яка більше відповідає інтересам Користувача, а\r\n            також їх можна використовувати для обмеження кількості переглядів реклами. Вони можуть бути\r\n            розміщені нами або рекламними мережами з нашого дозволу. Зверніть увагу, що ці файли cookie не містять\r\n            особистої інформації Користувача. Правовласник також можемо включати файли cookie третіх сторін на\r\n            наш Сайт, і збір, використання та вибір, пов’язаний із цими файлами cookie третіх сторін, можна знайти на\r\n            таких сторонніх сайтах. Правовласник використовує файли cookie з технічних причин і для персоналізації.\r\n            Деякі з цих файлів cookie можуть бути встановлені під час завантаження сторінки або коли користувач\r\n            виконує певну дію на веб-сайті. Правовласник можемо використовувати файли cookie та пов’язані\r\n            технології, описані нижче, для різних цілей, зокрема для оформлення сайту, менеджер тегів Google,\r\n            реклами, аналітика, соціальних мереж тощо. На наших веб-сайтах ви можете бачити «банер із файлами\r\n            cookie». Якщо Користувач дасте згоду таким чином, Правовласник може встановити рекламні файли cookie\r\n            на веб-сайті. Ми періодично показуватимемо Користувачеві банер, якщо ви передумаєте. <br><br>\r\n            ВАШІ ПРАВА <br>\r\n            &nbsp; &nbsp; &nbsp;Правовласник хотів б переконатися, що Користувач повністю знає всі свої права на захист даних. Кожен\r\n            користувач має право на: Право на виправлення — Користувач маєте право вимагати від Правовласника\r\n            виправлення будь-якої інформації, яку Користувач вважає неточною. Користувач також має право вимагати\r\n            від Правовласника доповнити інформацію, яку Користувач вважає неповною. Право на видалення —\r\n            Користувач має право вимагати видалення його персональних даних за певних умов. Право на обмеження\r\n            обробки — Користувач маєте право вимагати обмеження обробки його персональних даних за певних\r\n            умов. Право на заперечення проти обробки — Користувач має право заперечити проти обробки його\r\n            персональних даних за певних умов. Майте на увазі, що якщо Користувач не дозволе Правовласникові\r\n            збирати його особисту інформацію, ми можемо не мати змоги надавати йосму певні послуги, а деякі наші\r\n            послуги можуть не враховувати інтереси Користувача та вподобання. Користувач завжди можете\r\n            відкликати згоду, отримати або вимагати видалення всіх його особистих даних, які Правовласник має, або\r\n            поставити запитання, надіславши нам електронний запит на secondlifeukraine@gmail.com. <br><br>\r\n            ЗГОДА КОРИСТУВАЧА НА ОБРОБКУ ПЕРСОНАЛЬНИХ ДАНИХ<br>\r\n            &nbsp; &nbsp; &nbsp;Користувач приймає умови Політики надає Правовласнику інформовану та усвідомлену згоду на обробку\r\n            своїх персональних даних на умовах, передбачених Політикою та Законом:border-radius\r\n            − при реєстрації Акаунту Користувача;<br>\r\n            - при внесенні або зміні персональних даних Акаунта Користувача – для персональних даних, які\r\n            Користувач надає під час редагування інформації на Сайті або в Ігри;<br>\r\n            - при заповненні форми зворотного зв'язку;<br>\r\n            - для персональних даних, які автоматично передаються Правовласнику в процесі використання Сайту за\r\n            допомогою встановленого на пристрої Користувача програмного забезпечення.\r\n            Користувач вважається таким, що надав згоду на обробку своїх персональних даних у момент початку\r\n            використання Сайту. Згода Користувача на обробку Правовласником його персональних даних діє з дня\r\n            надання згоди на їх обробку та протягом строку, необхідного для досягнення цілей обробки персональних<br>\r\n\r\n            даних. У разі недосягнення Користувачем віку 18 років останній, при наданні своїх персональних даних\r\n            зобов'язаний надіслати на адресу електронної пошти Правовласника, письмову згоду законного\r\n            представника Користувача на обробку таких даних Правовласником. Правовласник, зважаючи на\r\n            автоматизовану систему збору персональних даних, не стежить за наданням такої згоди Користувачем. У\r\n            разі виявлення недієздатності Користувача, який надав свої персональні дані без письмового дозволу його\r\n            законного представника, Правовласник негайно блокує обробку таких персональних даних до з'ясування\r\n            обставин. Правовласник виходить з того, що Користувач надає достовірну та достатню персональну\r\n            інформацію з питань, що пропонуються у формах Сайту, та підтримує цю інформацію в актуальному стані.\r\n            У разі завантаження свого зображення через Акаунт Користувача — Користувач на безоплатній основі дає\r\n            згоду на використання цього зображення (ст. 308 Цивільного кодексу) з метою, не пов'язаною із\r\n            встановленням особи Користувача. Користувач зобов'язується не надавати фотографії третіх осіб як\r\n            зображення Користувача. Користувач усвідомлює, що інформація на Сайті, що розміщується Користувачем\r\n            про себе, може бути доступною для інших Користувачів Сайту, може бути скопійована та поширена\r\n            такими Користувачами у випадках та на умовах, зазначених у п. Політики Користувач ознайомлений із\r\n            цією Політикою, висловлює свою поінформовану та усвідомлену згоду з нею. <br><br>\r\n            &nbsp; &nbsp; &nbsp;Обмеження відповідальності Правовласник не несе відповідальності за можливе нецільове використання\r\n            персональних даних та заподіяння будь-якої шкоди Користувачеві, що сталося внаслідок:\r\n            − технічних неполадок у програмному забезпеченні та в технічних засобах та мережах, що знаходяться поза\r\n            контролем Правовласника; <br><br>\r\n            - у зв'язку з навмисним або ненавмисним використанням Сайту не за їх прямим призначенням третіми\r\n            особами;<br>\r\n            - незабезпечення конфіденційності паролів доступу або навмисної передачі паролів доступу іншої\r\n            інформації з Сайту самим Користувачем при отриманні послуг Правовласника або використанні Сайту\r\n            іншим особам, які не мають доступу до цієї інформації;<br>\r\n            - неправомірних дій третіх осіб щодо доступу до даних Сайту, у т.ч. персональних даних.\r\n            Правовласник не несе відповідальності за порядок використання Персональних даних Користувача третіми\r\n            особами, з якими Користувач взаємодіє у межах використання Сайту. Правовласник не здійснює перевірку\r\n            наявності особливого режиму обробки персональних даних Користувачів. Якщо Користувач є\r\n            громадянином країн Європейського Союзу або громадянином інших держав, які тимчасово або постійно\r\n            проживають на території країн ЄС і отримує доступ до Сайту з країн Європи, Правовласник вживає всіх\r\n            розумних заходів для забезпечення дотримання таких вимог законодавства про захист персональних даних.\r\n            Для цього Користувач зобов'язаний повідомити Правовласника про наявність особливого режиму захисту\r\n            персональних даних шляхом звернення за адресою електронної пошти Правовласника\r\n            secondlifeukraine@gmail.com Зміни до цієї Політики конфіденційності Очікується, що ця Політика про\r\n            конфіденційність час від часу змінюватиметься. Правовласник залишає за собою право вносити зміни до\r\n            Політики конфіденційності у будь-який час, з будь-якої причини та без попередження, крім публікації\r\n            оновленої Політики конфіденційності на нашому Сайті. Правовласник може періодично надсилати\r\n            електронною поштою нагадування про сповіщення та положення та умови, але Користувач має перевіряти\r\n            наш Сайт, щоб переглянути поточну Політику конфіденційності, яка є чинною, і перевірити будь-які зміни,\r\n            які могли бути внесені до неї. Продовження користування Сайтом або його сервісами після публікації нової\r\n            редакції Політики означає ухвалення Політики та її умов Користувачем. У разі незгоди з умовами\r\n            Політики, Користувач повинен негайно припинити використання Сайту та його сервісів. <br><br>\r\n            ЗВ'ЯЖІТЬСЯ З ПРАВОВЛАСНИКОМ <br>\r\n            Користувач має право надсилати Правовласнику свої запити у тому числі щодо використання його\r\n            персональних даних, а також відкликання згоди на обробку персональних даних.\r\n            Електронна пошта для звʼязку:secondlifeukraine@gmail.com <br><br><br><br><br>  \r\n         </div>\r\n         <div class=\"description__document\" v-if=\"activeDocument == 1\"> \r\n            &nbsp; &nbsp; &nbsp;Ця Угода користувача (далі – «Угода») є договором між Правовласником сайту\r\n            https://secondliferp.com.ua/ та Користувачем, та визначає правила користування Послугами, які включають\r\n            доступ до Гри під назвою «Secondlife», що розміщується на вказаному сайті, розроблена й керується\r\n            ФОП Мошенським Костянтином Олеговичем (ІПН 3814007094, запис в ЄДР про проведення державної\r\n            реєстрації No 2010350000000392919 від 04.09.2024), який зареєстрований в установленому чинним\r\n            законодавством України порядку(далі – «Правовласник»). <br><br>\r\n            &nbsp; &nbsp; &nbsp;Ця Угода набирає чинності після того, як Користувач приймає її умови, тому просимо уважно прочитати їх.\r\n            Користувач не має права використовувати Послуги, якщо не має дієздатності на згоду з умовами цієї Угоди\r\n            відповідно до чинного законодавства.\r\n            Отримуючи доступ до Послуг сайту, завантажуючи чи використовуючи будь-які наші Послуги будь-яким\r\n            чином; отримуючи доступ до платформ, вт.ч. соціальних мереж та (або) форуму, через натискання кнопки\r\n            «Прийняти» або після завершення процесу реєстрації, Користувач підтверджує, що прочитав, зрозумів та\r\n            згоден з усіма положеннями цією Угоди та бере на себе всі зобов'язання, що викладені в цій Угоді,\r\n            Політиці конфіденційності, Правилах користування. Зазначені документи передбачають згоду Користувача\r\n            на обробку, збір, використання і зберігання особистої інформації Користувача. <br><br>\r\n            &nbsp; &nbsp; &nbsp;ЯКЩО КОРИСТУВАЧ НЕ ЗГОДЕН ВЗЯТИ НА СЕБЕ ЗОБОВ'ЯЗАННЯ, ПЕРЕДБАЧЕНІ ЦІЄЮ УГОДОЮ,\r\n            АБО ЯКЩО В БУДЬ-ЯКИЙ МОМЕНТ ЧАСУ УМОВИ УГОДИ СТАНУТЬ ДЛЯ НЕПРИЙНЯТНИМИ ДЛЯ\r\n            КОРИСТУВАЧА, КОРИСТУВАЧ ЗОБОВ’ЯЗАНИЙ ВІДРАЗУ ПРИПИНІТЬ КОРИСТУВАТИСЯ\r\n            ПОСЛУГОЮ. <br><br>\r\n            1. ВИЗНАЧЕННЯ ТЕРМІНІВ<br>\r\n            1.1. «Користувач» — фізична особа, яка за власним бажанням для особистих некомерційних розважальних\r\n            цілей, що не пов'язані зі здійсненням підприємницької діяльності користується Послугами, які надаються\r\n            Правовласником. <br>\r\n            1.2. «Послуга» — ключова частина угоди сторін, яка дозволяє Користувачу через підключення до інтернету\r\n            та Клієнтську частину Ігри виконувати в інтерактивному, розважальному режимі заздалегідь підготовлені\r\n            завдання, проходити сюжет, взаємодіяти з іншими Користувачами, використовуючи ігровий контент,\r\n            оновлення, логіку та програмне забезпечення, яке є результатом діяльності та належать Правовласнику. <br>\r\n            1.3. «Віртуальні товари» — нематеріальні об'єкти, які є частиною Послуги можуть купуватись та\r\n            використовуватися Користувачами Ігри, що являють собою графічний ефект оформлення, за допомогою\r\n            яких визначається, як буде відображено зовнішній вигляд моделі Користувача та інші ігрових предметів під\r\n            час гри. <br>\r\n            1.4. «Ігра» — комп'ютерна програма, що використовує постійне з'єднання інтернетом для організації\r\n            ігрового процесу, зв'язку з іншими Користувачами у віртуальному світі «Secondlife», що включає\r\n            Клієнтську частину Ігри, компоненти, функції, Віртуальні товари, назви, комп'ютерні коди, файли, ігрове\r\n            програмне забезпечення, клієнтське та серверне програмне забезпечення, аудіодоріжки, оновлення,\r\n            картинки, теми, об'єкти,персонажі, імена, слогани, розташування, концепцію, логіку, ілюстрації,малюнки,\r\n            графіку, зображення, відео, анімації, звуки, музику, композиції,звукозаписи, аудіовізуальні ефекти,\r\n            інформацію, дані, документацію, аплети,протоколи чатів, інформація про персонажів, ігровий процес,\r\n            сценарії, записи тощо, включаючи всі доповнення та оновлення до Ігри, а також сервер, як частину\r\n            програмного забезпечення Ігри. <br>\r\n            1.5. «Клієнтська частина» — програмне забезпечення, яке потрібне для участі Користувача в Ігри та має\r\n            бути самостійно встановлене Користувачем на його персональному комп'ютері за допомогою Інтернету. <br>\r\n            1.6. «Сайт» — автоматизована інформаційна система, доступна в мережі Інтернет за адресою\r\n            https://secondliferp.com.ua/, що надає Користувачеві доступ до Послуг та Клієнтської частини. <br>\r\n            1.7. «Акаунт» — обліковий запис внутрі Ігри, де зберігається сукупність даних про Користувача, що\r\n            можуть містити його особисті дані, платіжні реквізити та інші налаштування, що необхідні для його\r\n            розпізнавання та надання доступу до Послуг. <br>\r\n            1.9. «Чіт-код» — це нетипова комбінація даних (послідовність букв, цифр або натискань клавіш),\r\n            програмних чи апаратних процесів або функцій, які здатні надати Користувачеві несправедливу перевагу в\r\n\r\n            Грі, змінити хід та механіку роботи або неправомірну модифікувати Послугу, які не недоступні за\r\n            виконання задокументованих Правовласником правил. <br>\r\n            1.9. «Правила користування» — вимоги, що стосуються зовнішнього ставлення для виконання норми\r\n            взаємодії (користування) при отриманні Послуг Користувачем від Правовласника з іншими Користувачами. <br>\r\n            1.10. «Політика конфіденційності» – правила, якими регламентується збір,обробка, використання і захист\r\n            персональних даних, що можуть бути запитанні/отримані у Користувачів. <br><br>\r\n            2. ЗАГАЛЬНІ ПОЛОЖЕННЯ <br>\r\n            2.1. Можливість надання наших Послуг вимагає від Користувача дотримання певних технічних вимог та\r\n            доступу до мережі Інтернет. Використовуючи та отримуючи доступ до Послуг(и), Користувач заявляє, що\r\n            прочитав та повністю прийняв всі вимоги, які зазначені в Угоді та готовий самостійно, власними коштами\r\n            оплачувати програмне забезпечення свого комп'ютера та доступ до мережі Інтернет для отримання Послуг. <br>\r\n            2.2. Для отримання Послуг Користувач має пройти реєстрацію та створити Аккаунт Користувача. Фактом\r\n            та датою укладення та повного й беззаперечного прийняття Угоди є реєстрація Користувача, під час якої\r\n            Користувач погоджується: <br>\r\n            а) з усіма положеннями цієї Угоди. У разі незгоди Користувача з цією Угодою або будь-яким пунктом цієї\r\n            Угоди Користувач не має права отримувати Послуги; <br>\r\n            б) надати правильну, точну, актуальну й повну інформацію про себе відповідно до реєстраційної форми,\r\n            при цьому Користувач розуміє, що Правовласник не зможе надати Послугу Користувачу у разі відсутності\r\n            в нього повної інформації; <br>\r\n            в) своєчасно оновлювати Реєстраційні дані, щоб вони залишалися правильними, точними, актуальними й\r\n            повними;<br>\r\n            г) з тим, що Правовласник залишає за собою право в будь-який час видалити або відкликати будь-яке ім'я\r\n            Користувача з будь-якої причини, що включає, серед іншого, претензії третіх сторін із приводу того, що\r\n            вказане ім'я Користувача порушує права третіх сторін;<br>\r\n            д) якщо Користувач хоче припинити дію Умов, Користувач може зробити це, закривши або ліквідувати\r\n            свій Аккаунт, тим самим припинити використання Послуг. <br>\r\n            2.3. Користувач несе відповідальність за конфіденційність імені Користувача, безпеку комп'ютерної\r\n            системи Користувача та всі дії, які виконуються від Акаунту Користувача. Користувач не може розкривати,\r\n            передавати або іншим чином надавати третім особам право користуватися паролем або Акаунтом\r\n            Користувача, за винятком випадків, дозволених Правовласником. Користувач погоджується відразу\r\n            повідомляти Правовласника про неавторизоване використання паролю або про інше порушення безпеки\r\n            користуючись реквізитами нижче та виходити з Акаунту наприкінці кожної ігрової сесії. <br> \r\n\r\n            2.4. Правовласник не несе відповідальності за використання пароля та Акаунту Користувача або за будь-\r\n            яку взаємодію та діяльність в Ігрі, які стали результатом використання імені Користувача та пароля\r\n\r\n            Користувачем чи особами, яким допустили навмисне або по необережності розкрити імені Користувача\r\n            та/абопароля на порушення цього положення про конфіденційність. <br>\r\n            2.5. Акаунт Користувача, включаючи будь-яку інформацію, яка має до нього відношення має суто\r\n            особистий характер. Користувач не має права продавати або надавати за плату право користування своїм\r\n            Акаунтом або іншим чином передавати право користування своїм Акаунтом. <br>\r\n            2.6. Правовласник може змінити, оновити, додати або видалити положення цієї Угоди в будь-який час,\r\n            повідомивши Користувача про такі зміни шляхом розміщення оновленої Угоди на Сайті або, залежно від\r\n            статусу Акаунту Користувача, на розсуд Правовласника, електронною поштою. <br>\r\n            2.7. Ця Угода, а також будь-які зміни до неї, набувають чинності через 30 днів після публікації.\r\n            Використовуючи Послугу після поновлення Угоди Правовласником, Користувач погоджуєтеся з усіма\r\n            оновленими умовами Угоди. У випадку, якщо Користувач не погоджуєтеся з будь-якими оновленими\r\n            умовами Угоди, Користувач має припинити користуватися Послугою. <br>\r\n            2.8. Правовласник зберігає за собою право і без пояснення причини та попередження відмовити будь-якому\r\n            Користувачеві у доступі до Послуг та припинити або призупинити дію Акаунту Користувача, якщо цього\r\n            вимагає закон, Правовласник надішле Користувачеві попереднє повідомлення. <br>\r\n\r\n            2.9. Правовласник може призупинити або припинити надання Послуги або змінити контент Послуги чи\r\n            наповнення Сайту або видаляти без будь-яких підстав і без повідомлення будь-який контент чи іншу\r\n            інформацію в т.ч.Акаунт Користувача в будь-який час, за будь-якої причини, з повідомленням або без\r\n            нього. <br>\r\n            2.10. Правовласник може використовувати функції, призначені для виявлення Чіт-кодів. Користувач\r\n            розуміє та погоджується не створювати та не сприяти створенню та використанню Чіт-кодів третіми\r\n            особами. Користувач також погоджується, що не буде прямо чи опосередковано відключати або іншим\r\n\r\n            чином перешкоджати роботі програм, що відповідають за виявлення та запобігання використанню Чіт-\r\n            кодів. Користувач погоджуєтесь, що не втручатиметься у роботу Ігри та Послуг, якщо інше не дозволено\r\n\r\n            Правовласником та розумієте,що останній має право ліквідувати Акаунт Користувача. <br>\r\n            2.11. Якщо Правовласник припине або призупине Акаунт Користувача, Користувач не матимете доступу до\r\n            Акаунту або будь-чого, пов'язаного з ним. Користувач не матимете права на відшкодування будь-якої\r\n            віртуальної валюти або Віртуальних товарів, отриманих або придбаних під час використання Ігор або\r\n            Послуг. Припинення будь-якої функції Послуги включає припинення доступу до такої функції.\r\n            Припинення надання Послуг призведе до видалення пароля й всієї відповідної інформації, файлів і\r\n            контенту, пов'язаного з Акаунтом Користувача (або будь-якої його частини), включно з Контентом\r\n            Користувача. Правовласник не нестиме ніякої відповідальності за будь-які призупинення або припинення\r\n            дії Послуги, зокрема за видалення Контенту Користувача. Усі положення цієї Угоди, дія та юридична сила\r\n            яких повинна бути збережена виходячи з їх правової природи змісту, залишаться в силі після припинення\r\n            дії Послуги, що включає, серед іншого, положення про право власності, про відмову від гарантій і про\r\n            обмеження відповідальності. <br> <br>\r\n            3. ОФОРМЛЕННЯ ЗАМОВЛЕННЯ <br>\r\n            3.1. Використання Користувачем ігрового сервісу та Послуг здійснюється за ліцензією, а не продається, і ви\r\n            тим самим підтверджуєте, що жодні права власності щодо Ігрового сервісу не передаються та не\r\n            поступаються і ця Угода не повинна тлумачитися як продаж будь-яких прав. <br>\r\n            3.2. Користувач робе замовлення через Сайт і це є згодою на пропозицію Правовласника укласти Угоду на\r\n            певні Послуги. При цьому деякі Послуги можуть бути платними та ціни на них визначаються\r\n            Правовласником самостійно. <br>\r\n            3.3. Коли Користувач розміщує замовлення на Сайті через форму «Донат», Правовласник відправляє\r\n            Користувачеві повідомлення, що підтверджує отримання Користувачем замовлення та містить деталі\r\n            замовлення Користувача. Підтвердженням прийняття Користувачем пропозиції про укладання Угоди слід\r\n            вважати те, що Правовласник списує відповідну ціну з Користувача з узгодженого засобу оплати та робить\r\n            відповідний контент та Послуги доступними для Користувача. Користувач погоджуєтесь на отримання\r\n            рахунків-фактур в електронному вигляді. <br>\r\n            3.4. Користувач несе відповідальність за достовірність наданої інформації при оформленні Замовлення.\r\n            Правовласник має право відмовитися від передання замовлення Користувачеві у будь-якому випадку, в\r\n            тому числі якщо відомості,вказані Користувачем під час оформлення замовлення, є неповними або\r\n            викликають підозру щодо їх дійсності. <br>\r\n            3.5. Якщо будь-якій зі сторін Угоди необхідна додаткова інформація, вона має право запросити її в іншої\r\n            сторони. У разі ненадання необхідної інформації Користувачем, Правовласник не несе відповідальності за\r\n            надання якісної Послуги Користувачу. <br>\r\n            3.6. Оформлення замовлення є додатковим підтвердженням Користувача з усіма умовами цієї Угоди та\r\n            наданням дозволу на збір, обробку та передачу персональних даних. Усі платежі за Послуги, що\r\n            здійснюються можуть здійснюватися та оброблятися через відповідну платформу третьої сторони. У цьому\r\n            відношенні застосовуються умови використання та оплати сторонньої платформи, доповнені цією Угодою.\r\n            Більше про Користувача і персональні дані в Політиках конфіденційності. <br>\r\n            3.7. Усі віртуальні валюти та Віртуальні товари вважаються остаточними й не підлягають поверненню,\r\n            якщо на розсуд Правовласника не було вирішено інакше. Користувач не матимете ніякого права, зокрема\r\n            права власності на будь-які Віртуальні товари та/або віртуальні валюти, які Користувач отримує.\r\n            Віртуальна валюта може бути використана виключно для отримання Віртуальних товарів.Віртуальна\r\n\r\n            валюта й Віртуальні товари не є законними платіжними засобами не можуть бути перепродані, передані за\r\n            вартістю, виплачені грошовими коштами, куплені не через Послугу, а іншими засобами чи методами, які\r\n            непередбачені в Грі, або застосовані до будь-якого іншого Акаунту, за винятком випадків, описаних тут,\r\n            або відповідно до вимог чинного законодавства. <br>\r\n            3.8. Віртуальна валюта та Віртуальні товари не мають встановленого терміну дії та не мають матеріальної\r\n            цінності у реальному світі, при цьому Правовласник має повний контроль над всією віртуальною валютою\r\n            й Віртуальними товарами та в будь-який час має право в односторонньому порядку змінити цінність,\r\n            змінити та/або усунути будь-яку віртуальну валюту й Віртуальні товари на свій розсуд і без будь-якої\r\n            відповідальності. Зобов'язання Правовласника Користувачем віртуальних послуг та/або Віртуальної валюти\r\n            на Акаунт Користувача. <br>\r\n            3.9. Правовласник не надаватиме жодних відшкодувань. Віртуальна валюта й Віртуальні товари не мають\r\n            жодної реальної валютної цінності, не можуть обмінюватися на реальні гроші й можуть використовуватися\r\n            тільки в Грі. Користувачу надається обмежена, відклична, непередавана ліцензія на використання\r\n            Віртуальної валюти або Віртуальних товарів у Грі. Крім цієї ліцензії, у вас немає правових підстав або прав\r\n            на вищезгадану валюту й товари. <br>\r\n            3.10. Якщо Акаунт Користувача було закрито або призупинено з будь-якої причини (на розсуд\r\n            Правовласника або якщо Правовласник припинить підтримку Гри), витрачаєте всю валюту й Віртуальні\r\n            товари. Правовласник має абсолютне право керувати, регулювати, контролювати, змінювати та/або\r\n            анулювати віртуальну валюту та/або Віртуальні товари, як вважатиме за необхідне на власний розсуд, і не\r\n            несе обов'язки перед вами або іншими особами за подібні дії. <br>\r\n            3.11. Оброблення платежів може залежати від виду платіжного методу, який ви використовуєте, при цьому\r\n            можуть існувати певні методи оплати, неприйнятні для постачальників платіжних послуг або на які можуть\r\n            поширюватися обмеження, що накладаються ними (включно з обмеженнями, що накладаються на\r\n            використання певних видів кредитних карток, дебетових карток, карток певних виробників), або різні\r\n            обмеження транзакцій у певних валютах. У максимальній мірі, дозволеній законом, ми не несемо\r\n            відповідальності за будь-які платежі, які ви здійснюєте, а також за якість роботи будь-якого з\r\n            постачальників платіжних послуг. Проводячи транзакцію, ви приймаєте умови угоди або будь-які\r\n            обмеження, які можуть застосовуватись постачальниками платіжних послуг. <br>\r\n            3.12. Користувач погоджується оплачувати будь-які комісійні збори й чинні податки, які поширюються на\r\n            Користувача або на будь-яку особу, що використовує зареєстрований на Користувача Аккаунт. Будь-які\r\n            додаткові витрати або зобов'язання, які накладаються на вас під час взаємодії з третіми сторонами, є\r\n            відповідальністю Користувача. Збори не підлягають поверненню. <br>\r\n            3.13. Надаючи Правовласнику або одному з її платіжних операторів платіжну інформацію, Користувач\r\n            гарантує, що є законним власником картки, ПІН-коду та облікового запису, пов'язаних з цим платежем.\r\n            Користувач погоджуєтесь не використовувати IP-проксі або інші методи, що дозволяють приховати місце\r\n            проживання Користувача, щоб обійти географічні обмеження на ігровий контент. В іншому випадку\r\n            Правовласник може блокувати Користувача доступ до Аккаунту. <br>\r\n            3.14. Користувач має право на повернення коштів, якщо замовлення на Послугу прийшло помилково або в\r\n            неправильному форматі такі як (поповнення на помилкову суму, збій у системі тощо). <br>\r\n            4. ІНТЕЛЕКТУАЛЬНА ВЛАСНІСТЬ І ЛІЦЕНЗІЯ <br> <br>\r\n            4.1. Ви визнаєте та погоджуєтеся з тим, що всі права інтелектуальної власності на наші Послуги й усі\r\n            супутні технології, а також інформація та контент, доступні через Послуги, включно з персонажами,\r\n            зображенням, сюжетними лініями, звуками, віртуальною валютою та Віртуальними товарами в Грі,\r\n            належать Правовласнику. <br>\r\n            4.2. Користувач також визнає та погоджується з тим, що не має права власності чи будь-яких інших\r\n            майнових прав на Акаунт і що всі права на Акаунт належать Правовласнику. <br>\r\n            4.3. Для використання Гри потрібно зайти на Сайт, ввести адресу серверу Правовласника, після чого\r\n            автоматично розпочинається скачування. Цим Правовласник передає Користувачеві, а Користувач приймає\r\n            обмежену, невиключну, відкличну ліцензію (що підлягає наведеним у цьому документі обмеженням), яка\r\n\r\n            не підлягає передачі й не передбачає видачу субліцензій. Ця ліцензія дозволяє\r\n            завантажувати,встановлювати, здійснювати доступ та використовувати Послуги виключно для особистих\r\n            некомерційних розважальних цілей. Будь-яке інше використання недозволено. <br>\r\n            4.4. Користувач не можете іншим чином використовувати, завантажувати, друкувати, відображати,\r\n            відтворювати, публікувати, ліцензувати, розміщувати, передавати, змінювати, створювати похідні роботи,\r\n            модифікувати, перекладати перепроєктовувати, розбирати, адаптувати, поширювати, продавати, купувати\r\n            або використовувати Послугу, її функції або компоненти повністю або частково без нашого попереднього\r\n            письмового дозволу. <br>\r\n            4.5. Користувач не може продавати, копіювати, обмінювати, відчужувати, передавати або іншим чином\r\n            поширювати все, що Користувач скопіював або купив у Грі, якщо це явно не дозволено Правовласником,\r\n            який залишає за собою всі права, ненадані цією Угодою. Ця Угода не містить і не надає інших ліцензій,\r\n            крім прямо передбачених Угодою. <br>\r\n            4.6. З причин, що включають, крім іншого, безпеку системи, стабільність розраховану на багато\r\n            Користувачів сумісність, Правовласнику може знадобитися виконання автоматичного оновлення,\r\n            попереднього завантаження, створення нових версій або іншого поліпшення Послуг, і, відповідно, системні\r\n            вимоги для використання Контенту та Послуг можуть бути часом змінюватись. Користувач погоджуєтесь\r\n            на таке автоматичне оновлення. Ви розумієте, що ця Угода не дає Користувачеві права на майбутні\r\n            оновлення, нові версії або інші вдосконалення Послуг. <br>\r\n            4.7. Правовласник поважає права інших на інтелектуальну власність і закликає до цього всіх, хто\r\n            користується Сайтом, Грою та Послугами. Якщо Користувач вважаєте, що використання Користувачем\r\n            роботи в рамках Ігри порушує авторські права Користувача, то Користувач можете повідомити\r\n            Правовласника про це, використовуючи реквізити нижче. <br><br>\r\n            5. КОНТЕНТ КОРИСТУВАЧА<br>\r\n            5.1. Користувач погоджується, що Користувач публікує контент при отриманні Послуг за власним\r\n            бажанням. Будь-які дані, текст, інформація, файли, графіка,фотографії та їх добірки, які завантажені,\r\n            розміщені, відправлені електронною поштою або іншим чином опубліковані вами через Послугу,\r\n            підлягають необмеженому комерційному, некомерційному та/або рекламному використанню\r\n            Правовласником (як частково, так і повністю). <br>\r\n            5.2. Тільки Користувачі несуть повну відповідальність за користувацький контент. Правовласник може\r\n            контролювати, а може і не контролювати контент Користувача і не гарантує точність, якість або цілісність\r\n            будь-якого контенту Користувача, який опубліковано в рамках користування Послугою, Використовуючи\r\n            Послугу, Користувач визнає і погоджується, що Користувач може зіткнутися з матеріалом, який\r\n            Користувач вважає образливим або небажаним. <br>\r\n\r\n            5.3. Користувач погоджується, що Правовласник ні за яких обставин не нестиме відповідальності за будь-\r\n            який контент Користувача, що включає, серед іншого, помилки в контенті Користувача або будь-які втрати\r\n\r\n            або збитки, завдані підчас використання контенту Користувача. Правовласник не має зобов'язань і не буде\r\n            перевіряти будь-який контент Користувача, але має право на свій розсуд видаляти будь-який контент\r\n            Користувача в разі скарги. Якщо цього вимагає закон, Правовласник повідомить вас до або після видалення\r\n            контенту Користувача, який ви опублікували або завантажили. <br>\r\n            5.4. Приймаючи умови цієї Угоди, Користувач надаєте та гарантуєте Правовласнику безвідкличну,\r\n            безстрокову, передавану, не ексклюзивну, безоплатну,територіально не обмежену ліцензію (зокрема право\r\n            на субліцензії й передачу третім особам), а також право копіювати, відтворювати,\r\n            виправляти,підлаштовувати, змінювати, створювати похідні роботи, випускати, запускати в серійне\r\n            виробництво, публікувати, поширювати, продавати, ліцензувати,встановлювати права, переносити, давати\r\n            у тимчасове користування,передавати, публічно надавати, публічно виконувати чи надавати електронний\r\n            доступ, транслювати, публічно повідомляти за допомогою телекомунікацій, показувати, виконувати,\r\n            вводити в пам'ять комп'ютера, атакож будь-яким способом використовувати й застосовувати Користувача\r\n            Контент, а також всі змінені та похідні продукти Користувачаого Контенту в зв'язку з наданням Послуги,\r\n            зокрема для маркетингу і реклами Послуги. Ця ліцензія надається на строк дії ліцензованих прав або, якщо\r\n            це дозволено законом, безстроково. За винятком випадків, заборонених законодавством, ви відмовляєтеся\r\n            від будь-яких прав на згадку імені автора та/або будь-яких моральних прав, які виможете мати щодо\r\n\r\n            Користувачаого Контенту, незалежно від того, чи змінювався Користувача Контент якимось чином.\r\n            Користувач гарантує та заявляє, що Користувач маєте право завантажувати будь-який контент, який\r\n            Користувач робе доступним (публікує) через Послугу. <br><br>\r\n            6. ІНШІ УМОВИ<br>\r\n            6.1. Усі спори, що виникають між Користувачем і Правовласником,вирішуються шляхом переговорів. У\r\n            випадку недосягнення врегулювання спірного питання шляхом переговорів, Користувач та/або\r\n            Правовласник мають право звернутися за вирішенням спору до судових органів відповідно до чинного\r\n            законодавства України. <br>\r\n            6.2. Якщо інше не обумовлюється в цій Угоді у прямій формі, якщо будь-яке положення цієї Угоди буде в\r\n            судовому порядку незаконним або нездійсненним, воно повинно виконуватися в максимально допустимій\r\n            мірі, а інші положення цієї Угоди повинні залишатися чинними на повну силу. <br>\r\n            6.3. Користувач погоджується з тим, що Правовласник має право надсилати повідомлення (у тому числі за\r\n            допомогою електронної пошти, смс і інших засобів звʼязку), які містять рекламну інформацію про Сервіс,\r\n            Гра або матеріали, що тематично пов'язані з ними. <br><br>\r\n            7. КОНТАКТНА ІНФОРМАЦІЯ<br>\r\n            7.1. Якщо у Користувача виникли будь-які питання за цією Угодою, будь ласка, зв'яжіться з службою\r\n            підтримки Правовласника.\r\n            Правовласник зробе все можливе, щоб допомогти Користувачеві.\r\n            Контакт технічної підтримки: t.me/SecondlifeSupport\r\n            Електронна адреса: secondlifeukraine@gmail.com <br><br><br><br>\r\n         </div>\r\n         <div class=\"description__document\" v-if=\"activeDocument == 2\">\r\n            &nbsp; &nbsp; &nbsp;Поведінка Користувача в мережі та взаємини з іншими Користувачами повинні відповідати цим\r\n            Правилам користування, які встановлюють норми та вимоги, для координації поведінкової діяльності людей та\r\n            поліпшення якості Послуг. Користувач має право настроїти Акаунт, змінювати ім'я користувача та паролі для\r\n            доступу до нього; редагувати свій Акаунт та інформацію у профілі Користувача про себе; отримувати Послуги\r\n            та здійснювати інші, не заборонені законом, Правилами та Угодою, дії щодо використання Сайту, Гри та\r\n            Послуг. Отримуючи Послуги від Правовласника, ви погоджуєтесь дотримуватися наведених нижче правил і не\r\n            спонукати інших осіб до їх порушення: <br><br>\r\n            − не створювати Акаунт із використанням неправдивої інформації;<br>\r\n            − не створювати Акаунт або не використовувати Послугу, якщо раніше Акаунт Користувача було вилучено\r\n            Правовласником або Користувачеві було заборонено грати в Ігру;<br>\r\n\r\n            − не використовувати Акаунт Користувача, Сайт або Послугу для реклами або нав'язування й передачі будь-\r\n            яких комерційних рекламних оголошень, зокрема розсилок, небажаної пошти або повторюваних повідомлень\r\n\r\n            будь-якій особі;<br>\r\n            − не використовувати свій Акаунт або Послугу, щоб займатися будь-якою незаконною діяльністю;<br>\r\n            − не здійснювати доступ до облікового запису іншого Користувача без його дозволу;<br>\r\n            − не використовувати Сайт або Послугу будь-яким чином, що порушує чинне законодавство або положення чи є\r\n            забороненим згідно з цією Угодою;<br>\r\n            − не продавати, не купувати й не використовувати у комерційних цілях будь-які компоненти Послуг, які\r\n            включаються Сервером;<br>\r\n            − не ображати, домагатися, переслідувати, загрожувати чи іншим чином порушувати законні права (такі, як\r\n            право на невтручання в особисте життя та гласність) інших Користувачів;<br>\r\n            − не використовувати можливості Сайту або Послуги для будь-яких інших цілей, не пов'язаних із їх прямим\r\n            призначенням;<br>\r\n            − не змінювати або не відключати будь-які функції, пов'язані з безпекою Сайту або Послуг чи їх складових,\r\n            зокрема Послуги, що надаються на Сторонніх платформах;<br>\r\n            − не завантажувати або надавати іншим чином файли, які містять зображення, фотографії, програмне\r\n            забезпечення або інші матеріали, захищені законами про інтелектуальну власність, включаючи, зокрема, закон\r\n            про авторське право або торгові марки (або право на невтручання в особисте життя та гласність), за винятком\r\n            випадків, коли ви є правовласником або отримали всі необхідні дозволи;<br>\r\n            − не завантажувати (крім кеша відображення сторінки) будь-яку частину Гри, що належать Правовласнику, або\r\n            будь-яку інформацію, що міститься в них, за винятком випадків, явно передбачених Правовласником;<br>\r\n            − забороняється копіювати, перекладати, публікувати, декомпілювати, виконувати технічний аналіз,\r\n            дизасемблювати або конвертувати Сайт або здійснювати спробу отримати доступ до вихідного коду Сайту для\r\n            створення похідних робіт на основі вихідного коду Сайту чи іншим чином;<br>\r\n            − забороняється завантажувати, зберігати, публікувати, розповсюджувати, надавати доступ або іншим чином\r\n            використовувати будь-яку інформацію, інструменти та (або) матеріали, які пропагують і (або) розпалюють\r\n            расову, релігійну, етнічну ненависть чи ворожнечу, або захищають ідеологію фашизму, комунізму чи расової\r\n            переваги, містять негативні заяви про будь-яку країну, народ, релігію, політику, принижують національну\r\n            гідність, у тому числі за ознакою національного походження політичних переконань;\r\n            сприяють злочинній діяльності або містять поради, інструкції чи вказівки щодо скоєння злочинних дій;містять\r\n            особисті дані, зображення третіх осіб без їхньої попередньої згоди, за винятком випадків, передбачених\r\n            законодавством;<br>\r\n            − не завантажувати файли, які містять віруси, троянські програми, хробаків або будь-яке подібне програмне\r\n            забезпечення, яке може порушити роботу інших комп'ютерів або пошкодити власність інших осіб;<br>\r\n            − не здійснювати атаки на сервери Гри або в інший спосіб порушувати його роботу;<br>\r\n            − крім того, ви гарантуєте, що ви не перебуваєте в країні, яка визнана Україною як державою-спонсором\r\n            тероризм або країною що надає підтримку тероризму;<br>\r\n            − не обмежувати або не перешкоджати іншим Користувачам отримувати Послуги, програмне забезпечення або\r\n            інший контент;<br>\r\n            − не здійснювати будь-які інші протизаконні дії. <br>\r\n            Тільки Користувач несе відповідальність за його взаємодію з іншими Користувачами Послуг. Правовласник\r\n            може в будь-який час втрутитися в суперечки між Користувачем та іншими Користувачами, але не\r\n            зобов'язується робити цього. Правовласник не нестиме відповідальності за будь-який результат цих суперечок,\r\n            зокрема позови й компенсації будь-якого характеру. <br>\r\n            У максимальній мірі, дозволеній законом, Правовласник залишає за собою право вирішувати, яка поведінка є\r\n            порушенням правил Угоди та Правил користування. У разі порушення вищевказаних положень, Правовласник\r\n            має право на свій розсуд вжити або не вжити дії, що включають, крім іншого, видалення вашого Акаунт або\r\n            заборону на користування Послугами. <br> <br><br><br>\r\n         </div>\r\n      </main>\r\n      <div class=\"open__burgermenu\" v-show=\"openBurgerMenu\">\r\n         <div class=\"list__social\">\r\n            <a href=\"#Faq\" class=\"item\" @click=\"() => {{$emit('update:active-document', null); $emit('update:current-page', 4); $emit('update:open-burgerMenu', false); openBurgerMenu = false; $router.push('/')}}\">FAQ</a>\r\n            <div class=\"item\"><a href=\"https://forum.secondliferp.com.ua/index.php\" target=\"_blank\">Форум</a></div>\r\n            <div class=\"item\"  @click=\"$emit('update:active-document', null); $emit('update:active-header', 1); $router.push('/')\">Донат</div>\r\n            <a href=\"https://www.youtube.com/@SecondLifeRP_UA\" class=\"item\"><img src=\"../assets/img/youtubeP.svg\" alt=\"\" class=\"icon\"> YouTube</a>\r\n            <a href=\"https://www.tiktok.com/@secondliferp_ua\" class=\"item\"><img src=\"../assets/img/tiktokP.svg\" alt=\"\" class=\"icon\"> TikTok</a>\r\n            <a href=\"https://www.instagram.com/secondliferp_ua\" class=\"item\"><img src=\"../assets/img/instagramP.svg\" alt=\"\" class=\"icon\"> Instagram</a>\r\n            <a href=\"https://discord.gg/secondlife-roleplay-960651717156937728\" class=\"item\"><img src=\"../assets/img/discrodP.svg\" alt=\"\" class=\"icon\"> Discord</a>\r\n            <a href=\"https://t.me/SecondLifeRP\" class=\"item\"><img src=\"../assets/img/telegramP.svg\" alt=\"\" class=\"icon\"> Telegram</a>\r\n         </div>\r\n      </div>\r\n   </div>\r\n </template>\r\n\r\n<script>\r\nexport default {\r\n   name: \"DocumentPage\",\r\n   props: {\r\n      activeDocument: {\r\n         type: Number,\r\n         required: true,\r\n      },\r\n      historyPosition: {\r\n         type: Number,\r\n         required: true,\r\n      }\r\n   },\r\n   data() {\r\n      return {\r\n         burgerMenu: 0,\r\n         openBurgerMenu: false,\r\n      };\r\n   },\r\n   methods: {\r\n      ClickPage(page) {\r\n         this.$emit('update:active-document', null); \r\n         this.$router.push('/');\r\n         this.$emit('update:current-page', 4); \r\n         let position = this.historyPosition;\r\n         if (this.openBurgerMenu == false) {\r\n            setTimeout(() => {\r\n               const anim = document.querySelector('.container').animate(\r\n               [\r\n                  { transform: `translateY(${position}vh)`},\r\n                  { transform: `translateY(${-100 * page}vh)`},\r\n               ], \r\n               {\r\n                  duration: 800,\r\n                  iterations: 1,\r\n                  easing: 'ease-in-out',\r\n                  effect: 'spring',\r\n                  spring: { mass: 1, stiffness: 320, damping: 40 },\r\n               }\r\n               )\r\n               anim.addEventListener('finish', () => {\r\n                  position = -100 * page\r\n                  this.$emit(\"update:history-position\", position);\r\n                  document.querySelector('.container').style.transform = `translateY(${position}vh)`;\r\n               })\r\n            },250)\r\n         } else {\r\n            this.openBurgerMenu = false; \r\n            setTimeout(() => {\r\n               const anim = document.querySelector('.container').animate(\r\n               [\r\n                  { transform: `translateY(${position}vh)`},\r\n                  { transform: `translateY(${-100 * page}vh)`},\r\n               ], \r\n               {\r\n                  duration: 800,\r\n                  iterations: 1,\r\n                  easing: 'ease-in-out',\r\n                  effect: 'spring',\r\n                  spring: { mass: 1, stiffness: 320, damping: 40 },\r\n               }\r\n               )\r\n               anim.addEventListener('finish', () => {\r\n                  position = -100 * page\r\n                  this.$emit(\"update:history-position\", position);\r\n                  document.querySelector('.container').style.transform = `translateY(${position}vh)`;\r\n               })\r\n            }, 150)\r\n         }\r\n      },\r\n      WidthUpdate() {\r\n         if (window.innerWidth <= 744) this.burgerMenu = 1;\r\n         else this.burgerMenu = 0;\r\n      },\r\n   },\r\n   created() {\r\n      window.addEventListener(\"resize\", this.WidthUpdate);\r\n   },\r\n   mounted() {\r\n      this.WidthUpdate();\r\n   },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import './nulstyle.scss';\r\n@import './variables.scss';\r\n@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);\r\n$mouse-device: '(hover: hover) and (pointer: fine)';\r\n.first__screens {\r\n   height: 100vh;\r\n   width: 100vw;\r\n   position: absolute;\r\n   top: 0;\r\n   display: flex;\r\n   flex-direction: column;\r\n   align-items: center;\r\n   justify-content: center;\r\n   background: url(../assets/img/back/slide5.jpg) no-repeat center center;\r\n   background-size: cover;\r\n   @media (max-width: 744px) {\r\n      background: url(../assets/img/mobile/back/slide1.jpg) no-repeat center center;\r\n      background-size: cover;\r\n      overflow-x: hidden;\r\n   }\r\n   & > header {\r\n      width: 100%;\r\n      height: get-vh(160px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: calc(100vw - #{get-vh(128px)});\r\n      @media (max-width: 400px) { \r\n         width: calc(100vw - #{get-vh(64px)});\r\n      }\r\n      & > .container__hed {\r\n         z-index: 2;\r\n         height: 100%;\r\n         width: get-vh(1680px);\r\n         display: flex;\r\n         align-items: center;\r\n         justify-content: space-between;\r\n         @media (max-width: 1440px) { \r\n            width: get-vh(1280px);    \r\n         }\r\n         & > .logo img {\r\n            position: relative;\r\n            width: get-vh(240px);\r\n            height: get-vh(88px);\r\n            cursor: pointer;\r\n            @media (max-width: 1440px) { \r\n               width: get-vh(192px);\r\n               height: get-vh(70px);   \r\n            }\r\n         }\r\n         & > .links {\r\n            margin-left: get-vh(10px);\r\n            flex: 1;\r\n            max-width: get-vh(577px);\r\n            height: get-vh(36px);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            @media (max-width: 1440px) { \r\n               max-width: get-vh(461px);\r\n               height: get-vh(28px);\r\n            }\r\n            & > .page {\r\n               width: 50%;\r\n               height: 100%;\r\n               display: flex;\r\n               justify-content: space-between;\r\n               font-weight: 600;\r\n               font-size: get-vh(24px);\r\n               line-height: 125%;\r\n               letter-spacing: -0.03em;\r\n               text-shadow: 0px 0px get-vh(8px) rgba(0, 0, 0, 0.25);\r\n               cursor: pointer;\r\n               & > li > a {\r\n                  color: #FFFFFF;\r\n               }\r\n               @media (max-width: 1440px) { \r\n                  font-size: get-vh(19px);\r\n               }\r\n            }\r\n            & > .social-icons {\r\n               width: 42%;\r\n               height: get-vh(36px);\r\n               display: flex;\r\n               align-items: center;\r\n               justify-content: space-between;\r\n               @media (max-width: 1440px) { \r\n                  height: 100%;\r\n               }\r\n               & > li {\r\n                  display: inline-block;\r\n                  & > a {\r\n                     box-shadow: 0px 0px get-vh(8px) rgba(0, 0, 0, 0.25);\r\n                     border-radius: 50%;\r\n                     height: get-vh(36px);\r\n                     width: get-vh(36px);\r\n                     display: block;\r\n                     overflow: hidden;\r\n                     @media (max-width: 1440px) { \r\n                        height: 100%;\r\n                        width: get-vh(28px);\r\n                     }\r\n                     & > img {\r\n                        display: block;\r\n                        width: 100%;\r\n                        height: 100%;\r\n                     }\r\n                  }\r\n               }\r\n            }\r\n         }\r\n         & > .burger {\r\n            width: get-vh(72px);\r\n            height: get-vh(72px);\r\n            position: relative;\r\n            z-index: 2;\r\n         }\r\n      }\r\n   }\r\n   & > main {\r\n      flex: 1 1 auto;\r\n      max-width: get-vh(1920px);\r\n      width: calc(100vw - #{get-vh(192px)});\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      @media (max-width: 400px) { \r\n         width: calc(100vw - #{get-vh(48px)});\r\n      }\r\n      & > .name__document {\r\n         font-size: get-vh(64px);\r\n         font-weight: 600;\r\n         line-height: 1.1;\r\n         letter-spacing: -0.96px;\r\n         text-align: center;\r\n         @media (max-width: 1280px) { \r\n            font-size: get-vh(51px);\r\n         }\r\n         @media (max-width: 1280px) { \r\n            font-size: get-vh(51px);\r\n         }\r\n         @media (max-width: 744px) { \r\n            font-size: get-vh(46px);\r\n         }\r\n         @media (max-width: 400px) { \r\n            font-size: get-vh(40px);\r\n         }\r\n      }\r\n      & > .description__document {\r\n         margin-top: get-vh(36px);\r\n         max-width: get-vh(1600px);\r\n         height: get-vh(790px);\r\n         overflow-y: scroll;\r\n\r\n         text-shadow: 0px 0px get-vh(24px) rgba(0, 0, 0, 0.35);\r\n         font-family: Montserrat;\r\n         font-size: get-vh(20px);\r\n         font-style: normal;\r\n         font-weight: 600;\r\n         line-height: 125%; /* 25px */\r\n         letter-spacing: -0.4px;\r\n\r\n         mask-image: linear-gradient(180deg, #000 90.65%, rgba(0, 0, 0, 0.00) 100%);\r\n\r\n         &::-webkit-scrollbar {\r\n            width: 0;\r\n         }\r\n      }\r\n   }\r\n   & > .open__burgermenu {\r\n      width: 100%;\r\n      height: 100%;\r\n      z-index: 1;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      backdrop-filter: blur(get-vh(12px));\r\n      background: rgba(0, 0, 0, 0.5);\r\n      animation: openstart .5s ease-out;\r\n      @keyframes openstart {\r\n         0% {\r\n            background: rgba(0, 0, 0, 0);\r\n            backdrop-filter: blur(get-vh(0px));\r\n         }\r\n         100% {\r\n            background: rgba(0, 0, 0, 0.5);\r\n            backdrop-filter: blur(get-vh(12px));\r\n         }\r\n      }\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      padding-bottom: get-vh(40px);\r\n      & > .list__social {\r\n         height: 100%;\r\n         width: get-vh(275px);\r\n         margin-top: get-vh(124px);\r\n         display: flex;\r\n         flex-direction: column;\r\n         justify-content: space-between;\r\n         align-items: center;\r\n         padding: get-vh(93px) 0;\r\n         & > .item {\r\n            font-weight: 600;\r\n            font-size: get-vh(42px);\r\n            line-height: 125%;\r\n            letter-spacing: -0.03em;\r\n            color: #FFFFFF;\r\n            & > a {\r\n               color: #FFFFFF;\r\n            }\r\n            &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7), &:nth-child(8) {\r\n               line-height: get-vh(48px);\r\n               align-items: center;\r\n               & > .icon {\r\n                  width: get-vh(48px);\r\n                  height: get-vh(48px);\r\n               }\r\n            }\r\n         }\r\n      }\r\n   }\r\n}\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./DocumentPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./DocumentPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DocumentPage.vue?vue&type=template&id=33be7dba&\"\nimport script from \"./DocumentPage.vue?vue&type=script&lang=js&\"\nexport * from \"./DocumentPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DocumentPage.vue?vue&type=style&index=0&id=33be7dba&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"app\"}},[_c('router-view'),(_vm.activeHeader != 1 && _vm.activeDocument == null)?_c('ScrollItem',{attrs:{\"current-page\":_vm.currentPage,\"history-position\":_vm.historyPosition},on:{\"update:current-page\":function($event){_vm.currentPage = $event},\"update:history-position\":function($event){_vm.historyPosition = $event}}}):_vm._e(),(_vm.currentPage != -1 && _vm.activeDocument == null)?_c('div',{staticClass:\"container\",style:(_vm.getOverflowStyle()),on:{\"wheel\":function($event){$event.stopPropagation();return _vm.onScroll.apply(null, arguments)}}},[_c('FirstPage',{attrs:{\"current-page\":_vm.currentPage,\"active-header\":_vm.activeHeader,\"online\":_vm.online,\"history-position\":_vm.historyPosition},on:{\"update:history-position\":function($event){_vm.historyPosition = $event},\"update:current-page\":function($event){_vm.currentPage = $event},\"update:active-header\":function($event){_vm.activeHeader = $event},\"update:open-burgerMenu\":function($event){_vm.hideScroll = $event}}}),_c('SecondPage',{attrs:{\"currentPage\":_vm.currentPage}}),_c('ThreePage',{attrs:{\"currentPage\":_vm.currentPage}}),_c('FourPage',{attrs:{\"currentPage\":_vm.currentPage}}),_c('FivePage',{attrs:{\"current-page\":_vm.currentPage,\"active-header\":_vm.activeHeader,\"check-for-scroll\":_vm.checkForScroll,\"active-document\":_vm.activeDocument},on:{\"update:current-page\":function($event){_vm.currentPage = $event},\"update:active-header\":function($event){_vm.activeHeader = $event},\"update:check-for-scroll\":function($event){_vm.checkForScroll  = $event},\"update:active-document\":function($event){_vm.activeDocument = $event}}})],1):_vm._e(),_c('DonatePage',{attrs:{\"active-header\":_vm.activeHeader,\"current-page\":_vm.currentPage,\"history-position\":_vm.historyPosition,\"active-document\":_vm.activeDocument},on:{\"update:current-page\":function($event){_vm.currentPage = $event},\"update:active-header\":function($event){_vm.activeHeader = $event},\"update:history-position\":function($event){_vm.historyPosition = $event},\"update:open-burgerMenu\":function($event){_vm.hideScroll = $event},\"update:active-document\":function($event){_vm.activeDocument = $event}}}),(_vm.activeDocument != null)?_c('DocumentPage',{attrs:{\"active-document\":_vm.activeDocument,\"current-page\":_vm.currentPage,\"history-position\":_vm.historyPosition,\"active-header\":_vm.activeHeader},on:{\"update:active-document\":function($event){_vm.activeDocument = $event},\"update:current-page\":function($event){_vm.currentPage = $event},\"update:history-position\":function($event){_vm.historyPosition = $event},\"update:active-header\":function($event){_vm.activeHeader = $event}}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"first__screen\"},[_c('header',[_c('div',{staticClass:\"container__hed\"},[_vm._m(0),(_vm.burgerMenu == 0)?_c('div',{staticClass:\"links\"},[_c('ul',{staticClass:\"page\"},[_c('li',{style:(_vm.activeHeader === 0 ? 'color: #FFB800;' : 'color: #FFFFFF;'),on:{\"click\":function($event){return _vm.ClickPage(4)}}},[_vm._v(\"FAQ\")]),_vm._m(1),_c('li',{style:(_vm.activeHeader === 2 ? 'color: #FFB800;' : 'color: #FFFFFF;'),on:{\"click\":function($event){return _vm.showLoginDialog()}}},[_vm._v(\"Донат\")])]),_vm._m(2)]):_vm._e(),(_vm.burgerMenu == 1)?_c('img',{staticClass:\"burger\",attrs:{\"src\":require(\"../assets/img/menu.svg\"),\"alt\":\"\"},on:{\"click\":() => {_vm.$emit('update:open-burgerMenu', true);_vm.openBurgerMenu = true; _vm.burgerMenu = 2}}}):_vm._e(),(_vm.burgerMenu == 2)?_c('img',{staticClass:\"burger\",attrs:{\"src\":require(\"../assets/img/close.svg\"),\"alt\":\"\"},on:{\"click\":() => {_vm.$emit('update:open-burgerMenu', false);_vm.openBurgerMenu = false; _vm.burgerMenu = 1}}}):_vm._e()])]),_c('main',[_c('div',{staticClass:\"font\",class:{column: _vm.burgerMenu == 1 || _vm.burgerMenu == 2}},[(_vm.burgerMenu == 0)?_c('div',{staticClass:\"font__left\"},[_c('h1',{staticClass:\"title\"},[_vm._v(\"Знайди своє друге життя на SecondLife RP\")]),_c('h2',{staticClass:\"sub__title\"},[_vm._v(\"Зараз онлайн \"+_vm._s(_vm.online.count)+\" гравці. Чому ти досі не з нами?\")]),(_vm.burgerMenu == 0)?_c('button',{on:{\"click\":function($event){return _vm.ClickPage(3)}}},[_vm._v(\"Почати гру!\")]):_vm._e(),(_vm.burgerMenu == 1 || _vm.burgerMenu == 2)?_c('a',{staticClass:\"btnphone\",attrs:{\"href\":\"#StartGame\"}},[_vm._v(\"Почати гру!\")]):_vm._e()]):_vm._e(),(_vm.burgerMenu == 1 || _vm.burgerMenu == 2)?_c('h1',{staticClass:\"title\"},[_vm._v(\"Знайди своє друге життя на SecondLife RP\")]):_vm._e(),_c('iframe',{staticClass:\"video\",attrs:{\"src\":\"https://www.youtube.com/embed/ZXeSLehz-88?si=OdcHb7RQt4A6mOJD\",\"title\":\"YouTube video player\",\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\",\"allowfullscreen\":\"\"}}),(_vm.burgerMenu == 1 || _vm.burgerMenu == 2)?_c('h2',{staticClass:\"sub__title\"},[_vm._v(\"Зараз онлайн \"+_vm._s(_vm.online.count)+\" гравці. Чому ти досі не з нами?\")]):_vm._e(),(_vm.burgerMenu == 1 || _vm.burgerMenu == 2)?_c('a',{staticClass:\"btnphone\",attrs:{\"href\":\"#StartGame\"}},[_vm._v(\"Почати гру!\")]):_vm._e()])]),_vm._m(3),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.openBurgerMenu),expression:\"openBurgerMenu\"}],staticClass:\"open__burgermenu\"},[_c('div',{staticClass:\"list__social\"},[_c('a',{staticClass:\"item\",attrs:{\"href\":\"#Faq\"},on:{\"click\":() => {_vm.$emit('update:open-burgerMenu', false);_vm.openBurgerMenu = false; _vm.burgerMenu = 1}}},[_vm._v(\"FAQ\")]),_vm._m(4),_c('div',{staticClass:\"item\",on:{\"click\":function($event){_vm.$emit('update:current-page', -1); _vm.$emit('update:active-header', 1)}}},[_vm._v(\"Донат\")]),_vm._m(5),_vm._m(6),_vm._m(7),_vm._m(8),_vm._m(9)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/logoMini.png\"),\"alt\":\"Logo\",\"draggable\":\"false\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('li',[_c('a',{attrs:{\"href\":\"https://forum.secondliferp.com.ua/index.php\",\"target\":\"_blank\"}},[_vm._v(\"Форум\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"social-icons\"},[_c('li',[_c('a',{attrs:{\"href\":\"https://discord.gg/secondlife-roleplay-960651717156937728\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/discrod.svg\"),\"alt\":\"discrod\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://t.me/SecondLifeRP\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/telegram.svg\"),\"alt\":\"telegram\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.youtube.com/@SecondLifeRP_UA\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/youtube.svg\"),\"alt\":\"yt\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.instagram.com/secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/instagram.svg\"),\"alt\":\"inst\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.tiktok.com/@secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/tiktok.svg\"),\"alt\":\"tiktok\",\"draggable\":\"false\"}})])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('footer',[_c('h2',{staticClass:\"subtitle\"},[_vm._v(\"Гортай вниз, аби дізнатися більше!\")]),_c('img',{staticClass:\"arrow\",attrs:{\"src\":require(\"../../src/assets/img/arrow_down.svg\"),\"alt\":\"\",\"draggable\":\"false\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item\"},[_c('a',{attrs:{\"href\":\"https://forum.secondliferp.com.ua/index.php\",\"target\":\"_blank\"}},[_vm._v(\"Форум\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://www.youtube.com/@SecondLifeRP_UA\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/youtubeP.svg\"),\"alt\":\"\"}}),_vm._v(\" YouTube\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://www.tiktok.com/@secondliferp_ua\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/tiktokP.svg\"),\"alt\":\"\"}}),_vm._v(\" TikTok\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://www.instagram.com/secondliferp_ua\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/instagramP.svg\"),\"alt\":\"\"}}),_vm._v(\" Instagram\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://discord.gg/secondlife-roleplay-960651717156937728\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/discrodP.svg\"),\"alt\":\"\"}}),_vm._v(\" Discord\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://t.me/SecondLifeRP\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/telegramP.svg\"),\"alt\":\"\"}}),_vm._v(\" Telegram\")])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n   <div class=\"first__screen\">\r\n      <header>\r\n         <div class=\"container__hed\">\r\n            <div class=\"logo\">\r\n               <img src=\"../../src/assets/img/logoMini.png\" alt=\"Logo\" draggable=\"false\">\r\n            </div>\r\n            <div class=\"links\" v-if=\"burgerMenu == 0\">\r\n               <ul class=\"page\">\r\n                  <li :style=\"activeHeader === 0 ? 'color: #FFB800;' : 'color: #FFFFFF;'\" @click=\"ClickPage(4)\">FAQ</li>\r\n                  <li><a href=\"https://forum.secondliferp.com.ua/index.php\" target=\"_blank\">Форум</a></li>\r\n                  <li :style=\"activeHeader === 2 ? 'color: #FFB800;' : 'color: #FFFFFF;'\" @click=\"showLoginDialog()\">Донат</li>\r\n               </ul>\r\n               <ul class=\"social-icons\">\r\n                  <li><a href=\"https://discord.gg/secondlife-roleplay-960651717156937728\" target=\"_blank\"><img src=\"../../src/assets/img/discrod.svg\" alt=\"discrod\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://t.me/SecondLifeRP\" target=\"_blank\"><img src=\"../../src/assets/img/telegram.svg\" alt=\"telegram\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.youtube.com/@SecondLifeRP_UA\" target=\"_blank\"><img src=\"../../src/assets/img/youtube.svg\" alt=\"yt\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.instagram.com/secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/instagram.svg\" alt=\"inst\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.tiktok.com/@secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/tiktok.svg\" alt=\"tiktok\" draggable=\"false\"></a></li>\r\n               </ul>\r\n            </div>\r\n            <img src=\"../assets/img/menu.svg\" alt=\"\" class=\"burger\" v-if=\"burgerMenu == 1\" @click=\"() => {$emit('update:open-burgerMenu', true);openBurgerMenu = true; burgerMenu = 2}\">\r\n            <img src=\"../assets/img/close.svg\" alt=\"\" class=\"burger\" v-if=\"burgerMenu == 2\" @click=\"() => {$emit('update:open-burgerMenu', false);openBurgerMenu = false; burgerMenu = 1}\">\r\n         </div>\r\n      </header>\r\n      <main>\r\n         <div class=\"font\" :class=\"{column: burgerMenu == 1 || burgerMenu == 2}\">\r\n            <div class=\"font__left\" v-if=\"burgerMenu == 0\">\r\n               <h1 class=\"title\">Знайди своє друге життя на SecondLife RP</h1>\r\n               <h2 class=\"sub__title\">Зараз онлайн {{online.count}} гравці. Чому ти досі не з нами?</h2>\r\n               <button @click=\"ClickPage(3)\" v-if=\"burgerMenu == 0\">Почати гру!</button>\r\n               <a href=\"#StartGame\" class=\"btnphone\" v-if=\"burgerMenu == 1 || burgerMenu == 2\">Почати гру!</a>\r\n            </div>\r\n            <h1 class=\"title\" v-if=\"burgerMenu == 1 || burgerMenu == 2\">Знайди своє друге життя на SecondLife RP</h1>\r\n            <iframe class=\"video\" src=\"https://www.youtube.com/embed/ZXeSLehz-88?si=OdcHb7RQt4A6mOJD\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen></iframe>\r\n            <h2 class=\"sub__title\" v-if=\"burgerMenu == 1 || burgerMenu == 2\">Зараз онлайн {{online.count}} гравці. Чому ти досі не з нами?</h2>\r\n            <a href=\"#StartGame\" class=\"btnphone\" v-if=\"burgerMenu == 1 || burgerMenu == 2\">Почати гру!</a>\r\n         </div>\r\n      </main>\r\n      <footer >\r\n         <h2 class=\"subtitle\">Гортай вниз, аби дізнатися більше!</h2>\r\n         <img src=\"../../src/assets/img/arrow_down.svg\" alt=\"\" class=\"arrow\" draggable=\"false\">\r\n      </footer>\r\n      <div class=\"open__burgermenu\" v-show=\"openBurgerMenu\">\r\n         <div class=\"list__social\">\r\n            <a href=\"#Faq\" class=\"item\" @click=\"() => {$emit('update:open-burgerMenu', false);openBurgerMenu = false; burgerMenu = 1}\">FAQ</a>\r\n            <div class=\"item\"><a href=\"https://forum.secondliferp.com.ua/index.php\" target=\"_blank\">Форум</a></div>\r\n            <div class=\"item\" @click=\"$emit('update:current-page', -1); $emit('update:active-header', 1)\">Донат</div>\r\n            <a href=\"https://www.youtube.com/@SecondLifeRP_UA\" class=\"item\"><img src=\"../assets/img/youtubeP.svg\" alt=\"\" class=\"icon\"> YouTube</a>\r\n            <a href=\"https://www.tiktok.com/@secondliferp_ua\" class=\"item\"><img src=\"../assets/img/tiktokP.svg\" alt=\"\" class=\"icon\"> TikTok</a>\r\n            <a href=\"https://www.instagram.com/secondliferp_ua\" class=\"item\"><img src=\"../assets/img/instagramP.svg\" alt=\"\" class=\"icon\"> Instagram</a>\r\n            <a href=\"https://discord.gg/secondlife-roleplay-960651717156937728\" class=\"item\"><img src=\"../assets/img/discrodP.svg\" alt=\"\" class=\"icon\"> Discord</a>\r\n            <a href=\"https://t.me/SecondLifeRP\" class=\"item\"><img src=\"../assets/img/telegramP.svg\" alt=\"\" class=\"icon\"> Telegram</a>\r\n         </div>\r\n      </div>\r\n   </div>\r\n </template>\r\n \r\n<script>\r\nexport default {\r\n   name: \"FirstPage\",\r\n   props: {\r\n      currentPage: {\r\n         type: Number,\r\n         required: true,\r\n      },\r\n      online:{\r\n         type: Object,\r\n         require: true\r\n      },\r\n      historyPosition: {\r\n         type: Number,\r\n         required: true,\r\n      }\r\n   },\r\n   data() {\r\n      return {\r\n         activeHeader: -1,\r\n         burgerMenu: 0,\r\n         openBurgerMenu: false\r\n      };\r\n   },\r\n   methods: {\r\n      ClickPage(page) {\r\n         this.$emit('update:current-page', page)\r\n         let position = this.historyPosition;\r\n         if (this.openBurgerMenu == false) {\r\n            const anim = document.querySelector('.container').animate(\r\n            [\r\n               { transform: `translateY(${position}vh)`},\r\n               { transform: `translateY(${-100 * page}vh)`},\r\n            ], \r\n            {\r\n               duration: 800,\r\n               iterations: 1,\r\n               easing: 'ease-in-out',\r\n               effect: 'spring',\r\n               spring: { mass: 1, stiffness: 320, damping: 40 },\r\n            }\r\n            )\r\n            anim.addEventListener('finish', () => {\r\n               position = -100 * page\r\n               this.$emit(\"update:history-position\", position);\r\n               document.querySelector('.container').style.transform = `translateY(${position}vh)`;\r\n            })\r\n         } else {\r\n            this.openBurgerMenu = false; \r\n            setTimeout(() => {\r\n               const anim = document.querySelector('.container').animate(\r\n               [\r\n                  { transform: `translateY(${position}vh)`},\r\n                  { transform: `translateY(${-100 * page}vh)`},\r\n               ], \r\n               {\r\n                  duration: 800,\r\n                  iterations: 1,\r\n                  easing: 'ease-in-out',\r\n                  effect: 'spring',\r\n                  spring: { mass: 1, stiffness: 320, damping: 40 },\r\n               }\r\n               )\r\n               anim.addEventListener('finish', () => {\r\n                  position = -100 * page\r\n                  this.$emit(\"update:history-position\", position);\r\n                  document.querySelector('.container').style.transform = `translateY(${position}vh)`;\r\n               })\r\n            }, 150)\r\n         }\r\n      },\r\n      WidthUpdate() {\r\n         if (window.innerWidth <= 744) this.burgerMenu = 1;\r\n         else this.burgerMenu = 0\r\n      },\r\n      showLoginDialog() {\r\n         this.$emit('update:current-page', -1);\r\n         this.$emit('update:active-header', 1);\r\n      }\r\n   },\r\n   created() {\r\n      window.addEventListener(\"resize\", this.WidthUpdate);\r\n   },\r\n   mounted() {\r\n      this.WidthUpdate();\r\n   },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\">\r\n@import './nulstyle.scss';\r\n@import './variables.scss';\r\n@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);\r\n$mouse-device: '(hover: hover) and (pointer: fine)';\r\n.first__screen {\r\n   height: 100vh;\r\n   width: 100vw;\r\n   position: relative;\r\n   display: flex;\r\n   flex-direction: column;\r\n   align-items: center;\r\n   justify-content: center;\r\n   background: url(../assets/img/back/slide5.jpg) no-repeat center center;\r\n   background-size: cover;\r\n   @media (max-width: 744px) {\r\n      background: url(../assets/img/mobile/back/slide1.jpg) no-repeat center center;\r\n      background-size: cover;\r\n      overflow-x: hidden;\r\n   }\r\n   & > header {\r\n      width: 100%;\r\n      height: get-vh(160px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: calc(100vw - #{get-vh(128px)});\r\n      @media (max-width: 400px) { \r\n         width: calc(100vw - #{get-vh(64px)});\r\n      }\r\n      & > .container__hed {\r\n         z-index: 2;\r\n         height: 100%;\r\n         width: get-vh(1680px);\r\n         display: flex;\r\n         align-items: center;\r\n         justify-content: space-between;\r\n         @media (max-width: 1440px) { \r\n            width: get-vh(1280px);    \r\n         }\r\n         & > .logo img {\r\n            position: relative;\r\n            width: get-vh(240px);\r\n            height: get-vh(88px);\r\n            cursor: pointer;\r\n            @media (max-width: 1440px) { \r\n               width: get-vh(192px);\r\n               height: get-vh(70px);   \r\n            }\r\n         }\r\n         & > .links {\r\n            margin-left: get-vh(10px);\r\n            flex: 1;\r\n            max-width: get-vh(577px);\r\n            height: get-vh(36px);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            @media (max-width: 1440px) { \r\n               max-width: get-vh(461px);\r\n               height: get-vh(28px);\r\n            }\r\n            & > .page {\r\n               width: 50%;\r\n               height: 100%;\r\n               display: flex;\r\n               justify-content: space-between;\r\n               font-weight: 600;\r\n               font-size: get-vh(24px);\r\n               line-height: 125%;\r\n               letter-spacing: -0.03em;\r\n               text-shadow: 0px 0px get-vh(8px) rgba(0, 0, 0, 0.25);\r\n               cursor: pointer;\r\n               color: #FFFFFF;\r\n               & > li > a {\r\n                  color: #FFFFFF;\r\n               }\r\n               @media (max-width: 1440px) { \r\n                  font-size: get-vh(19px);\r\n               }\r\n            }\r\n            & > .social-icons {\r\n               width: 42%;\r\n               height: get-vh(36px);\r\n               display: flex;\r\n               align-items: center;\r\n               justify-content: space-between;\r\n               @media (max-width: 1440px) { \r\n                  height: 100%;\r\n               }\r\n               & > li {\r\n                  display: inline-block;\r\n                  & > a {\r\n                     box-shadow: 0px 0px get-vh(8px) rgba(0, 0, 0, 0.25);\r\n                     border-radius: 50%;\r\n                     height: get-vh(36px);\r\n                     width: get-vh(36px);\r\n                     display: block;\r\n                     overflow: hidden;\r\n                     @media (max-width: 1440px) { \r\n                        height: 100%;\r\n                        width: get-vh(28px);\r\n                     }\r\n                     & > img {\r\n                        display: block;\r\n                        width: 100%;\r\n                        height: 100%;\r\n                     }\r\n                  }\r\n               }\r\n            }\r\n         }\r\n         & > .burger {\r\n            width: get-vh(72px);\r\n            height: get-vh(72px);\r\n            position: relative;\r\n            z-index: 2;\r\n         }\r\n      }\r\n   }\r\n   & > main {\r\n      flex: 1 1 auto;\r\n      max-width: get-vh(1920px);\r\n      width: calc(100vw - #{get-vh(192px)});\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      @media (max-width: 400px) { \r\n         width: calc(100vw - #{get-vh(48px)});\r\n      }\r\n      & > .font {\r\n         height: get-vh(412px);\r\n         width: get-vh(1680px);\r\n         display: flex;\r\n         justify-content: space-between;\r\n         align-items: center;\r\n         @media (max-width: 1440px) { \r\n            height: get-vh(330px);\r\n            width: get-vh(1280px);\r\n         }\r\n         @media (max-width: 1180px) { \r\n            height: get-vh(270px);\r\n            width: get-vh(1050px);\r\n         }\r\n         @media (max-width: 820px) { \r\n            height: get-vh(190px);\r\n            width: get-vh(735px);\r\n         }\r\n         @media (max-width: 744px) { \r\n            height: auto;\r\n            width: get-vh(528px);\r\n         }\r\n         @media (max-width: 400px) { \r\n            height: auto;\r\n            width: get-vh(375px);\r\n         }\r\n         & > .font__left {\r\n            display: flex;\r\n            flex-direction: column;\r\n            width: get-vh(600px);\r\n            gap: get-vh(40px);\r\n            & > .title {\r\n               font-size: get-vh(72px);\r\n               font-weight: 700;\r\n               line-height: 120%;\r\n               letter-spacing: -0.015em;\r\n               text-wrap: balance;\r\n               @media (max-width: 1440px) { \r\n                  font-size: get-vh(64px);\r\n               }\r\n               @media (max-width: 1180px) { \r\n                  font-size: get-vh(58px);\r\n               }\r\n               @media (max-width: 820px) { \r\n                  font-size: get-vh(52px);\r\n               }\r\n            }\r\n            & > .sub__title {\r\n               font-size: get-vh(32px);\r\n               font-weight: 600;\r\n               line-height: 125%;\r\n               letter-spacing: -0.02em;\r\n               text-wrap: balance;\r\n               @media (max-width: 1440px) { \r\n                  font-size: get-vh(26px);\r\n               }\r\n               @media (max-width: 1180px) { \r\n                  font-size: get-vh(24px);\r\n               }\r\n               @media (max-width: 820px) { \r\n                  font-size: get-vh(22px);\r\n               }\r\n            }\r\n            & > button {\r\n               max-width: get-vh(292px);\r\n               padding: get-vh(20px) get-vh(48px);\r\n               border-radius: get-vh(24px);\r\n               background: #FFF;\r\n               color: #000;\r\n               font-size: get-vh(32px);\r\n               font-weight: 600;\r\n               letter-spacing: -0.01em;\r\n               transition: background 0.25s ease, box-shadow 0.25s;\r\n               &:hover {\r\n                  background: #FFC233;\r\n                  box-shadow: 0px get-vh(2px) get-vh(64px) 0px rgba(0, 0, 0, 0.25), 0px 0px get-vh(96px) get-vh(4px) rgba(255, 194, 51, 0.85);\r\n               }\r\n               @media (max-width: 1440px) { \r\n                  font-size: get-vh(26px);\r\n               }\r\n               @media (max-width: 1180px) { \r\n                  font-size: get-vh(24px);\r\n               }\r\n               @media (max-width: 820px) { \r\n                  font-size: get-vh(22px);\r\n               }\r\n            }\r\n         }\r\n         & > .video {\r\n            width: get-vh(870px);\r\n            height: get-vh(490px);\r\n            border-radius: get-vh(32px);\r\n            box-shadow: 0px 0px get-vh(64px) 0px rgba(0, 0, 0, 0.50);\r\n            @media (max-width: 1440px) { \r\n               width: get-vh(700px);\r\n               height: get-vh(400px);\r\n            }\r\n            @media (max-width: 1180px) { \r\n               width: get-vh(600px);\r\n               height: get-vh(350px);\r\n               border-radius: get-vh(24px);\r\n            }\r\n            @media (max-width: 820px) { \r\n               width: get-vh(500px);\r\n               height: get-vh(300px);\r\n               border-radius: get-vh(22px);\r\n            }\r\n            @media (max-width: 744px) { \r\n               width: get-vh(504px);\r\n               height: get-vh(285px);\r\n               border-radius: get-vh(22px);\r\n            }\r\n            @media (max-width: 400px) { \r\n               width: get-vh(336px);\r\n               height: get-vh(190px);\r\n               border-radius: get-vh(12px);\r\n            }\r\n         }\r\n         &.column {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: get-vh(36px);\r\n            @media (max-width: 400px) { \r\n               gap: get-vh(30px);\r\n            }\r\n            & > .title {\r\n               text-align: center;\r\n               font-size: clamp(1.75rem, 0.02rem + 8.24vw, 4.5rem);\r\n               font-weight: 700;\r\n               line-height: 120%;\r\n               letter-spacing: -0.015em;\r\n               text-wrap: balance;\r\n               @media (max-width: 744px) { \r\n                  font-size: get-vh(42px);\r\n               }\r\n               @media (max-width: 400px) { \r\n                  font-size: get-vh(28px);\r\n               }\r\n            }\r\n            & > .sub__title {\r\n               text-align: center;\r\n               font-size: clamp(1.25rem, 0.778rem + 2.25vw, 2rem);\r\n               font-weight: 600;\r\n               line-height: 125%;\r\n               letter-spacing: -0.02em;\r\n               text-wrap: balance;\r\n               @media (max-width: 744px) { \r\n                  font-size: get-vh(30px);\r\n               }\r\n               @media (max-width: 400px) { \r\n                  font-size: get-vh(20px);\r\n               }\r\n            }\r\n            & > a {\r\n               width: get-vh(220px);\r\n               height: get-vh(57px);\r\n               border-radius: get-vh(20px);\r\n               background: #FFF;\r\n               display: flex;\r\n               align-items: center;\r\n               justify-content: center;\r\n               color: #000;\r\n               font-size: clamp(1.25rem, 1.114rem + 0.68vw, 1.625rem);;\r\n               font-weight: 600;\r\n               letter-spacing: -0.01em;\r\n               transition: background 0.25s ease, box-shadow 0.25s;\r\n               &:hover {\r\n                  background: #FFC233;\r\n                  box-shadow: 0px get-vh(2px) get-vh(64px) 0px rgba(0, 0, 0, 0.25), 0px 0px get-vh(96px) get-vh(4px) rgba(255, 194, 51, 0.85);\r\n               }\r\n            }\r\n         }\r\n         // & > .font__left {\r\n            \r\n         // }\r\n         // @media (max-width: 1440px) { \r\n         //    height: get-vh(330px);\r\n         //    width: get-vh(1280px);\r\n         // }\r\n         // @media (max-width: 1180px) { \r\n         //    height: get-vh(270px);\r\n         //    width: get-vh(1050px);\r\n         // }\r\n         // @media (max-width: 820px) { \r\n         //    height: get-vh(190px);\r\n         //    width: get-vh(735px);\r\n         // }\r\n         // @media (max-width: 744px) { \r\n         //    height: auto;\r\n         //    width: get-vh(528px);\r\n         // }\r\n         // @media (max-width: 400px) { \r\n         //    height: auto;\r\n         //    width: get-vh(375px);\r\n         // }\r\n         // & > .title {\r\n         //    font-weight: 600;\r\n         //    font-size: get-vh(72px);\r\n         //    line-height: 120%;\r\n         //    display: flex;\r\n         //    align-items: center;\r\n         //    text-align: center;\r\n         //    letter-spacing: -0.015em;\r\n         //    color: #ffffff;\r\n         //    text-shadow: 0px 0px get-vh(64px) rgba(0, 0, 0, 0.25);\r\n         //    @media (max-width: 1440px) { \r\n         //       font-size: get-vh(57.6px);\r\n         //    }\r\n         //    @media (max-width: 1180px) { \r\n         //       font-size: get-vh(52px);\r\n         //    }\r\n         //    @media (max-width: 820px) { \r\n         //       font-size: get-vh(36px);\r\n         //    }\r\n         //    @media (max-width: 744px) { \r\n         //       font-size: get-vh(63px);\r\n         //    }\r\n         //    @media (max-width: 400px) { \r\n         //       font-size: get-vh(42px);\r\n         //    }\r\n         // }\r\n         // & > .qwe {\r\n         //    width: get-vh(870px);\r\n         //    height: get-vh(490px);\r\n         // }\r\n         // & > .sub__title {\r\n         //    font-weight: 600;\r\n         //    font-size: get-vh(36px);\r\n         //    line-height: 125%;\r\n         //    letter-spacing: -0.02em;\r\n         //    color: #ffffff;\r\n         //    text-shadow: 0px 0px get-vh(24px) rgba(0, 0, 0, 0.35);\r\n         //    @media (max-width: 1440px) { \r\n         //       font-size: get-vh(29px);\r\n         //    }\r\n         //    @media (max-width: 1180px) { \r\n         //       font-size: get-vh(24px);\r\n         //    }\r\n         //    @media (max-width: 820px) { \r\n         //       font-size: get-vh(17px);\r\n         //    }\r\n         //    @media (max-width: 744px) { \r\n         //       margin-top: get-vh(15px);\r\n         //       font-size: get-vh(33px);\r\n         //    }\r\n         //    @media (max-width: 400px) { \r\n         //       margin-top: get-vh(20px);\r\n         //       font-size: get-vh(22px);\r\n         //    }\r\n         // }\r\n         // & > .btnphone {\r\n         //    margin-top: get-vh(15px);\r\n         //    width: get-vh(330px);\r\n         //    height: get-vh(97.5px);\r\n         //    background: rgba(255, 255, 255, 0.25);\r\n         //    box-shadow: 0px 0px get-vh(8px) rgba(0, 0, 0, 0.25);\r\n         //    backdrop-filter: blur(get-vh(8px));\r\n         //    border-radius: get-vh(20px);\r\n         //    font-weight: 600;\r\n         //    font-size: get-vh(31px);\r\n         //    line-height: 125%;\r\n         //    letter-spacing: -0.01em;\r\n         //    display: flex;\r\n         //    align-items: center;\r\n         //    justify-content: center;\r\n         //    color: #ffffff;\r\n         //    flex-shrink: 0;\r\n         //    transition: background 0.3s, color 0.3s ease-in-out;\r\n         //    &:hover {\r\n         //       @media #{$mouse-device} {\r\n         //          transition: background 0.3s, color 0.3s ease-in-out;\r\n         //          background: #ffffff;\r\n         //          color: #000;\r\n         //       }\r\n         //    } \r\n         //    @media (max-width: 400px) { \r\n         //       margin-top: get-vh(20px);\r\n         //       width: get-vh(220px);\r\n         //       height: get-vh(65px);\r\n         //       border-radius: get-vh(20px);\r\n         //       font-size: get-vh(21px);\r\n         //    }\r\n         // }\r\n         // & > button {\r\n         //    width: get-vh(292px);\r\n         //    height: get-vh(80px);\r\n         //    background: rgba(255, 255, 255, 0.25);\r\n         //    box-shadow: 0px 0px get-vh(8px) rgba(0, 0, 0, 0.25);\r\n         //    backdrop-filter: blur(get-vh(8px));\r\n         //    border-radius: get-vh(20px);\r\n         //    font-weight: 600;\r\n         //    font-size: get-vh(32px);\r\n         //    line-height: 125%;\r\n         //    letter-spacing: -0.01em;\r\n         //    color: #ffffff;\r\n         //    flex-shrink: 0;\r\n         //    transition: background 0.3s, color 0.3s ease-in-out;\r\n         //    &:hover {\r\n         //       @media #{$mouse-device} {\r\n         //          transition: background 0.3s, color 0.3s ease-in-out;\r\n         //          background: #ffffff;\r\n         //          color: #000;\r\n         //       }\r\n         //    }\r\n         //    @media (max-width: 1440px) { \r\n         //       width: get-vh(234px);\r\n         //       height: get-vh(64px);\r\n         //       font-size: get-vh(25px);\r\n         //       border-radius: get-vh(16px);\r\n         //    } \r\n         //    @media (max-width: 1180px) { \r\n         //       width: get-vh(192px);\r\n         //       height: get-vh(52px);\r\n         //       font-size: get-vh(20px);\r\n         //       border-radius: get-vh(13px);\r\n         //    }\r\n         //    @media (max-width: 820px) { \r\n         //       width: get-vh(134px);\r\n         //       height: get-vh(36px);\r\n         //       font-size: get-vh(14px);\r\n         //       border-radius: get-vh(9px);\r\n         //    }\r\n         // }\r\n      }\r\n   }\r\n   & > footer {\r\n      width: get-vh(1680px);\r\n      height: get-vh(160px);\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      & > .subtitle {\r\n         font-weight: 600;\r\n         font-size: get-vh(32px);\r\n         line-height: 125%;\r\n         letter-spacing: -0.02em;\r\n         text-shadow: 0px 0px get-vh(8px) rgba(0, 0, 0, 0.25);\r\n         @media (max-width: 1440px) { \r\n            font-size: get-vh(25px);\r\n         }\r\n         @media (max-width: 400px) { \r\n            font-size: get-vh(18px);\r\n         }\r\n      }\r\n      & > .arrow {\r\n         width: get-vh(72px);\r\n         height: get-vh(72px);\r\n         @media (max-width: 1440px) { \r\n            width: get-vh(57.6px);\r\n            height: get-vh(57.6px);\r\n         }\r\n         @media (max-width: 400px) { \r\n            width: get-vh(48px);\r\n            height: get-vh(36px);\r\n         }\r\n      }\r\n      @media (max-width: 744px) { \r\n         display: flex;\r\n         flex-direction: column;\r\n         align-items: center;\r\n         justify-content: end;\r\n      }\r\n   }\r\n   & > .open__burgermenu {\r\n      width: 100%;\r\n      height: 100%;\r\n      z-index: 1;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      backdrop-filter: blur(get-vh(12px));\r\n      background: rgba(0, 0, 0, 0.5);\r\n      animation: openstart .5s ease-out;\r\n      @keyframes openstart {\r\n         0% {\r\n            background: rgba(0, 0, 0, 0);\r\n            backdrop-filter: blur(get-vh(0px));\r\n         }\r\n         100% {\r\n            background: rgba(0, 0, 0, 0.5);\r\n            backdrop-filter: blur(get-vh(12px));\r\n         }\r\n      }\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      padding-bottom: get-vh(40px);\r\n      & > .list__social {\r\n         height: 100%;\r\n         width: get-vh(275px);\r\n         margin-top: get-vh(124px);\r\n         display: flex;\r\n         flex-direction: column;\r\n         justify-content: space-between;\r\n         align-items: center;\r\n         padding: get-vh(93px) 0;\r\n         & > .item {\r\n            font-weight: 600;\r\n            font-size: get-vh(42px);\r\n            line-height: 125%;\r\n            letter-spacing: -0.03em;\r\n            color: #FFFFFF;\r\n            & > a {\r\n               color: #FFFFFF;\r\n            }\r\n            &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7), &:nth-child(8) {\r\n               line-height: get-vh(48px);\r\n               align-items: center;\r\n               & > .icon {\r\n                  width: get-vh(48px);\r\n                  height: get-vh(48px);\r\n               }\r\n            }\r\n         }\r\n      }\r\n   }\r\n}\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FirstPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FirstPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FirstPage.vue?vue&type=template&id=4868e690&\"\nimport script from \"./FirstPage.vue?vue&type=script&lang=js&\"\nexport * from \"./FirstPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FirstPage.vue?vue&type=style&index=0&id=4868e690&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.hideScroll)?_c('ul',{staticClass:\"scroll\"},_vm._l((5),function(circle,index){return _c('li',{key:index,staticClass:\"circle\",class:{ active: _vm.currentPage === index },on:{\"click\":function($event){return _vm.ClickPage(index)}}})}),0):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <ul class=\"scroll\" v-if=\"hideScroll\">\r\n    <li\r\n      class=\"circle\"\r\n      v-for=\"(circle, index) in 5\"\r\n      :key=\"index\"\r\n      :class=\"{ active: currentPage === index }\"\r\n      @click=\"ClickPage(index)\"\r\n    ></li>\r\n  </ul>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n   name: \"ScrollItem\",\r\n   props: {\r\n      currentPage: {\r\n         type: Number,\r\n         required: true,\r\n      },\r\n      historyPosition: {\r\n         type: Number,\r\n         required: true,\r\n      }\r\n   },\r\n   data() {\r\n      return {\r\n         hideScroll: true,\r\n      };\r\n   },\r\n   methods: {\r\n      ClickPage(ind) {\r\n         this.$emit(\"update:current-page\", ind);\r\n         let position = this.historyPosition;\r\n         let duration = 400;\r\n\r\n         if ((ind === 4 && this.currentPage === 0) || (ind === 0 && this.currentPage === 4)) {\r\n            duration = 800;\r\n         }\r\n         const anim = document.querySelector('.container').animate(\r\n         [\r\n            { transform: `translateY(${position}vh)`},\r\n            { transform: `translateY(${-100 * ind}vh)`},\r\n         ], \r\n         {\r\n            duration: duration,\r\n            iterations: 1,\r\n            easing: 'ease-in-out',\r\n            effect: 'spring',\r\n            spring: { mass: 1, stiffness: 320, damping: 40 },\r\n         }\r\n         )\r\n         anim.addEventListener('finish', () => {\r\n            position = -100 * ind\r\n            this.$emit(\"update:history-position\", position);\r\n            document.querySelector('.container').style.transform = `translateY(${position}vh)`;\r\n         })\r\n      },\r\n      WidthUpdate() {\r\n         if (window.innerWidth <= 744) this.hideScroll = false;\r\n         else this.hideScroll = true\r\n      },\r\n   },\r\n   created() {\r\n      window.addEventListener(\"resize\", this.WidthUpdate);\r\n   },\r\n   mounted() {\r\n      this.WidthUpdate();\r\n   },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n@import './nulstyle.scss';\r\n@import './variables.scss';\r\n@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);\r\n.scroll {\r\n   z-index: 5;\r\n   position: fixed;\r\n   right: get-vh(32px);\r\n   top: 50%;\r\n   transform: translateY(-50%);\r\n   width: get-vh(32px);\r\n   height: get-vh(256px);\r\n   display: flex;\r\n   flex-direction: column;\r\n   justify-content: space-between;\r\n   & > .circle {\r\n      cursor: pointer;\r\n      border-radius: 50%;\r\n      width: get-vh(32px);\r\n      height: get-vh(32px);\r\n      border: get-vh(4px) solid #ffffff;\r\n      transition: all 0.5s ease 0.1s;\r\n      &.circle.active {\r\n         background-color: #ffffff;\r\n         transform: scale(1);\r\n      }\r\n   }\r\n}\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ScrollItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ScrollItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ScrollItem.vue?vue&type=template&id=1f668aed&\"\nimport script from \"./ScrollItem.vue?vue&type=script&lang=js&\"\nexport * from \"./ScrollItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ScrollItem.vue?vue&type=style&index=0&id=1f668aed&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"second__screen\"},[_c('main',[_c('div',{staticClass:\"font\"},[_c('div',{staticClass:\"text\"},[_c('h2',[_vm._v(\"SecondLife\")]),_c('h3',[_vm._v(\" – це новий GTAV RP сервер, створений повністю з нуля українцями для українців. \")]),_c('h4',[_vm._v(\" Обіцяємо – вам неодмінно \"),_c('br'),_vm._v(\" сподобається! Ми подаруємо \"),_c('br'),_vm._v(\" вам купу приємних емоцій та \"),_c('br'),_vm._v(\" цікавого геймплею, а комусь \"),_c('br'),_vm._v(\" навіть власне «друге життя». \")])]),_c('img',{staticClass:\"helicopter\",attrs:{\"src\":require(\"../assets/img/slide2/pic copy.webp\"),\"alt\":\"helicopter\",\"draggable\":\"false\"}})])])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n   <div class=\"second__screen\">\r\n      <main>\r\n         <!-- <div class=\"block\" id=\"bl\"></div> -->\r\n         <div class=\"font\">\r\n            <div class=\"text\">\r\n               <h2>SecondLife</h2>\r\n               <h3>\r\n                  – це новий GTAV RP сервер, створений повністю з нуля українцями для\r\n                  українців.\r\n               </h3>\r\n               <h4>\r\n                  Обіцяємо – вам неодмінно <br> сподобається! Ми подаруємо <br> вам купу\r\n                  приємних емоцій та <br> цікавого геймплею, а комусь <br> навіть власне «друге\r\n                  життя».\r\n               </h4>\r\n            </div>\r\n            <img src=\"../assets/img/slide2/pic copy.webp\"  alt=\"helicopter\" class=\"helicopter\" draggable=\"false\">\r\n         </div>\r\n         <!-- <div class=\"block\"></div> -->\r\n      </main>\r\n   </div>\r\n</template>\r\n<script>\r\nexport default {\r\n   name: \"SecondPage\",\r\n   props: {\r\n      currentPage: {\r\n         type: Number,\r\n         required: true,\r\n      },\r\n   },\r\n\r\n\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n@import './nulstyle.scss';\r\n@import './variables.scss';\r\n@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);\r\n.second__screen {\r\n   height: 100vh;\r\n   width: 100vw;\r\n   position: relative;\r\n   display: flex;\r\n   align-items: center;\r\n   justify-content: center;\r\n   background: url(../assets/img/back/slide2.jpg) no-repeat center center;\r\n   background-size: cover;\r\n   @media (max-width: 744px) {\r\n      background: url(../assets/img/mobile/back/slide2.jpg) no-repeat center center;\r\n      background-size: cover;\r\n      overflow-x: hidden;\r\n   }\r\n   @media (max-width: 400px) { \r\n      height: auto;\r\n   }\r\n   \r\n   & > main {\r\n      height: get-vh(680px);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      max-width: get-vh(1920px);\r\n      width: calc(100vw - #{get-vh(192px)});\r\n      @media (max-width: 744px) { \r\n         width: calc(100vw - #{get-vh(64px)});\r\n      }\r\n      @media (max-width: 400px) { \r\n         width: calc(100vw - #{get-vh(48px)});\r\n      }\r\n      & > .font {\r\n         z-index: 2;\r\n         width: get-vh(1600px);\r\n         height: get-vh(680px);\r\n         display: flex;\r\n         align-items: center;\r\n         justify-content: space-between;\r\n         @media (max-width: 1440px) {\r\n            height: get-vh(544px);\r\n            width: get-vh(1280px);\r\n         }\r\n         @media (max-width: 1180px) {\r\n            height: get-vh(446px);\r\n            width: get-vh(1060px);\r\n         }\r\n         @media (max-width: 960px) {\r\n            height: get-vh(361px);\r\n            width: get-vh(858px);\r\n         }\r\n         @media (max-width: 744px) {\r\n            display: flex;\r\n            flex-direction: column-reverse;\r\n            align-items: center;\r\n            text-align: center;\r\n            height: get-vh(855px);\r\n            width: get-vh(528px);\r\n         }\r\n         @media (max-width: 400px) {\r\n            display: flex;\r\n            flex-direction: column-reverse;\r\n            align-items: center;\r\n            text-align: center;\r\n            height: get-vh(570px);\r\n            width: get-vh(352px);\r\n         }\r\n         & > .text {\r\n            width: get-vh(591px);\r\n            height: get-vh(680px);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-around;\r\n            @media (max-width: 1440px) {\r\n               width: get-vh(488px);\r\n               height: get-vh(544px);\r\n            }  \r\n            @media (max-width: 1180px) {\r\n               height: get-vh(400px);\r\n               width: get-vh(400px);\r\n            }\r\n            @media (max-width: 960px) {\r\n               height: get-vh(324px);\r\n               width: get-vh(310px);\r\n            }\r\n            @media (max-width: 744px) {\r\n               height: get-vh(423px);\r\n               width: 100%;\r\n            }\r\n            @media (max-width: 400px) {\r\n               height: get-vh(282px);\r\n               width: 100%;\r\n            }\r\n            & > h2 {\r\n               font-weight: 700;\r\n               font-size: get-vh(100px);\r\n               line-height: 125%;\r\n               letter-spacing: -0.03em;\r\n               color: #ffffff;\r\n               @media (max-width: 1440px) {\r\n                  font-size: get-vh(84px);\r\n               }\r\n               @media (max-width: 1180px) {\r\n                  font-size: get-vh(68px);\r\n               }\r\n               @media (max-width: 960px) {\r\n                  font-size: get-vh(55px);\r\n               }\r\n               @media (max-width: 744px) {\r\n                  font-size: get-vh(75px);\r\n               }\r\n               @media (max-width: 400px) {\r\n                  font-size: get-vh(50px);\r\n               }\r\n            }\r\n            & > h3 {\r\n               font-style: italic;\r\n               font-weight: 700;\r\n               font-size: get-vh(42px);\r\n               line-height: 130%;\r\n               display: flex;\r\n               align-items: center;\r\n               letter-spacing: -0.05em;\r\n               @media (max-width: 1440px) {\r\n                  font-size: get-vh(35px);\r\n               }\r\n               @media (max-width: 1180px) {\r\n                  font-size: get-vh(28px);\r\n               }\r\n               @media (max-width: 960px) {\r\n                  font-size: get-vh(22px);\r\n               }\r\n               @media (max-width: 744px) {\r\n                  font-size: get-vh(33px);\r\n               }\r\n               @media (max-width: 400px) {\r\n                  font-size: get-vh(22px);\r\n               }\r\n            }\r\n            & > h4 {\r\n               width: get-vh(576px);\r\n               font-weight: 500;\r\n               font-size: get-vh(32px);\r\n               line-height: 130%;\r\n               letter-spacing: -0.03em;\r\n               @media (max-width: 1440px) {\r\n                  width: 100%;\r\n                  font-size: get-vh(27px);\r\n               }\r\n               @media (max-width: 1180px) {\r\n                  width: 100%;\r\n                  font-size: get-vh(22px);\r\n               }\r\n               @media (max-width: 960px) {\r\n                  width: 100%;\r\n                  font-size: get-vh(18px);\r\n               }\r\n               @media (max-width: 744px) {\r\n                  font-size: get-vh(27px);\r\n               }\r\n               @media (max-width: 400px) {\r\n                  font-size: get-vh(18px);\r\n               }\r\n            }\r\n         }\r\n         & > .helicopter {\r\n            width: get-vh(920px);\r\n            height: 100%;\r\n            filter: drop-shadow(0px get-vh(10px) get-vh(64px) rgba(0, 0, 0, 0.3));\r\n            @media (max-width: 1440px) {\r\n               width: get-vh(736px);\r\n            }\r\n            @media (max-width: 1180px) {\r\n               width: get-vh(604px);\r\n            }\r\n            @media (max-width: 960px) {\r\n               width: get-vh(490px);\r\n            }\r\n            @media (max-width: 744px) {\r\n               width: 100%;\r\n               height: get-vh(390px);\r\n               border-radius: get-vh(36px);\r\n               filter: drop-shadow(0px 0px get-vh(96px) rgba(0, 0, 0, 0.25));\r\n            }\r\n            @media (max-width: 400px) {\r\n               width: 100%;\r\n               height: get-vh(260px);\r\n               border-radius: get-vh(24px);\r\n               filter: drop-shadow(0px 0px get-vh(64px) rgba(0, 0, 0, 0.25));\r\n            }\r\n         }\r\n      }\r\n   }\r\n}\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SecondPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./SecondPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SecondPage.vue?vue&type=template&id=54b86e82&\"\nimport script from \"./SecondPage.vue?vue&type=script&lang=js&\"\nexport * from \"./SecondPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SecondPage.vue?vue&type=style&index=0&id=54b86e82&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"three__screen\"},[_c('div',{staticClass:\"font\"},[_c('h2',[_vm._v(\"На цьому сервері ви зможете:\")]),_c('div',{staticClass:\"tiles\"},_vm._l((13),function(tile){return _c('div',{key:tile,staticClass:\"tile\"})}),0),_c('h3',[_vm._v(\"…та багато іншого\")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n   <div class=\"three__screen\">\r\n      <div class=\"font\">\r\n         <h2>На цьому сервері ви зможете:</h2>\r\n         <div class=\"tiles\">\r\n            <div class=\"tile\" v-for=\"tile in 13\" :key=\"tile\"></div>\r\n         </div>\r\n         <h3>…та багато іншого</h3>\r\n      </div>\r\n   </div>\r\n</template>\r\n<script>\r\nexport default {\r\n   name: \"ThreePage\",\r\n   props: {\r\n      currentPage: {\r\n         type: Number,\r\n         required: true,\r\n      },\r\n   },\r\n   data() {\r\n      return {\r\n      };\r\n   },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n@import './nulstyle.scss';\r\n@import './variables.scss';\r\n@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);\r\n$mouse-device: '(hover: hover) and (pointer: fine)';\r\n.three__screen {\r\n   height: 100vh;\r\n   width: 100vw;\r\n   position: relative;\r\n   display: flex;\r\n   align-items: center;\r\n   justify-content: center;\r\n   background: url(../assets/img/back/slide3.jpg) no-repeat center center;\r\n   background-size: cover;\r\n   @media (max-width: 744px) {\r\n      background: url(../assets/img/mobile/back/slide3.jpg) no-repeat center center;\r\n      background-size: cover;\r\n      overflow-x: hidden;\r\n      height: auto;\r\n   }\r\n   & > .font {\r\n      width: calc(100vw - #{get-vh(96px)});\r\n      z-index: 1;\r\n      width: get-vh(1600px);\r\n      height: get-vh(880px);\r\n      display: flex;\r\n      align-items: center;\r\n      flex-direction: column;\r\n      @media (max-width: 1440px) {\r\n         width: get-vh(1280px);\r\n         height: get-vh(704px);\r\n      }\r\n      @media (max-width: 1180px) {\r\n         width: get-vh(1024px);\r\n         height: get-vh(564px);\r\n      }\r\n      @media (max-width: 960px) {\r\n         width: get-vh(830px);\r\n         height: get-vh(564px);\r\n      }\r\n      @media (max-width: 744px) {\r\n         width: get-vh(648px);\r\n         height: auto;\r\n      }\r\n      & > h2 {\r\n         font-weight: 700;\r\n         font-size: get-vh(64px);\r\n         line-height: 125%;\r\n         letter-spacing: -0.03em;\r\n         color: #ffffff;\r\n         @media (max-width: 1440px) {\r\n            font-size: get-vh(51px);\r\n         }\r\n         @media (max-width: 1180px) {\r\n            font-size: get-vh(40px);\r\n         }\r\n         @media (max-width: 960px) {\r\n            font-size: get-vh(34px);\r\n         }\r\n         @media (max-width: 744px) {\r\n            margin-top: get-vh(96px);\r\n            text-align: center;\r\n            font-size: get-vh(48px);\r\n         }\r\n         @media (max-width: 400px) {\r\n            margin-top: get-vh(64px);\r\n            text-align: center;\r\n            font-size: get-vh(32px);\r\n         }\r\n      }\r\n      & > .tiles {\r\n         margin-top: get-vh(44px);\r\n         width: get-vh(1600px);\r\n         height: get-vh(680px);\r\n         display: grid;\r\n         grid-template-columns: repeat(6, 1fr);\r\n         grid-template-rows: repeat(3, 1fr);\r\n         gap: get-vh(24px);\r\n         @media (max-width: 1440px) {\r\n            width: get-vh(1280px);\r\n            height: get-vh(544px);\r\n            gap: get-vh(19px);\r\n         }\r\n         @media (max-width: 1180px) {\r\n            width: get-vh(1024px);\r\n            height: get-vh(436px);\r\n            gap: get-vh(15px);\r\n         }\r\n         @media (max-width: 960px) {\r\n            width: get-vh(830px);\r\n            height: get-vh(353px);\r\n            gap: get-vh(12px);\r\n         }\r\n         & > .tile:nth-child(1) {\r\n            width: get-vh(247px);\r\n            height: get-vh(211px);\r\n            grid-area: 1 / 1 / 2 / 2;\r\n            background: url(\"../assets/img/slide3/poshtaBlur.webp\");\r\n            background-size: cover;\r\n            transition: background 0.3s ease-in-out;\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background: url(\"../assets/img/slide3/poshta.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n            @media (max-width: 1440px) {\r\n               width: get-vh(198px);\r\n               height: get-vh(168px);\r\n            }\r\n            @media (max-width: 1180px) {\r\n               width: get-vh(158px);\r\n               height: get-vh(134px);\r\n            }\r\n            @media (max-width: 960px) {\r\n               width: get-vh(128px);\r\n               height: get-vh(108px);\r\n            }\r\n         }\r\n         & > .tile:nth-child(2) {\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 2 / 1 / 3 / 2;\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/voiceBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/voice.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n         }\r\n         & > .tile:nth-child(3) {\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 3 / 1 / 4 / 2;\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/arenaBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/arena.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n         }\r\n         & > .tile:nth-child(4) {\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 1 / 2 / 3 / 3;\r\n            width: get-vh(246px);\r\n            height: get-vh(445px);\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/bandBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/band.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n            @media (max-width: 1440px) {\r\n               width: get-vh(198px);\r\n               height: get-vh(356px);\r\n            }\r\n            @media (max-width: 1180px) {\r\n               width: get-vh(158px);\r\n               height: get-vh(284px);\r\n            }\r\n            @media (max-width: 960px) {\r\n               width: get-vh(128px);\r\n               height: get-vh(230px);\r\n            }\r\n         }\r\n         & > .tile:nth-child(5) {\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 3 / 2 / 4 / 4;\r\n            width: get-vh(517px);\r\n            height: get-vh(211px);\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/carsBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/cars.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n            @media (max-width: 1440px) {\r\n               width: get-vh(414px);\r\n               height: get-vh(168px);\r\n            }\r\n            @media (max-width: 1180px) {\r\n               width: get-vh(332px);\r\n               height: get-vh(134px);\r\n            }\r\n            @media (max-width: 960px) {\r\n               width: get-vh(267px);\r\n               height: get-vh(110px);\r\n            }\r\n         }\r\n         & > .tile:nth-child(6) {\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 1 / 3 / 2 / 4;\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/avatarBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/avatar.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n         }\r\n         & > .tile:nth-child(7) {\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 1 / 4 / 2 / 6;\r\n            width: get-vh(518px);\r\n            height: get-vh(210px);\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/houseBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/house.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n            @media (max-width: 1440px) {\r\n               width: get-vh(414px);\r\n               height: get-vh(168px);\r\n            }\r\n            @media (max-width: 1180px) {\r\n               width: get-vh(332px);\r\n               height: get-vh(134px);\r\n            }\r\n            @media (max-width: 960px) {\r\n               width: get-vh(269px);\r\n               height: get-vh(108px);\r\n            }\r\n         }\r\n         & > .tile:nth-child(8) {\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 1 / 6 / 2 / 7;\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/govBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/gov.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n         }\r\n         & > .tile:nth-child(9) {\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 2 / 3 / 3 / 5;\r\n            width: get-vh(517px);\r\n            height: get-vh(211px);\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/friendsBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/friends.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n            @media (max-width: 1440px) {\r\n               width: get-vh(414px);\r\n               height: get-vh(168px);\r\n            }\r\n            @media (max-width: 1180px) {\r\n               width: get-vh(332px);\r\n               height: get-vh(134px);\r\n            }\r\n            @media (max-width: 960px) {\r\n               width: get-vh(269px);\r\n               height: get-vh(108px);\r\n            }\r\n         }\r\n         & > .tile:nth-child(10) {\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 2 / 5 / 4 / 6;\r\n            width: get-vh(246px);\r\n            height: get-vh(445px);\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/businessBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/business.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n            @media (max-width: 1440px) {\r\n               width: get-vh(196px);\r\n               height: get-vh(356px);\r\n            }\r\n            @media (max-width: 1180px) {\r\n               width: get-vh(156px);\r\n               height: get-vh(284px);\r\n            }\r\n            @media (max-width: 960px) {\r\n               width: get-vh(126px);\r\n               height: get-vh(232px);\r\n            }\r\n         }\r\n         & > .tile:nth-child(11) {\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 3 / 4 / 4 / 5;\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/casinoBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/casino.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n         }\r\n         & > .tile:nth-child(12) {\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 2 / 6 / 3 / 7;\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/eventsBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/events.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n         }\r\n         & > .tile:nth-child(13){\r\n            transition: background 0.3s ease-in-out;\r\n            grid-area: 3 / 6 / 4 / 7;\r\n            background-size: cover;\r\n            background-image: url(\"../assets/img/slide3/policeBlur.webp\");\r\n            &:hover {\r\n               @media #{$mouse-device} {\r\n                  background-image: url(\"../assets/img/slide3/police.webp\");\r\n                  background-size: cover;\r\n               }\r\n            }\r\n         }\r\n         @media (max-width: 744px) {\r\n            width: get-vh(648px);\r\n            height: get-vh(1141px);\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            grid-template-rows: repeat(6, 1fr);\r\n            gap: get-vh(19px);\r\n            & > .tile:nth-child(1) {\r\n               width: get-vh(425px);\r\n               height: get-vh(174px);\r\n               grid-area: 1 / 1 / 2 / 3;\r\n               background-image: url(\"../assets/img/slide3/friends.webp\");\r\n               background-size: cover;\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(2) {\r\n               width: get-vh(203px);\r\n               height: get-vh(174px);\r\n               grid-area: 1 / 3 / 2 / 4;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/avatar.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(3) {\r\n               width: get-vh(203px);\r\n               height: get-vh(174px);\r\n               grid-area: 2 / 1 / 3 / 2;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/poshta.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(4) {\r\n               width: get-vh(203px);\r\n               height: get-vh(367px);\r\n               grid-area: 2 / 2 / 4 / 3;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/band.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(5) {\r\n               width: get-vh(203px);\r\n               height: get-vh(174px);\r\n               grid-area: 2 / 3 / 3 / 4;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/events.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(6) {\r\n               width: get-vh(203px);\r\n               height: get-vh(174px);\r\n               grid-area: 3 / 1 / 4 / 2;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/voice.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(7) {\r\n               width: get-vh(203px);\r\n               height: get-vh(174px);\r\n               grid-area: 3 / 3 / 4 / 4;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/arena.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(8) {\r\n               width: get-vh(203px);\r\n               height: get-vh(367px);\r\n               grid-area: 4 / 1 / 6 / 2;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/business.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(9) {\r\n               height: get-vh(174px);\r\n               width: get-vh(425px);\r\n               grid-area: 4 / 2 / 5 / 4;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/house.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(10) {\r\n               width: get-vh(203px);\r\n               height: get-vh(174px);\r\n               grid-area: 5 / 2 / 6 / 3;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/police.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(11) {\r\n               width: get-vh(203px);\r\n               height: get-vh(174px);\r\n               grid-area: 5 / 3 / 6 / 4;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/gov.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(12) {\r\n               width: get-vh(203px);\r\n               height: get-vh(174px);\r\n               grid-area: 6 / 1 / 7 / 2;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/casino.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n            & > .tile:nth-child(13) {\r\n               width: get-vh(425px);\r\n               height: get-vh(174px);\r\n               grid-area: 6 / 2 / 7 / 4;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/cars.webp\");\r\n               border-radius: get-vh(19px);\r\n            }\r\n         }\r\n         @media (max-width: 400px) {\r\n            width: get-vh(352px);\r\n            height: get-vh(1424px);\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            grid-template-rows: repeat(9, 1fr);\r\n            gap: get-vh(16px);\r\n            & > .tile:nth-child(1) {\r\n               width: 100%;\r\n               height: get-vh(144px);\r\n               grid-area: 1 / 1 / 2 / 3;\r\n               background-image: url(\"../assets/img/slide3/friends.webp\");\r\n               background-size: cover;\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(2) {\r\n               width: get-vh(168px);\r\n               height: get-vh(144px);\r\n               grid-area: 2 / 1 / 3 / 2;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/avatar.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(3) {\r\n               width: get-vh(168px);\r\n               height: get-vh(144px);\r\n               grid-area: 2 / 2 / 3 / 3;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/events.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(4) {\r\n               width: get-vh(168px);\r\n               height: get-vh(144px);\r\n               grid-area: 3 / 1 / 4 / 2;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/poshta.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(5) {\r\n               width: get-vh(168px);\r\n               height: get-vh(304px);\r\n               grid-area: 3 / 2 / 5 / 3;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/band.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(6) {\r\n               width: get-vh(168px);\r\n               height: get-vh(144px);\r\n               grid-area: 4 / 1 / 5 / 2;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/voice.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(7) {\r\n               width: 100%;\r\n               height: get-vh(144px);\r\n               grid-area: 5 / 1 / 6 / 3;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/house.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(8) {\r\n               width: get-vh(168px);\r\n               height: get-vh(304px);\r\n               grid-area: 6 / 1 / 8 / 2;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/business.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(9) {\r\n               width: get-vh(168px);\r\n               height: get-vh(144px);\r\n               grid-area: 6 / 2 / 7 / 3;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/arena.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(10) {\r\n               width: get-vh(168px);\r\n               height: get-vh(144px);\r\n               grid-area: 7 / 2 / 8 / 3;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/casino.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(11) {\r\n               width: get-vh(168px);\r\n               height: get-vh(144px);\r\n               grid-area: 8 / 1 / 9 / 2;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/police.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(12) {\r\n               width: get-vh(168px);\r\n               height: get-vh(144px);\r\n               grid-area: 8 / 2 / 9 / 3;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/gov.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n            & > .tile:nth-child(13) {\r\n               width: 100%;\r\n               height: get-vh(144px);\r\n               grid-area: 9 / 1 / 10 / 3;\r\n               background-size: cover;\r\n               background-image: url(\"../assets/img/slide3/cars.webp\");\r\n               border-radius: get-vh(16px);\r\n            }\r\n         }\r\n      }\r\n      & > h3 {\r\n         margin-top: get-vh(32px);\r\n         font-weight: 700;\r\n         font-size: get-vh(36px);\r\n         line-height: 125%;\r\n         display: flex;\r\n         align-items: center;\r\n         text-align: center;\r\n         letter-spacing: -0.03em;\r\n         @media (max-width: 1440px) {\r\n            font-size: get-vh(28px);\r\n         }\r\n         @media (max-width: 1180px) {\r\n            font-size: get-vh(22px);\r\n         }\r\n         @media (max-width: 744px) {\r\n            margin-top: get-vh(36px);\r\n            margin-bottom: get-vh(97px);\r\n            font-size: get-vh(36px);\r\n         }\r\n         @media (max-width: 400px) {\r\n            margin-top: get-vh(24px);\r\n            margin-bottom: get-vh(65px);\r\n            font-size: get-vh(24px);\r\n         }\r\n      }\r\n   }\r\n}\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ThreePage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./ThreePage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThreePage.vue?vue&type=template&id=3c5a0d99&\"\nimport script from \"./ThreePage.vue?vue&type=script&lang=js&\"\nexport * from \"./ThreePage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThreePage.vue?vue&type=style&index=0&id=3c5a0d99&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"four__screen\",class:{firstimg: _vm.activeBlock == 0, secondimg: _vm.activeBlock == 1, threeimg: _vm.activeBlock == 2},attrs:{\"id\":\"StartGame\"}},[_c('div',{staticClass:\"font\"},[_vm._m(0),_c('div',{staticClass:\"cards\"},[_c('div',{staticClass:\"card\",on:{\"mouseover\":function($event){_vm.activeBlock = 0}}},[_c('p',[_vm._v(\"Придбайте ліцензійну копію GTAV\")]),_vm._m(1)]),_c('div',{staticClass:\"card\",on:{\"mouseover\":function($event){_vm.activeBlock = 1}}},[_vm._m(2),_vm._m(3)]),_c('div',{staticClass:\"card\",on:{\"mouseover\":function($event){_vm.activeBlock = 2},\"mouseleave\":function($event){_vm.textThreeBlock = 1}}},[_c('p',[_vm._v(\"Приєднайтеся до сервера SecondLife RP\")]),_c('div',{staticClass:\"more__info\"},[_vm._m(4),_c('a',{staticClass:\"not__btn\",attrs:{\"href\":\"https://discord.gg/secondlife-roleplay-960651717156937728\",\"target\":\"_blank\"},on:{\"click\":function($event){return _vm.copyTextToClipboard()}}},[_vm._v(\"Перейти в Discord\")])])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('h2',[_vm._v(\"Як почати грати?\"),_c('span',[_vm._v(\"   Все просто!\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"more__info\"},[_c('p',[_vm._v(\"Для гри на нашому сервері необхідно мати ліцензійну копію гри GTA V. Підійде будь-яка - Steam, Epic Games або Social Club. \")]),_c('a',{attrs:{\"href\":\"https://store.steampowered.com/app/271590/Grand_Theft_Auto_V/\",\"target\":\"_blank\"}},[_vm._v(\"Придбати у Steam\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"Завантажте \"),_c('br'),_vm._v(\" та встановіть клієнт RAGE MP\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"more__info\"},[_c('p',[_vm._v(\"Наш сервер працює на базі RAGE Multiplayer. Для входу на сервер вам треба мати клієнт RAGE MP, який можна завантажити нижче. \")]),_c('a',{attrs:{\"href\":\"https://rage.mp\",\"target\":\"_blank\"}},[_vm._v(\"Завантажити RAGE MP\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('p',[_vm._v(\"Знайдіть наш сервер у списку в RAGE MP за назвою \"),_c('span',[_vm._v(\"SecondLife RP\")]),_vm._v(\", або можете приєднатися до нашого \"),_c('span',[_vm._v(\"Discord каналу\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n   <div class=\"four__screen\" :class=\"{firstimg: activeBlock == 0, secondimg: activeBlock == 1, threeimg: activeBlock == 2}\" id=\"StartGame\">\r\n      <div class=\"font\">\r\n         <h2>Як почати грати?<span> &nbsp; Все просто!</span></h2>\r\n         <div class=\"cards\">\r\n            <div class=\"card\" @mouseover=\"activeBlock = 0\">\r\n               <p>Придбайте ліцензійну копію GTAV</p>\r\n               <div class=\"more__info\">\r\n                  <p>Для гри на нашому сервері необхідно мати ліцензійну копію гри GTA V.\r\n                     Підійде будь-яка - Steam, Epic Games або Social Club.\r\n                  </p>\r\n                  <a href=\"https://store.steampowered.com/app/271590/Grand_Theft_Auto_V/\" target=\"_blank\">Придбати у Steam</a>\r\n               </div>\r\n            </div>\r\n            <div class=\"card\" @mouseover=\"activeBlock = 1\">\r\n               <p>Завантажте <br> та встановіть клієнт RAGE MP</p>\r\n               <div class=\"more__info\">\r\n                  <p>Наш сервер працює на базі RAGE Multiplayer. Для входу на сервер\r\n                     вам треба мати клієнт RAGE MP, який можна завантажити нижче.\r\n                  </p>\r\n                  <a href=\"https://rage.mp\" target=\"_blank\">Завантажити RAGE MP</a>\r\n               </div>\r\n            </div>\r\n            <div class=\"card\" @mouseover=\"activeBlock = 2\" @mouseleave=\"textThreeBlock = 1\">\r\n               <p>Приєднайтеся до сервера SecondLife RP</p>\r\n               <div class=\"more__info\">\r\n                  <p>Знайдіть наш сервер у списку в RAGE MP\r\n                     за назвою <span>SecondLife RP</span>,\r\n                     або можете приєднатися до нашого <span>Discord каналу</span>\r\n                  </p>\r\n                  <a href=\"https://discord.gg/secondlife-roleplay-960651717156937728\" target=\"_blank\" class=\"not__btn\" @click=\"copyTextToClipboard()\">Перейти в Discord</a>\r\n               </div>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n</template>\r\n<script>\r\nexport default {\r\n   name: \"FourPage\",\r\n   props: {\r\n      currentPage: {\r\n         type: Number,\r\n         required: true,\r\n      },\r\n   },\r\n   data() {\r\n      return {\r\n         activeBlock: 0,\r\n         textThreeBlock: 1\r\n      }\r\n   },\r\n   methods: {\r\n      copyTextToClipboard() {\r\n         this.textThreeBlock = 2;\r\n         setTimeout(() => {\r\n            this.textThreeBlock = 3\r\n         },1500)\r\n         const text = 'game.secondliferp.com.ua';\r\n         const textarea = document.createElement('textarea');\r\n         textarea.value = text;\r\n         textarea.setAttribute('readonly', '');\r\n         textarea.style.position = 'absolute';\r\n         textarea.style.left = '-9999px';\r\n         document.body.appendChild(textarea);\r\n         textarea.select();\r\n         document.execCommand('copy');\r\n         document.body.removeChild(textarea);\r\n      }\r\n   },\r\n   mounted() {\r\n      this.activeBlock = 0\r\n   },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n@import './nulstyle.scss';\r\n@import './variables.scss';\r\n@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);\r\n$mouse-device: '(hover: hover) and (pointer: fine)';\r\n.four__screen {\r\n   height: 100vh;\r\n   width: 100vw;\r\n   position: relative;\r\n   display: flex;\r\n   align-items: center;\r\n   justify-content: center;\r\n   transition: background .5s ease;\r\n   &.firstimg {\r\n      transition: background .5s ease;\r\n      background: url(../assets/img/back/slide4-1.jpg) no-repeat center center;\r\n      background-size: cover;\r\n      @media (max-width: 744px) {\r\n         background: url(../assets/img/mobile/back/slide4-1.jpg) no-repeat center center;\r\n         background-size: cover;\r\n         overflow-x: hidden;\r\n      }\r\n   }\r\n   &.secondimg {\r\n      transition: background .5s ease;\r\n      background: url(../assets/img/back/slide4-2.jpg) no-repeat center center;\r\n      background-size: cover;\r\n      @media (max-width: 744px) {\r\n         background: url(../assets/img/mobile/back/slide4-2.jpg) no-repeat center center;\r\n         background-size: cover;\r\n         overflow-x: hidden;\r\n      }\r\n   }\r\n   &.threeimg {\r\n      transition: background .5s ease;\r\n      background: url(../assets/img/back/slide4-3.jpg) no-repeat center center;\r\n      background-size: cover;\r\n      @media (max-width: 744px) {\r\n         background: url(../assets/img/mobile/back/slide4-3.jpg) no-repeat center center;\r\n         background-size: cover;\r\n         overflow-x: hidden;\r\n      }\r\n   }\r\n\r\n   & > .font {\r\n      z-index: 1;\r\n      width: get-vh(1600px);\r\n      height: get-vh(720px);\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      @media (max-width: 1440px) {\r\n         width: get-vh(1280px);\r\n         height: get-vh(576px);\r\n      }\r\n      @media (max-width: 1180px) {\r\n         width: get-vh(1024px);\r\n         height: get-vh(472px);\r\n      }\r\n      @media (max-width: 960px) {\r\n         width: get-vh(830px);\r\n         height: get-vh(382px);\r\n      }\r\n      @media (max-width: 744px) {\r\n         width: 100%;\r\n         height: auto;\r\n      }\r\n      & > h2 {\r\n         display: flex;\r\n         align-items: center;\r\n         justify-content: center;\r\n         font-weight: 700;\r\n         font-size: get-vh(96px);\r\n         line-height: 125%;\r\n         letter-spacing: -0.03em;\r\n         text-shadow: 0px get-vh(2px) get-vh(32px) rgba(0, 0, 0, 0.2);\r\n         & > span {\r\n            color: #ffb800;\r\n         }\r\n         @media (max-width: 1440px) {\r\n            font-size: get-vh(76px);\r\n            line-height: 125%;\r\n         }\r\n         @media (max-width: 1180px) {\r\n            font-size: get-vh(62px);\r\n            line-height: 125%;\r\n         }\r\n         @media (max-width: 960px) {\r\n            font-size: get-vh(50px);\r\n            line-height: 125%;\r\n         }\r\n         @media (max-width: 744px) {\r\n            font-size: get-vh(54px);\r\n            line-height: 120%;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            width: get-vh(528px);\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n         }\r\n         @media (max-width: 400px) {\r\n            font-size: get-vh(36px);\r\n            line-height: 120%;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-direction: column;\r\n            width: get-vh(352px);\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n         }\r\n      }\r\n      & > .cards {\r\n         margin-top: get-vh(36px);\r\n         display: flex;\r\n         justify-content: space-between;\r\n         height: get-vh(600px);\r\n         width: 100%;\r\n         @media (max-width: 1440px) {\r\n            height: get-vh(480px);\r\n         }\r\n         @media (max-width: 1180px) {\r\n            height: get-vh(394px);\r\n         }\r\n         @media (max-width: 960px) {\r\n            height: get-vh(320px);\r\n         }\r\n         @media (max-width: 744px) {\r\n            height: get-vh(720px);\r\n            overflow-x: scroll;\r\n            &.cards::-webkit-scrollbar {\r\n               width: 0;\r\n               height: 0;\r\n            }\r\n            &.cards {\r\n               scrollbar-width: none;\r\n            }\r\n         }\r\n         @media (max-width: 400px) {\r\n            height: get-vh(480px);\r\n         }\r\n         & > .card {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n            border-radius: get-vh(36px);\r\n            width: get-vh(512px);\r\n            height: 100%;\r\n            overflow: hidden;\r\n            transition: background 0.3s ease-in-out;\r\n            flex-shrink: 0;\r\n            @media (max-width: 1440px) {\r\n               width: get-vh(410px);\r\n            }\r\n            @media (max-width: 1180px) {\r\n               width: get-vh(326px);\r\n            }\r\n            @media (max-width: 960px) {\r\n               width: get-vh(264px);\r\n            }\r\n            @media (max-width: 744px) {\r\n               height: 100%;\r\n               width: get-vh(450px);\r\n               &:nth-child(1) {\r\n                  margin-left: get-vh(60px);\r\n                  @media (max-width: 576px) { \r\n                     margin-left: get-vh(40px);\r\n                  }\r\n               }\r\n               &:not(:first-child) {\r\n                  margin-left: get-vh(36px);\r\n               } \r\n               &:last-child {\r\n                  margin-right: get-vh(60px);\r\n                  @media (max-width: 576px) { \r\n                     margin-left: get-vh(40px);\r\n                  }\r\n               }\r\n            }\r\n            @media (max-width: 400px) {\r\n               height: 100%;\r\n               width: get-vh(300px);\r\n               &:nth-child(1) {\r\n                  margin-left: get-vh(24px);\r\n               }\r\n               &:not(:first-child) {\r\n                  margin-left: get-vh(16px);\r\n               } \r\n               &:last-child {\r\n                  margin-right: get-vh(30px);\r\n               }\r\n            }\r\n            & > .first {\r\n               width: 100%;\r\n               height: 100%;\r\n               transition: opacity 0.3s ease-in-out;\r\n            }\r\n            &.card:hover .first {\r\n               @media #{$mouse-device} {\r\n                  opacity: 1;\r\n               }\r\n            }\r\n            &:nth-child(1) {\r\n               background: url(\"../assets/img/slide4/pic1.jpg\");\r\n               background-size: cover;\r\n               @media (max-width: 744px) {\r\n                  background: url(../assets/img/mobile/slide4/card1.webp) no-repeat center center;\r\n                  background-size: cover;\r\n               }\r\n               &:hover {\r\n                  @media #{$mouse-device} {\r\n                     background: url(\"../assets/img/slide4/pic1blur.jpg\");\r\n                     background-size: cover;\r\n                  }\r\n               }\r\n            }\r\n            &:nth-child(2) {\r\n               background: url(\"../assets/img/slide4/pic2.jpg\");\r\n               background-size: cover;\r\n               @media (max-width: 744px) {\r\n                  background: url(../assets/img/mobile/slide4/card2.webp) no-repeat center center;\r\n                  background-size: cover;\r\n               }\r\n               &:hover {\r\n                  @media #{$mouse-device} {\r\n                     background: url(\"../assets/img/slide4/pic2blur.jpg\");\r\n                     background-size: cover;\r\n                  }\r\n               }\r\n            }\r\n            &:nth-child(3) {\r\n               background: url(\"../assets/img/slide4/pic3.jpg\");\r\n               background-size: cover;\r\n               @media (max-width: 744px) {\r\n                  background: url(../assets/img/mobile/slide4/card3.webp) no-repeat center center;\r\n                  background-size: cover;\r\n               }\r\n               &:hover {\r\n                  @media #{$mouse-device} {\r\n                     background: url(\"../assets/img/slide4/pic3blur.jpg\");\r\n                     background-size: cover;\r\n                  }\r\n               }\r\n               \r\n            }\r\n            & > p {\r\n               position: absolute;\r\n               bottom: get-vh(48px);\r\n               width: get-vh(416px);\r\n               height: get-vh(160px);\r\n               font-weight: 700;\r\n               font-size: get-vh(48px);\r\n               line-height: 120%;\r\n               letter-spacing: -0.03em;\r\n               color: #ffffff;\r\n               transition: 0.3s ease-in-out;\r\n               @media (max-width: 1440px) {\r\n                  font-size: get-vh(38px);\r\n                  line-height: 120%;\r\n                  bottom: get-vh(38px);\r\n                  width: get-vh(352px);\r\n                  height: get-vh(128px);\r\n               }\r\n               @media (max-width: 1180px) {\r\n                  font-size: get-vh(30px);\r\n                  line-height: 120%;\r\n                  bottom: get-vh(32px);\r\n                  width: get-vh(272px);\r\n                  height: get-vh(104px);\r\n               }\r\n               @media (max-width: 960px) {\r\n                  font-size: get-vh(24px);\r\n                  line-height: 120%;\r\n                  bottom: get-vh(26px);\r\n                  width: get-vh(220px);\r\n                  height: get-vh(84px);\r\n               }\r\n               @media (max-width: 744px) {\r\n                  font-size: get-vh(45px);\r\n                  line-height: 110%;\r\n                  bottom: get-vh(264px);\r\n                  width: get-vh(370px);\r\n                  height: get-vh(132px);\r\n               }\r\n               @media (max-width: 400px) {\r\n                  font-size: get-vh(30px);\r\n                  line-height: 110%;\r\n                  bottom: get-vh(176px);\r\n                  width: get-vh(247px);\r\n                  height: get-vh(88px);\r\n               }\r\n            }\r\n            &.card:hover > p {\r\n               @media #{$mouse-device} {\r\n                  bottom: get-vh(362px);\r\n                  @media (max-width: 1440px) {\r\n                     bottom: get-vh(282px);\r\n                  }\r\n                  @media (max-width: 1180px) {\r\n                     bottom: get-vh(226px);\r\n                  }\r\n                  @media (max-width: 960px) {\r\n                     bottom: get-vh(183px);\r\n                  }\r\n               }\r\n            }\r\n            & > .more__info {\r\n               width: get-vh(416px);\r\n               height: get-vh(282px);\r\n               position: absolute;\r\n               opacity: 0;\r\n               bottom: -100px;\r\n               display: flex;\r\n               flex-direction: column;\r\n               justify-content: space-between;\r\n               transition: 0.3s ease-in-out;\r\n               @media (max-width: 1440px) {\r\n                  width: get-vh(352px);\r\n                  height: get-vh(225px);\r\n               }\r\n               @media (max-width: 1180px) {\r\n                  width: get-vh(272px);\r\n                  height: get-vh(180px);\r\n               }\r\n               @media (max-width: 960px) {\r\n                  width: get-vh(224px);\r\n                  height: get-vh(146px);\r\n               }\r\n               @media (max-width: 744px) {\r\n                  opacity: 1;\r\n                  bottom: get-vh(30px);\r\n                  width: get-vh(370px);\r\n                  height: get-vh(204px);\r\n               }\r\n               @media (max-width: 400px) {\r\n                  opacity: 1;\r\n                  bottom: get-vh(28px);\r\n                  width: get-vh(252px);\r\n                  height: get-vh(130px);\r\n               }\r\n               & > p {\r\n                  width: get-vh(416px);\r\n                  height: get-vh(192px);\r\n                  font-weight: 500;\r\n                  font-size: get-vh(28px);\r\n                  line-height: 125%;\r\n                  letter-spacing: -0.03em;\r\n                  color: #ffffff;\r\n                  & > span {\r\n                     font-weight: 600;\r\n                     color: #ffb800;\r\n                     &:nth-child(2) {\r\n                        color: #2697ff;\r\n                     }\r\n                  }\r\n                  @media (max-width: 1440px) {\r\n                     line-height: 125%;\r\n                     font-size: get-vh(22px);\r\n                     width: 100%;\r\n                  }\r\n                  @media (max-width: 1180px) {\r\n                     line-height: 125%;\r\n                     font-size: get-vh(18px);\r\n                     width: 100%;\r\n                  }\r\n                  @media (max-width: 960px) {\r\n                     line-height: 125%;\r\n                     font-size: get-vh(14.5px);\r\n                     width: 100%;\r\n                  }\r\n                  @media (max-width: 744px) {\r\n                     font-weight: 500;\r\n                     font-size: get-vh(21px);\r\n                     line-height: 130%;\r\n                     width: get-vh(372px);\r\n                  }\r\n                  @media (max-width: 400px) {\r\n                     font-weight: 500;\r\n                     font-size: get-vh(14px);\r\n                     line-height: 130%;\r\n                     width: get-vh(252px);\r\n                  }\r\n               }\r\n               & > a {\r\n                  cursor: pointer;\r\n                  width: get-vh(416px);\r\n                  height: get-vh(78px);\r\n                  background: rgba(255, 255, 255, 0.2);\r\n                  border-radius: get-vh(24px);\r\n                  font-weight: 600;\r\n                  font-size: get-vh(30px);\r\n                  line-height: 125%;\r\n                  display: flex;\r\n                  align-items: center;\r\n                  justify-content: center;\r\n                  letter-spacing: -0.02em;\r\n                  color: #ffffff;\r\n                  flex-shrink: 0;\r\n                  transition: background .25s ease, color .25s ease;\r\n                  &:hover {\r\n                     @media #{$mouse-device} {\r\n                        background: #ffffff;\r\n                        color: #000000;\r\n                     }\r\n                  }\r\n                  @media (max-width: 1440px) {\r\n                     width: 100%;\r\n                     height: get-vh(62px);\r\n                     border-radius: get-vh(19px);\r\n                     font-size: get-vh(24px);\r\n                     line-height: 125%;\r\n                  }\r\n                  @media (max-width: 1180px) {\r\n                     height: get-vh(50px);\r\n                     border-radius: get-vh(16px);\r\n                     font-size: get-vh(20px);\r\n                     line-height: 125%;\r\n                     width: 100%;\r\n                  }\r\n                  @media (max-width: 960px) {\r\n                     height: get-vh(40px);\r\n                     border-radius: get-vh(13px);\r\n                     font-size: get-vh(16px);\r\n                     line-height: 125%;\r\n                     width: 100%;\r\n                  }\r\n                  @media (max-width: 744px) {\r\n                     width: 100%;\r\n                     height: get-vh(72px);\r\n                     font-size: get-vh(27px);\r\n                     line-height: 120%;\r\n                     border-radius: get-vh(24px);\r\n                  }\r\n                  @media (max-width: 400px) {\r\n                     width: 100%;\r\n                     height: get-vh(48px);\r\n                     font-size: get-vh(18px);\r\n                     line-height: 120%;\r\n                     border-radius: get-vh(16px);\r\n                  }\r\n               }\r\n               & > .not__btn {\r\n                  cursor: pointer;\r\n                  width: get-vh(416px);\r\n                  height: get-vh(78px);\r\n                  background: rgba(255, 255, 255, 0.2);\r\n                  border-radius: get-vh(24px);\r\n                  font-weight: 600;\r\n                  font-size: get-vh(30px);\r\n                  line-height: 125%;\r\n                  display: flex;\r\n                  align-items: center;\r\n                  justify-content: center;\r\n                  letter-spacing: -0.02em;\r\n                  color: #ffffff;\r\n                  flex-shrink: 0;\r\n                  transition: background .25s ease, color .25s ease;\r\n                  &:hover {\r\n                     @media #{$mouse-device} {\r\n                        background: #ffffff;\r\n                        color: #000000;\r\n                     }\r\n                  }\r\n                  @media (max-width: 1440px) {\r\n                     width: 100%;\r\n                     height: get-vh(62px);\r\n                     border-radius: get-vh(19px);\r\n                     font-size: get-vh(24px);\r\n                     line-height: 125%;\r\n                  }\r\n                  @media (max-width: 1180px) {\r\n                     height: get-vh(50px);\r\n                     border-radius: get-vh(16px);\r\n                     font-size: get-vh(20px);\r\n                     line-height: 125%;\r\n                     width: 100%;\r\n                  }\r\n                  @media (max-width: 960px) {\r\n                     height: get-vh(40px);\r\n                     border-radius: get-vh(13px);\r\n                     font-size: get-vh(16px);\r\n                     line-height: 125%;\r\n                     width: 100%;\r\n                  }\r\n                  @media (max-width: 744px) {\r\n                     width: 100%;\r\n                     height: get-vh(72px);\r\n                     font-size: get-vh(27px);\r\n                     line-height: 120%;\r\n                     border-radius: get-vh(24px);\r\n                  }\r\n                  @media (max-width: 400px) {\r\n                     width: 100%;\r\n                     height: get-vh(48px);\r\n                     font-size: get-vh(18px);\r\n                     line-height: 120%;\r\n                     border-radius: get-vh(16px);\r\n                  }\r\n               }\r\n            }\r\n            &.card:hover > .more__info {\r\n               @media #{$mouse-device} {\r\n                  opacity: 1;\r\n                  bottom: get-vh(48px);\r\n                  transition: 0.3s ease-in-out;\r\n                  @media (max-width: 1440px) {\r\n                     bottom: get-vh(38px);\r\n                  }\r\n                  @media (max-width: 1180px) {\r\n                     bottom: get-vh(30px);\r\n                  }\r\n               }\r\n            }\r\n         }\r\n      }\r\n   }\r\n}\r\n\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FourPage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FourPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FourPage.vue?vue&type=template&id=9a32d1ce&\"\nimport script from \"./FourPage.vue?vue&type=script&lang=js&\"\nexport * from \"./FourPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FourPage.vue?vue&type=style&index=0&id=9a32d1ce&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"five__screen\",attrs:{\"id\":\"Faq\"}},[_vm._m(0),_c('main',[_c('div',{staticClass:\"container__info\",on:{\"mouseover\":function($event){return _vm.handleMouseOver(true)},\"mouseleave\":function($event){return _vm.handleMouseOver(false)}}},_vm._l((_vm.information),function(info,index){return _c('div',{key:index,staticClass:\"item\",class:{ active: _vm.activeIndex === index },on:{\"click\":() => {\n               _vm.handleMouseOver(false)\n               _vm.activeIndex = (_vm.activeIndex === index) ? null : index;\n            }}},[_c('b',[_c('img',{staticClass:\"plus\",class:{ rotation: _vm.activeIndex === index },attrs:{\"src\":require(\"../assets/img/add.svg\"),\"alt\":\"add\",\"draggable\":\"false\"}}),_vm._v(\" \"+_vm._s(info.header))]),(_vm.activeIndex === index)?_c('p',[_vm._v(_vm._s(info.content))]):_vm._e()])}),0)]),_c('footer',[(_vm.checkSizeWidth)?_c('div',{staticClass:\"foot__container\"},[_c('div',{staticClass:\"logo__text\"},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/logoMini.png\"),\"alt\":\"Logo\",\"draggable\":\"false\"}}),_c('div',{staticClass:\"mini__text\"},[_vm._v(\" © \"+_vm._s(new Date().getFullYear())+\" SecondLife RP. Всі права захищені. \"),_c('br'),_c('span',[_vm._v(\" SecondLife RolePlay не підтримується та не пов'язана з Take-Two, Rockstar North Interactive або іншими правовласниками. Усі використані товарні знаки належать їх відповідним власникам. \")])])]),_c('div',{staticClass:\"maney__words\"},[_c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":\"/politika_konfidenchiynosti\"}},[_vm._v(\"Політика конфіденційності\")])],1),_c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":\"/dogovir/zrazok_publichnoho_dohovoru_oferty\"}},[_vm._v(\"Користувацька угода\")])],1),_c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":\"/pravila_koristyvannya_saitom\"}},[_vm._v(\"Правила користування сайтом\")])],1)]),(_vm.checkSizeWidth)?_c('div',{staticClass:\"few__text\"},[_vm._m(1),_c('div',{staticClass:\"item\",on:{\"click\":function($event){_vm.$emit('update:current-page', -1); _vm.$emit('update:active-header', 1)}}},[_vm._v(\"Донат\")]),_vm._m(2)]):_vm._e(),(_vm.checkSizeWidth)?_c('div',{staticClass:\"media\"},[_c('div',{staticClass:\"head\"},[_vm._v(\"Наші соцмережі:\")]),_vm._m(3)]):_vm._e()]):_vm._e(),(!_vm.checkSizeWidth)?_c('div',{staticClass:\"foot__containermin\"},[_c('img',{staticClass:\"logo__text\",attrs:{\"src\":require(\"../../src/assets/img/logoMini.png\"),\"alt\":\"Logo\",\"draggable\":\"false\"}}),_c('div',{staticClass:\"few__text\"},[_vm._m(4),_vm._v(\" \"),_c('div',{staticClass:\"sep\"}),_vm._m(5),_vm._v(\" \"),_c('div',{staticClass:\"sep\"}),_c('div',{staticClass:\"item\",on:{\"click\":function($event){_vm.$emit('update:current-page', -1); _vm.$emit('update:active-header', 1)}}},[_vm._v(\"Донат\")])]),_vm._m(6),_c('div',{staticClass:\"maney__words\"},[_c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":\"/politika_konfidenchiynosti\"}},[_vm._v(\"Політика конфіденційності\")])],1),_c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":\"/dogovir/zrazok_publichnoho_dohovoru_oferty\"}},[_vm._v(\"Користувацька угода\")])],1),_c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":\"/pravila_koristyvannya_saitom\"}},[_vm._v(\"Правила користування сайтом\")])],1)]),_c('div',{staticClass:\"mini__textlover\"},[_vm._v(\" © \"+_vm._s(new Date().getFullYear())+\" SecondLife RP. Всі права захищені. \"),_c('br'),_c('span',[_vm._v(\" SecondLife RolePlay не підтримується та не пов'язана з Take-Two, Rockstar North Interactive або іншими правовласниками. Усі використані товарні знаки належать їх відповідним власникам. \")])])]):_vm._e()])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('header',[_c('h2',[_vm._v(\"FAQ\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item\"},[_c('a',{attrs:{\"href\":\"https://forum.secondliferp.com.ua/index.php\",\"target\":\"_blank\"}},[_vm._v(\"Форум\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item\"},[_c('a',{attrs:{\"href\":\"mailto:secondlifeukraine@gmail.com\"}},[_vm._v(\"E-mail\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"social-icons\"},[_c('li',[_c('a',{attrs:{\"href\":\"https://discord.gg/secondlife-roleplay-960651717156937728\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/discrod.svg\"),\"alt\":\"discrod\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://t.me/SecondLifeRP\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/telegram.svg\"),\"alt\":\"telegram\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.youtube.com/@SecondLifeRP_UA\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/youtube.svg\"),\"alt\":\"yt\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.instagram.com/secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/instagram.svg\"),\"alt\":\"inst\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.tiktok.com/@secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/tiktok.svg\"),\"alt\":\"tiktok\",\"draggable\":\"false\"}})])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item\"},[_c('a',{attrs:{\"href\":\"https://forum.secondliferp.com.ua/index.php\",\"target\":\"_blank\"}},[_vm._v(\"Форум\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item\"},[_c('a',{attrs:{\"href\":\"mailto:secondlifeukraine@gmail.com\"}},[_vm._v(\"E-mail\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"media\"},[_c('ul',{staticClass:\"social-icons\"},[_c('li',[_c('a',{attrs:{\"href\":\"https://discord.gg/secondlife-roleplay-960651717156937728\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/discrod.svg\"),\"alt\":\"discrod\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://t.me/SecondLifeRP\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/telegram.svg\"),\"alt\":\"telegram\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.youtube.com/@SecondLifeRP_UA\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/youtube.svg\"),\"alt\":\"yt\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.instagram.com/secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/instagram.svg\"),\"alt\":\"inst\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.tiktok.com/@secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/tiktok.svg\"),\"alt\":\"tiktok\",\"draggable\":\"false\"}})])])])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n   <div class=\"five__screen\" id=\"Faq\">\r\n      <header>\r\n         <h2>FAQ</h2>\r\n      </header>\r\n      <main>\r\n         <div class=\"container__info\" @mouseover=\"handleMouseOver(true)\" @mouseleave=\"handleMouseOver(false)\">\r\n            <div class=\"item\" v-for=\"(info, index) in information\" :key=\"index\" :class=\"{ active: activeIndex === index }\" \r\n               @click=\"() => {\r\n                  handleMouseOver(false)\r\n                  activeIndex = (activeIndex === index) ? null : index;\r\n               }\">\r\n               <b><img src=\"../assets/img/add.svg\" alt=\"add\" class=\"plus\" draggable=\"false\"\r\n                :class=\"{ rotation: activeIndex === index }\"> {{ info.header }}</b>\r\n               <p v-if=\"activeIndex === index\">{{ info.content }}</p>\r\n            </div>\r\n         </div>\r\n      </main>\r\n      <footer>\r\n         <div class=\"foot__container\" v-if=\"checkSizeWidth\">\r\n            <div class=\"logo__text\">\r\n               <img src=\"../../src/assets/img/logoMini.png\" alt=\"Logo\" draggable=\"false\">\r\n               <div class=\"mini__text\">\r\n                  © {{ new Date().getFullYear() }} SecondLife RP. Всі права захищені. <br>\r\n                  <span>\r\n                     SecondLife RolePlay не підтримується та не пов'язана з Take-Two,\r\n                     Rockstar North Interactive або іншими правовласниками.\r\n                     Усі використані товарні знаки належать їх відповідним власникам.\r\n                  </span>\r\n               </div>\r\n            </div>\r\n            <div class=\"maney__words\">\r\n               <div class=\"item\"><router-link to=\"/politika_konfidenchiynosti\">Політика конфіденційності</router-link></div>\r\n               <div class=\"item\"><router-link to=\"/dogovir/zrazok_publichnoho_dohovoru_oferty\">Користувацька угода</router-link></div>\r\n               <div class=\"item\"><router-link to=\"/pravila_koristyvannya_saitom\">Правила користування сайтом</router-link></div>\r\n            </div>\r\n            <div class=\"few__text\" v-if=\"checkSizeWidth\">\r\n               <div class=\"item\"><a href=\"https://forum.secondliferp.com.ua/index.php\" target=\"_blank\">Форум</a></div>\r\n               <div class=\"item\" @click=\"$emit('update:current-page', -1); $emit('update:active-header', 1)\">Донат</div>\r\n               <div class=\"item\"><a href=\"mailto:secondlifeukraine@gmail.com\">E-mail</a></div>\r\n            </div>\r\n            <div class=\"media\" v-if=\"checkSizeWidth\">\r\n               <div class=\"head\">Наші соцмережі:</div>\r\n               <ul class=\"social-icons\">\r\n                  <li><a href=\"https://discord.gg/secondlife-roleplay-960651717156937728\" target=\"_blank\"><img src=\"../../src/assets/img/discrod.svg\" alt=\"discrod\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://t.me/SecondLifeRP\" target=\"_blank\"><img src=\"../../src/assets/img/telegram.svg\" alt=\"telegram\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.youtube.com/@SecondLifeRP_UA\" target=\"_blank\"><img src=\"../../src/assets/img/youtube.svg\" alt=\"yt\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.instagram.com/secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/instagram.svg\" alt=\"inst\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.tiktok.com/@secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/tiktok.svg\" alt=\"tiktok\" draggable=\"false\"></a></li>\r\n               </ul>\r\n            </div>\r\n         </div>\r\n         <div class=\"foot__containermin\" v-if=\"!checkSizeWidth\">\r\n            <img src=\"../../src/assets/img/logoMini.png\" alt=\"Logo\" draggable=\"false\" class=\"logo__text\">\r\n            <div class=\"few__text\">\r\n               <div class=\"item\"><a href=\"https://forum.secondliferp.com.ua/index.php\" target=\"_blank\">Форум</a></div> <div class=\"sep\"></div>\r\n               <div class=\"item\"><a href=\"mailto:secondlifeukraine@gmail.com\">E-mail</a></div> <div class=\"sep\"></div>\r\n               <div class=\"item\" @click=\"$emit('update:current-page', -1); $emit('update:active-header', 1)\">Донат</div>\r\n            </div>\r\n            <div class=\"media\">\r\n               <ul class=\"social-icons\">\r\n                  <li><a href=\"https://discord.gg/secondlife-roleplay-960651717156937728\" target=\"_blank\"><img src=\"../../src/assets/img/discrod.svg\" alt=\"discrod\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://t.me/SecondLifeRP\" target=\"_blank\"><img src=\"../../src/assets/img/telegram.svg\" alt=\"telegram\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.youtube.com/@SecondLifeRP_UA\" target=\"_blank\"><img src=\"../../src/assets/img/youtube.svg\" alt=\"yt\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.instagram.com/secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/instagram.svg\" alt=\"inst\" draggable=\"false\"></a></li>\r\n                  <li><a href=\"https://www.tiktok.com/@secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/tiktok.svg\" alt=\"tiktok\" draggable=\"false\"></a></li>\r\n               </ul>\r\n            </div>\r\n            <div class=\"maney__words\">\r\n               <div class=\"item\"><router-link to=\"/politika_konfidenchiynosti\">Політика конфіденційності</router-link></div>\r\n               <div class=\"item\"><router-link to=\"/dogovir/zrazok_publichnoho_dohovoru_oferty\">Користувацька угода</router-link></div>\r\n               <div class=\"item\"><router-link to=\"/pravila_koristyvannya_saitom\">Правила користування сайтом</router-link></div>\r\n            </div>\r\n            <div class=\"mini__textlover\">\r\n               © {{ new Date().getFullYear() }} SecondLife RP. Всі права захищені. <br>\r\n               <span>\r\n                  SecondLife RolePlay не підтримується та не пов'язана з Take-Two,\r\n                  Rockstar North Interactive або іншими правовласниками.\r\n                  Усі використані товарні знаки належать їх відповідним власникам.\r\n               </span>\r\n            </div>\r\n         </div>\r\n      </footer>\r\n   </div>\r\n   </template>\r\n   <script>\r\n   export default {\r\n      name: \"FivePage\",\r\n      props: {\r\n         currentPage: {\r\n            type: Number,\r\n            required: true,\r\n         },\r\n      },\r\n      data() {\r\n         return {\r\n            information: [\r\n               {header: 'Чи є на сервері правила, і де їх можна знайти?', content: 'Авжеж є! Всі гравці мають дотримуватися правил сервера. Вони розбиті на окремі категорії та доволі часто оновлюються, аби бути актуальними і створювати максимально комфортний і зрозумілий для гравців геймплей. Знайти їх можна у Discord. Там можна слідкувати за ними, увімкнувши сповіщення на окремі категорії, а також і обговорювати їх у спеціальній гілці. Пропонуйте свої зміни - ми обов’язково врахуємо думку спільноти!'},\r\n               {header: 'Чи є у вас реферальна система? Як запросити друга або отримати запрошення від нього?', content: 'Звісно є! Ви можете отримати бонус при старті від ваших друзів та медійних осіб, а також можете і самі запросити когось, отримавши бонус, який зростає з кожним п’ятим запрошеним гравцем. У вкладці “Бонуси” головного меню є підменю “Реферали та промокоди”, де ви можете скопіювати реферальний промокод або ввести інший. Також адміністрація часто роздає додаткові промокоди - не пропустіть!'},\r\n               {header: 'Яка мова спілкування та взаємодії між гравцями?', content: 'Ми - українці. Ми поважаємо нашу державу, нашу мову і наш народ. І так само поважаємо наших гравців. Тому мова спілкування на сервері - виключно українська. “Суржик” та інші діалекти/говірки також вітаються, адже не всі ми ідеальні, і після стількох років російського впливу перехід на чисту українську для когось може бути нелегкою задачею. Мова окупанта суворо заборонена.'},\r\n               {header: 'Який у вас рівень відігравання role-play?', content: 'Сервер SecondLife RP орієнтований на рівень Medium RP - це симуляція реального життя з деякими вагомими спрощеннями задля більш комфортного геймплею. Тобто ми не вимагаємо повного реалізму та опису кожного найменшого кроку, але бажано намагатися тримати деяку серйозність та виконувати розгорнуте відігравання дій у складних ситуаціях.'},\r\n               {header: 'Гра на сервері безкоштовна? Чи необхідно за щось платити?', content: 'Повністю безкоштовна! Вам не потрібно платити для того, аби грати на нашому сервері. Але окрім цього ми даємо усім бажаючим додаткові преміальні бонуси за спеціальну ігрову валюту. Донат ніяк не впливає на основний геймплей - абсолютно всі стандартні ігрові елементи доступні і без нього, а також відсутні будь-які софт-блоки/пейволли та мінімізований грінд. Донат лише відкриває доступ до унікальних автомобілів, кастомних інтер’єрів будинків, стильного одягу та деяких інших преміальних послуг.'},\r\n               {header: 'Я знайшов баг! Як мені про нього повідомити?', content: 'Хоч ми і професійні розробники, але розмір гри є колосальним і, на жаль, інколи деякі проблеми просто непомітні для нас. Якщо ви знайшли якийсь баг - повідомте нам у Discord в розділі “Баги та глітчі”, або в глобальному меню у вкладці “Інформація” - “Допомога” прямо у грі, або ж на пошту за допомогою кнопки “Написати нам” внизу сторінки. Обов’язково опишіть поетапно ваші дії для виникнення багу, а також бажано додайте скріншоти та запис екрану з детальною демонстрацією проблеми.'},\r\n               {header: 'Я хочу об’єднатися зі своїми друзями у фракцію. Чи можна це зробити?', content: 'На нашому сервері є купа фракцій за професіями - державна, військова, правоохоронна, медична, СБУ та журналісти. Кожна з фракцій виконує свою роль і забезпечує повноцінне життя громадян. У нас також є і \"умовно злочинні\" угрупування - банди. Вони охороняють свою територію, \"кришують\" райони. Існує 4 банди, які контролюють свої великі регіони - Київська, Харківська, Дніпровська та Львівська.'},\r\n               {header: 'Як вирішити проблему з ігровим процесом або конфліктом з гравцем/адміністратором?', content: 'Писати нам прямо у грі (глобальному меню, вкладка “Інформація” - “Допомога”) або у Discord в розділі “Проблеми/суперечки”, або ж на пошту за допомогою кнопки “Написати нам” внизу сторінки. Опишіть детально вашу проблему, вказуючи причини виникнення, події, що передували їй, дату, час, місце події, через яку виникла проблема/суперечка. Додайте скріншоти та запис екрану з детальною демонстрацією проблеми, якщо такі є. Не дублюйте запити, які ви вже раніше писали, якщо ви не отримали на них відповідь - ми про вас не забули, очікуйте відповіді, ми обов’язково допоможемо.'},\r\n               {header: 'Чи є у вас якісь цікаві розваги? Хочу взяти участь у якихось івентах!', content: 'Ми робимо все можливе, аби вам було цікаво грати на нашому сервері, тому окрім звичайного role-play у нас також є деякі розваги. На старті будуть доступні арена, автоматичні івенти та казино. Також адміністрація буде інколи оголошувати великі івенти на свята та визначні події (наприклад, День смерті путіна). Пізніше ми додамо ще щось цікавеньке - слідкуйте за новинами у соцмережах!'},\r\n               {header: 'Хочу запропонувати круту ідею або щось ще, бо на сервері цього немає/не працює.', content: 'Круто! Ми завжди відкриті до пропозицій і чекаємо ваших повідомлень з ідеями щодо нововведень. Надсилайте їх у Discord в розділ “Ідеї та пропозиції” або на пошту за допомогою кнопки “Написати нам” внизу сторінки. Якщо ваша ідея нам сподобається і ми реалізуємо її, то ви будете обов’язково відмічені у новині про апдейт як автор задумки.' },\r\n            ],\r\n            activeIndex: null,\r\n            checkForScroll: false,\r\n            checkSizeWidth: true\r\n         }\r\n      },\r\n      methods: {\r\n         handleMouseOver(type) {\r\n            if(this.activeIndex === null) return;\r\n            this.$emit('update:check-for-scroll', type);\r\n         },\r\n         WidthUpdate() {\r\n            if (window.innerWidth <= 744) this.checkSizeWidth = false;\r\n            else this.checkSizeWidth = true\r\n         },\r\n      },\r\n      watch: {\r\n         currentPage(newValue) {\r\n            if (newValue !== 4) {\r\n               this.activeIndex = null;\r\n            }\r\n         },\r\n      },\r\n      created() {\r\n         window.addEventListener(\"resize\", this.WidthUpdate);\r\n      },\r\n      mounted() {\r\n         this.WidthUpdate();\r\n      },\r\n   };\r\n   </script>\r\n   <style lang=\"scss\">\r\n   @import './nulstyle.scss';\r\n   @import './variables.scss';\r\n   @import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);\r\n   .five__screen {\r\n      overflow: hidden;\r\n      height: 100vh;\r\n      width: 100vw;\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      background: url(../assets/img/back/slide5.jpg) no-repeat center center;\r\n      background-size: cover;\r\n      @media (max-width: 744px) {\r\n         display: flex;\r\n         align-items: center;\r\n         justify-content: center;\r\n         flex-direction: column;\r\n         height: auto;\r\n         background: url(../assets/img/mobile/back/slide5.jpg) no-repeat center center;\r\n         background-size: cover;\r\n         overflow-x: hidden;\r\n      }\r\n      & > header {\r\n         max-width: get-vh(1920px);\r\n         width: calc(100vw - #{get-vh(192px)});\r\n         height: get-vh(200px);\r\n         display: flex;\r\n         align-items: center;\r\n         justify-content: flex-start;\r\n         padding-left: get-vh(12px);\r\n         @media (max-width: 960px) { \r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n         }\r\n         & > h2 {\r\n            font-weight: 700;\r\n            font-size: get-vh(64px);\r\n            line-height: 100%;\r\n            letter-spacing: -0.03em;\r\n            color: #FFFFFF;\r\n            @media (max-width: 960px) { \r\n               z-index: 2;\r\n               margin-top: get-vh(140px);\r\n            }\r\n         }\r\n      }\r\n      & > main {\r\n         flex: 1 1 auto;\r\n         max-width: get-vh(1920px);\r\n         width: calc(100vw - #{get-vh(192px)});\r\n         @media (max-width: 744px) { \r\n            width: calc(100vw - #{get-vh(64px)});\r\n         }\r\n         @media (max-width: 400px) { \r\n            width: calc(100vw - #{get-vh(24px)});\r\n         }\r\n         & > .container__info {\r\n            z-index: 2;\r\n            width: 100%;\r\n            height: get-vh(710px);\r\n            gap: get-vh(22px);\r\n            overflow-y: scroll;\r\n            &.container__info::-webkit-scrollbar {\r\n               width: 0;\r\n               height: 0;\r\n            }\r\n            &.container__info {\r\n               scrollbar-width: none;\r\n            }\r\n            @media (max-width: 960px) { \r\n               margin-top: get-vh(46px);\r\n               height: auto;\r\n            }\r\n            & > .item {\r\n               cursor: pointer;\r\n               padding: get-vh(12px) 0 get-vh(12px) get-vh(15px);\r\n               border-radius: get-vh(24px);\r\n               width: 100%;\r\n               display: flex;\r\n               flex-direction: column;\r\n               justify-content: start;\r\n               transition: padding .25s ease, background .5s ease;\r\n               &:last-child {\r\n                  margin-bottom: get-vh(30px);\r\n               }\r\n               & > b {\r\n                  font-weight: 600;\r\n                  font-size: get-vh(28px);\r\n                  line-height: 120%;\r\n                  letter-spacing: -0.03em;\r\n                  @media (max-width: 960px) { \r\n                     font-weight: 600;\r\n                     font-size: get-vh(24px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.03em;\r\n                  }\r\n                  & > .plus {\r\n                     cursor: pointer;\r\n                     width: get-vh(30px);\r\n                     height: get-vh(36px);\r\n                     margin-right: get-vh(16px);\r\n                     transition: transform .5s ease;\r\n                     &.rotation {\r\n                        transform: rotate(135deg);\r\n                     }\r\n                     @media (max-width: 960px) { \r\n                        width: get-vh(24px);\r\n                        height: get-vh(30px);\r\n                        margin-right: get-vh(12px);\r\n                     }\r\n                  }\r\n               }\r\n               & > p {\r\n                  font-style: normal;\r\n                  font-weight: 500;\r\n                  font-size: get-vh(24px);\r\n                  line-height: 130%;\r\n                  letter-spacing: -0.01em;\r\n                  overflow: hidden;\r\n                  margin-left: get-vh(6px);\r\n                  margin-top: get-vh(10px);\r\n                  opacity: 0;\r\n                  animation: popacity .35s forwards .25s;\r\n                  @keyframes popacity {\r\n                     0% {\r\n                        opacity: 0;\r\n                     }\r\n                     100% {\r\n                        opacity: 1;\r\n                     }\r\n                  }\r\n               }\r\n            }\r\n            & > .active {\r\n               background: rgba(0, 0, 0, 0.6);\r\n               border-radius: get-vh(24px);\r\n               padding: get-vh(12px) get-vh(20px) get-vh(21px) get-vh(15px);\r\n               transition: padding .25s ease, background .5s ease, box-shadow .5s ease;\r\n               &.item:last-child.active {\r\n                  margin-bottom: get-vh(40px);\r\n               }\r\n            }\r\n         }\r\n      }\r\n      & > footer {\r\n         position: absolute;\r\n         bottom: 0;\r\n         z-index: 2;\r\n         width: 100%;\r\n         height: get-vh(200px);\r\n         background: rgba(0, 0, 0, 0.6);\r\n         backdrop-filter: blur(8px);\r\n         display: flex;\r\n         align-items: center;\r\n         justify-content: center;\r\n         @media (max-width: 1440px) {\r\n            height: get-vh(160px);\r\n         }\r\n         @media (max-width: 1180px) {\r\n            height: get-vh(132px);\r\n         }\r\n         @media (max-width: 960px) {\r\n            height: get-vh(108px);\r\n         }\r\n         & > .foot__container {\r\n            height: 100%;\r\n            max-width: get-vh(1920px);\r\n            width: calc(100vw - #{get-vh(192px)});\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            & > .logo__text {\r\n               width: get-vh(635px);\r\n               height: get-vh(80px);\r\n               display: flex;\r\n               justify-content: space-between;\r\n               @media (max-width: 1440px) {\r\n                  width: get-vh(508px);\r\n                  height: get-vh(64px);\r\n               }\r\n               @media (max-width: 1180px) {\r\n                  width: get-vh(416px);\r\n                  height: get-vh(46px);\r\n               }\r\n               @media (max-width: 960px) {\r\n                  width: get-vh(336px);\r\n                  height: get-vh(37px);\r\n               }\r\n               @media (max-width: 840px) {\r\n                  width: get-vh(294px);\r\n                  height: get-vh(32px);\r\n               }\r\n               & > img {\r\n                  width: 35%;\r\n                  height: 100%;\r\n               }\r\n               & > .mini__text {\r\n                  width: 61%;\r\n                  font-weight: 600;\r\n                  font-size: get-vh(16px);\r\n                  line-height: 120%;\r\n                  letter-spacing: -0.02em;\r\n                  color: rgba(255, 255, 255, 0.6);\r\n                  display: flex;\r\n                  flex-direction: column;\r\n                  justify-content: center;\r\n                  & > span {\r\n                     margin-top: get-vh(8px);\r\n                     display: flex;\r\n                     width: 100%;\r\n                     font-weight: 500;\r\n                     font-size: get-vh(12px);\r\n                     line-height: 100%;\r\n                     letter-spacing: -0.07em;\r\n                  } \r\n                  @media (max-width: 1440px) {\r\n                     width: 68%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(13px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.02em;\r\n                     color: rgba(255, 255, 255, 0.6);\r\n                     & > span {\r\n                        font-weight: 500;\r\n                        font-size: get-vh(10px);\r\n                        line-height: 100%;\r\n                        letter-spacing: -0.07em;\r\n                     } \r\n                  }\r\n                  @media (max-width: 1180px) {\r\n                     width: 68%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(10px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.02em;\r\n                     color: rgba(255, 255, 255, 0.6);\r\n                     & > span {\r\n                        margin-top: get-vh(4px);\r\n                        font-weight: 500;\r\n                        font-size: get-vh(8px);\r\n                        line-height: 100%;\r\n                        letter-spacing: -0.07em;\r\n                     } \r\n                  }\r\n                  @media (max-width: 960px) {\r\n                     width: 68%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(8px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.02em;\r\n                     color: rgba(255, 255, 255, 0.6);\r\n                     & > span {\r\n                        margin-top: get-vh(3.5px);\r\n                        font-weight: 500;\r\n                        font-size: get-vh(6.5px);\r\n                        line-height: 100%;\r\n                        letter-spacing: -0.07em;\r\n                     } \r\n                  }\r\n                  @media (max-width: 840px) {\r\n                     width: 68%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(7px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.02em;\r\n                     color: rgba(255, 255, 255, 0.6);\r\n                     & > span {\r\n                        margin-top: get-vh(3.5px);\r\n                        font-weight: 500;\r\n                        font-size: get-vh(5.6px);\r\n                        line-height: 100%;\r\n                        letter-spacing: -0.07em;\r\n                     } \r\n                  }\r\n               }\r\n            }\r\n            & > .maney__words {\r\n               width: get-vh(330px);\r\n               height: get-vh(76px);\r\n               display: flex;\r\n               flex-direction: column;\r\n               justify-content: space-between;\r\n               & > .item , a{\r\n                  cursor: pointer;\r\n                  width: 100%;\r\n                  font-weight: 600;\r\n                  font-size: get-vh(20px);\r\n                  line-height: 100%;\r\n                  letter-spacing: -0.03em;  \r\n                  color: #FFFFFF;\r\n               }\r\n               @media (max-width: 1440px) {\r\n                  width: get-vh(278px);\r\n                  height: get-vh(60px);\r\n                  & > .item {\r\n                     width: 100%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(16px);\r\n                     line-height: 100%;\r\n                     letter-spacing: -0.03em;  \r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n               @media (max-width: 1180px) {\r\n                  width: get-vh(278px);\r\n                  height: get-vh(48px);\r\n                  & > .item {\r\n                     width: 100%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(13px);\r\n                     line-height: 100%;\r\n                     letter-spacing: -0.03em;  \r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n               @media (max-width: 960px) {\r\n                  width: get-vh(238px);\r\n                  height: get-vh(38px);\r\n                  & > .item {\r\n                     width: 100%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(10.5px);\r\n                     line-height: 100%;\r\n                     letter-spacing: -0.03em;  \r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n               @media (max-width: 840px) {\r\n                  width: get-vh(126px);\r\n                  height: get-vh(33px);\r\n                  & > .item {\r\n                     width: 100%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(9px);\r\n                     line-height: 100%;\r\n                     letter-spacing: -0.03em;  \r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n            }\r\n            & > .few__text {\r\n               width: get-vh(71px);\r\n               height: get-vh(76px);\r\n               display: flex;\r\n               flex-direction: column;\r\n               justify-content: space-between;\r\n               align-items: start;\r\n               & > .item {\r\n                  cursor: pointer;\r\n                  font-weight: 600;\r\n                  font-size: get-vh(20px);\r\n                  line-height: 100%;\r\n                  letter-spacing: -0.03em;  \r\n                  & > a {\r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n               @media (max-width: 1440px) {\r\n                  width: get-vh(56px);\r\n                  height: get-vh(60px);\r\n                  & > .item {\r\n                     width: 100%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(16px);\r\n                     line-height: 100%;\r\n                     letter-spacing: -0.03em;  \r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n               @media (max-width: 1180px) {\r\n                  width: get-vh(44px);\r\n                  height: get-vh(48px);\r\n                  & > .item {\r\n                     width: 100%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(13px);\r\n                     line-height: 100%;\r\n                     letter-spacing: -0.03em;  \r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n               @media (max-width: 960px) {\r\n                  width: get-vh(35px);\r\n                  height: get-vh(38px);\r\n                  & > .item {\r\n                     width: 100%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(10.5px);\r\n                     line-height: 100%;\r\n                     letter-spacing: -0.03em;  \r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n               @media (max-width: 840px) {\r\n                  width: get-vh(30px);\r\n                  height: get-vh(33px);\r\n                  & > .item {\r\n                     width: 100%;\r\n                     font-weight: 600;\r\n                     font-size: get-vh(9px);\r\n                     line-height: 100%;\r\n                     letter-spacing: -0.03em;  \r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n            }\r\n            & > .media {\r\n               width: get-vh(244px);\r\n               height: get-vh(76px);\r\n               display: flex;\r\n               flex-direction: column;\r\n               justify-content: space-between;\r\n               & > .head {\r\n                  font-weight: 600;\r\n                  font-size: get-vh(24px);\r\n                  line-height: 100%;\r\n               }\r\n               & > .social-icons {\r\n                  width: 100%;\r\n                  height: get-vh(36px);\r\n                  display: flex;\r\n                  justify-content: space-between;\r\n                  align-items: center;\r\n                  & > li {\r\n                     display: inline-block;\r\n                     & > a {\r\n                        height: get-vh(36px);\r\n                        width: get-vh(36px);\r\n                        display: block;\r\n                        overflow: hidden;\r\n                        & > img {\r\n                           display: block;\r\n                           width: 100%;\r\n                           height: 100%;\r\n                           height: auto;\r\n                        }\r\n                     }\r\n                  }\r\n               }\r\n               @media (max-width: 1440px) {\r\n                  width: get-vh(196px);\r\n                  height: get-vh(60px);\r\n                  & > .head {\r\n                     font-weight: 600;\r\n                     font-size: get-vh(19px);\r\n                     line-height: 100%;\r\n                  }\r\n                  & > .social-icons {\r\n                     width: 100%;\r\n                     height: get-vh(28px);\r\n                     display: flex;\r\n                     justify-content: space-between;\r\n                     align-items: center;\r\n                     & > li {\r\n                        display: inline-block;\r\n                        & > a {\r\n                           height: get-vh(28px);\r\n                           width: get-vh(28px);\r\n                           display: block;\r\n                           overflow: hidden;\r\n                           & > img {\r\n                              display: block;\r\n                              width: 100%;\r\n                              height: 100%;\r\n                              height: auto;\r\n                           }\r\n                        }\r\n                     }\r\n                  }\r\n               }\r\n               @media (max-width: 1180px) {\r\n                  width: get-vh(156px);\r\n                  height: get-vh(48px);\r\n                  & > .head {\r\n                     font-weight: 600;\r\n                     font-size: get-vh(15px);\r\n                     line-height: 100%;\r\n                  }\r\n                  & > .social-icons {\r\n                     width: 100%;\r\n                     height: get-vh(22px);\r\n                     display: flex;\r\n                     justify-content: space-between;\r\n                     align-items: center;\r\n                     & > li {\r\n                        display: inline-block;\r\n                        & > a {\r\n                           height: get-vh(22px);\r\n                           width: get-vh(22px);\r\n                           display: block;\r\n                           overflow: hidden;\r\n                           & > img {\r\n                              display: block;\r\n                              width: 100%;\r\n                              height: 100%;\r\n                              height: auto;\r\n                           }\r\n                        }\r\n                     }\r\n                  }\r\n               }\r\n               @media (max-width: 960px) {\r\n                  width: get-vh(126px);\r\n                  height: get-vh(38px);\r\n                  & > .head {\r\n                     font-weight: 600;\r\n                     font-size: get-vh(12px);\r\n                     line-height: 100%;\r\n                  }\r\n                  & > .social-icons {\r\n                     width: 100%;\r\n                     height: get-vh(18px);\r\n                     display: flex;\r\n                     justify-content: space-between;\r\n                     align-items: center;\r\n                     & > li {\r\n                        display: inline-block;\r\n                        & > a {\r\n                           height: get-vh(18px);\r\n                           width: get-vh(18px);\r\n                           display: block;\r\n                           overflow: hidden;\r\n                           & > img {\r\n                              display: block;\r\n                              width: 100%;\r\n                              height: 100%;\r\n                              height: auto;\r\n                           }\r\n                        }\r\n                     }\r\n                  }\r\n               }\r\n               @media (max-width: 840px) {\r\n                  width: get-vh(110px);\r\n                  height: get-vh(33px);\r\n                  & > .head {\r\n                     font-weight: 600;\r\n                     font-size: get-vh(10.5px);\r\n                     line-height: 100%;\r\n                  }\r\n                  & > .social-icons {\r\n                     width: 100%;\r\n                     height: get-vh(18px);\r\n                     display: flex;\r\n                     justify-content: space-between;\r\n                     align-items: center;\r\n                     & > li {\r\n                        display: inline-block;\r\n                        & > a {\r\n                           height: get-vh(15.75px);\r\n                           width: get-vh(15.75px);\r\n                           display: block;\r\n                           overflow: hidden;\r\n                           & > img {\r\n                              display: block;\r\n                              width: 100%;\r\n                              height: 100%;\r\n                              height: auto;\r\n                           }\r\n                        }\r\n                     }\r\n                  }\r\n               }\r\n            }\r\n            & > .mini__textlover {\r\n               margin-top: get-vh(36px);\r\n               width: get-vh(436px);\r\n               height: get-vh(90px);\r\n               font-weight: 600;\r\n               font-size: get-vh(18px);\r\n               line-height: 120%;\r\n               display: flex;\r\n               flex-direction: column;\r\n               align-items: center;\r\n               text-align: center;\r\n               letter-spacing: -0.02em;\r\n               color: rgba(255, 255, 255, 0.6);\r\n               & > span {\r\n                  font-size: get-vh(12px);\r\n                  line-height: 120%;\r\n               }\r\n            }\r\n         }\r\n         @media (max-width: 744px) { \r\n            position: relative;\r\n            height: auto;\r\n            padding: get-vh(36px) 0;\r\n            width: 100%;\r\n            flex-shrink: 0;\r\n         }\r\n         @media (max-width: 400px) { \r\n            padding: get-vh(24px) 0;\r\n         }\r\n         & > .foot__containermin {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            & > .logo__text {\r\n               width: get-vh(252px);\r\n               height: get-vh(96px);\r\n               @media (max-width: 400px) { \r\n                  width: get-vh(168px);\r\n                  height: get-vh(64px);\r\n               }\r\n            }\r\n            & > .few__text {\r\n               margin-top: get-vh(30px);\r\n               width: get-vh(457px);\r\n               display: flex;\r\n               justify-content: space-between;\r\n               font-weight: 600;\r\n               font-size: get-vh(27px);\r\n               line-height: 100%;\r\n               letter-spacing: -0.03em;\r\n               & > .item {\r\n                  & > a {\r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n               & > .sep {\r\n                  width: 0px;\r\n                  height: get-vh(27px);\r\n                  border: get-vh(2px) solid #FFFFFF;\r\n                  transform: rotate(-180deg);\r\n               }\r\n               @media (max-width: 400px) { \r\n                  margin-top: get-vh(20px);\r\n                  width: get-vh(332px);\r\n                  font-size: get-vh(18px);\r\n                  & > .sep {\r\n                     height: get-vh(18px);\r\n                     border: get-vh(1.5px) solid #FFFFFF;\r\n                  }\r\n               }\r\n            }\r\n            & > .media {\r\n               margin-top: get-vh(36px);\r\n               width: 100%;\r\n               height: get-vh(108px);\r\n               display: flex;\r\n               align-items: center;\r\n               justify-content: space-around;\r\n               background: rgba(255, 255, 255, 0.08);\r\n               & > .social-icons {\r\n                  display: flex;\r\n                  gap: get-vh(45px);\r\n                  height: get-vh(54px);\r\n                  display: flex;\r\n                  justify-content: space-between;\r\n                  align-items: center;\r\n                  & > li {\r\n                     display: inline-block;\r\n                     & > a {\r\n                        height: get-vh(54px);\r\n                        width: get-vh(54px);\r\n                        display: block;\r\n                        overflow: hidden;\r\n                        & > img {\r\n                           display: block;\r\n                           width: 100%;\r\n                           height: 100%;\r\n                           height: auto;\r\n                        }\r\n                     }\r\n                  }\r\n               }\r\n               @media (max-width: 400px) { \r\n                  margin-top: get-vh(24px);\r\n                  height: get-vh(72px);\r\n                  & > .social-icons {\r\n                     gap: get-vh(36px);\r\n                     height: get-vh(36px);\r\n                     & > li {\r\n                        display: inline-block;\r\n                        & > a {\r\n                           height: get-vh(36px);\r\n                           width: get-vh(36px);\r\n                        }\r\n                     }\r\n                  }\r\n               }\r\n            }\r\n            & > .maney__words {\r\n               margin-top: get-vh(36px);\r\n               width: get-vh(333px);\r\n               height: get-vh(120px);\r\n               display: flex;\r\n               flex-direction: column;\r\n               text-align: center;\r\n               align-items: center;\r\n               justify-content: space-between;\r\n               & > .item {\r\n                  font-weight: 600;\r\n                  font-size: get-vh(24px);\r\n                  line-height: 100%;\r\n                  letter-spacing: -0.03em;\r\n                  color: #FFFFFF;\r\n                  & > a {\r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n               @media (max-width: 400px) { \r\n                  margin-top: get-vh(24px);\r\n                  width: get-vh(222px);\r\n                  height: get-vh(80px);\r\n                  & > .item {\r\n                     font-size: get-vh(16px);\r\n                  }\r\n               }\r\n            }\r\n            & > .mini__textlover {\r\n               text-align: center;\r\n               margin: get-vh(36px) 0;\r\n               width: get-vh(272px);\r\n               font-weight: 600;\r\n               font-size: get-vh(12px);\r\n               line-height: 120%;\r\n               letter-spacing: -0.02em;\r\n               color: rgba(255, 255, 255, 0.6);\r\n               & > span {\r\n                  font-size: get-vh(8px);\r\n                  line-height: 120%;\r\n                  letter-spacing: -0.05em;\r\n               }\r\n               @media (max-width: 400px) { \r\n                  margin: get-vh(28px) 0;\r\n                  width: get-vh(240px);\r\n                  font-weight: 600;\r\n                  font-size: get-vh(11px);\r\n                  & > span {\r\n                     font-size: get-vh(7px);\r\n                  }\r\n               }\r\n            }\r\n         }\r\n      }\r\n   }\r\n   </style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FivePage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./FivePage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FivePage.vue?vue&type=template&id=bb3e0ad0&\"\nimport script from \"./FivePage.vue?vue&type=script&lang=js&\"\nexport * from \"./FivePage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FivePage.vue?vue&type=style&index=0&id=bb3e0ad0&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"scrolldonate\",style:(_vm.getOverflowStyle())},[(_vm.activeHeader === 1)?_c('div',{staticClass:\"donate\"},[_c('header',[_c('div',{staticClass:\"container__hed\"},[(_vm.burgerMenu == 0)?_c('div',{staticClass:\"logo\",on:{\"click\":function($event){return _vm.ClickPage(-1,0)}}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/logoMini.png\"),\"alt\":\"Logo\",\"draggable\":\"false\"}})]):_c('div',{staticClass:\"logo\",on:{\"click\":function($event){_vm.$emit('update:active-header', -1); _vm.$emit('update:current-page', 0); _vm.$emit('update:open-burgerMenu', false);}}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/logoMini.png\"),\"alt\":\"Logo\",\"draggable\":\"false\"}})]),(_vm.burgerMenu == 0)?_c('div',{staticClass:\"links\"},[_c('ul',{staticClass:\"page\"},[_c('li',{on:{\"click\":function($event){return _vm.ClickPage(-1,4)}}},[_vm._v(\"FAQ\")]),_vm._m(0),_c('li',{style:(_vm.activeHeader === 1 ? 'color: #FFB800;' : 'color: #FFFFFF;'),on:{\"click\":function($event){_vm.$emit('update:active-header', -1); _vm.$emit('update:current-page', 2)}}},[_vm._v(\"Донат\")])]),_vm._m(1)]):_vm._e(),(_vm.burgerMenu == 1)?_c('img',{staticClass:\"burger\",attrs:{\"src\":require(\"../assets/img/menu.svg\"),\"alt\":\"\"},on:{\"click\":() => {_vm.$emit('update:open-burgerMenu', true);_vm.openBurgerMenu = true; _vm.burgerMenu = 2}}}):_vm._e(),(_vm.burgerMenu == 2)?_c('img',{staticClass:\"burger\",attrs:{\"src\":require(\"../assets/img/close.svg\"),\"alt\":\"\"},on:{\"click\":() => {_vm.$emit('update:open-burgerMenu', false);_vm.openBurgerMenu = false; _vm.burgerMenu = 1}}}):_vm._e()])]),_c('main',[_c('div',{staticClass:\"font\"},[_c('div',{staticClass:\"toup__left\"},[_c('div',{staticClass:\"left__header\"},[_vm._v(\"Поповнити баланс\")]),_c('div',{staticClass:\"wrapper__countbonus\"},[_vm._m(2),_c('div',{staticClass:\"wrapper__procentbonus\"},[_c('div',{staticClass:\"item__procentbonus\",class:{active: _vm.money.slice(1) >= 2500 && _vm.money.slice(1) <= 4999}},[_c('div',{staticClass:\"title__procent\"},[_vm._v(\"+5%\")]),_vm._m(3)]),_c('div',{staticClass:\"sep\"}),_c('div',{staticClass:\"item__procentbonus\",class:{active: _vm.money.slice(1) >= 5000 && _vm.money.slice(1) <= 9999}},[_c('div',{staticClass:\"title__procent\"},[_vm._v(\"+7%\")]),_vm._m(4)]),_c('div',{staticClass:\"sep\"}),_c('div',{staticClass:\"item__procentbonus\",class:{active: _vm.money.slice(1) >= 10000 && _vm.money.slice(1) <= 19999}},[_c('div',{staticClass:\"title__procent\"},[_vm._v(\"+10%\")]),_vm._m(5)]),_c('div',{staticClass:\"sep\"}),_c('div',{staticClass:\"item__procentbonus\",class:{active: _vm.money.slice(1) >= 20000}},[_c('div',{staticClass:\"title__procent\"},[_vm._v(\"+12%\")]),_vm._m(6)])])]),_c('div',{staticClass:\"wrapper__toup\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.login),expression:\"login\"}],staticClass:\"login\",class:{incorrect: _vm.incorrectLogin},attrs:{\"type\":\"text\",\"placeholder\":\"Вкажіть ваш логін\"},domProps:{\"value\":(_vm.login)},on:{\"input\":function($event){if($event.target.composing)return;_vm.login=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.money),expression:\"money\"}],staticClass:\"left__countmoney\",class:{incorrect: _vm.incorrectMoney},attrs:{\"type\":\"text\",\"placeholder\":\"₴4444444\",\"maxlength\":\"8\"},domProps:{\"value\":(_vm.money)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.money=$event.target.value},(e) => {\n                        _vm.money = _vm.money.replace(/[^0-9]/g, '');\n                        if(_vm.money[0] == 0) {\n                           _vm.money = '';\n                        } else if (_vm.money.length >= 1) {\n                           _vm.money = '₴' + _vm.money;\n                        }\n                        _vm.CountPercent(_vm.money.slice(1))\n                     }]}})]),_c('div',{staticClass:\"wrapper__course\"},[_vm._m(7),_c('div',{staticClass:\"right__part\"},[_c('div',{staticClass:\"count__taken\"},[_c('div',{staticClass:\"count__take\"},[_vm._v(\"Ви отримаєте:  \")]),_vm._v(\" \"+_vm._s(_vm.money == '' ? 0 : Math.trunc(Number(_vm.money.slice(1)) + Number(_vm.percentAdd)))+\"  \"),_c('img',{staticClass:\"icon-coin\",attrs:{\"src\":require(\"../assets/img/slcoin.svg\"),\"alt\":\"\"}})]),(_vm.money.slice(1) >= 2500)?_c('div',{staticClass:\"activat__bonus\"},[_vm._v(\" Бонус \"+_vm._s(_vm.money.slice(1) >= 2500 && _vm.money.slice(1) <= 4999 ? 5 : _vm.money.slice(1) >= 5000 && _vm.money.slice(1) <= 9999 ? 7 : _vm.money.slice(1) >= 10000 && _vm.money.slice(1) <= 19999 ? 10 : _vm.money.slice(1) >= 20000 ? 12 : '')+\"% враховано до суми \")]):_vm._e()])]),_c('div',{staticClass:\"left__agreement\",class:{margin: _vm.money.slice(1) >= 2500}},[_c('div',{staticClass:\"circle__accept\",on:{\"click\":function($event){_vm.secondCheck = !_vm.secondCheck}}},[_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.secondCheck),expression:\"secondCheck\"}],staticClass:\"icon-check\",attrs:{\"src\":require(\"../assets/img/check.svg\"),\"alt\":\"\"}})]),_vm._v(\" Я погоджуюся з умовами платіжної\"),_c('br'),_vm._v(\" системи та користувацькою угодою \")]),_c('button',{staticClass:\"left__buy\",class:{active: _vm.login.length >= 1 && _vm.money.slice(1).length >= 1 && _vm.secondCheck, incorrect: _vm.incorrectLogin},on:{\"click\":function($event){return _vm.PaymentsFondy()}}},[_vm._v(\"Перейти до оплати\")])]),_vm._m(8)])]),_c('footer',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.burgerMenu == 1 || _vm.burgerMenu == 2),expression:\"burgerMenu == 1 || burgerMenu == 2\"}]},[_c('div',{staticClass:\"foot__containermin\"},[_c('img',{staticClass:\"logo__text\",attrs:{\"src\":require(\"../../src/assets/img/logoMini.png\"),\"alt\":\"Logo\",\"draggable\":\"false\"}}),_c('div',{staticClass:\"few__text\"},[_c('div',{staticClass:\"item\",on:{\"click\":function($event){_vm.$emit('update:active-header', -1); _vm.$emit('update:current-page', 0); _vm.$emit('update:open-burgerMenu', false);}}},[_vm._v(\"Повернутися на головну\")]),_vm._v(\" \"),_c('div',{staticClass:\"sep\"}),_vm._m(9)]),_vm._m(10),_c('div',{staticClass:\"maney__words\"},[_vm._m(11),_c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":\"/politika_konfidenchiynosti\"}},[_vm._v(\"Політика конфіденційності\")])],1),_c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":\"/dogovir/zrazok_publichnoho_dohovoru_oferty\"}},[_vm._v(\"Користувацька угода\")])],1),_c('div',{staticClass:\"item\"},[_c('router-link',{attrs:{\"to\":\"/pravila_koristyvannya_saitom\"}},[_vm._v(\"Правила користування сайтом\")])],1)]),_c('div',{staticClass:\"mini__textlover\"},[_vm._v(\" © \"+_vm._s(new Date().getFullYear())+\" SecondLife RP. Всі права захищені. \"),_c('br'),_c('span',[_vm._v(\" SecondLife RolePlay не підтримується та не пов'язана з Take-Two, Rockstar North Interactive або іншими правовласниками. Усі використані товарні знаки належать їх відповідним власникам. \")])])])]),(_vm.openBurgerMenu)?_c('div',{staticClass:\"open__burgermenu\"},[_c('div',{staticClass:\"list__social\"},[_c('div',{staticClass:\"item\",on:{\"click\":function($event){_vm.$emit('update:active-header', -1); _vm.$emit('update:current-page', 0); _vm.$emit('update:open-burgerMenu', false); _vm.openBurgerMenu = false; _vm.burgerMenu = 1}}},[_vm._v(\"На головну\")]),_c('a',{staticClass:\"item\",attrs:{\"href\":\"#Faq\"},on:{\"click\":() => {_vm.$emit('update:active-header', -1); _vm.$emit('update:current-page', 0); _vm.$emit('update:open-burgerMenu', false); _vm.openBurgerMenu = false}}},[_vm._v(\"FAQ\")]),_vm._m(12),_vm._m(13),_vm._m(14),_vm._m(15),_vm._m(16),_vm._m(17)])]):_vm._e()]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('li',[_c('a',{attrs:{\"href\":\"https://forum.secondliferp.com.ua/index.php\",\"target\":\"_blank\"}},[_vm._v(\"Форум\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('ul',{staticClass:\"social-icons\"},[_c('li',[_c('a',{attrs:{\"href\":\"https://discord.gg/secondlife-roleplay-960651717156937728\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/discrod.svg\"),\"alt\":\"discrod\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://t.me/SecondLifeRP\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/telegram.svg\"),\"alt\":\"telegram\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.youtube.com/@SecondLifeRP_UA\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/youtube.svg\"),\"alt\":\"yt\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.instagram.com/secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/instagram.svg\"),\"alt\":\"inst\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.tiktok.com/@secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/tiktok.svg\"),\"alt\":\"tiktok\",\"draggable\":\"false\"}})])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"countbonus__text\"},[_vm._v(\"Отримайте бонус \"),_c('br'),_vm._v(\"при поповненні\"),_c('br'),_vm._v(\"балансу від ₴2500\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"subtitle__bonus\"},[_vm._v(\"від\"),_c('br'),_vm._v(\"₴2.5К\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"subtitle__bonus\"},[_vm._v(\"від\"),_c('br'),_vm._v(\"₴5К\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"subtitle__bonus\"},[_vm._v(\"від\"),_c('br'),_vm._v(\"₴10К\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"subtitle__bonus\"},[_vm._v(\"від\"),_c('br'),_vm._v(\"₴20К\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"left__course\"},[_vm._v(\" 1 грн = 1 \"),_c('img',{staticClass:\"icon-coin\",attrs:{\"src\":require(\"../assets/img/slcoin.svg\"),\"alt\":\"\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"side__two\"},[_c('img',{staticClass:\"top__img\",attrs:{\"src\":require(\"../assets/img/donate/pikachu.webp\"),\"alt\":\"\",\"draggable\":\"false\"}}),_c('div',{staticClass:\"text\"},[_vm._v(\"За допомогою LifeCoins ви можете придбати різний цифровий контент, зокрема: унікальний транспорт, додаткові аксесуари для ігрового персонажа, ігрову валюту, розширення гаражного простору тощо.\")]),_c('div',{staticClass:\"text\"},[_vm._v(\"Якщо у вас виникли проблеми з придбанням або ви отримали помилку при оплаті, будь ласка, зверніться до адміністрації за допомогою пошти \"),_c('span',{staticClass:\"yellow\"},[_vm._v(\"secondlifeukraine@gmail.com\")]),_vm._v(\" або у \"),_c('span',{staticClass:\"yellow\"},[_vm._v(\"Discord\")]),_vm._v(\" за допомогою тікету.\")]),_c('div',{staticClass:\"text\"},[_vm._v(\"Будьте уважні - адміністрація ніколи не вимагатиме у вас конфіденційних даних платіжних методів, таких як CVV та PIN. \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item\"},[_c('a',{attrs:{\"href\":\"https://forum.secondliferp.com.ua/index.php\",\"target\":\"_blank\"}},[_vm._v(\"Форум\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"media\"},[_c('ul',{staticClass:\"social-icons\"},[_c('li',[_c('a',{attrs:{\"href\":\"https://discord.gg/secondlife-roleplay-960651717156937728\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/discrod.svg\"),\"alt\":\"discrod\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://t.me/SecondLifeRP\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/telegram.svg\"),\"alt\":\"telegram\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.youtube.com/@SecondLifeRP_UA\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/youtube.svg\"),\"alt\":\"yt\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.instagram.com/secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/instagram.svg\"),\"alt\":\"inst\",\"draggable\":\"false\"}})])]),_c('li',[_c('a',{attrs:{\"href\":\"https://www.tiktok.com/@secondliferp_ua\",\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../../src/assets/img/tiktok.svg\"),\"alt\":\"tiktok\",\"draggable\":\"false\"}})])])])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item\"},[_c('a',{attrs:{\"href\":\"mailto:secondlifeukraine@gmail.com\"}},[_vm._v(\"E-mail\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"item\"},[_c('a',{attrs:{\"href\":\"https://forum.secondliferp.com.ua/index.php\",\"target\":\"_blank\"}},[_vm._v(\"Форум\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://www.youtube.com/@SecondLifeRP_UA\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/youtubeP.svg\"),\"alt\":\"\"}}),_vm._v(\" YouTube\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://www.tiktok.com/@secondliferp_ua\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/tiktokP.svg\"),\"alt\":\"\"}}),_vm._v(\" TikTok\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://www.instagram.com/secondliferp_ua\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/instagramP.svg\"),\"alt\":\"\"}}),_vm._v(\" Instagram\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://discord.gg/secondlife-roleplay-960651717156937728\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/discrodP.svg\"),\"alt\":\"\"}}),_vm._v(\" Discord\")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('a',{staticClass:\"item\",attrs:{\"href\":\"https://t.me/SecondLifeRP\"}},[_c('img',{staticClass:\"icon\",attrs:{\"src\":require(\"../assets/img/telegramP.svg\"),\"alt\":\"\"}}),_vm._v(\" Telegram\")])\n}]\n\nexport { render, staticRenderFns }","<template >\r\n   <div class=\"scrolldonate\" :style=\"getOverflowStyle()\">\r\n      <div class=\"donate\" v-if=\"activeHeader === 1\" >\r\n         <header>\r\n            <div class=\"container__hed\">\r\n               <div class=\"logo\" @click=\"ClickPage(-1,0)\" v-if=\"burgerMenu == 0\">\r\n                  <img src=\"../../src/assets/img/logoMini.png\" alt=\"Logo\" draggable=\"false\">\r\n               </div>\r\n               <div class=\"logo\" @click=\"$emit('update:active-header', -1); $emit('update:current-page', 0); $emit('update:open-burgerMenu', false);\" v-else>\r\n                  <img src=\"../../src/assets/img/logoMini.png\" alt=\"Logo\" draggable=\"false\">\r\n               </div>\r\n               <div class=\"links\" v-if=\"burgerMenu == 0\">\r\n                  <ul class=\"page\">\r\n                     <li @click=\"ClickPage(-1,4)\">FAQ</li>\r\n                     <li><a href=\"https://forum.secondliferp.com.ua/index.php\" target=\"_blank\">Форум</a></li>\r\n                     <li :style=\"activeHeader === 1 ? 'color: #FFB800;' : 'color: #FFFFFF;'\" @click=\"$emit('update:active-header', -1); $emit('update:current-page', 2)\">Донат</li>\r\n                  </ul>\r\n                  <ul class=\"social-icons\">\r\n                     <li><a href=\"https://discord.gg/secondlife-roleplay-960651717156937728\" target=\"_blank\"><img src=\"../../src/assets/img/discrod.svg\" alt=\"discrod\" draggable=\"false\"></a></li>\r\n                     <li><a href=\"https://t.me/SecondLifeRP\" target=\"_blank\"><img src=\"../../src/assets/img/telegram.svg\" alt=\"telegram\" draggable=\"false\"></a></li>\r\n                     <li><a href=\"https://www.youtube.com/@SecondLifeRP_UA\" target=\"_blank\"><img src=\"../../src/assets/img/youtube.svg\" alt=\"yt\" draggable=\"false\"></a></li>\r\n                     <li><a href=\"https://www.instagram.com/secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/instagram.svg\" alt=\"inst\" draggable=\"false\"></a></li>\r\n                     <li><a href=\"https://www.tiktok.com/@secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/tiktok.svg\" alt=\"tiktok\" draggable=\"false\"></a></li>\r\n                  </ul>\r\n               </div>\r\n               <img src=\"../assets/img/menu.svg\" alt=\"\" class=\"burger\" v-if=\"burgerMenu == 1\" @click=\"() => {$emit('update:open-burgerMenu', true);openBurgerMenu = true; burgerMenu = 2}\">\r\n               <img src=\"../assets/img/close.svg\" alt=\"\" class=\"burger\" v-if=\"burgerMenu == 2\" @click=\"() => {$emit('update:open-burgerMenu', false);openBurgerMenu = false; burgerMenu = 1}\">\r\n            </div>\r\n         </header>\r\n         <main>\r\n            <div class=\"font\">\r\n               <div class=\"toup__left\">\r\n                  <div class=\"left__header\">Поповнити баланс</div>\r\n                  <div class=\"wrapper__countbonus\">\r\n                     <div class=\"countbonus__text\">Отримайте бонус <br>при поповненні<br>балансу від ₴2500</div>\r\n                     <div class=\"wrapper__procentbonus\">\r\n                        <div class=\"item__procentbonus\" :class=\"{active: money.slice(1) >= 2500 && money.slice(1) <= 4999}\">\r\n                           <div class=\"title__procent\">+5%</div>\r\n                           <div class=\"subtitle__bonus\">від<br>₴2.5К</div>\r\n                        </div>\r\n                        <div class=\"sep\"></div>\r\n                        <div class=\"item__procentbonus\" :class=\"{active: money.slice(1) >= 5000 && money.slice(1) <= 9999}\">\r\n                           <div class=\"title__procent\">+7%</div>\r\n                           <div class=\"subtitle__bonus\">від<br>₴5К</div>\r\n                        </div>\r\n                        <div class=\"sep\"></div>\r\n                        <div class=\"item__procentbonus\" :class=\"{active: money.slice(1) >= 10000 && money.slice(1) <= 19999}\">\r\n                           <div class=\"title__procent\">+10%</div>\r\n                           <div class=\"subtitle__bonus\">від<br>₴10К</div>\r\n                        </div>\r\n                        <div class=\"sep\"></div>\r\n                        <div class=\"item__procentbonus\" :class=\"{active: money.slice(1) >= 20000}\">\r\n                           <div class=\"title__procent\">+12%</div>\r\n                           <div class=\"subtitle__bonus\">від<br>₴20К</div>\r\n                        </div>\r\n                     </div>\r\n                  </div>\r\n                  <div class=\"wrapper__toup\">\r\n                     <input type=\"text\" class=\"login\" placeholder=\"Вкажіть ваш логін\" v-model=\"login\" :class=\"{incorrect: incorrectLogin}\">\r\n                     <input type=\"text\" class=\"left__countmoney\" placeholder=\"₴4444444\" v-model=\"money\" maxlength=\"8\" :class=\"{incorrect: incorrectMoney}\"\r\n                        @input=\"(e) => {\r\n                           money = money.replace(/[^0-9]/g, '');\r\n                           if(money[0] == 0) {\r\n                              money = '';\r\n                           } else if (money.length >= 1) {\r\n                              money = '₴' + money;\r\n                           }\r\n                           CountPercent(money.slice(1))\r\n                        }\"\r\n                     >\r\n                  </div>\r\n                  <div class=\"wrapper__course\">\r\n                     <div class=\"left__course\">\r\n                        1 грн = 1\r\n                        <img src=\"../assets/img/slcoin.svg\" alt=\"\" class=\"icon-coin\">\r\n                     </div>\r\n                     <div class=\"right__part\">\r\n                        <div class=\"count__taken\">\r\n                           <div class=\"count__take\">Ви отримаєте: &nbsp;</div>\r\n                           {{ money == '' ? 0 : Math.trunc(Number(money.slice(1)) + Number(percentAdd))}}&nbsp; <img src=\"../assets/img/slcoin.svg\" alt=\"\" class=\"icon-coin\">\r\n                        </div>\r\n                        <div class=\"activat__bonus\" v-if=\"money.slice(1) >= 2500\">\r\n                           Бонус {{ money.slice(1) >= 2500 && money.slice(1) <= 4999 ? 5 : money.slice(1) >= 5000 && money.slice(1) <= 9999 ? 7 : money.slice(1) >= 10000 && money.slice(1) <= 19999 ? 10 : money.slice(1) >= 20000 ? 12 : '' }}% враховано до суми\r\n                        </div>\r\n                     </div>\r\n                  </div>\r\n                  <div class=\"left__agreement\" :class=\"{margin: money.slice(1) >= 2500}\">\r\n                     <div class=\"circle__accept\" @click=\"secondCheck = !secondCheck\">\r\n                        <img src=\"../assets/img/check.svg\" alt=\"\" class=\"icon-check\" v-show=\"secondCheck\">\r\n                     </div>\r\n                     Я погоджуюся з умовами платіжної<br> системи та користувацькою угодою\r\n                  </div>\r\n                  <button class=\"left__buy\" :class=\"{active: login.length >= 1 && money.slice(1).length >= 1 && secondCheck, incorrect: incorrectLogin}\" @click=\"PaymentsFondy()\">Перейти до оплати</button>\r\n               </div>\r\n               <div class=\"side__two\">\r\n                  <img src=\"../assets/img/donate/pikachu.webp\" alt=\"\" class=\"top__img\" draggable=\"false\">\r\n                  <div class=\"text\">За допомогою LifeCoins ви можете придбати різний цифровий контент, зокрема: унікальний транспорт, додаткові аксесуари для ігрового персонажа, ігрову валюту, розширення гаражного простору тощо.</div>\r\n                  <div class=\"text\">Якщо у вас виникли проблеми з придбанням або ви отримали помилку при оплаті, будь ласка, зверніться до адміністрації за допомогою пошти <span class=\"yellow\">secondlifeukraine@gmail.com</span> або у <span class=\"yellow\">Discord</span> за допомогою тікету.</div>\r\n                  <div class=\"text\">Будьте уважні - адміністрація ніколи не вимагатиме у вас конфіденційних даних платіжних методів, таких як CVV та PIN. </div>\r\n               </div>\r\n            </div>\r\n         </main> \r\n         <footer v-show=\"burgerMenu == 1 || burgerMenu == 2\">\r\n            <div class=\"foot__containermin\">\r\n               <img src=\"../../src/assets/img/logoMini.png\" alt=\"Logo\" draggable=\"false\" class=\"logo__text\">\r\n               <div class=\"few__text\">\r\n                  <div class=\"item\" @click=\"$emit('update:active-header', -1); $emit('update:current-page', 0); $emit('update:open-burgerMenu', false);\">Повернутися на головну</div> <div class=\"sep\"></div>\r\n                  <div class=\"item\"><a href=\"https://forum.secondliferp.com.ua/index.php\" target=\"_blank\">Форум</a></div>\r\n               </div>\r\n               <div class=\"media\">\r\n                  <ul class=\"social-icons\">\r\n                     <li><a href=\"https://discord.gg/secondlife-roleplay-960651717156937728\" target=\"_blank\"><img src=\"../../src/assets/img/discrod.svg\" alt=\"discrod\" draggable=\"false\"></a></li>\r\n                     <li><a href=\"https://t.me/SecondLifeRP\" target=\"_blank\"><img src=\"../../src/assets/img/telegram.svg\" alt=\"telegram\" draggable=\"false\"></a></li>\r\n                     <li><a href=\"https://www.youtube.com/@SecondLifeRP_UA\" target=\"_blank\"><img src=\"../../src/assets/img/youtube.svg\" alt=\"yt\" draggable=\"false\"></a></li>\r\n                     <li><a href=\"https://www.instagram.com/secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/instagram.svg\" alt=\"inst\" draggable=\"false\"></a></li>\r\n                     <li><a href=\"https://www.tiktok.com/@secondliferp_ua\" target=\"_blank\"><img src=\"../../src/assets/img/tiktok.svg\" alt=\"tiktok\" draggable=\"false\"></a></li>\r\n                  </ul>\r\n               </div>\r\n               <div class=\"maney__words\">\r\n                  <div class=\"item\"><a href=\"mailto:secondlifeukraine@gmail.com\">E-mail</a></div>\r\n                  <div class=\"item\"><router-link to=\"/politika_konfidenchiynosti\">Політика конфіденційності</router-link></div>\r\n                  <div class=\"item\"><router-link to=\"/dogovir/zrazok_publichnoho_dohovoru_oferty\">Користувацька угода</router-link></div>\r\n                  <div class=\"item\"><router-link to=\"/pravila_koristyvannya_saitom\">Правила користування сайтом</router-link></div>\r\n               </div>\r\n               <div class=\"mini__textlover\">\r\n                  © {{ new Date().getFullYear() }} SecondLife RP. Всі права захищені. <br>\r\n                  <span>\r\n                     SecondLife RolePlay не підтримується та не пов'язана з Take-Two,\r\n                     Rockstar North Interactive або іншими правовласниками.\r\n                     Усі використані товарні знаки належать їх відповідним власникам.\r\n                  </span>\r\n               </div>\r\n            </div>\r\n         </footer>\r\n         <div class=\"open__burgermenu\" v-if=\"openBurgerMenu\">\r\n            <div class=\"list__social\">\r\n               <div class=\"item\" @click=\"$emit('update:active-header', -1); $emit('update:current-page', 0); $emit('update:open-burgerMenu', false); openBurgerMenu = false; burgerMenu = 1\">На головну</div>\r\n               <a href=\"#Faq\" class=\"item\" @click=\"() => {$emit('update:active-header', -1); $emit('update:current-page', 0); $emit('update:open-burgerMenu', false); openBurgerMenu = false}\">FAQ</a>\r\n               <div class=\"item\"><a href=\"https://forum.secondliferp.com.ua/index.php\" target=\"_blank\">Форум</a></div>\r\n               <a href=\"https://www.youtube.com/@SecondLifeRP_UA\" class=\"item\"><img src=\"../assets/img/youtubeP.svg\" alt=\"\" class=\"icon\"> YouTube</a>\r\n               <a href=\"https://www.tiktok.com/@secondliferp_ua\" class=\"item\"><img src=\"../assets/img/tiktokP.svg\" alt=\"\" class=\"icon\"> TikTok</a>\r\n               <a href=\"https://www.instagram.com/secondliferp_ua\" class=\"item\"><img src=\"../assets/img/instagramP.svg\" alt=\"\" class=\"icon\"> Instagram</a>\r\n               <a href=\"https://discord.gg/secondlife-roleplay-960651717156937728\" class=\"item\"><img src=\"../assets/img/discrodP.svg\" alt=\"\" class=\"icon\"> Discord</a>\r\n               <a href=\"https://t.me/SecondLifeRP\" class=\"item\"><img src=\"../assets/img/telegramP.svg\" alt=\"\" class=\"icon\"> Telegram</a>\r\n            </div>\r\n         </div>\r\n      </div>\r\n   </div>\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n   name: \"DonatePage\",\r\n   props: {\r\n      currentPage: {\r\n         type: Number,\r\n         required: true,\r\n      },\r\n      activeHeader: {\r\n         type: Number,\r\n         required: true,\r\n      },\r\n      historyPosition: {\r\n         type: Number,\r\n         required: true,\r\n      }\r\n   },\r\n   data() {\r\n      return {\r\n         burgerMenu: 0,\r\n         firstCheck: false,\r\n         secondCheck: false,\r\n         scrolling: false,\r\n         openBurgerMenu: false,\r\n         login: '',\r\n         money: '',\r\n         percentAdd: null,\r\n         lastClickInBtn: 0,\r\n         incorrectLogin: false,\r\n         incorrectMoney: false,\r\n      };\r\n   },\r\n   methods:{\r\n      ClickPage(hedpg,curpg) {\r\n         if (this.burgerMenu == 0) {\r\n            this.$emit('update:active-header', hedpg); \r\n            this.$emit('update:current-page', curpg)\r\n            let position = this.historyPosition;\r\n            if(curpg == 4){\r\n               setTimeout(() => {\r\n                  const anim = document.querySelector('.container').animate(\r\n                  [\r\n                     { transform: `translateY(${position}vh)`},\r\n                     { transform: `translateY(${-100 * curpg}vh)`},\r\n                  ], \r\n                  {\r\n                     duration: 1000,\r\n                     iterations: 1,\r\n                     easing: 'ease-in-out',\r\n                     effect: 'spring',\r\n                     spring: { mass: 1, stiffness: 320, damping: 40 },\r\n                  }\r\n                  )\r\n                  anim.addEventListener('finish', () => {\r\n                     position = -100 * curpg\r\n                     this.$emit(\"update:history-position\", position);\r\n                     document.querySelector('.container').style.transform = `translateY(${position}vh)`;\r\n                  })\r\n               }, 150);\r\n            } \r\n         }\r\n      },\r\n      async PaymentsFondy() {\r\n         if(new Date().getTime() - this.lastClickInBtn < 2500) return;\r\n         if (this.login == '' || this.money == '' || !this.secondCheck) return;\r\n         let count = parseInt(this.money.slice(1));\r\n         if (count < 30) {\r\n            this.incorrectMoney = true;\r\n            this.money = 'Занадто мала сума. Мінімальна - 30 грн.';\r\n            setTimeout(() => {\r\n               this.incorrectMoney = false;\r\n               this.money = ''\r\n            }, 2000);\r\n            return;\r\n         }\r\n         this.lastClickInBtn = new Date().getTime();\r\n         \r\n         await fetch(\"https://secondliferp.com.ua/donateFondy\", {\r\n            method: \"POST\",\r\n            headers: { \"Content-Type\": \"application/json\" },\r\n            body: JSON.stringify({\r\n               Login: this.login,\r\n               Count: count\r\n            })\r\n         })\r\n         .then((response) => {\r\n            if(response.ok){\r\n               return response.json();\r\n            }\r\n\r\n            if(response.status == 404){\r\n               this.incorrectLogin = true;\r\n               this.login = 'Такого гравця не існує. Перевірте введені дані.';\r\n               setTimeout(() => {\r\n                  this.incorrectLogin = false;\r\n                  this.login = ''\r\n               }, 2000);\r\n            }else {\r\n               this.incorrectLogin = true;\r\n               this.login = 'Щось сталось не так.';\r\n               setTimeout(() => {\r\n                  this.incorrectLogin = false;\r\n                  this.login = ''\r\n               }, 2000);\r\n            }\r\n         })\r\n         .then(data => {\r\n            if(data == undefined) return;\r\n            window.location.href = data.paymentUrl;\r\n         })\r\n         .catch((error) => {\r\n           console.error(error);\r\n         });\r\n      },\r\n      async PaymentsInterkassa() {\r\n         if(new Date().getTime() - this.lastClickInBtn < 2500) return;\r\n         if (this.login == '' || this.money == '' || !this.secondCheck) return;\r\n         let count = parseInt(this.money.slice(1));\r\n         this.lastClickInBtn = new Date().getTime();\r\n         await fetch(\"https://secondliferp.com.ua/donateInterkassa\", {\r\n            method: \"POST\",\r\n            headers: { \"Content-Type\": \"application/json\" },\r\n            body: JSON.stringify({\r\n               Login: this.login,\r\n               Count: count\r\n            })\r\n         })\r\n         .then((response) => {\r\n            if(response.ok){\r\n               return response.json();\r\n            }\r\n            if(response.status == 404){\r\n               this.incorrectLogin = true;\r\n               this.login = 'Такого гравця не існує. Перевірте введені дані.';\r\n               setTimeout(() => {\r\n                  this.incorrectLogin = false;\r\n                  this.login = ''\r\n               }, 2000);\r\n            }else {\r\n               this.incorrectLogin = true;\r\n               this.login = 'Щось сталось не так.';\r\n               setTimeout(() => {\r\n                  this.incorrectLogin = false;\r\n                  this.login = ''\r\n               }, 2000);\r\n            }\r\n         })\r\n         .then(data => {\r\n            if(data == undefined) return;\r\n            //window.location.href = data.paymentUrl;\r\n            const form = document.createElement(\"form\");\r\n            form.method = \"POST\";\r\n            form.action = \"https://sci.interkassa.com/\";\r\n            for (const key in data) {\r\n               form.innerHTML += `<input type=\"text\" name=\"${key}\" value=\"${data[key]}\">\\n`\r\n            }\r\n            form.innerHTML += '<input type=\"submit\" value=\"Pay\">';\r\n            document.body.appendChild(form);\r\n            form.submit();\r\n         })\r\n         .catch((error) => {\r\n           console.error(error);\r\n         });\r\n      },\r\n      WidthUpdate() {\r\n         if (window.innerWidth <= 744) this.burgerMenu = 1;\r\n         else this.burgerMenu = 0\r\n      },\r\n      getOverflowStyle() {\r\n         return {\r\n            overflowY: this.burgerMenu == 0 || this.burgerMenu == 2 ? 'hidden' : 'scroll',\r\n         };\r\n      },\r\n      CountPercent(count) {\r\n         if (count < 2500) {this.percentAdd = null; return;}\r\n         let typePercent = {\r\n            0: 5, \r\n            1: 7,\r\n            2: 10,\r\n            3: 12\r\n         }\r\n         \r\n         if (count >= 2500 && count <= 4999 ) {\r\n            let formula = (Number(count) * typePercent[0]) / 100;\r\n            this.percentAdd = Number(formula);\r\n         } else if (count >= 5000 && count <= 9999) {\r\n            let formula = (count * typePercent[1]) / 100 \r\n            this.percentAdd = formula;\r\n         } else if (count >= 10000 && count <= 19999) {\r\n            let formula = (count * typePercent[2]) / 100 \r\n            this.percentAdd = formula;\r\n         } else if (count >= 20000) {\r\n            let formula = (count * typePercent[3]) / 100 \r\n            this.percentAdd = formula;\r\n         }\r\n      },\r\n   },\r\n   watch: {\r\n      activeHeader(newValue) {\r\n         if (newValue !== 1) {\r\n            this.login = '';\r\n            this.money = '';\r\n            this.firstCheck = false;\r\n            this.secondCheck = false;\r\n         }\r\n      },\r\n   },\r\n   created() {\r\n      window.addEventListener(\"resize\", this.WidthUpdate);\r\n   },\r\n   mounted() {\r\n      this.WidthUpdate();\r\n   },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\">\r\n@import './nulstyle.scss';\r\n@import './variables.scss';\r\n@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);\r\n.scrolldonate {\r\n   height: 100vh;\r\n   width: 100vw;\r\n   overflow-x: hidden;\r\n   &.scrolldonate::-webkit-scrollbar {\r\n      width: 0;\r\n      height: 0;\r\n   }\r\n   &.scrolldonate {\r\n      scrollbar-width: none;\r\n   }\r\n   & > .donate {\r\n      height: 100vh;\r\n      width: 100vw;\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      background: url(../assets/img/back/donate.jpg) no-repeat center center;\r\n      background-size: cover;\r\n      @media (max-width: 744px) {\r\n         display: flex;\r\n         align-items: center;\r\n         justify-content: center;\r\n         flex-direction: column;\r\n         height: auto;\r\n         background: url(../assets/img/mobile/back/donate.jpg) no-repeat center center;\r\n         background-size: cover;\r\n      }\r\n      & > header {\r\n         width: 100%;\r\n         height: get-vh(160px);\r\n         display: flex;\r\n         align-items: center;\r\n         justify-content: center;\r\n         width: calc(100vw - #{get-vh(128px)});\r\n         @media (max-width: 400px) { \r\n            width: calc(100vw - #{get-vh(64px)});\r\n         }\r\n         & > .container__hed {\r\n            z-index: 2;\r\n            height: 100%;\r\n            width: get-vh(1680px);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            @media (max-width: 1440px) { \r\n               width: get-vh(1280px);    \r\n            }\r\n            & > .logo img {\r\n               position: relative;\r\n               width: get-vh(240px);\r\n               height: get-vh(88px);\r\n               cursor: pointer;\r\n               @media (max-width: 1440px) { \r\n                  width: get-vh(192px);\r\n                  height: get-vh(70px);   \r\n               }\r\n            }\r\n            & > .links {\r\n               margin-left: get-vh(10px);\r\n               flex: 1;\r\n               max-width: get-vh(577px);\r\n               height: get-vh(36px);\r\n               display: flex;\r\n               justify-content: space-between;\r\n               @media (max-width: 1440px) { \r\n                  max-width: get-vh(461px);\r\n                  height: get-vh(28px);\r\n               }\r\n               & > .page {\r\n                  width: 50%;\r\n                  height: 100%;\r\n                  display: flex;\r\n                  justify-content: space-between;\r\n                  font-weight: 600;\r\n                  font-size: get-vh(24px);\r\n                  line-height: 125%;\r\n                  letter-spacing: -0.03em;\r\n                  text-shadow: 0px 0px get-vh(8px) rgba(0, 0, 0, 0.25);\r\n                  cursor: pointer;\r\n                  @media (max-width: 1440px) { \r\n                     font-size: get-vh(19px);\r\n                  }\r\n                  & > li > a {\r\n                     color: #ffffff;\r\n                  }\r\n               }\r\n               & > .social-icons {\r\n                  width: 42%;\r\n                  height: get-vh(36px);\r\n                  display: flex;\r\n                  align-items: center;\r\n                  justify-content: space-between;\r\n                  @media (max-width: 1440px) { \r\n                     height: 100%;\r\n                  }\r\n                  & > li {\r\n                     display: inline-block;\r\n                     & > a {\r\n                        box-shadow: 0px 0px get-vh(8px) rgba(0, 0, 0, 0.25);\r\n                        border-radius: 50%;\r\n                        height: get-vh(36px);\r\n                        width: get-vh(36px);\r\n                        display: block;\r\n                        overflow: hidden;\r\n                        @media (max-width: 1440px) { \r\n                           height: 100%;\r\n                           width: get-vh(28px);\r\n                        }\r\n                        & > img {\r\n                           display: block;\r\n                           width: 100%;\r\n                           height: 100%;\r\n                        }\r\n                     }\r\n                  }\r\n               }\r\n            }\r\n            & > .burger {\r\n               width: get-vh(72px);\r\n               height: get-vh(72px);\r\n               position: relative;\r\n               z-index: 2;\r\n            }\r\n         }\r\n      }\r\n      & > main {\r\n         flex: 1 1 auto;\r\n         max-width: get-vh(1920px);\r\n         width: calc(100vw - #{get-vh(32px)});\r\n         display: flex;\r\n         align-items: center;\r\n         justify-content: center;\r\n         @media (max-width: 744px) { \r\n            width: calc(100vw - #{get-vh(128px)});\r\n         }\r\n         & > .font {\r\n            height: get-vh(680px);\r\n            width: get-vh(1680px);\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: start;\r\n\r\n            @media (max-width: 1440px) { \r\n               height: get-vh(544px);\r\n               width: get-vh(1280px);    \r\n            }\r\n            @media (max-width: 1180px) { \r\n               height: get-vh(446px);\r\n               width: get-vh(1050px);    \r\n            }\r\n            @media (max-width: 960px) { \r\n               height: get-vh(361px);\r\n               width: get-vh(850px);    \r\n            }\r\n            @media (max-width: 744px) { \r\n               display: flex;\r\n               flex-direction: column;\r\n               height: auto;\r\n            }\r\n            & > .toup__left {\r\n               width: get-vh(648px);\r\n               display: flex;\r\n               flex-direction: column;\r\n               align-items: center;\r\n               @media (max-width: 1440px) { \r\n                  width: get-vh(518px);   \r\n               }\r\n               @media (max-width: 1180px) { \r\n                  width: get-vh(424px);   \r\n               }\r\n               @media (max-width: 960px) { \r\n                  width: get-vh(344px);   \r\n               }\r\n               @media (max-width: 744px) { \r\n                  width: 100%;\r\n                  height: auto;\r\n                  display: flex;\r\n                  flex-direction: column;\r\n                  justify-content: start;\r\n               }\r\n               & > .left__header {\r\n                  width: 100%;\r\n                  text-align: left;\r\n                  font-size: get-vh(64px);\r\n                  font-weight: 700;\r\n                  letter-spacing: -0.01em;\r\n                  @media (max-width: 1440px) { \r\n                     font-size: get-vh(50px);\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     font-size: get-vh(42px);\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     font-size: get-vh(30px);\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     text-align: center;\r\n                     font-size: get-vh(64px);\r\n                     line-height: 110%;\r\n                  }\r\n               }\r\n               & > .wrapper__countbonus {\r\n                  margin-top: get-vh(29px);\r\n                  width: 100%;\r\n                  display: flex;\r\n                  align-items: center;\r\n                  justify-content: space-between;\r\n                  @media (max-width: 1440px) { \r\n                     margin-top: get-vh(25px);\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     margin-top: get-vh(20px);\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     margin-top: get-vh(15px);\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     flex-wrap: wrap;\r\n                     text-align: center;\r\n                     align-content: center;\r\n                     justify-content: center;\r\n                     gap: get-vh(30px);\r\n                     margin-top: get-vh(25px);\r\n                  }\r\n                  & > .countbonus__text {\r\n                     margin-left: get-vh(6px);\r\n                     font-size: get-vh(21px);\r\n                     font-weight: 600;\r\n                     line-height: 1.2;\r\n                     letter-spacing: -0.01em;\r\n                     @media (max-width: 1440px) { \r\n                        margin-left: get-vh(4px);\r\n                        font-size: get-vh(18px);\r\n                     }\r\n                     @media (max-width: 1180px) { \r\n                        margin-left: get-vh(3px);\r\n                        font-size: get-vh(15px);\r\n                     }\r\n                     @media (max-width: 960px) { \r\n                        margin-left: get-vh(2px);\r\n                        font-size: get-vh(11px);\r\n                     }\r\n                     @media (max-width: 744px) { \r\n                        font-size: get-vh(21px);\r\n                     }\r\n                  }\r\n                  & > .wrapper__procentbonus {\r\n                     margin-top: get-vh(-3px);\r\n                     display: flex;\r\n                     align-items: center;\r\n                     gap: get-vh(16px);\r\n                     @media (max-width: 1440px) { \r\n                        gap: get-vh(12px);\r\n                     }\r\n                     @media (max-width: 1180px) { \r\n                        gap: get-vh(10px);\r\n                     }\r\n                     @media (max-width: 960px) { \r\n                        gap: get-vh(8px);\r\n                     }\r\n                     @media (max-width: 744px) { \r\n                        flex-wrap: wrap;\r\n                        gap: get-vh(16px);\r\n                     }\r\n                     & > .item__procentbonus {\r\n                        text-align: center;\r\n                        &.active {\r\n                           color: #FFBF00;\r\n                           & > .subtitle__bonus { \r\n                              color: rgba(255, 191, 0, 0.50);\r\n                           }\r\n                        }\r\n                        & > .title__procent {\r\n                           font-size: get-vh(28px);\r\n                           @media (max-width: 1440px) { \r\n                              font-size: get-vh(22px);\r\n                           }\r\n                           @media (max-width: 1180px) { \r\n                              font-size: get-vh(18px);\r\n                           }\r\n                           @media (max-width: 960px) { \r\n                              font-size: get-vh(14px);\r\n                           }\r\n                           @media (max-width: 744px) { \r\n                              font-size: get-vh(28px);\r\n                           }\r\n                           font-style: italic;\r\n                           font-weight: 700;\r\n                           line-height: 1;\r\n                           letter-spacing: -0.02em;\r\n                           transition: color 0.25s ease-out;\r\n                        }\r\n                        & > .subtitle__bonus {\r\n                           @media (max-width: 1440px) { \r\n                              margin-top: get-vh(4px);\r\n                              font-size: get-vh(16px);\r\n                           }\r\n                           @media (max-width: 1180px) { \r\n                              margin-top: get-vh(3px);\r\n                              font-size: get-vh(12px);\r\n                           }\r\n                           @media (max-width: 960px) { \r\n                              margin-top: get-vh(2px);\r\n                              font-size: get-vh(10px);\r\n                           }\r\n                           @media (max-width: 744px) { \r\n                              font-size: get-vh(20px);\r\n                           }\r\n                           margin-top: get-vh(6px);\r\n                           color: rgba(255, 255, 255, 0.50);\r\n                           font-size: get-vh(20px);\r\n                           font-weight: 600;\r\n                           line-height: 1;\r\n                           letter-spacing: -0.02em;\r\n                           transition: color 0.25s ease-out;\r\n                        }\r\n                     }\r\n                     & > .sep {\r\n                        width: get-vh(3px);\r\n                        height: get-vh(50px);\r\n                        @media (max-width: 1440px) { \r\n                           height: get-vh(42px);\r\n                        }\r\n                        @media (max-width: 1180px) { \r\n                           height: get-vh(36px);\r\n                        }\r\n                        @media (max-width: 960px) { \r\n                           height: get-vh(30px);\r\n                        }\r\n                        flex-shrink: 0;\r\n                        border-radius: get-vh(100px);\r\n                        background: #FFF;\r\n                     }\r\n                  }\r\n               }\r\n               & > .wrapper__toup {\r\n                  margin-top: get-vh(42px);\r\n                  display: flex;\r\n                  gap: get-vh(20px);\r\n                  @media (max-width: 1440px) { \r\n                     margin-top: get-vh(36px);\r\n                     gap: get-vh(16px);\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     margin-top: get-vh(30px);\r\n                     gap: get-vh(12px);\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     margin-top: get-vh(24px);\r\n                     gap: get-vh(10px);\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     width: 100%;\r\n                     display: flex;\r\n                     flex-direction: column;\r\n                     gap: get-vh(20px);\r\n                  }\r\n                  & > .login {\r\n                     flex-shrink: 0;\r\n                     width: get-vh(368px);\r\n                     height: get-vh(72px);\r\n                     padding: 0 get-vh(16px);\r\n                     border-radius: get-vh(36px);\r\n                     background: rgba(255, 255, 255, 0.12);\r\n                     color: #FFF;\r\n                     text-align: center;\r\n                     font-size: get-vh(28px);\r\n                     font-weight: 600;\r\n                     letter-spacing: -0.01em;\r\n                     &::placeholder {\r\n                        color: rgba(255, 255, 255, 0.25);\r\n                     }\r\n                     @media (max-width: 1440px) { \r\n                        width: get-vh(300px);\r\n                        height: get-vh(62px);\r\n                        padding: 0 get-vh(12px);\r\n                        border-radius: get-vh(30px);\r\n                        font-size: get-vh(22px);\r\n                     }\r\n                     @media (max-width: 1180px) { \r\n                        width: get-vh(267px);\r\n                        height: get-vh(50px);\r\n                        padding: 0 get-vh(10px);\r\n                        border-radius: get-vh(26px);\r\n                        font-size: get-vh(20px);\r\n                     }\r\n                     @media (max-width: 960px) { \r\n                        width: get-vh(200px);\r\n                        height: get-vh(42px);\r\n                        padding: 0 get-vh(8px);\r\n                        border-radius: get-vh(22px);\r\n                        font-size: get-vh(18px);\r\n                     }\r\n                     @media (max-width: 744px) { \r\n                        width: 100%;\r\n                        height: get-vh(72px);\r\n                        font-size: get-vh(28px);\r\n                     }\r\n                  }\r\n                  & > .left__countmoney {\r\n                     flex-shrink: 0;\r\n                     height: get-vh(72px);\r\n                     width: get-vh(260px);\r\n                     border-radius: get-vh(36px);\r\n                     background: rgba(255, 255, 255, 0.12);\r\n                     display: flex;\r\n                     align-items: center;\r\n                     justify-content: center;\r\n                     text-align: center;\r\n                     color: #FFF;\r\n                     font-size: get-vh(28px);\r\n                     font-weight: 600;\r\n                     letter-spacing: -0.01em;\r\n                     &::placeholder {\r\n                        color: rgba(255, 255, 255, 0.25);\r\n                     }\r\n                     @media (max-width: 1440px) { \r\n                        height: get-vh(62px);\r\n                        width: get-vh(210px);\r\n                        font-size: get-vh(24px);\r\n                        border-radius: get-vh(30px);\r\n                     }\r\n                     @media (max-width: 1180px) { \r\n                        width: get-vh(160px);\r\n                        height: get-vh(50px);\r\n                        font-size: get-vh(20px);\r\n                        border-radius: get-vh(26px);\r\n                     }\r\n                     @media (max-width: 960px) { \r\n                        width: get-vh(148px);\r\n                        height: get-vh(42px);\r\n                        font-size: get-vh(18px);\r\n                        border-radius: get-vh(22px);\r\n                     }\r\n                     @media (max-width: 744px) { \r\n                        width: 100%;\r\n                        height: get-vh(72px);\r\n                        font-size: get-vh(28px);\r\n                     }\r\n                  }\r\n               }\r\n               & > .wrapper__course {\r\n                  margin-top: get-vh(47px);\r\n                  width: 100%;\r\n                  display: flex;\r\n                  align-items: start;\r\n                  justify-content: space-between;\r\n                  font-size: get-vh(28px);\r\n                  font-weight: 600;\r\n                  @media (max-width: 1440px) { \r\n                     margin-top: get-vh(37px);\r\n                     font-size: get-vh(24px);\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     margin-top: get-vh(30px);\r\n                     font-size: get-vh(22px);\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     margin-top: get-vh(20px);\r\n                     font-size: get-vh(20px);\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     text-align: center;\r\n                     display: flex;\r\n                     flex-direction: column;\r\n                     align-items: center;\r\n                     gap: get-vh(16px);\r\n                     font-size: get-vh(28px);\r\n                  }\r\n                  & > .left__course {\r\n                     margin-left: get-vh(10px);\r\n                     display: flex;\r\n                     align-items: center;\r\n                     gap: get-vh(10px);\r\n                     letter-spacing: -0.03em;\r\n                     @media (max-width: 1440px) { \r\n                        margin-left: get-vh(8px);\r\n                     }\r\n                     @media (max-width: 1180px) { \r\n                        margin-left: get-vh(7px);\r\n                     }\r\n                     @media (max-width: 960px) { \r\n                        margin-left: get-vh(6px);\r\n                     }\r\n                     @media (max-width: 744px) { \r\n                        font-size: get-vh(28px);\r\n                     }\r\n                     & > .icon-coin {\r\n                        width: get-vh(28px);\r\n                        height: get-vh(28px);\r\n                        @media (max-width: 1440px) { \r\n                           width: get-vh(24px);\r\n                           height: get-vh(24px);\r\n                        }\r\n                        @media (max-width: 1180px) { \r\n                           width: get-vh(20px);\r\n                           height: get-vh(20px);\r\n                        }\r\n                        @media (max-width: 960px) { \r\n                           width: get-vh(18px);\r\n                           height: get-vh(18px);\r\n                        }\r\n                        @media (max-width: 744px) { \r\n                           width: get-vh(28px);\r\n                           height: get-vh(28px);\r\n                        }\r\n                     }\r\n                  }\r\n                  & > .right__part { \r\n                     display: flex;\r\n                     align-items: end;\r\n                     flex-direction: column;\r\n                     & > .count__taken {\r\n                        display: flex;\r\n                        align-items: center;\r\n                        & > .count__take {\r\n                           letter-spacing: -0.01em;\r\n                        }\r\n                        & > .icon-coin {\r\n                           width: get-vh(28px);\r\n                           height: get-vh(28px);\r\n                           @media (max-width: 1440px) { \r\n                              width: get-vh(24px);\r\n                              height: get-vh(24px);\r\n                           }\r\n                           @media (max-width: 1180px) { \r\n                              width: get-vh(20px);\r\n                              height: get-vh(20px);\r\n                           }\r\n                           @media (max-width: 960px) { \r\n                              width: get-vh(18px);\r\n                              height: get-vh(18px);\r\n                           }\r\n                           @media (max-width: 744px) { \r\n                              width: get-vh(28px);\r\n                              height: get-vh(28px);\r\n                           }\r\n                        }\r\n                     }\r\n                     & > .activat__bonus {\r\n                        color: #FFBF00;\r\n                        font-size: get-vh(16px);\r\n                        font-weight: 600;\r\n                        letter-spacing: -0.01em;\r\n                     }\r\n                  }\r\n               }\r\n               & > .left__agreement {\r\n                  margin-top: get-vh(44px);\r\n                  display: flex;\r\n                  align-items: center;\r\n                  gap: get-vh(22px);\r\n                  font-size: get-vh(22px);\r\n                  font-weight: 600;\r\n                  line-height: 1.27;\r\n                  letter-spacing: -0.02em;\r\n                  @media (max-width: 1440px) { \r\n                     margin-top: get-vh(34px);\r\n                     gap: get-vh(20px);\r\n                     font-size: get-vh(20px);\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     margin-top: get-vh(28px);\r\n                     gap: get-vh(16px);\r\n                     font-size: get-vh(16px);\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     margin-top: get-vh(20px);\r\n                     gap: get-vh(12px);\r\n                     font-size: get-vh(12px);\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     margin-top: get-vh(8px);\r\n                     width: 100%;\r\n                     gap: get-vh(22px);\r\n                     font-size: get-vh(26px);\r\n                     display: flex;\r\n                     align-items: center;\r\n                     justify-content: center;\r\n                  }\r\n                  &.margin {\r\n                     margin-top: get-vh(25px);\r\n                  }\r\n                  & > .circle__accept {\r\n                     width: get-vh(48px);\r\n                     height: get-vh(48px);\r\n                     border-radius: get-vh(96px);\r\n                     background: rgba(255, 255, 255, 0.12);\r\n                     box-shadow: 0px get-vh(1.92px) get-vh(61.44px) 0px rgba(0, 0, 0, 0.18);\r\n                     flex-shrink: 0;\r\n                     display: flex;\r\n                     align-items: center;\r\n                     justify-content: center;\r\n                     @media (max-width: 1440px) { \r\n                        width: get-vh(40px);\r\n                        height: get-vh(40px);\r\n                     }\r\n                     @media (max-width: 1180px) { \r\n                        width: get-vh(34px);\r\n                        height: get-vh(34px);\r\n                     }\r\n                     @media (max-width: 960px) { \r\n                        width: get-vh(30px);\r\n                        height: get-vh(30px);\r\n                     }\r\n                     @media (max-width: 744px) { \r\n                        width: get-vh(48px);\r\n                        height: get-vh(48px);\r\n                     }\r\n                     & > .icon-check {\r\n                        width: get-vh(34.56px);\r\n                        height: get-vh(34.56px);\r\n                        @media (max-width: 1440px) { \r\n                           width: get-vh(30px);\r\n                           height: get-vh(30px);\r\n                        }\r\n                        @media (max-width: 1180px) { \r\n                           width: get-vh(24px);\r\n                           height: get-vh(24px);\r\n                        }\r\n                        @media (max-width: 960px) { \r\n                           width: get-vh(20px);\r\n                           height: get-vh(20px);\r\n                        }\r\n                        @media (max-width: 744px) { \r\n                           width: get-vh(34.56px);\r\n                           height: get-vh(34.56px);\r\n                        }\r\n                     }\r\n                  }\r\n               }\r\n               & > .left__buy {\r\n                  margin-top: get-vh(44px);\r\n                  flex-shrink: 0;\r\n                  width: 100%;\r\n                  height: get-vh(72px);\r\n                  display: flex;\r\n                  align-items: center;\r\n                  justify-content: center;\r\n                  border-radius: get-vh(36px);\r\n                  background: rgba(255, 255, 255, 0.12);\r\n                  color: #FFF;\r\n                  font-size: get-vh(28px);\r\n                  font-weight: 600;\r\n                  letter-spacing: -0.02em;\r\n                  transition: color 0.25s ease-out, background 0.25s ease-out, box-shadow 0.25s ease-out;\r\n                  @media (max-width: 1440px) { \r\n                     margin-top: get-vh(34px);\r\n                     border-radius: get-vh(30px);\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     margin-top: get-vh(28px);\r\n                     border-radius: get-vh(26px);\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     margin-top: get-vh(20px);\r\n                     margin-bottom: get-vh(30px);\r\n                     border-radius: get-vh(22px);\r\n                  }\r\n                  &.active {\r\n                     background: #FFBF00;\r\n                     color: #000;\r\n                     &:hover {\r\n                        box-shadow: 0px 0px get-vh(96px) get-vh(4px) rgba(255, 191, 0, 0.85);\r\n                     }\r\n                  }\r\n                  &.red {\r\n                     background: #E50000;\r\n                     box-shadow: 0px 0px get-vh(96px) get-vh(4px) #E50000;\r\n                  }\r\n               }\r\n            }\r\n            & > .side__one {\r\n               width: get-vh(648px);\r\n               display: flex;\r\n               flex-direction: column;\r\n               justify-content: end;\r\n               @media (max-width: 1440px) { \r\n                  width: get-vh(518px);   \r\n               }\r\n               @media (max-width: 1180px) { \r\n                  width: get-vh(424px);   \r\n               }\r\n               @media (max-width: 960px) { \r\n                  width: get-vh(344px);   \r\n               }\r\n               @media (max-width: 744px) {\r\n                  width: 100%;\r\n                  height: auto;\r\n                  display: flex;\r\n                  flex-direction: column;\r\n                  justify-content: start;\r\n               }\r\n               & > .label {\r\n                  font-size: get-vh(64px);\r\n                  font-weight: 700;\r\n                  line-height: 1.25;\r\n                  letter-spacing: -0.01em;\r\n                  @media (max-width: 1440px) { \r\n                     font-size: get-vh(56px);\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     font-size: get-vh(46px);\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     font-size: get-vh(37px);\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     font-size: get-vh(72px);\r\n                     line-height: 110%;\r\n                  }\r\n               }\r\n               & > .cnovert {\r\n                  display: flex;\r\n                  align-items: center;\r\n                  margin-bottom: get-vh(36px);\r\n                  font-weight: 600;\r\n                  font-size: get-vh(32px);\r\n                  line-height: 130%;\r\n                  letter-spacing: -0.03em;  \r\n                  & > .coin {\r\n                     width: get-vh(32px);\r\n                     height: get-vh(32px);\r\n                     margin-left: get-vh(12px);\r\n                  }  \r\n                  @media (max-width: 1440px) { \r\n                     margin-bottom: get-vh(28px);\r\n                     font-size: get-vh(25px);\r\n                     line-height: 130%;\r\n                     letter-spacing: -0.03em;  \r\n                     & > .coin {\r\n                        width: get-vh(25px);\r\n                        height: get-vh(25px);\r\n                        margin-left: get-vh(10px);\r\n                     }  \r\n                  }      \r\n                  @media (max-width: 1180px) { \r\n                     margin-bottom: get-vh(23px);\r\n                     font-size: get-vh(20px);\r\n                     line-height: 130%;\r\n                     letter-spacing: -0.03em;  \r\n                     & > .coin {\r\n                        width: get-vh(20px);\r\n                        height: get-vh(20px);\r\n                        margin-left: get-vh(8.2px);\r\n                     }  \r\n                  }    \r\n                  @media (max-width: 960px) { \r\n                     margin-bottom: get-vh(21px);\r\n                     font-size: get-vh(16px);\r\n                     line-height: 130%;\r\n                     letter-spacing: -0.03em;  \r\n                     & > .coin {\r\n                        width: get-vh(16px);\r\n                        height: get-vh(16px);\r\n                        margin-left: get-vh(6.6px);\r\n                     }  \r\n                  }   \r\n                  @media (max-width: 744px) { \r\n                     margin-bottom: get-vh(36px);\r\n                     font-size: get-vh(27px);\r\n                     line-height: 130%;\r\n                     letter-spacing: -0.03em;  \r\n                     & > .coin {\r\n                        width: get-vh(27px);\r\n                        height: get-vh(27px);\r\n                        margin-left: get-vh(10px);\r\n                     } \r\n                  }\r\n               }\r\n               & > .login {\r\n                  margin-bottom: get-vh(24px);\r\n                  width: get-vh(648px);\r\n                  height: get-vh(72px);\r\n                  background: rgba(255, 255, 255, 0.2);\r\n                  border-radius: get-vh(20px);\r\n                  color: #ffffff;\r\n                  font-weight: 500;\r\n                  font-size: get-vh(24px);\r\n                  letter-spacing: -0.03em;\r\n                  padding: 0 get-vh(32px);\r\n                  transition: background .25s ease;\r\n                  &:focus {\r\n                     background: rgba(255, 255, 255, 0.35);\r\n                  }\r\n                  &::placeholder {\r\n                     color: rgba(255, 255, 255, 0.5);\r\n                  }\r\n                  &.incorrect {\r\n                     border: get-vh(4px) solid #E40000;\r\n                  }\r\n                  @media (max-width: 1440px) { \r\n                     margin-bottom: get-vh(19px);\r\n                     width: get-vh(518px);\r\n                     height: get-vh(57px);\r\n                     border-radius: get-vh(16px);\r\n                     font-size: get-vh(19px);\r\n                     padding: 0 get-vh(25px);\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     margin-bottom: get-vh(15.5px);\r\n                     width: get-vh(424px);\r\n                     height: get-vh(46px);\r\n                     border-radius: get-vh(13px);\r\n                     font-size: get-vh(15.5px);\r\n                     padding: 0 get-vh(20px);\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     margin-bottom: get-vh(12.5px);\r\n                     width: get-vh(343px);\r\n                     height: get-vh(37px);\r\n                     border-radius: get-vh(10.5px);\r\n                     font-size: get-vh(12.5px);\r\n                     padding: 0 get-vh(16px);\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     margin-bottom: get-vh(24px);\r\n                     width: 100%;\r\n                     height: get-vh(72px);\r\n                     border-radius: get-vh(24px);\r\n                     font-size: get-vh(24px);\r\n                     padding: 0 get-vh(27px);\r\n                  }\r\n               }\r\n               & > .price {\r\n                  margin-bottom: get-vh(32px);\r\n                  width: get-vh(648px);\r\n                  height: get-vh(72px);\r\n                  background: rgba(255, 255, 255, 0.2);\r\n                  border-radius: get-vh(20px);\r\n                  color: #ffffff;\r\n                  font-weight: 500;\r\n                  font-size: get-vh(24px);\r\n                  letter-spacing: -0.03em;\r\n                  padding: 0 get-vh(32px);\r\n                  transition: background .25s ease;\r\n                  &.incorrect {\r\n                     border: get-vh(4px) solid #E40000;\r\n                  }\r\n                  &:focus {\r\n                     background: rgba(255, 255, 255, 0.35);\r\n                  }\r\n                  &::placeholder {\r\n                     color: rgba(255, 255, 255, 0.5);\r\n                  }\r\n                  @media (max-width: 1440px) { \r\n                     margin-bottom: get-vh(19px);\r\n                     width: get-vh(518px);\r\n                     height: get-vh(57px);\r\n                     border-radius: get-vh(16px);\r\n                     font-size: get-vh(19px);\r\n                     padding: 0 get-vh(25px);\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     margin-bottom: get-vh(15.5px);\r\n                     width: get-vh(424px);\r\n                     height: get-vh(46px);\r\n                     border-radius: get-vh(13px);\r\n                     font-size: get-vh(15.5px);\r\n                     padding: 0 get-vh(20px);\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     margin-bottom: get-vh(12.5px);\r\n                     width: get-vh(343px);\r\n                     height: get-vh(37px);\r\n                     border-radius: get-vh(10.5px);\r\n                     font-size: get-vh(12.5px);\r\n                     padding: 0 get-vh(16px);\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     margin-bottom: get-vh(24px);\r\n                     width: 100%;\r\n                     height: get-vh(72px);\r\n                     border-radius: get-vh(24px);\r\n                     font-size: get-vh(24px);\r\n                     padding: 0 get-vh(27px);\r\n                  }\r\n               }\r\n               & > .check {\r\n                  display: flex;\r\n                  align-items: center;\r\n                  margin-bottom: get-vh(24px);\r\n                  font-weight: 500;\r\n                  font-size: get-vh(24px);\r\n                  line-height: 120%;\r\n                  letter-spacing: -0.03em;\r\n                  @media (max-width: 1440px) { \r\n                     margin-bottom: get-vh(19px);\r\n                     font-weight: 500;\r\n                     font-size: get-vh(19px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.03em;\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     margin-bottom: get-vh(15.5px);\r\n                     font-weight: 500;\r\n                     font-size: get-vh(15.5px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.03em;\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     margin-bottom: get-vh(12.5px);\r\n                     font-weight: 500;\r\n                     font-size: get-vh(12.5px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.03em;\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     margin-bottom: get-vh(24px);\r\n                     font-weight: 500;\r\n                     font-size: get-vh(24px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.03em;  \r\n                  }\r\n                  & > .container__text {\r\n                     width: 100%;\r\n                     display: flex;\r\n                     flex-direction: column;\r\n                     justify-content: space-between;\r\n                     font-weight: 500;\r\n                     font-size: get-vh(24px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.03em;  \r\n                     & > a {\r\n                        cursor: pointer;\r\n                        color: #FFB800;\r\n                     }\r\n                  }\r\n                  & > a {\r\n                     cursor: pointer;\r\n                     color: #FFB800;\r\n                  }\r\n                  & > .block {\r\n                     cursor: pointer;\r\n                     margin-right: get-vh(20px);\r\n                     width: get-vh(48px);\r\n                     height: get-vh(48px);\r\n                     background: rgba(255, 255, 255, 0.2);\r\n                     border-radius: get-vh(16px);\r\n                     display: flex;\r\n                     align-items: center;\r\n                     justify-content: center;\r\n                     & > .check {\r\n                        width: get-vh(36px);\r\n                        height: get-vh(36px);\r\n                        opacity: 0;\r\n                        transition: opacity .25s ease;\r\n                        &.visible {\r\n                           opacity: 1;\r\n                        }\r\n                        &.hide {\r\n                           overflow: 0;\r\n                        }\r\n                     }\r\n                     @media (max-width: 1440px) { \r\n                        margin-right: get-vh(16px);\r\n                        width: get-vh(38px);\r\n                        height: get-vh(38px);\r\n                        border-radius: get-vh(13px);\r\n                        & > .check {\r\n                           width: get-vh(28px);\r\n                           height: get-vh(28px);\r\n                           opacity: 0;\r\n                           transition: opacity .25s ease;\r\n                        }\r\n                     }\r\n                     @media (max-width: 1180px) { \r\n                        margin-right: get-vh(13px);\r\n                        width: get-vh(31px);\r\n                        height: get-vh(31px);\r\n                        border-radius: get-vh(10.5px);\r\n                        & > .check {\r\n                           width: get-vh(23px);\r\n                           height: get-vh(23px);\r\n                           opacity: 0;\r\n                           transition: opacity .25s ease;\r\n                        }\r\n                     }\r\n                     @media (max-width: 960px) { \r\n                        margin-right: get-vh(10.5px);\r\n                        width: get-vh(25px);\r\n                        height: get-vh(25px);\r\n                        border-radius: get-vh(8.5px);\r\n                        & > .check {\r\n                           width: get-vh(18px);\r\n                           height: get-vh(18px);\r\n                           opacity: 0;\r\n                           transition: opacity .25s ease;\r\n                        }\r\n                     }\r\n                     @media (max-width: 744px) {  \r\n                        margin-right: get-vh(18px);\r\n                        width: get-vh(48px);\r\n                        height: get-vh(48px);\r\n                        border-radius: get-vh(15px);\r\n                        flex-shrink: 0;\r\n                        & > .check {\r\n                           width: get-vh(36px);\r\n                           height: get-vh(36px);\r\n                           opacity: 0;\r\n                           transition: opacity .25s ease;\r\n                        }\r\n                     }\r\n                     transition: background .25s ease;\r\n                     &:hover {\r\n                        background: rgba(255, 255, 255, 0.5);\r\n                     }\r\n                  }\r\n               }\r\n               & > .check__two {\r\n                  margin-bottom: get-vh(32px);\r\n                  display: flex;\r\n                  align-items: center;\r\n                  font-weight: 500;\r\n                  font-size: get-vh(24px);\r\n                  line-height: 120%;\r\n                  letter-spacing: -0.03em;\r\n                  @media (max-width: 1440px) { \r\n                     margin-bottom: get-vh(19px);\r\n                     font-weight: 500;\r\n                     font-size: get-vh(19px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.03em;\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     margin-bottom: get-vh(15.5px);\r\n                     font-weight: 500;\r\n                     font-size: get-vh(15.5px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.03em;\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     margin-bottom: get-vh(12.5px);\r\n                     font-weight: 500;\r\n                     font-size: get-vh(12.5px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.03em;\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     margin-bottom: get-vh(24px);\r\n                     font-weight: 500;\r\n                     font-size: get-vh(24px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.03em;  \r\n                     height: auto;\r\n                  }\r\n                  & > .container__text {\r\n                     width: 100%;\r\n                     display: flex;\r\n                     flex-direction: column;\r\n                     justify-content: space-between;\r\n                     font-weight: 500;\r\n                     font-size: get-vh(24px);\r\n                     line-height: 120%;\r\n                     letter-spacing: -0.03em;  \r\n                     & > a {\r\n                        cursor: pointer;\r\n                        color: #FFB800;\r\n                     }\r\n                  }\r\n                  & > a {\r\n                     cursor: pointer;\r\n                     color: #FFB800;\r\n                  }\r\n                  & > .block {\r\n                     cursor: pointer;\r\n                     margin-right: get-vh(20px);\r\n                     width: get-vh(48px);\r\n                     height: get-vh(48px);\r\n                     background: rgba(255, 255, 255, 0.2);\r\n                     border-radius: get-vh(16px);\r\n                     display: flex;\r\n                     align-items: center;\r\n                     justify-content: center;\r\n                     & > .check {\r\n                        width: get-vh(36px);\r\n                        height: get-vh(36px);\r\n                        opacity: 0;\r\n                        transition: opacity .25s ease;\r\n                        &.visible {\r\n                           opacity: 1;\r\n                        }\r\n                        &.hide {\r\n                           overflow: 0;\r\n                        }\r\n                     }\r\n                     @media (max-width: 1440px) { \r\n                        margin-right: get-vh(16px);\r\n                        width: get-vh(38px);\r\n                        height: get-vh(38px);\r\n                        border-radius: get-vh(13px);\r\n                        & > .check {\r\n                           width: get-vh(28px);\r\n                           height: get-vh(28px);\r\n                           opacity: 0;\r\n                           transition: opacity .25s ease;\r\n                           &.visible {\r\n                              opacity: 1;\r\n                           }\r\n                           &.hide {\r\n                              overflow: 0;\r\n                           }\r\n                        }\r\n                     }\r\n                     @media (max-width: 1180px) { \r\n                        margin-right: get-vh(13px);\r\n                        width: get-vh(31px);\r\n                        height: get-vh(31px);\r\n                        border-radius: get-vh(10.5px);\r\n                        & > .check {\r\n                           width: get-vh(23px);\r\n                           height: get-vh(23px);\r\n                           opacity: 0;\r\n                           transition: opacity .25s ease;\r\n                        }\r\n                     }\r\n                     @media (max-width: 960px) { \r\n                        margin-right: get-vh(10.5px);\r\n                        width: get-vh(25px);\r\n                        height: get-vh(25px);\r\n                        border-radius: get-vh(8.5px);\r\n                        & > .check {\r\n                           width: get-vh(18px);\r\n                           height: get-vh(18px);\r\n                           opacity: 0;\r\n                           transition: opacity .25s ease;\r\n                        }\r\n                     }\r\n                     @media (max-width: 744px) {  \r\n                        margin-right: get-vh(18px);\r\n                        width: get-vh(48px);\r\n                        height: get-vh(48px);\r\n                        border-radius: get-vh(15px);\r\n                        flex-shrink: 0;\r\n                        & > .check {\r\n                           width: get-vh(36px);\r\n                           height: get-vh(36px);\r\n                           opacity: 0;\r\n                           transition: opacity .25s ease;\r\n                        }\r\n                     }\r\n                     transition: background .25s ease;\r\n                     &:hover {\r\n                        background: rgba(255, 255, 255, 0.5);\r\n                     }\r\n                  }\r\n               }\r\n               & > .btn__item {\r\n                  width: 100%;\r\n                  height: get-vh(72px);\r\n                  background: rgba(255, 255, 255, 0.2);\r\n                  border-radius: get-vh(20px);\r\n                  font-weight: 600;\r\n                  font-size: get-vh(24px);\r\n                  line-height: 100%;\r\n                  letter-spacing: -0.03em;\r\n                  color: rgba(255, 255, 255, 0.5); \r\n                  transition: background-color 0.3s ease, color 0.3s ease;  \r\n                  cursor: auto;\r\n                  &:nth-child(2) {\r\n                     width: get-vh(360px);\r\n                  }\r\n                  &.active {\r\n                     cursor: pointer;\r\n                     background: #FFFFFF;\r\n                     color: #000;\r\n                     transition: background-color 0.3s ease, color 0.3s ease;\r\n                     &:hover {\r\n                        background: #FFC633;\r\n                     }\r\n                  } \r\n                  &.incorrect {\r\n                     color: #FFFFFF;\r\n                     background: #E40000;\r\n                  }  \r\n                  @media (max-width: 1180px) { \r\n                     margin-bottom: get-vh(8px);\r\n                     width: 100%;\r\n                     font-size: get-vh(15.5px);\r\n                     line-height: 100%;\r\n                     height: get-vh(46px);\r\n                     background: rgba(255, 255, 255, 0.2);\r\n                     border-radius: get-vh(13px);\r\n                  }   \r\n                  @media (max-width: 960px) { \r\n                     margin-bottom: get-vh(6.5px);\r\n                     width: 100%;\r\n                     font-size: get-vh(12.5px);\r\n                     line-height: 100%;\r\n                     height: get-vh(37px);\r\n                     background: rgba(255, 255, 255, 0.2);\r\n                     border-radius: get-vh(10.5px);\r\n                  }   \r\n                  @media (max-width: 744px) { \r\n                     margin-bottom: get-vh(36px);\r\n                     height: get-vh(72px);\r\n                     width: 100%;\r\n                     font-size: get-vh(24px);\r\n                     line-height: 100%;\r\n                     background: rgba(255, 255, 255, 0.2);\r\n                     border-radius: get-vh(24px);\r\n                  }     \r\n               }\r\n               // & > .wrapper__btn {\r\n               //    display: grid;\r\n               //    grid-template-columns: repeat(2, 1fr);\r\n               //    grid-column-gap: get-vh(20px);\r\n               //    & > .btn__item {\r\n               //       width: get-vh(268px);\r\n               //       height: get-vh(72px);\r\n               //       background: rgba(255, 255, 255, 0.2);\r\n               //       border-radius: get-vh(20px);\r\n               //       font-weight: 600;\r\n               //       font-size: get-vh(24px);\r\n               //       line-height: 100%;\r\n               //       letter-spacing: -0.03em;\r\n               //       color: rgba(255, 255, 255, 0.5); \r\n               //       transition: background-color 0.3s ease, color 0.3s ease;  \r\n               //       cursor: auto;\r\n               //       &:nth-child(2) {\r\n               //          width: get-vh(360px);\r\n               //       }\r\n               //       &.active {\r\n               //          cursor: pointer;\r\n               //          background: #FFFFFF;\r\n               //          color: #000;\r\n               //          transition: background-color 0.3s ease, color 0.3s ease;\r\n               //          &:hover {\r\n               //             background: #FFC633;\r\n               //          }\r\n               //       } \r\n               //       &.incorrect {\r\n               //          color: #FFFFFF;\r\n               //          background: #E40000;\r\n               //       }  \r\n               //       // @media (max-width: 1180px) { \r\n               //       //    margin-bottom: get-vh(8px);\r\n               //       //    width: 100%;\r\n               //       //    font-size: get-vh(15.5px);\r\n               //       //    line-height: 100%;\r\n               //       //    height: get-vh(46px);\r\n               //       //    background: rgba(255, 255, 255, 0.2);\r\n               //       //    border-radius: get-vh(13px);\r\n               //       // }   \r\n               //       // @media (max-width: 960px) { \r\n               //       //    margin-bottom: get-vh(6.5px);\r\n               //       //    width: 100%;\r\n               //       //    font-size: get-vh(12.5px);\r\n               //       //    line-height: 100%;\r\n               //       //    height: get-vh(37px);\r\n               //       //    background: rgba(255, 255, 255, 0.2);\r\n               //       //    border-radius: get-vh(10.5px);\r\n               //       // }   \r\n               //       // @media (max-width: 744px) { \r\n               //       //    margin-bottom: get-vh(36px);\r\n               //       //    height: get-vh(72px);\r\n               //       //    width: 100%;\r\n               //       //    font-size: get-vh(24px);\r\n               //       //    line-height: 100%;\r\n               //       //    background: rgba(255, 255, 255, 0.2);\r\n               //       //    border-radius: get-vh(24px);\r\n               //       // }     \r\n               //    }\r\n               //    @media (max-width: 1440px) {  \r\n               //       grid-column-gap: get-vh(16px);\r\n               //       & > .btn__item { \r\n               //          height: get-vh(57px);\r\n               //          width: get-vh(220px);\r\n               //          border-radius: get-vh(16px);\r\n               //          font-size: get-vh(19px);\r\n               //          &:nth-child(2) {\r\n               //             width: get-vh(280px);\r\n               //          }\r\n               //       }\r\n               //    }\r\n               //    @media (max-width: 1180px) { \r\n               //       grid-column-gap: get-vh(10px);\r\n               //       & > .btn__item { \r\n               //          height: get-vh(47px);\r\n               //          width: get-vh(180px);\r\n               //          border-radius: get-vh(13px);\r\n               //          font-size: get-vh(16px);\r\n               //          &:nth-child(2) {\r\n               //             width: get-vh(234px);\r\n               //          }\r\n               //       }\r\n               //    }   \r\n               //    @media (max-width: 980px) { \r\n               //       grid-column-gap: get-vh(8px);\r\n               //       & > .btn__item { \r\n               //          height: get-vh(42px);\r\n               //          width: get-vh(140px);\r\n               //          border-radius: get-vh(12px);\r\n               //          font-size: get-vh(15px);\r\n               //          &:nth-child(2) {\r\n               //             width: get-vh(194px);\r\n               //          }\r\n               //       }\r\n               //    }   \r\n               //    @media (max-width: 744px) { \r\n               //       grid-template-columns: repeat(1, 1fr);\r\n               //       grid-row-gap: get-vh(24px);\r\n               //       margin-bottom: get-vh(16px);\r\n               //       & > .btn__item { \r\n               //          height: get-vh(72px);\r\n               //          width: 100%;\r\n               //          font-size: get-vh(24px);\r\n               //          border-radius: get-vh(24px);\r\n               //          &:nth-child(2) {\r\n               //             width: 100%;\r\n               //          }\r\n               //       }\r\n               //    }   \r\n               // }\r\n            }\r\n            & > .side__two {\r\n               height: 100%;\r\n               width: get-vh(878px);\r\n               display: flex;\r\n               flex-direction: column;\r\n               @media (max-width: 1440px) { \r\n                  width: get-vh(710px);    \r\n               }\r\n               @media (max-width: 1180px) { \r\n                  width: get-vh(582px);    \r\n               }\r\n               @media (max-width: 960px) { \r\n                  width: get-vh(471px);    \r\n               }\r\n               @media (max-width: 744px) { \r\n                  width: 100%;    \r\n               }\r\n               & > .top__img {\r\n                  margin-bottom: get-vh(24px);\r\n                  width: 100%;\r\n                  height: get-vh(300px);\r\n                  @media (max-width: 1440px) { \r\n                     margin-bottom: get-vh(22px);\r\n                     height: get-vh(240px);\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     margin-bottom: get-vh(18px);\r\n                     height: get-vh(196px);\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     margin-bottom: get-vh(14.5px);\r\n                     height: get-vh(158px);\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     display: none;\r\n                  }\r\n               }\r\n               & > .text {\r\n                  font-weight: 600;\r\n                  font-size: get-vh(23px);\r\n                  line-height: 120%;\r\n                  letter-spacing: -0.03em;\r\n                  margin-bottom: get-vh(10px);\r\n                  & > .yellow {\r\n                     color: #FFB800;\r\n                  }\r\n                  @media (max-width: 1440px) { \r\n                     font-size: get-vh(18px);\r\n                     margin-bottom: get-vh(10px);\r\n                  }\r\n                  @media (max-width: 1180px) { \r\n                     font-size: get-vh(14px);\r\n                     margin-bottom: get-vh(10px);\r\n                  }\r\n                  @media (max-width: 960px) { \r\n                     font-size: get-vh(11px);\r\n                     margin-bottom: get-vh(8px);\r\n                  }\r\n                  @media (max-width: 744px) { \r\n                     font-size: get-vh(24px);\r\n                     margin-bottom: get-vh(30px); \r\n                  }\r\n                  &:nth-child(2),\r\n                  &:nth-child(3) {\r\n                     margin-bottom: get-vh(20px);\r\n                     @media (max-width: 1180px) { \r\n                        margin-bottom: get-vh(16px);\r\n                     }\r\n                     @media (max-width: 960px) { \r\n                        margin-bottom: get-vh(13px);\r\n                     }\r\n                     @media (max-width: 744px) { \r\n                        margin-bottom: get-vh(30px); \r\n                     }\r\n                  }\r\n               }\r\n            }\r\n         }\r\n      }\r\n      & > footer {\r\n         position: relative;\r\n         background: rgba(0, 0, 0, 1);\r\n         padding: get-vh(36px) 0;\r\n         width: 100%;\r\n         flex-shrink: 0;\r\n         @media (max-width: 400px) { \r\n         padding: get-vh(24px) 0;\r\n      }\r\n      & > .foot__containermin {\r\n         width: 100%;\r\n         height: 100%;\r\n         display: flex;\r\n         flex-direction: column;\r\n         align-items: center;\r\n            & > .logo__text {\r\n               width: get-vh(252px);\r\n               height: get-vh(96px);\r\n               @media (max-width: 400px) { \r\n                  width: get-vh(168px);\r\n                  height: get-vh(64px);\r\n               }\r\n            }\r\n            & > .few__text {\r\n               margin-top: get-vh(30px);\r\n               width: get-vh(457px);\r\n               display: flex;\r\n               justify-content: space-between;\r\n               font-weight: 600;\r\n               font-size: get-vh(27px);\r\n               line-height: 100%;\r\n               letter-spacing: -0.03em;\r\n               & > .item > a {\r\n                  color: #FFFFFF;\r\n               }\r\n               & > .sep {\r\n                  width: 0px;\r\n                  height: get-vh(27px);\r\n                  border: get-vh(2px) solid #FFFFFF;\r\n                  transform: rotate(-180deg);\r\n               }\r\n               @media (max-width: 400px) { \r\n                  margin-top: get-vh(20px);\r\n                  width: get-vh(332px);\r\n                  font-size: get-vh(18px);\r\n                  & > .sep {\r\n                     height: get-vh(18px);\r\n                     border: get-vh(1.5px) solid #FFFFFF;\r\n                  }\r\n               }\r\n            }\r\n            & > .media {\r\n               margin-top: get-vh(36px);\r\n               width: 100%;\r\n               height: get-vh(108px);\r\n               display: flex;\r\n               align-items: center;\r\n               justify-content: space-around;\r\n               background: rgba(255, 255, 255, 0.08);\r\n               & > .social-icons {\r\n                  display: flex;\r\n                  gap: get-vh(45px);\r\n                  height: get-vh(54px);\r\n                  display: flex;\r\n                  justify-content: space-between;\r\n                  align-items: center;\r\n                  & > li {\r\n                     display: inline-block;\r\n                     & > a {\r\n                        height: get-vh(54px);\r\n                        width: get-vh(54px);\r\n                        display: block;\r\n                        overflow: hidden;\r\n                        & > img {\r\n                           display: block;\r\n                           width: 100%;\r\n                           height: 100%;\r\n                           height: auto;\r\n                        }\r\n                     }\r\n                  }\r\n               }\r\n               @media (max-width: 400px) { \r\n                  margin-top: get-vh(24px);\r\n                  height: get-vh(72px);\r\n                  & > .social-icons {\r\n                     gap: get-vh(36px);\r\n                     height: get-vh(36px);\r\n                     & > li {\r\n                        display: inline-block;\r\n                        & > a {\r\n                           height: get-vh(36px);\r\n                           width: get-vh(36px);\r\n                        }\r\n                     }\r\n                  }\r\n               }\r\n            }\r\n            & > .maney__words {\r\n               margin-top: get-vh(36px);\r\n               width: get-vh(333px);\r\n               height: get-vh(120px);\r\n               display: flex;\r\n               flex-direction: column;\r\n               text-align: center;\r\n               align-items: center;\r\n               justify-content: space-between;\r\n               & > .item {\r\n                  font-weight: 600;\r\n                  font-size: get-vh(24px);\r\n                  line-height: 100%;\r\n                  letter-spacing: -0.03em;\r\n                  color: #FFFFFF;\r\n                  & > a {\r\n                     color: #FFFFFF;\r\n                  }\r\n               }\r\n               @media (max-width: 400px) { \r\n                  margin-top: get-vh(24px);\r\n                  width: get-vh(222px);\r\n                  height: get-vh(80px);\r\n                  & > .item {\r\n                     font-size: get-vh(16px);\r\n                  }\r\n               }\r\n            }\r\n            & > .mini__textlover {\r\n               text-align: center;\r\n               margin: get-vh(36px) 0;\r\n               width: get-vh(272px);\r\n               font-weight: 600;\r\n               font-size: get-vh(12px);\r\n               line-height: 120%;\r\n               letter-spacing: -0.02em;\r\n               color: rgba(255, 255, 255, 0.6);\r\n               & > span {\r\n                  font-size: get-vh(8px);\r\n                  line-height: 120%;\r\n                  letter-spacing: -0.05em;\r\n               }\r\n               @media (max-width: 400px) { \r\n                  margin: get-vh(28px) 0;\r\n                  width: get-vh(240px);\r\n                  font-weight: 600;\r\n                  font-size: get-vh(11px);\r\n                  & > span {\r\n                     font-size: get-vh(7px);\r\n                  }\r\n               }\r\n            }\r\n         }\r\n      }\r\n      & > .open__burgermenu {\r\n         width: 100%;\r\n         height: 100%;\r\n         z-index: 1;\r\n         position: absolute;\r\n         top: 0;\r\n         left: 0;\r\n         backdrop-filter: blur(get-vh(12px));\r\n         background: rgba(0, 0, 0, 0.5);\r\n         animation: openstart .5s ease-out;\r\n         @keyframes openstart {\r\n            0% {\r\n               background: rgba(0, 0, 0, 0);\r\n               backdrop-filter: blur(get-vh(0px));\r\n            }\r\n            100% {\r\n               background: rgba(0, 0, 0, 0.5);\r\n               backdrop-filter: blur(get-vh(12px));\r\n            }\r\n         }\r\n         display: flex;\r\n         flex-direction: column;\r\n         align-items: center;\r\n         padding-bottom: get-vh(40px);\r\n         & > .list__social {\r\n            height: get-vh(938px);\r\n            width: get-vh(275px);\r\n            margin-top: get-vh(124px);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: get-vh(93px) 0;\r\n            & > .item {\r\n               font-weight: 600;\r\n               font-size: get-vh(42px);\r\n               line-height: 125%;\r\n               letter-spacing: -0.03em;\r\n               color: #FFFFFF;\r\n               & > a {\r\n                  color: #FFFFFF;\r\n               }\r\n               &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7), &:nth-child(8) {\r\n                  line-height: get-vh(48px);\r\n                  align-items: center;\r\n                  & > .icon {\r\n                     width: get-vh(48px);\r\n                     height: get-vh(48px);\r\n                  }\r\n               }\r\n            }\r\n         }\r\n      }\r\n   }\r\n}\r\n\r\n\r\n</style>","import mod from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./DonatePage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./DonatePage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DonatePage.vue?vue&type=template&id=718b18e6&\"\nimport script from \"./DonatePage.vue?vue&type=script&lang=js&\"\nexport * from \"./DonatePage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DonatePage.vue?vue&type=style&index=0&id=718b18e6&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n   <div id=\"app\">\r\n      <router-view></router-view>\r\n      <ScrollItem v-if=\"activeHeader != 1 && activeDocument == null\" \r\n         :current-page=\"currentPage\" \r\n         :history-position=\"historyPosition\" \r\n         @update:current-page=\"currentPage = $event\" \r\n         @update:history-position=\"historyPosition = $event\"\r\n      />\r\n      <div class=\"container\" @wheel.stop=\"onScroll\" v-if=\"currentPage != -1 && activeDocument == null\" :style=\"getOverflowStyle()\">\r\n         <FirstPage \r\n            :current-page=\"currentPage\" :active-header=\"activeHeader\" \r\n            :online=\"online\" \r\n            :history-position=\"historyPosition\"\r\n            @update:history-position=\"historyPosition = $event\"\r\n            @update:current-page=\"currentPage = $event\" \r\n            @update:active-header=\"activeHeader = $event\"\r\n            @update:open-burgerMenu=\"hideScroll = $event\"\r\n         />\r\n         <SecondPage :currentPage=\"currentPage\"/>\r\n         <ThreePage :currentPage=\"currentPage\"/>\r\n         <FourPage :currentPage=\"currentPage\"/>\r\n         <FivePage \r\n            :current-page=\"currentPage\" :active-header=\"activeHeader\" :check-for-scroll=\"checkForScroll\" :active-document=\"activeDocument\"\r\n            @update:current-page=\"currentPage = $event\" \r\n            @update:active-header=\"activeHeader = $event\"\r\n            @update:check-for-scroll=\"checkForScroll  = $event\"\r\n            @update:active-document=\"activeDocument = $event\" \r\n         />\r\n      </div>\r\n      <DonatePage \r\n         :active-header=\"activeHeader\" :current-page=\"currentPage\" :history-position=\"historyPosition\"  :active-document=\"activeDocument\"\r\n         @update:current-page=\"currentPage = $event\" \r\n         @update:active-header=\"activeHeader = $event\" \r\n         @update:history-position=\"historyPosition = $event\"\r\n         @update:open-burgerMenu=\"hideScroll = $event\"\r\n         @update:active-document=\"activeDocument = $event\" \r\n      />\r\n      <DocumentPage v-if=\"activeDocument != null\" \r\n         :active-document=\"activeDocument\" :current-page=\"currentPage\" :history-position=\"historyPosition\" :active-header=\"activeHeader\"\r\n         @update:active-document=\"activeDocument = $event\" \r\n         @update:current-page=\"currentPage = $event\" \r\n         @update:history-position=\"historyPosition = $event\"\r\n         @update:active-header=\"activeHeader = $event\" \r\n      />\r\n   </div>\r\n</template>\r\n\r\n<script>\r\nimport FirstPage from './components/FirstPage.vue';\r\nimport ScrollItem from './components/ScrollItem.vue';\r\nimport SecondPage from './components/SecondPage.vue';\r\nimport ThreePage from './components/ThreePage.vue';\r\nimport FourPage from './components/FourPage.vue';\r\nimport FivePage from './components/FivePage.vue';\r\nimport DonatePage from './components/DonatePage.vue';\r\nimport DocumentPage from './components/DocumentPage.vue';\r\n\r\nexport default {\r\n   name: 'App',\r\n   data() {\r\n      return {\r\n         currentPage: 0,\r\n         activeHeader: -1,\r\n         activeDocument: null,\r\n         online: {count: 0, interval: null},\r\n         check: 1,\r\n         historyPosition: 0,\r\n         checkForScroll: false,\r\n         hideScroll: true,\r\n      }\r\n   },\r\n   components: {\r\n      ScrollItem,\r\n      FirstPage,\r\n      SecondPage,\r\n      ThreePage,\r\n      FourPage,\r\n      FivePage,\r\n      DonatePage,\r\n      DocumentPage\r\n   },\r\n   methods: {\r\n      onScroll(event) {\r\n         if (this.scrolling || this.checkForScroll || !this.hideScroll) return;\r\n         if (event.deltaY > 0) {\r\n            if (this.currentPage < 4) {\r\n               this.currentPage++;\r\n               this.scrolling = true;\r\n               this.activeIndex = null;\r\n               setTimeout(() => {\r\n                  this.scrolling = false;\r\n               }, 500)\r\n               const anim = document.querySelector('.container').animate(\r\n               [\r\n                  { transform: `translateY(${this.historyPosition}vh)`},\r\n                  { transform: `translateY(${this.historyPosition - 100}vh)`},\r\n               ], \r\n               {\r\n                  duration: 400,\r\n                  iterations: 1,\r\n                  easing: 'ease-in-out',\r\n                  effect: 'spring',\r\n                  spring: { mass: 1, stiffness: 320, damping: 40 },\r\n               }\r\n               )\r\n               anim.addEventListener('finish', () => {\r\n                  this.historyPosition -= 100;\r\n                  document.querySelector('.container').style.transform = `translateY(${this.historyPosition}vh)`;\r\n               })\r\n            }\r\n            \r\n         } else {\r\n            if (this.currentPage > 0) {\r\n               this.currentPage--;\r\n               this.scrolling = true;\r\n               this.activeIndex = null;\r\n               setTimeout(() => {\r\n                  this.scrolling = false;\r\n               }, 500)\r\n               const anim = document.querySelector('.container').animate(\r\n               [\r\n                  { transform: `translateY(${this.historyPosition}vh)`},\r\n                  { transform: `translateY(${this.historyPosition + 100}vh)`},\r\n               ], \r\n               {\r\n                  duration: 400,\r\n                  iterations: 1,\r\n                  easing: 'ease-in-out',\r\n                  effect: 'spring',\r\n                  spring: { mass: 1, stiffness: 320, damping: 40 },\r\n               }\r\n               )\r\n               anim.addEventListener('finish', () => {\r\n                  this.historyPosition += 100;\r\n                  document.querySelector('.container').style.transform = `translateY(${this.historyPosition}vh)`;\r\n               })\r\n            }\r\n         }\r\n\r\n         // не забути прибрати інтервал, коли переходиш на донат\r\n         if(this.currentPage != 0) clearInterval(this.online.interval);\r\n         else{\r\n            this.setOnline();\r\n            this.online.interval = setInterval(() => {\r\n               this.setOnline();\r\n            }, 30000);\r\n         } \r\n      },\r\n      WidthUpdate() {\r\n         if (window.innerWidth <= 744) this.hideScroll = false;\r\n      },\r\n      getOverflowStyle() {\r\n         if (!this.hideScroll) {\r\n            return {\r\n               overflowY: 'scroll',\r\n            };  \r\n         }\r\n      },\r\n      preloadImages() {\r\n         const imageUrls = [\r\n            'http://localhost:8080/img/donate.9fe60eff.jpg',\r\n            // require('@http://localhost:8080/img/donate.9fe60eff.jpg'),\r\n            require('@/assets/img/back/slide4-1.jpg'),\r\n            require('@/assets/img/back/slide4-2.jpg'),\r\n            require('@/assets/img/back/slide4-3.jpg'),\r\n            require('@/assets/img/back/donate.jpg'),\r\n         ];\r\n\r\n         imageUrls.forEach(url => {\r\n            const image = new Image();\r\n            image.src = url;\r\n         });\r\n       \r\n      },\r\n      setOnline(){\r\n         fetch(\"https://cdn.rage.mp/master/\").then((response) => response.json())\r\n         .then((data) => {\r\n           this.online.count = data[\"game.secondliferp.com.ua:22005\"].players;\r\n         })\r\n         .catch((error) => {\r\n           console.error(error);\r\n         });\r\n      }\r\n   },\r\n\r\n   created(){\r\n      this.setOnline();\r\n      this.online.interval = setInterval(() => {\r\n         this.setOnline();\r\n      }, 30000);\r\n      this.preloadImages();\r\n      window.addEventListener(\"resize\", this.WidthUpdate);\r\n   },\r\n   mounted() {\r\n      this.WidthUpdate();\r\n   },\r\n   watch: {\r\n   '$route.path': function(newPath) {\r\n      if (newPath === '/politika_konfidenchiynosti') {\r\n         this.currentPage = -1;\r\n         this.activeDocument = 0;\r\n      } else if(newPath === '/dogovir/zrazok_publichnoho_dohovoru_oferty') {\r\n         this.currentPage = -1;\r\n         this.activeDocument = 1;\r\n      } else if(newPath === '/pravila_koristyvannya_saitom') {\r\n         this.currentPage = -1;\r\n         this.activeDocument = 2;\r\n      }\r\n   },\r\n},\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n#app  {\r\n   background: #000;\r\n}\r\n.container {\r\n\r\n   height: 100vh;\r\n   width: 100vw;\r\n   &.container::-webkit-scrollbar {\r\n      width: 0;\r\n      height: 0;\r\n   }\r\n   &.container {\r\n      scrollbar-width: none;\r\n   }\r\n}\r\n</style>\r\n","import mod from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../node_modules/thread-loader/dist/cjs.js!../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./App.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./App.vue?vue&type=template&id=e0c2ef9e&\"\nimport script from \"./App.vue?vue&type=script&lang=js&\"\nexport * from \"./App.vue?vue&type=script&lang=js&\"\nimport style0 from \"./App.vue?vue&type=style&index=0&id=e0c2ef9e&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import Vue from 'vue';\r\nimport VueRouter from 'vue-router';\r\n\r\nVue.use(VueRouter);\r\n\r\nconst routes = [\r\n  { path: '/politika_konfidenchiynosti', component: () => import('./components/DocumentPage.vue') },\r\n  { path: '/dogovir/zrazok_publichnoho_dohovoru_oferty', component: () => import('./components/DocumentPage.vue') },\r\n  { path: '/pravila_koristyvannya_saitom', component: () => import('./components/DocumentPage.vue') },\r\n];\r\n\r\n\r\nconst router = new VueRouter({\r\n  mode: 'history',\r\n  base: process.env.BASE_URL,\r\n  routes,\r\n});\r\n\r\nexport default router;","import Vue from 'vue';\r\nimport App from './App.vue';\r\nimport router from './router';\r\n\r\nVue.config.productionTip = false;\r\n\r\nnew Vue({\r\n  router,\r\n  render: h => h(App),\r\n}).$mount('#app');","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunksecondlife_site\"] = self[\"webpackChunksecondlife_site\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(9776); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","$emit","$router","push","attrs","require","burgerMenu","style","activeHeader","ClickPage","_v","_m","_e","click","openBurgerMenu","activeDocument","directives","name","rawName","value","expression","staticRenderFns","props","type","Number","required","historyPosition","data","methods","page","position","setTimeout","anim","document","querySelector","animate","transform","duration","iterations","easing","effect","spring","mass","stiffness","damping","addEventListener","WidthUpdate","window","innerWidth","created","mounted","component","currentPage","getOverflowStyle","stopPropagation","onScroll","apply","arguments","online","hideScroll","checkForScroll","showLoginDialog","class","column","_s","count","Object","_l","circle","index","key","active","ind","tile","firstimg","activeBlock","secondimg","threeimg","textThreeBlock","copyTextToClipboard","text","textarea","createElement","setAttribute","left","body","appendChild","select","execCommand","removeChild","handleMouseOver","information","info","activeIndex","rotation","header","content","checkSizeWidth","Date","getFullYear","watch","newValue","money","slice","login","incorrect","incorrectLogin","domProps","target","composing","incorrectMoney","e","replace","length","CountPercent","Math","trunc","percentAdd","margin","secondCheck","PaymentsFondy","firstCheck","scrolling","lastClickInBtn","hedpg","curpg","getTime","parseInt","fetch","method","headers","JSON","stringify","Login","Count","then","response","ok","json","status","undefined","location","href","paymentUrl","catch","error","console","form","action","innerHTML","submit","overflowY","typePercent","formula","interval","check","components","ScrollItem","FirstPage","SecondPage","ThreePage","FourPage","FivePage","DonatePage","DocumentPage","event","deltaY","clearInterval","setOnline","setInterval","preloadImages","imageUrls","forEach","url","image","Image","src","players","newPath","Vue","VueRouter","routes","path","router","mode","base","process","h","App","$mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","fulfilled","j","keys","every","splice","r","n","getter","__esModule","d","a","definition","o","defineProperty","enumerable","get","g","globalThis","Function","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","id","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}