{"version":3,"file":"js/app.04cf6b76.js","mappings":"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","sources":["webpack://CyberiaMusic/./src/App.vue","webpack://CyberiaMusic/./src/components/Background/Background.vue","webpack://CyberiaMusic/./src/components/Background/Background.vue?602b","webpack://CyberiaMusic/./src/components/Header/Header.vue","webpack://CyberiaMusic/./src/components/Header/Item/Item.vue","webpack://CyberiaMusic/./src/components/Header/Item/Item.vue?cb7e","webpack://CyberiaMusic/./src/components/Header/ButtonMobile/ButtonMobile.vue","webpack://CyberiaMusic/./src/components/Header/ButtonMobile/ButtonMobile.vue?4567","webpack://CyberiaMusic/./src/components/Header/Header.vue?3a8e","webpack://CyberiaMusic/./src/components/MessageText/MessageText.vue","webpack://CyberiaMusic/./src/components/MessageText/MessageText.vue?aa50","webpack://CyberiaMusic/./src/components/Main/Main.vue","webpack://CyberiaMusic/./src/components/Main/SectionFacts/SectionFacts.vue","webpack://CyberiaMusic/./src/components/Main/SectionFacts/SectionFacts.vue?7cf7","webpack://CyberiaMusic/./src/components/Main/AreaCards/AreaCards.vue","webpack://CyberiaMusic/./src/components/Main/AreaCards/Button/Button.vue","webpack://CyberiaMusic/./src/components/Main/AreaCards/Button/Button.vue?8ac2","webpack://CyberiaMusic/./src/components/Main/AreaCards/AreaCards.vue?a71e","webpack://CyberiaMusic/./src/components/Main/SectionContact/SectionContact.vue","webpack://CyberiaMusic/./src/components/Main/SectionContact/SectionContact.vue?c7d0","webpack://CyberiaMusic/./src/components/Main/VKFeed/VKFeed.vue","webpack://CyberiaMusic/./src/components/Main/VKFeed/VKFeed.vue?1122","webpack://CyberiaMusic/./src/components/Main/Main.vue?70c9","webpack://CyberiaMusic/./src/components/Footer/Footer.vue","webpack://CyberiaMusic/./src/components/Footer/LinkSocialMedia/LinkSocialMedia.vue","webpack://CyberiaMusic/./src/components/Footer/LinkSocialMedia/LinkSocialMedia.vue?a56f","webpack://CyberiaMusic/./src/components/Footer/Footer.vue?2d7b","webpack://CyberiaMusic/./src/components/MenuMobile/MenuMobile.vue","webpack://CyberiaMusic/./src/components/MenuMobile/MenuMobile.vue?b554","webpack://CyberiaMusic/./src/App.vue?7ccd","webpack://CyberiaMusic/./src/main.js","webpack://CyberiaMusic/./src/assets/ sync ^\\.\\/.*$","webpack://CyberiaMusic/webpack/bootstrap","webpack://CyberiaMusic/webpack/runtime/chunk loaded","webpack://CyberiaMusic/webpack/runtime/define property getters","webpack://CyberiaMusic/webpack/runtime/global","webpack://CyberiaMusic/webpack/runtime/hasOwnProperty shorthand","webpack://CyberiaMusic/webpack/runtime/publicPath","webpack://CyberiaMusic/webpack/runtime/jsonp chunk loading","webpack://CyberiaMusic/webpack/startup"],"sourcesContent":["<template>\r\n  <div id=\"run\">\r\n    <Background :removeBackgroundImage=\"valueMenuMobile\">\r\n      <Header\r\n        :valueMenuMobile=\"valueMenuMobile\"\r\n        :methodMenuMobile=\"changeMenuMobile\"\r\n      />\r\n\r\n      <MenuMobile v-show=\"valueMenuMobile\" />\r\n      <div v-if=\"!valueMenuMobile\" id=\"content\">\r\n        <p class=\"play-text\" v-if=\"showText\">🎵 Нажми Play и наслаждайся!</p>\r\n\r\n        <iframe\r\n          ref=\"spotifyFrame\"\r\n          class=\"spotify-frame\"\r\n          title=\"Last release\"\r\n          id=\"LastRelease\"\r\n          style=\"border-radius: 12px\"\r\n          :src=\"lastReleaseUrl\"\r\n          width=\"100%\"\r\n          height=\"\"\r\n          frameBorder=\"0\"\r\n          allowfullscreen=\"true\"\r\n          allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\r\n          loading=\"lazy\"\r\n        >\r\n        </iframe>\r\n        <MessageText> INDEPENDENT ELECTRONIC DANCE MUSIC LABEL </MessageText>\r\n      </div>\r\n    </Background>\r\n\r\n    <Main v-show=\"!valueMenuMobile\" />\r\n    <Footer v-show=\"!valueMenuMobile\" />\r\n\r\n    <!-- Back to Top Button -->\r\n    <button\r\n      id=\"back-to-top\"\r\n      v-show=\"showBackToTop\"\r\n      @click=\"scrollToTop\"\r\n      :class=\"{ visible: showBackToTop }\"\r\n    >\r\n      <span class=\"arrow\">↑</span>\r\n    </button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Background from \"./components/Background/Background.vue\";\r\nimport Header from \"./components/Header/Header.vue\";\r\nimport MessageText from \"./components/MessageText/MessageText.vue\";\r\nimport Main from \"./components/Main/Main.vue\";\r\nimport Footer from \"./components/Footer/Footer.vue\";\r\nimport MenuMobile from \"./components/MenuMobile/MenuMobile.vue\";\r\n\r\nimport { ref } from \"vue\";\r\nconst showText = ref(true);\r\nconst spotifyFrame = ref(null);\r\nexport default {\r\n  name: \"App\",\r\n  components: {\r\n    Background,\r\n    Header,\r\n    MessageText,\r\n    Main,\r\n    Footer,\r\n    MenuMobile,\r\n  },\r\n  data() {\r\n    return {\r\n      lastReleaseUrl: \"\",\r\n      valueMenuMobile: false,\r\n      mediaQuerieList: matchMedia(\"(max-width: 822px)\"),\r\n      showBackToTop: false,\r\n    };\r\n  },\r\n  watch: {\r\n    valueMenuMobile(newValue) {\r\n      if (newValue) {\r\n        // Disable scrolling when menu is open\r\n        document.body.style.overflow = \"hidden\";\r\n        document.body.style.position = \"fixed\";\r\n        document.body.style.width = \"100%\";\r\n      } else {\r\n        // Re-enable scrolling when menu is closed\r\n        document.body.style.overflow = \"\";\r\n        document.body.style.position = \"\";\r\n        document.body.style.width = \"\";\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    changeMenuMobile() {\r\n      this.valueMenuMobile = !this.valueMenuMobile;\r\n    },\r\n    changeValueResponsive(mediaQuerieList) {\r\n      if (!mediaQuerieList.matches) {\r\n        this.valueMenuMobile = false;\r\n      }\r\n    },\r\n    scrollToTop() {\r\n      window.scrollTo({\r\n        top: 0,\r\n        behavior: \"smooth\",\r\n      });\r\n    },\r\n  },\r\n  mounted() {\r\n    this.lastReleaseUrl = window.config.LastReleseURL;\r\n    setInterval(() => {\r\n      showText.value = !showText.value; // Мигание текста\r\n    }, 1000);\r\n    this.changeValueResponsive(this.mediaQuerieList);\r\n    //document.getElementById('LastRelease').src = this.lastReleaseUrl\r\n    this.mediaQuerieList.addEventListener(\"change\", this.changeValueResponsive);\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach((anchor) => {\r\n      anchor.addEventListener(\"click\", function (e) {\r\n        e.preventDefault();\r\n        if (this.className != \"link-social-media\")\r\n          document.querySelector(this.getAttribute(\"href\")).scrollIntoView({\r\n            behavior: \"smooth\",\r\n          });\r\n      });\r\n    });\r\n    window.addEventListener(\"scroll\", () => {\r\n      this.showBackToTop = window.scrollY > 200;\r\n    });\r\n  },\r\n  playMusic() {\r\n    spotifyFrame.value.focus();\r\n  },\r\n  updated() {\r\n    this.mediaQuerieList.addEventListener(\"change\", this.changeValueResponsive);\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n:root {\r\n  --white: hsl(0, 0%, 100%);\r\n  --black: hsl(0, 0%, 0%);\r\n  --dark-gray: hsl(0, 0%, 55%);\r\n  --very-dark-gray: hsl(0, 0%, 41%);\r\n}\r\n.spotify-container {\r\n  position: relative;\r\n  display: inline-block;\r\n  text-align: center;\r\n  padding: 20px;\r\n}\r\n\r\n.spotify-frame {\r\n  padding: 1rem;\r\n  border-radius: 12px;\r\n  animation: glow 2s infinite alternate;\r\n}\r\n.play-text {\r\n  font-size: 14px;\r\n  font-weight: bold;\r\n  color: var(--dynamic-background-base, var(--background-elevated-base));\r\n  position: absolute;\r\n  top: -20px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  animation: fadeInOut 2s infinite;\r\n}\r\n/* Back to Top Button */\r\n#back-to-top {\r\n  position: fixed;\r\n  bottom: 30px;\r\n  right: 30px;\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  background-color: rgba(72, 16, 136, 0.8);\r\n  color: white;\r\n  border: none;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  transition: opacity 0.3s, transform 0.3s;\r\n  z-index: 1000;\r\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n#back-to-top.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n#back-to-top:hover {\r\n  background-color: rgba(72, 16, 136, 1);\r\n  box-shadow: 0 4px 15px rgba(72, 16, 136, 0.5);\r\n}\r\n\r\n#back-to-top .arrow {\r\n  font-size: 50px;\r\n  margin-bottom: 0.2rem;\r\n  font-weight: bold;\r\n}\r\n\r\n/* Mobile adjustments */\r\n@media screen and (max-width: 576px) {\r\n  #back-to-top {\r\n    bottom: 20px;\r\n    right: 20px;\r\n    width: 45px;\r\n    height: 45px;\r\n  }\r\n}\r\n@keyframes pulse {\r\n  0% {\r\n    transform: translate(-50%, -50%) scale(1);\r\n  }\r\n  50% {\r\n    transform: translate(-50%, -50%) scale(1.2);\r\n  }\r\n  100% {\r\n    transform: translate(-50%, -50%) scale(1);\r\n  }\r\n}\r\n\r\n@keyframes fadeInOut {\r\n  0%,\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n  50% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes glow {\r\n  0% {\r\n    box-shadow: 0 0 15px rgba(72, 16, 136, 255);\r\n  }\r\n  100% {\r\n    box-shadow: 0 0 30px rgba(72, 16, 136, 255);\r\n  }\r\n}\r\n@font-face {\r\n  font-family: Alata;\r\n  src: url(./fonts/alata/Alata-Regular.ttf);\r\n}\r\n\r\n@font-face {\r\n  font-family: \"Josefin Sans\";\r\n  src: url(./fonts/josefin-sans/static/JosefinSans-Light.ttf);\r\n}\r\n\r\ndiv#run {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\ndiv#content {\r\n  display: flex;\r\n  width: 100%;\r\n  align-items: center;\r\n}\r\n\r\niframe#LastRelease {\r\n  width: 21vw;\r\n  margin-left: 7.5vw;\r\n  border: 0px solid var(--black);\r\n  border-radius: 12px;\r\n  height: 46vh;\r\n  background-color: rgba(72, 16, 136, 255);\r\n  margin-top: -12rem;\r\n}\r\n/* MacBook screens (можно настроить диапазон в зависимости от конкретных моделей) */\r\n@media screen and (min-width: 1025px) and (max-width: 1440px) {\r\n  iframe#LastRelease {\r\n    width: 29vw;\r\n    margin-left: 7.5vw;\r\n    border: 0px solid var(--black);\r\n    border-radius: 12px;\r\n    height: 45vh;\r\n    margin-top: -9rem;\r\n  }\r\n}\r\n/* Large Tablets and small desktops */\r\n@media screen and (max-width: 1024px) {\r\n  iframe#LastRelease {\r\n    width: 5vw;\r\n    margin-left: 5vw;\r\n    height: 50vh;\r\n  }\r\n}\r\n\r\n/* Tablets */\r\n@media screen and (max-width: 768px) {\r\n  iframe#LastRelease {\r\n    width: 30vw;\r\n    margin-left: 8vw;\r\n    height: 23vh;\r\n    margin-top: -5rem;\r\n    padding: 0;\r\n  }\r\n}\r\n\r\n/* Large phones */\r\n@media screen and (max-width: 576px) {\r\n  div#content {\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: 1rem;\r\n  }\r\n\r\n  iframe#LastRelease {\r\n    width: 90%;\r\n    margin: 0 auto;\r\n    min-height: 15cqi;\r\n  }\r\n}\r\n\r\n/* Small phones */\r\n@media screen and (max-width: 498px) {\r\n  div#content {\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  iframe#LastRelease {\r\n    width: 85%;\r\n    margin: 0 auto;\r\n    min-height: 240px;\r\n  }\r\n}\r\n\r\n#back-to-top {\r\n  position: fixed;\r\n  bottom: 20px;\r\n  right: 20px;\r\n  background-color: var(--black);\r\n  color: var(--white);\r\n  border: none;\r\n  border-radius: 50%;\r\n  width: 40px;\r\n  height: 40px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  cursor: pointer;\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease-in-out;\r\n}\r\n\r\n#back-to-top.visible {\r\n  opacity: 1;\r\n}\r\n\r\n#back-to-top .arrow {\r\n  font-size: 20px;\r\n}\r\n</style>\r\n","<template>\r\n  <div id=\"Background\" ref=\"background\">\r\n    <slot> </slot>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Background\",\r\n  components: {},\r\n  props: {\r\n    typeJustifyContent: {\r\n      require: true,\r\n      type: String,\r\n    },\r\n    removeBackgroundImage: {\r\n      require: true,\r\n      type: Boolean,\r\n    },\r\n  },\r\n  updated() {\r\n    this.$refs.background.style.justifyContent = this.typeJustifyContent;\r\n\r\n    if (this.removeBackgroundImage) {\r\n      this.$refs.background.style.backgroundImage = \"none\";\r\n    } else {\r\n      if (window.innerWidth > 822) {\r\n        this.$refs.background.style.backgroundImage = `url(${require(\"../../assets/desktop/image-hero.jpg\")})`;\r\n      } else {\r\n        this.$refs.background.style.backgroundImage = `url(${require(\"../../assets/mobile/image-hero.jpg\")})`;\r\n      }\r\n      this.$refs.background.style.backgroundRepeat = \"no-repeat\";\r\n      this.$refs.background.style.backgroundSize = \"cover\";\r\n      this.$refs.background.style.backgroundPosition = \"top\";\r\n    }\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ndiv#Background {\r\n  width: 100%;\r\n  height: 51vw;\r\n  min-height: 600px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  background-color: var(--black);\r\n  background-image: url(../../assets/desktop/image-hero.jpg);\r\n  background-repeat: no-repeat;\r\n  background-size: cover;\r\n  background-position: top;\r\n  transition: height 0.3s ease;\r\n}\r\n\r\n/* Large desktops */\r\n@media screen and (max-width: 1440px) {\r\n  div#Background {\r\n    height: 63vw;\r\n  }\r\n}\r\n\r\n/* Small desktops and large tablets */\r\n@media screen and (max-width: 1024px) {\r\n  div#Background {\r\n    height: 60vw;\r\n    min-height: 550px;\r\n  }\r\n}\r\n\r\n/* Tablets */\r\n@media screen and (max-width: 822px) {\r\n  div#Background {\r\n    align-items: center;\r\n    background-image: url(../../assets/mobile/image-hero.jpg);\r\n    height: 100vh;\r\n    min-height: 700px;\r\n  }\r\n}\r\n\r\n/* Large phones */\r\n@media screen and (max-width: 576px) {\r\n  div#Background {\r\n    height: 120vh;\r\n    min-height: 650px;\r\n  }\r\n}\r\n\r\n/* Small phones */\r\n@media screen and (max-width: 498px) {\r\n  div#Background {\r\n    height: 130vh;\r\n    min-height: 600px;\r\n  }\r\n}\r\n\r\n/* Extra small phones */\r\n@media screen and (max-width: 375px) {\r\n  div#Background {\r\n    height: 140vh;\r\n    min-height: 550px;\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./Background.vue?vue&type=template&id=70758c87&scoped=true\"\nimport script from \"./Background.vue?vue&type=script&lang=js\"\nexport * from \"./Background.vue?vue&type=script&lang=js\"\n\nimport \"./Background.vue?vue&type=style&index=0&id=70758c87&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-70758c87\"]])\n\nexport default __exports__","<template>\r\n  <header id=\"Header\">\r\n    <img\r\n      id=\"logo\"\r\n      src=\"../../assets/logo.svg\"\r\n      alt=\"logo image\"\r\n      style=\"display: none\"\r\n    /><a href=\"#app\" v-on:click=\"setClose2White()\" style=\"text-decoration: none\"\r\n      ><h1 id=\"headerTxt\">CYBERIAMUSIC</h1></a\r\n    >\r\n\r\n    <nav id=\"navBar\" v-show=\"toggleMenu === 'desktop'\">\r\n      <ul id=\"listItems\">\r\n        <Item\r\n          v-for=\"item in itemsNavBar\"\r\n          :key=\"item.id\"\r\n          :textLink=\"item.text\"\r\n          :hrefItem=\"item.href\"\r\n        />\r\n      </ul>\r\n    </nav>\r\n    <ButtonMobile\r\n      v-show=\"toggleMenu === 'mobile'\"\r\n      @click-button=\"methodMenuMobile\"\r\n      :value=\"valueMenuMobile\"\r\n    />\r\n  </header>\r\n</template>\r\n\r\n<script>\r\nimport Item from \"./Item/Item.vue\";\r\nimport ButtonMobile from \"./ButtonMobile/ButtonMobile.vue\";\r\n\r\nexport default {\r\n  name: \"Header\",\r\n  components: {\r\n    Item,\r\n    ButtonMobile,\r\n  },\r\n  created() {\r\n    window.addEventListener(\"scroll\", this.scrollFunction);\r\n  },\r\n  unmounted() {\r\n    window.removeEventListener(\"scroll\", this.scrollFunction);\r\n  },\r\n  data() {\r\n    return {\r\n      itemsNavBar: [\r\n        {\r\n          id: 1,\r\n          text: \"About\",\r\n          href: \"#sectionFacts\",\r\n        },\r\n        {\r\n          id: 2,\r\n          text: \"Music\",\r\n          href: \"#AreaCards\",\r\n        },\r\n        {\r\n          id: 3,\r\n          text: \"News\",\r\n          href: \"#News\",\r\n        },\r\n        {\r\n          id: 4,\r\n          text: \"Contact\",\r\n          href: \"#SectionContact\",\r\n        },\r\n        {\r\n          id: 5,\r\n          text: \"Social Media\",\r\n          href: \"#Footer\",\r\n        },\r\n      ],\r\n      mediaQuerieList: matchMedia(\"(max-width: 822px)\"),\r\n      toggleMenu: \"desktop\",\r\n    };\r\n  },\r\n  methods: {\r\n    showButtonMobile(mediaQuerieList) {\r\n      if (mediaQuerieList.matches) {\r\n        this.toggleMenu = \"mobile\";\r\n      } else {\r\n        this.toggleMenu = \"desktop\";\r\n      }\r\n    },\r\n    scrollFunction() {\r\n      if (document.documentElement.scrollTop > 30) {\r\n        document.getElementById(\"Header\").classList.add(\"top-nav-collapse\");\r\n        document\r\n          .getElementById(\"headerTxt\")\r\n          .classList.add(\"top-nav-collapse-txt\");\r\n\r\n        var lines = document.querySelector(\"line\");\r\n\r\n        if (lines)\r\n          lines.array.forEach((element) => {\r\n            //  if(element.style.backgroundColor == \"white\")\r\n            //   element.style.backgroundColor =\"black\";\r\n            console.log(element.style.backgroundColor);\r\n          });\r\n      } else if (document.documentElement.scrollTop < 30) {\r\n        document.getElementById(\"Header\").classList.remove(\"top-nav-collapse\");\r\n        document\r\n          .getElementById(\"headerTxt\")\r\n          .classList.remove(\"top-nav-collapse-txt\");\r\n\r\n        var lines1 = document.querySelector(\"line\");\r\n        if (lines1)\r\n          lines1.array.forEach((element) => {\r\n            //  if (element.style.backgroundColor == 'black')\r\n            //   element.style.backgroundColor = 'white'\r\n            console.log(element.style.backgroundColor);\r\n          });\r\n      }\r\n    },\r\n    setClose2White() {},\r\n  },\r\n  mounted() {\r\n    this.showButtonMobile(this.mediaQuerieList);\r\n    this.mediaQuerieList.addEventListener(\"change\", this.showButtonMobile);\r\n  },\r\n  props: {\r\n    valueMenuMobile: {\r\n      require: true,\r\n      type: Boolean,\r\n    },\r\n    methodMenuMobile: {\r\n      require: true,\r\n      type: Function,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nheader#Header {\r\n  width: 100%;\r\n  height: 10rem;\r\n\r\n  justify-content: space-between;\r\n}\r\n\r\nimg#logo {\r\n  margin-left: 7.5vw;\r\n}\r\n\r\nh1#headerTxt {\r\n  color: var(--black);\r\n  margin-left: 7.5vw;\r\n  text-decoration: none;\r\n\r\n  font-family: \"Josefin Sans\", sans-serif;\r\n  font-weight: bold;\r\n  font-size: 3.5rem;\r\n}\r\n\r\nheader#Header,\r\nnav#navBar,\r\nul#listItems {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n.top-nav-collapse-txt {\r\n  font-size: 2.5rem !important;\r\n}\r\n.top-nav-collapse {\r\n  background-color: white;\r\n  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);\r\n  position: fixed;\r\n  padding-top: 1rem;\r\n  padding-bottom: 0.5rem;\r\n  top: 0;\r\n  width: 100%;\r\n  z-index: 999;\r\n  height: 4rem !important;\r\n}\r\n\r\nnav#navBar {\r\n  margin-right: 7.3vw;\r\n  transition: all 0.2s;\r\n}\r\n\r\nul#listItems {\r\n  width: 30rem;\r\n\r\n  justify-content: space-around;\r\n}\r\n\r\n@media screen and (max-width: 443px) {\r\n  header#Header {\r\n    height: 3.5rem;\r\n    margin: 5vw;\r\n  }\r\n  .top-nav-collapse {\r\n    margin: 0px !important;\r\n    height: 4.3rem !important;\r\n  }\r\n  h1#headerTxt {\r\n    font-size: 2rem;\r\n    margin-top: 0.5rem;\r\n  }\r\n  .top-nav-collapse-txt {\r\n    font-size: 2rem !important;\r\n  }\r\n  img#logo {\r\n    width: 7.5rem;\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n    <li class=\"Item\">\r\n        <div class=\"area-item\">\r\n            <a class=\"link-item\" :href=hrefItem >\r\n                {{ textLink }}\r\n            </a>\r\n            <div class=\"bar\"></div>\r\n        </div>\r\n    </li>\r\n</template>\r\n\r\n<script>\r\n    \r\n    export default {\r\n        name: \"Item\",\r\n        components: {\r\n\r\n        },\r\n        props: {\r\n            textLink: {\r\n                required: true,\r\n                type: String\r\n            },\r\n            hrefItem: {\r\n                required: true,\r\n                type: String\r\n            }\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<style scoped>\r\n    li.Item {\r\n        list-style-type: none;\r\n    }\r\n\r\n    div.area-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n\r\n    }\r\n\r\n    a.link-item {\r\n        color: var(--black);\r\n\r\n        text-decoration: none;\r\n        \r\n        font-family: \"Josefin Sans\";\r\n        font-weight: bold;\r\n    }\r\n\r\n    div.bar {\r\n        width: 0;\r\n        height: 3px;\r\n\r\n        transition: width 200ms;\r\n\r\n        margin-top: 10px;\r\n\r\n        background-color: var(--black);\r\n    }\r\n\r\n    div.area-item:hover > div.bar {\r\n        width: 100%;\r\n    }\r\n</style>","import { render } from \"./Item.vue?vue&type=template&id=973e3270&scoped=true\"\nimport script from \"./Item.vue?vue&type=script&lang=js\"\nexport * from \"./Item.vue?vue&type=script&lang=js\"\n\nimport \"./Item.vue?vue&type=style&index=0&id=973e3270&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-973e3270\"]])\n\nexport default __exports__","<template>\r\n  <div id=\"ButtonMobile\" @click=\"$emit('click-button')\">\r\n    <div\r\n      class=\"line\"\r\n      :style=\"{\r\n        top: lineTop.top,\r\n        transform: lineTop.transform,\r\n        backgroundColor: lineTop.backgroundColor,\r\n      }\"\r\n    ></div>\r\n    <div\r\n      class=\"line\"\r\n      :style=\"{\r\n        transform: lineCenter.transform,\r\n        backgroundColor: lineCenter.backgroundColor,\r\n      }\"\r\n    ></div>\r\n    <div\r\n      class=\"line\"\r\n      :style=\"{\r\n        bottom: lineBottom.bottom,\r\n        transform: lineBottom.transform,\r\n        backgroundColor: lineBottom.backgroundColor,\r\n      }\"\r\n    ></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"ButtonMobile\",\r\n  components: {},\r\n  props: {\r\n    value: {\r\n      require: true,\r\n      type: Boolean,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      lineTop: {\r\n        top: \"0%\",\r\n        transform: \"\",\r\n        backgroundColor: \"black\",\r\n      },\r\n      lineCenter: {\r\n        transform: \"\",\r\n        backgroundColor: \"black\",\r\n      },\r\n      lineBottom: {\r\n        bottom: \"0%\",\r\n        transform: \"\",\r\n        backgroundColor: \"black\",\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n    changeStylesLine(value) {\r\n      if (value) {\r\n        //  console.log('value', value)\r\n        var color = \"white\";\r\n        //var header = document.getElementById('Header')\r\n\r\n        //if (header) if (header?.classList?.length > 0) color = 'black'\r\n\r\n        this.lineTop.top = \"50%\";\r\n        this.lineTop.transform = \"rotate(45deg)\";\r\n        this.lineTop.backgroundColor = color; //\"white\";\r\n        this.lineCenter.transform = \"rotate(45deg)\";\r\n        this.lineCenter.backgroundColor = color; //\"white\";\r\n\r\n        this.lineBottom.bottom = \"50%\";\r\n        this.lineBottom.transform = \"rotate(-45deg)\";\r\n        this.lineBottom.backgroundColor = color; //\"white\";\r\n      } else {\r\n        this.lineTop.top = \"0%\";\r\n        this.lineTop.transform = \"\";\r\n        this.lineTop.backgroundColor = \"black\";\r\n\r\n        this.lineCenter.transform = \"\";\r\n        this.lineCenter.backgroundColor = \"black\";\r\n        (this.lineBottom.bottom = \"0%\"), (this.lineBottom.transform = \"\");\r\n        this.lineBottom.backgroundColor = \"black\";\r\n      }\r\n    },\r\n  },\r\n  updated() {\r\n    this.changeStylesLine(this.value);\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ndiv#ButtonMobile {\r\n  width: 50px;\r\n  height: 25px;\r\n  right: 0px;\r\n  position: fixed;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  z-index: 1001;\r\n  margin-right: 7.5vw;\r\n}\r\n\r\ndiv#ButtonMobile > div.line {\r\n  width: 45px;\r\n  height: 2px;\r\n\r\n  background-color: var(--black);\r\n\r\n  position: relative;\r\n\r\n  transition: all 200ms;\r\n}\r\n</style>\r\n","import { render } from \"./ButtonMobile.vue?vue&type=template&id=bb68d15c&scoped=true\"\nimport script from \"./ButtonMobile.vue?vue&type=script&lang=js\"\nexport * from \"./ButtonMobile.vue?vue&type=script&lang=js\"\n\nimport \"./ButtonMobile.vue?vue&type=style&index=0&id=bb68d15c&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-bb68d15c\"]])\n\nexport default __exports__","import { render } from \"./Header.vue?vue&type=template&id=54e7ba2f&scoped=true\"\nimport script from \"./Header.vue?vue&type=script&lang=js\"\nexport * from \"./Header.vue?vue&type=script&lang=js\"\n\nimport \"./Header.vue?vue&type=style&index=0&id=54e7ba2f&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-54e7ba2f\"]])\n\nexport default __exports__","<template>\r\n  <div id=\"MessageText\">\r\n    <span id=\"text\">\r\n      <slot> </slot>\r\n    </span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"MessageText\",\r\n  components: {},\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ndiv#MessageText {\r\n  padding: 20px;\r\n  width: 45vw;\r\n  border: 2px solid var(--black);\r\n  border-radius: 12px;\r\n  margin-bottom: 10vw;\r\n  margin-left: 19vw;\r\n}\r\n\r\nspan#text {\r\n  color: var(--black);\r\n  letter-spacing: 1px;\r\n  font-family: \"Josefin Sans\";\r\n  font-size: 5.1vw;\r\n}\r\n/* MacBook screens (можно настроить диапазон в зависимости от конкретных моделей) */\r\n@media screen and (min-width: 1025px) and (max-width: 1440px) {\r\n  div#MessageText {\r\n    width: 44vw;\r\n    margin-left: 11vw;\r\n    margin-bottom: 10vw;\r\n    height: 28vw;\r\n  }\r\n\r\n  span#text {\r\n    font-size: 5.5vw;\r\n  }\r\n}\r\n/* Large Tablets and small desktops */\r\n@media screen and (max-width: 1024px) {\r\n  div#MessageText {\r\n    width: 50vw;\r\n    margin-left: 13vw;\r\n    margin-bottom: 7vw;\r\n  }\r\n\r\n  span#text {\r\n    font-size: 6vw;\r\n  }\r\n}\r\n\r\n/* Tablets */\r\n@media screen and (max-width: 822px) {\r\n  div#MessageText {\r\n    margin-left: -1rem;\r\n    margin-bottom: 11vw;\r\n    width: 75vw;\r\n    transform: scale(0.86);\r\n  }\r\n\r\n  span#text {\r\n    font-size: 7.2vw;\r\n  }\r\n}\r\n\r\n/* Large phones */\r\n@media screen and (max-width: 576px) {\r\n  div#MessageText {\r\n    margin-left: 0rem;\r\n    margin-top: 3vw;\r\n    margin-bottom: 18vw;\r\n    width: 80vw;\r\n    padding: 15px;\r\n  }\r\n\r\n  span#text {\r\n    font-size: 9vw;\r\n  }\r\n}\r\n\r\n/* Small phones */\r\n@media screen and (max-width: 498px) {\r\n  div#MessageText {\r\n    margin-top: 5vw;\r\n    width: 85vw;\r\n    padding: 12px;\r\n    margin-bottom: 20vw;\r\n    transform: scale(1);\r\n  }\r\n\r\n  span#text {\r\n    font-size: 9.5vw;\r\n  }\r\n}\r\n\r\n/* Extra small phones */\r\n@media screen and (max-width: 375px) {\r\n  div#MessageText {\r\n    margin-top: 7vw;\r\n    width: 90vw;\r\n    padding: 10px;\r\n  }\r\n\r\n  span#text {\r\n    font-size: 10vw;\r\n    letter-spacing: 0.5px;\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./MessageText.vue?vue&type=template&id=3f3de630&scoped=true\"\nimport script from \"./MessageText.vue?vue&type=script&lang=js\"\nexport * from \"./MessageText.vue?vue&type=script&lang=js\"\n\nimport \"./MessageText.vue?vue&type=style&index=0&id=3f3de630&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3f3de630\"]])\n\nexport default __exports__","<template>\r\n  <main id=\"Main\">\r\n    <SectionFacts />\r\n    <AreaCards />\r\n    <VKFeed />\r\n    <SectionContact />\r\n  </main>\r\n</template>\r\n\r\n<script>\r\nimport SectionFacts from \"./SectionFacts/SectionFacts.vue\";\r\nimport AreaCards from \"./AreaCards/AreaCards.vue\";\r\nimport SectionContact from \"./SectionContact/SectionContact.vue\";\r\nimport VKFeed from \"./VKFeed/VKFeed.vue\";\r\nexport default {\r\n  name: \"Main\",\r\n  components: {\r\n    SectionFacts,\r\n    AreaCards,\r\n    SectionContact,\r\n    VKFeed,\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nmain#Main {\r\n  width: 80%;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n</style>\r\n","<template>\r\n  <section id=\"sectionFacts\">\r\n    <img\r\n      id=\"imageFacts\"\r\n      src=\"../../../assets/desktop/image_anatol_cyberia.jpg\"\r\n      alt=\"image interactive\"\r\n    />\r\n    <article id=\"articleFacts\">\r\n      <div id=\"messageFacts\">\r\n        <h1 id=\"title\">CREATION HISTORY</h1>\r\n        <p id=\"paragraph\">\r\n          Cyberia Music is an innovative and creative music label based in\r\n          Germany. Our team of professional DJs and producers focus on creating\r\n          modern and cutting edge house music.\r\n          <a style=\"font-weight: bold; text-decoration: none; color: black\"\r\n            >Anatol Cyberia</a\r\n          >, the founder and head of the company, has a strong background in\r\n          music industry. His experience, along with the expertise of the rest\r\n          of the team, make us the perfect choice for all your music needs.\r\n          Cyberia Music was founded in 2018 and has since released world-class\r\n          electronic dance music of its own production around the globe, on all\r\n          modern streaming platforms. So if you are a fan of electronic music,\r\n          you won't want to miss out on what Cyberia Music has to offer.<br />\r\n          Stay tuned!\r\n        </p>\r\n      </div>\r\n    </article>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"SectionFacts\",\r\n  components: {},\r\n  data() {\r\n    return {\r\n      showBarText: true,\r\n      mediaQuerieList: matchMedia(\"(max-width: 830px)\"),\r\n    };\r\n  },\r\n  methods: {\r\n    showBr(mediaQuerieList) {\r\n      if (mediaQuerieList.matches) {\r\n        this.showBarText = false;\r\n      } else {\r\n        this.showBarText = true;\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.showBr(this.mediaQuerieList);\r\n\r\n    this.mediaQuerieList.addEventListener(\"change\", this.showBr);\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nsection#sectionFacts {\r\n  display: flex;\r\n  margin-top: 10rem;\r\n  padding-top: 100px;\r\n  width: 100%;\r\n  height: 30rem;\r\n  margin-bottom: 10rem;\r\n\r\n  position: relative;\r\n}\r\n\r\nimg#imageFacts {\r\n  width: 35rem;\r\n  border-radius: 12px;\r\n}\r\n\r\ndiv#messageFacts {\r\n  background-color: var(--white);\r\n\r\n  width: 36rem;\r\n  margin-top: 2rem;\r\n  padding: 2rem;\r\n  margin-left: 20vw;\r\n  border-radius: 12px 12px 0 0;\r\n  position: absolute;\r\n  bottom: 0;\r\n}\r\n\r\nh1#title {\r\n  font-family: \"Josefin Sans\", Helvetica, sans-serif;\r\n  font-size: 3rem;\r\n  font-weight: normal;\r\n\r\n  margin-bottom: 2rem;\r\n}\r\n\r\np#paragraph {\r\n  color: var(--very-dark-gray);\r\n\r\n  font-family: Atala, Helvetica, sans-serif;\r\n  font-weight: bold;\r\n  font-size: 15px;\r\n  text-align: justify;\r\n  line-height: 1.5rem;\r\n}\r\n@media screen and (max-width: 1600px) {\r\n  div#messageFacts {\r\n    right: -1vw;\r\n  }\r\n}\r\n@media screen and (max-width: 830px) {\r\n  img#imageFacts {\r\n    width: 100%;\r\n\r\n    margin-bottom: 3rem;\r\n  }\r\n\r\n  section#sectionFacts {\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 2rem;\r\n    height: auto;\r\n  }\r\n\r\n  div#messageFacts {\r\n    position: static;\r\n    padding-top: 0;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n    width: 100%;\r\n    margin-left: 0vw;\r\n  }\r\n\r\n  h1#title {\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 616px) {\r\n  section#sectionFacts {\r\n    margin-top: 5rem;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 518px) {\r\n  h1#title {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  p#paragraph {\r\n    font-size: 14px;\r\n    text-align: justify;\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./SectionFacts.vue?vue&type=template&id=7b3a7290&scoped=true\"\nimport script from \"./SectionFacts.vue?vue&type=script&lang=js\"\nexport * from \"./SectionFacts.vue?vue&type=script&lang=js\"\n\nimport \"./SectionFacts.vue?vue&type=style&index=0&id=7b3a7290&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7b3a7290\"]])\n\nexport default __exports__","<template>\r\n  <div id=\"AreaCards\">\r\n    <header id=\"headerCards\">\r\n      <span id=\"title\"> ON SPOTIFY </span>\r\n      <Button v-show=\"!toggleButton\"> See All </Button>\r\n    </header>\r\n    <!--ul id=\"cards\">\r\n            <Card\r\n                v-for=\"item in dataCard\"\r\n                :key=\"item.id\"\r\n                :src=\"item.src\"\r\n                :text=\"item.text\"\r\n            />\r\n        </-ul-->\r\n    <div id=\"Spoty\">\r\n      <iframe\r\n        id=\"Player\"\r\n        title=\"Cyberia Music most popular on Spotify\"\r\n        style=\"border-radius: 12px\"\r\n        src=\"https://open.spotify.com/embed/artist/0iQAmpkPWrFWcNybqEHVfv?utm_source=generator\"\r\n        frameBorder=\"0\"\r\n        allowfullscreen=\"\"\r\n        allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\"\r\n        loading=\"lazy\"\r\n      >\r\n      </iframe>\r\n    </div>\r\n    <Button v-show=\"toggleButton\"> See All </Button>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Button from \"./Button/Button.vue\";\r\n// import Card from './Card/Card.vue';\r\n\r\nexport default {\r\n  name: \"AreaCards\",\r\n  components: {\r\n    Button,\r\n    // Card\r\n  },\r\n  data() {\r\n    return {\r\n      dataCard: [\r\n        {\r\n          id: 1,\r\n          src: \"image-deep-earth.jpg\",\r\n          text: \"DEEP EARTH\",\r\n        },\r\n        {\r\n          id: 2,\r\n          src: \"image-night-arcade.jpg\",\r\n          text: \"NIGHT ARCADE\",\r\n        },\r\n        {\r\n          id: 3,\r\n          src: \"image-soccer-team.jpg\",\r\n          text: \"SOCCER TEAM VR\",\r\n        },\r\n        {\r\n          id: 4,\r\n          src: \"image-grid.jpg\",\r\n          text: \"THE GRID\",\r\n        },\r\n        {\r\n          id: 5,\r\n          src: \"image-from-above.jpg\",\r\n          text: \"FROM UP ABOVE VR\",\r\n        },\r\n        {\r\n          id: 6,\r\n          src: \"image-pocket-borealis.jpg\",\r\n          text: \"POCKET BOREALIS\",\r\n        },\r\n        {\r\n          id: 7,\r\n          src: \"image-curiosity.jpg\",\r\n          text: \"THE CURIOSITY\",\r\n        },\r\n        {\r\n          id: 8,\r\n          src: \"image-fisheye.jpg\",\r\n          text: \"MAKE IT FISHEYE\",\r\n        },\r\n      ],\r\n      toggleButton: false,\r\n      mediaQuerieList: matchMedia(\"(max-width: 616px)\"),\r\n    };\r\n  },\r\n  methods: {\r\n    toggleButtonResponsive(mediaQuerieList) {\r\n      if (mediaQuerieList.matches) {\r\n        this.toggleButton = true;\r\n      } else {\r\n        this.toggleButton = false;\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.toggleButtonResponsive(this.mediaQuerieList);\r\n\r\n    this.mediaQuerieList.addEventListener(\r\n      \"change\",\r\n      this.toggleButtonResponsive\r\n    );\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ndiv#AreaCards {\r\n  margin: 7rem 0 0;\r\n  padding-top: 100px;\r\n  margin-top: 20px;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  margin-bottom: 10rem;\r\n}\r\niframe#Player {\r\n  width: 100%;\r\n  height: 33vw;\r\n  max-height: 380px;\r\n  min-height: 240px;\r\n}\r\ndiv#Spoty {\r\n  width: 100%;\r\n  margin-bottom: 3rem;\r\n}\r\n\r\ndiv#AreaCards,\r\nheader#headerCards {\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\nheader#headerCards {\r\n  justify-content: space-between;\r\n\r\n  margin-bottom: 2rem;\r\n}\r\n\r\nspan#title {\r\n  font-family: \"Josefin Sans\";\r\n  font-size: 2.5rem;\r\n}\r\n\r\nul#cards {\r\n  display: grid;\r\n  grid-template: auto auto / 25% 25% 25% 25%;\r\n\r\n  width: 100%;\r\n}\r\n\r\n@media screen and (max-width: 984px) {\r\n  ul#cards {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  iframe#Player {\r\n    height: 90vw;\r\n  }\r\n}\r\n\r\n/* MacBook Air/Pro sizes (typically 1280-1440px width) */\r\n@media screen and (min-width: 1280px) and (max-width: 1440px) {\r\n  iframe#Player {\r\n    height: 45vw;\r\n    max-height: 900px;\r\n  }\r\n\r\n  div#AreaCards {\r\n    margin-bottom: 8rem;\r\n  }\r\n}\r\n\r\n/* Larger desktop screens */\r\n@media screen and (min-width: 1441px) {\r\n  iframe#Player {\r\n    height: 35vw;\r\n    max-height: 800px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 616px) {\r\n  div#AreaCards {\r\n    margin: 2rem 0;\r\n  }\r\n\r\n  iframe#Player {\r\n    width: 100%;\r\n    height: 100vw;\r\n  }\r\n\r\n  div#Spoty {\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  header#headerCards {\r\n    justify-content: center;\r\n  }\r\n\r\n  span#title {\r\n    text-align: center;\r\n  }\r\n\r\n  ul#cards {\r\n    margin-bottom: 2rem;\r\n  }\r\n}\r\n\r\n/* iPhone-specific styles */\r\n@media screen and (max-width: 428px) {\r\n  /* iPhone 13 Pro Max width and below */\r\n  iframe#Player {\r\n    height: 5vw;\r\n    min-height: 405px;\r\n  }\r\n\r\n  span#title {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  div#AreaCards {\r\n    padding-top: 95px;\r\n    margin-bottom: 5rem;\r\n  }\r\n}\r\n\r\n/* iPad Mini, iPad, iPad Air */\r\n@media screen and (min-width: 768px) and (max-width: 834px) {\r\n  iframe#Player {\r\n    height: 55vw;\r\n    max-height: 850px;\r\n  }\r\n\r\n  div#Spoty {\r\n    margin-bottom: 2.5rem;\r\n  }\r\n}\r\n\r\n/* iPad Pro */\r\n@media screen and (min-width: 1024px) and (max-width: 1024px) {\r\n  iframe#Player {\r\n    height: 80vw;\r\n    max-height: 900px;\r\n  }\r\n\r\n  div#AreaCards {\r\n    margin-bottom: 7rem;\r\n  }\r\n}\r\n\r\n/* Tablet portrait mode */\r\n@media screen and (min-width: 617px) and (max-width: 820px) {\r\n  iframe#Player {\r\n    height: 100vw;\r\n  }\r\n\r\n  div#Spoty {\r\n    margin-bottom: 2rem;\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n  <a\r\n    href=\"https://open.spotify.com/artist/0iQAmpkPWrFWcNybqEHVfv?si=Cd1LtzhfTBGJxR_cORzddw\"\r\n    target=\"_blank\"\r\n    style=\"text-decoration: none\"\r\n  >\r\n    <button id=\"Button\">\r\n      <span id=\"textButton\">\r\n        <slot> </slot>\r\n      </span>\r\n    </button>\r\n  </a>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"Button\",\r\n  components: {},\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nbutton#Button {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  background-color: var(--white);\r\n\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  padding: 10px 40px;\r\n}\r\n\r\nbutton#Button,\r\nspan#textButton {\r\n  transition: all 200ms;\r\n}\r\n\r\nbutton#Button:hover {\r\n  background-color: var(--black);\r\n}\r\n\r\nbutton#Button:hover > span#textButton {\r\n  color: var(--white);\r\n}\r\n\r\nspan#textButton {\r\n  font-family: \"Josefin Sans\";\r\n\r\n  text-transform: uppercase;\r\n\r\n  font-weight: bold;\r\n}\r\n</style>\r\n","import { render } from \"./Button.vue?vue&type=template&id=8b340cb8&scoped=true\"\nimport script from \"./Button.vue?vue&type=script&lang=js\"\nexport * from \"./Button.vue?vue&type=script&lang=js\"\n\nimport \"./Button.vue?vue&type=style&index=0&id=8b340cb8&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-8b340cb8\"]])\n\nexport default __exports__","import { render } from \"./AreaCards.vue?vue&type=template&id=411ea9e4&scoped=true\"\nimport script from \"./AreaCards.vue?vue&type=script&lang=js\"\nexport * from \"./AreaCards.vue?vue&type=script&lang=js\"\n\nimport \"./AreaCards.vue?vue&type=style&index=0&id=411ea9e4&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-411ea9e4\"]])\n\nexport default __exports__","<template>\r\n  <div id=\"SectionContact\">\r\n    <header id=\"headerCards\">\r\n      <span id=\"title\"> CONTACT US </span>\r\n      <button id=\"Button\" v-on:click=\"submit()\" v-show=\"!toggleButton\">\r\n        <span id=\"textButton\"> Send Your Message </span>\r\n        <span id=\"status\">{{ status }}</span>\r\n      </button>\r\n    </header>\r\n    <img\r\n      id=\"logo\"\r\n      src=\"../../../assets/AC-logo.png\"\r\n      alt=\"logo AC image\"\r\n      v-show=\"!toggleButton\"\r\n    />\r\n\r\n    <form id=\"contactForm\" @submit.prevent=\"submit\" @reset=\"onReset\">\r\n      <div class=\"wrap-input2 validate-input\" data-validate=\"Name is required\">\r\n        <input\r\n          v-model=\"name\"\r\n          id=\"name\"\r\n          class=\"input2\"\r\n          type=\"text\"\r\n          v-on:input=\"onInput()\"\r\n          required\r\n        />\r\n        <span class=\"focus-input2\" data-placeholder=\"NAME\"></span>\r\n      </div>\r\n      <div\r\n        class=\"wrap-input2 validate-input\"\r\n        data-validate=\"Valid email is required: ex@abc.xyz\"\r\n      >\r\n        <input\r\n          class=\"input2\"\r\n          id=\"email\"\r\n          type=\"text\"\r\n          v-model=\"email\"\r\n          v-on:input=\"onInput()\"\r\n        />\r\n        <span class=\"focus-input2\" data-placeholder=\"EMAIL\"></span>\r\n      </div>\r\n      <div\r\n        class=\"wrap-input2 validate-input\"\r\n        data-validate=\"Message is required\"\r\n      >\r\n        <textarea\r\n          v-model=\"message\"\r\n          id=\"message\"\r\n          class=\"input2\"\r\n          v-on:input=\"onInput()\"\r\n        ></textarea>\r\n        <span class=\"focus-input2\" data-placeholder=\"MESSAGE\"></span>\r\n      </div>\r\n      <button id=\"Button\" v-on:click=\"submit()\" v-show=\"toggleButton\">\r\n        <span id=\"textButton\"> Send Your Message </span>\r\n      </button>\r\n    </form>\r\n\r\n    <!-- Add toast notification -->\r\n    <div class=\"toast-container\" v-if=\"showToast\">\r\n      <div class=\"toast-notification\">\r\n        <span class=\"toast-icon\">✓</span>\r\n        <span class=\"toast-message\">Your message was sent!</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"SectionContact\",\r\n  components: {},\r\n  data() {\r\n    return {\r\n      name: \"\",\r\n      email: \"\",\r\n      message: \"\",\r\n      toggleButton: false,\r\n      mediaQuerieList: matchMedia(\"(max-width: 616px)\"),\r\n      token: \"\",\r\n      chatId: \"\",\r\n      status: \"\",\r\n      showToast: false, // Add new property to control toast visibility\r\n    };\r\n  },\r\n  computed: {\r\n    formValid() {\r\n      var isValid = true;\r\n\r\n      if (this.name.length > 0) this.hideValidate(\"name\");\r\n      else {\r\n        this.showValidate(\"name\");\r\n        isValid = false;\r\n      }\r\n\r\n      if (this.email.length > 0) {\r\n        if (/(.+)@(.+){2,}\\.(.+){2,}/.test(this.email))\r\n          this.hideValidate(\"email\");\r\n        else {\r\n          this.showValidate(\"email\");\r\n          isValid = false;\r\n        }\r\n      } else {\r\n        this.showValidate(\"email\");\r\n        isValid = false;\r\n      }\r\n\r\n      if (this.message.length > 0) this.hideValidate(\"message\");\r\n      else {\r\n        this.showValidate(\"message\");\r\n        isValid = false;\r\n      }\r\n      return isValid;\r\n    },\r\n  },\r\n  methods: {\r\n    showValidate(input) {\r\n      var thisAlert = document.getElementById(input).parentElement;\r\n      thisAlert.classList.add(\"alert-validate\");\r\n    },\r\n\r\n    hideValidate(input) {\r\n      var thisAlert = document.getElementById(input).parentElement;\r\n      thisAlert.classList.remove(\"alert-validate\");\r\n    },\r\n\r\n    onInput() {\r\n      var controls = document.querySelectorAll(\".input2\");\r\n      if (controls)\r\n        controls.forEach((control) => {\r\n          if (control.value.toString() != \"\") {\r\n            control.classList.add(\"has-val\");\r\n            this.hideValidate(control.id);\r\n          } else control.classList.remove(\"has-val\");\r\n        });\r\n      return true;\r\n    },\r\n\r\n    onReset() {\r\n      this.name = \"\";\r\n      this.email = \"\";\r\n      this.message = \"\";\r\n      this.onInput();\r\n    },\r\n    submit() {\r\n      if (!this.formValid) {\r\n        return;\r\n      }\r\n\r\n      //JSON.parse(localStorage.getItem(\"messages\"));\r\n      var date = new Date().toUTCString();\r\n      //  localStorage.setItem(\"messages\", JSON.stringify(messages));\r\n      let messageJson = `CyberiaMusic\\n${date}\\nК вам поступил запрос от\\n\\nИмя: ${this.name}\\nЕмайл: ${this.email}\\nСообщение:\\n${this.message}\\n\\nСпасибо пока :)`;\r\n\r\n      const requestOptions = {\r\n        method: \"POST\",\r\n        headers: { \"Content-Type\": \"application/json\" },\r\n      };\r\n      fetch(\r\n        `https://api.telegram.org/bot${this.token}/sendMessage?` +\r\n          new URLSearchParams({\r\n            chat_id: this.chatId,\r\n            text: messageJson,\r\n            parse_mode: \"html\",\r\n          }),\r\n        requestOptions\r\n      )\r\n        .then((response) => response.json())\r\n        .then((data) => {\r\n          this.postId = data.id;\r\n          this.onReset();\r\n          // Show toast notification with longer duration\r\n          this.showToast = true;\r\n          setTimeout(() => {\r\n            this.showToast = false;\r\n          }, 4000); // Increased to 6 seconds\r\n        });\r\n    },\r\n    toggleButtonResponsive(mediaQuerieList) {\r\n      if (mediaQuerieList.matches) {\r\n        this.toggleButton = true;\r\n      } else {\r\n        this.toggleButton = false;\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.toggleButtonResponsive(this.mediaQuerieList);\r\n    this.mediaQuerieList.addEventListener(\r\n      \"change\",\r\n      this.toggleButtonResponsive\r\n    );\r\n    this.token = window.config.token;\r\n    this.chatId = window.config.chatId;\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ndiv#SectionContact {\r\n  margin-top: 3rem;\r\n  margin-bottom: 20rem;\r\n  display: flex;\r\n  flex-direction: row;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  vertical-align: middle;\r\n  padding-top: 100px;\r\n  margin-top: -100px;\r\n}\r\n\r\ndiv#SectionContact,\r\nheader#headerCards {\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  align-items: flex-end;\r\n}\r\nimg#logo {\r\n  max-width: 20%;\r\n  max-height: 20%;\r\n  align-self: flex-start;\r\n  margin-top: 1rem;\r\n}\r\n\r\nform#contactForm {\r\n  margin-left: 0rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 75%;\r\n  justify-content: flex-start;\r\n}\r\n\r\ninput {\r\n  outline: none;\r\n  border: none;\r\n  font-family: \"Josefin Sans\", sans-serif;\r\n  font-size: 1.5rem;\r\n}\r\n\r\ntextarea {\r\n  outline: none;\r\n  border: none;\r\n  font-family: \"Josefin Sans\", sans-serif;\r\n  font-size: 1.5rem;\r\n  resize: none; /* Hide resize handle */\r\n}\r\n\r\ntextarea:focus,\r\ninput:focus {\r\n  border-color: transparent !important;\r\n}\r\n\r\ninput:focus::-webkit-input-placeholder {\r\n  color: transparent;\r\n}\r\n\r\ninput:focus:-moz-placeholder {\r\n  color: transparent;\r\n}\r\n\r\ninput:focus::-moz-placeholder {\r\n  color: transparent;\r\n}\r\n\r\ninput:focus:-ms-input-placeholder {\r\n  color: transparent;\r\n}\r\n\r\ntextarea:focus::-webkit-input-placeholder {\r\n  color: transparent;\r\n}\r\n\r\ntextarea:focus:-moz-placeholder {\r\n  color: transparent;\r\n}\r\n\r\ntextarea:focus::-moz-placeholder {\r\n  color: transparent;\r\n}\r\n\r\ntextarea:focus:-ms-input-placeholder {\r\n  color: transparent;\r\n}\r\n\r\ninput::-webkit-input-placeholder {\r\n  color: #999;\r\n}\r\n\r\ninput:-moz-placeholder {\r\n  color: #999;\r\n}\r\n\r\ninput::-moz-placeholder {\r\n  color: #999;\r\n}\r\n\r\ninput:-ms-input-placeholder {\r\n  color: #999;\r\n}\r\n\r\ntextarea::-webkit-input-placeholder {\r\n  color: #999;\r\n}\r\n\r\ntextarea:-moz-placeholder {\r\n  color: #999;\r\n}\r\n\r\ntextarea::-moz-placeholder {\r\n  color: #999;\r\n}\r\n\r\ntextarea:-ms-input-placeholder {\r\n  color: #999;\r\n}\r\n\r\n.wrap-input2 {\r\n  width: 100%;\r\n  position: relative;\r\n  border-bottom: 2px solid #adadad;\r\n  margin-bottom: 37px;\r\n  font-family: \"Josefin Sans\", sans-serif;\r\n  font-size: 1.5rem;\r\n}\r\n\r\n.input2 {\r\n  display: block;\r\n  width: 100%;\r\n\r\n  font-size: 15px;\r\n  color: #555;\r\n  line-height: 1.2;\r\n  font-family: \"Josefin Sans\", sans-serif;\r\n  font-size: 1.5rem;\r\n}\r\n\r\n.focus-input2 {\r\n  position: absolute;\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  top: 0;\r\n  left: 0;\r\n  pointer-events: none;\r\n  font-family: \"Josefin Sans\", sans-serif;\r\n  font-weight: bold;\r\n  font-size: 2.5rem;\r\n}\r\n\r\n.focus-input2::before {\r\n  content: \"\";\r\n  display: block;\r\n  position: absolute;\r\n  bottom: -2px;\r\n  left: 0;\r\n  width: 0;\r\n  height: 2px;\r\n  -webkit-transition: all 0.4s;\r\n  -o-transition: all 0.4s;\r\n  -moz-transition: all 0.4s;\r\n  transition: all 0.4s;\r\n  background: #ffffff;\r\n  background: -webkit-linear-gradient(45deg, #ffffff, #9489b8);\r\n  background: -o-linear-gradient(45deg, #ffffff, #9489b8);\r\n  background: -moz-linear-gradient(45deg, #ffffff, #9489b8);\r\n  background: linear-gradient(45deg, #ffffff, #9489b8);\r\n}\r\n\r\n.focus-input2::after {\r\n  content: attr(data-placeholder);\r\n  display: block;\r\n  width: 100%;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  font-family: \"Josefin Sans\";\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  color: #999;\r\n  line-height: 1.2;\r\n  -webkit-transition: all 0.4s;\r\n  -o-transition: all 0.4s;\r\n  -moz-transition: all 0.4s;\r\n  transition: all 0.4s;\r\n}\r\n\r\ninput.input2 {\r\n  height: 45px;\r\n}\r\n\r\ninput.input2 + .focus-input2::after {\r\n  top: 16px;\r\n  left: 0;\r\n}\r\n\r\ntextarea.input2 {\r\n  min-height: 115px;\r\n  padding-top: 13px;\r\n  padding-bottom: 13px;\r\n}\r\n\r\ntextarea.input2 + .focus-input2::after {\r\n  top: 16px;\r\n  left: 0;\r\n}\r\n\r\n.input2:focus + .focus-input2::after {\r\n  top: -13px;\r\n}\r\n\r\n.input2:focus + .focus-input2::before {\r\n  width: 100%;\r\n}\r\n\r\n.has-val.input2 + .focus-input2::after {\r\n  top: -13px;\r\n}\r\n\r\n.has-val.input2 + .focus-input2::before {\r\n  width: 100%;\r\n}\r\n\r\nspan#status {\r\n}\r\n\r\nspan#status:hover {\r\n  background-color: var(--black);\r\n}\r\n\r\nspan#status:hover {\r\n  color: var(--white);\r\n}\r\nbutton#Button:hover > span#status {\r\n  color: var(--white);\r\n}\r\nbutton#Button {\r\n  cursor: pointer;\r\n  background-color: var(--white);\r\n  max-width: fit-content;\r\n  border-radius: 10px;\r\n  justify-content: end;\r\n  padding: 10px 40px;\r\n}\r\n\r\nbutton#Button,\r\nspan#textButton {\r\n  transition: all 200ms;\r\n}\r\n\r\nbutton#Button:hover {\r\n  background-color: var(--black);\r\n}\r\n\r\nbutton#Button:hover > span#textButton {\r\n  color: var(--white);\r\n}\r\n\r\nspan#textButton {\r\n  font-family: \"Josefin Sans\";\r\n\r\n  text-transform: uppercase;\r\n\r\n  font-weight: bold;\r\n}\r\nlabel {\r\n  color: var(--black);\r\n\r\n  letter-spacing: 1px;\r\n\r\n  font-family: \"Josefin Sans\";\r\n  font-size: 5.5vw;\r\n}\r\n\r\nheader#headerCards {\r\n  justify-content: space-between;\r\n\r\n  margin-bottom: 2rem;\r\n}\r\n\r\nspan#title {\r\n  font-family: \"Josefin Sans\";\r\n  font-size: 2.5rem;\r\n}\r\n\r\nul#cards {\r\n  display: grid;\r\n  grid-template: auto auto / 25% 25% 25% 25%;\r\n\r\n  width: 100%;\r\n}\r\n@media (max-width: 576px) {\r\n  .wrap-contact2 {\r\n    padding: 72px 15px 90px;\r\n  }\r\n}\r\n\r\n.validate-input {\r\n  position: relative;\r\n}\r\n\r\n.alert-validate::before {\r\n  content: attr(data-validate);\r\n  position: absolute;\r\n  max-width: 70%;\r\n  background-color: #fff;\r\n  border: 1px none #c80000;\r\n  border-radius: 2px;\r\n  padding: 4px 25px 4px 10px;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -moz-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  -o-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n  right: 0;\r\n  pointer-events: none;\r\n  font-family: \"Josefin Sans\";\r\n  color: #c80000;\r\n  font-size: 13px;\r\n  line-height: 1.4;\r\n  text-align: left;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n  -webkit-transition: opacity 0.4s;\r\n  -o-transition: opacity 0.4s;\r\n  -moz-transition: opacity 0.4s;\r\n  transition: opacity 0.4s;\r\n  font-weight: bold;\r\n}\r\n\r\n.alert-validate::after {\r\n  content: \"\\f12a\";\r\n  font-family: FontAwesome;\r\n  display: block;\r\n  position: absolute;\r\n  color: #c80000;\r\n  font-size: 16px;\r\n  top: 50%;\r\n  -webkit-transform: translateY(-50%);\r\n  -moz-transform: translateY(-50%);\r\n  -ms-transform: translateY(-50%);\r\n  -o-transform: translateY(-50%);\r\n  transform: translateY(-50%);\r\n  right: 8px;\r\n}\r\n\r\n.alert-validate:hover:before {\r\n  visibility: visible;\r\n  opacity: 1;\r\n}\r\n\r\n@media screen and (max-width: 984px) {\r\n  ul#cards {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  .alert-validate::before {\r\n    visibility: visible;\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 616px) {\r\n  form#contactForm {\r\n    width: 90%;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n  }\r\n  button#Button {\r\n    max-width: none;\r\n    margin-top: 2rem;\r\n  }\r\n  div#SectionContact {\r\n    margin: 2rem 0 6.5rem 0;\r\n    justify-content: center;\r\n  }\r\n\r\n  header#headerCards {\r\n    justify-content: center;\r\n  }\r\n  div#SectionContact,\r\n  header#headerCards {\r\n    width: 100%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n  span#title {\r\n    text-align: center;\r\n  }\r\n\r\n  ul#cards {\r\n    margin-bottom: 2rem;\r\n  }\r\n}\r\n\r\n/* Toast notification styles */\r\n.toast-container {\r\n  position: fixed;\r\n  top: 20%; /* Moved higher up for better visibility */\r\n  left: 50%; /* Centered horizontally */\r\n  transform: translateX(-50%); /* Center alignment */\r\n  z-index: 9999;\r\n  display: flex;\r\n  justify-content: center;\r\n  width: 100%;\r\n  max-width: 90vw;\r\n  pointer-events: none; /* Allows clicking through the toast */\r\n}\r\n\r\n.toast-notification {\r\n  background: linear-gradient(45deg, #ffffff, #9489b8);\r\n  color: #333;\r\n  padding: 20px 32px; /* Increased padding */\r\n  border-radius: 12px;\r\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); /* Enhanced shadow */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: \"Josefin Sans\", sans-serif;\r\n  font-weight: 600;\r\n  font-size: 1.2rem; /* Slightly larger text */\r\n  min-width: 300px;\r\n  text-align: center;\r\n  animation: slide-in 0.5s ease-out forwards,\r\n    fade-out 0.6s ease-out 7.4s forwards; /* Increased delay before fade-out */\r\n}\r\n\r\n.toast-icon {\r\n  background-color: var(--black);\r\n  color: white;\r\n  width: 32px; /* Larger icon */\r\n  height: 32px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  margin-right: 16px;\r\n  font-size: 1.1rem;\r\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n@keyframes slide-in {\r\n  from {\r\n    transform: translateY(-80px);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes fade-out {\r\n  from {\r\n    opacity: 1;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n/* Responsive toast positioning */\r\n@media screen and (max-width: 768px) {\r\n  .toast-container {\r\n    top: 15%; /* Positioned higher on mobile */\r\n    width: 92%;\r\n    max-width: none;\r\n  }\r\n\r\n  .toast-notification {\r\n    width: 100%;\r\n    padding: 16px 20px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .toast-container {\r\n    top: 10%;\r\n  }\r\n\r\n  .toast-notification {\r\n    padding: 14px 18px;\r\n    font-size: 1rem;\r\n    min-width: 0; /* Allow shrinking on small screens */\r\n  }\r\n\r\n  .toast-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    margin-right: 12px;\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./SectionContact.vue?vue&type=template&id=0933d480&scoped=true\"\nimport script from \"./SectionContact.vue?vue&type=script&lang=js\"\nexport * from \"./SectionContact.vue?vue&type=script&lang=js\"\n\nimport \"./SectionContact.vue?vue&type=style&index=0&id=0933d480&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0933d480\"]])\n\nexport default __exports__","<template>\r\n  <div id=\"News\">\r\n    <header id=\"headerNews\">\r\n      <span id=\"title\"> NEWS </span>\r\n    </header>\r\n    <!--ul id=\"cards\">\r\n            <Card\r\n                v-for=\"item in dataCard\"\r\n                :key=\"item.id\"\r\n                :src=\"item.src\"\r\n                :text=\"item.text\"\r\n            />\r\n        </-ul-->\r\n    <div id=\"vkfeed\">\r\n      <div id=\"vk_groups\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n// import Card from './Card/Card.vue';\r\n\r\nexport default {\r\n  name: \"VKFeed\",\r\n  components: {\r\n    // Card\r\n  },\r\n  data() {\r\n    return {\r\n      toggleButton: false,\r\n      mediaQuerieList: matchMedia(\"(max-width: 616px)\"),\r\n    };\r\n  },\r\n  methods: {\r\n    toggleButtonResponsive(mediaQuerieList) {\r\n      if (mediaQuerieList.matches) {\r\n        this.toggleButton = true;\r\n      } else {\r\n        this.toggleButton = false;\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    this.toggleButtonResponsive(this.mediaQuerieList);\r\n\r\n    this.mediaQuerieList.addEventListener(\r\n      \"change\",\r\n      this.toggleButtonResponsive\r\n    );\r\n    /* eslint-disable no-undef */\r\n\r\n    VK.Widgets.Group(\r\n      \"vk_groups\",\r\n      {\r\n        mode: 4,\r\n        width: \"auto\",\r\n        no_cover: 1,\r\n        wide: 1,\r\n        height: this.toggleButton == true ? \"450\" : \"650\",\r\n        color1: \"333333\",\r\n        color2: \"FFFFFF\",\r\n        color3: \"CCCCCC\",\r\n      },\r\n      152422971\r\n    );\r\n    /* eslint-enable no-undef */\r\n  },\r\n  updated() {\r\n    /* eslint-disable no-undef */\r\n\r\n    VK.Widgets.Group(\r\n      \"vk_groups\",\r\n      {\r\n        mode: 4,\r\n        width: \"auto\",\r\n        no_cover: 1,\r\n        wide: 1,\r\n        height: this.toggleButton == true ? \"500\" : \"650\",\r\n        color1: \"333333\",\r\n        color2: \"FFFFFF\",\r\n        color3: \"CCCCCC\",\r\n      },\r\n      152422971\r\n    );\r\n    /* eslint-enable no-undef */\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\ndiv#News {\r\n  margin: 7rem 0 0;\r\n  padding-top: 100px;\r\n  margin-top: 20px;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  margin-bottom: 10rem;\r\n}\r\niframe#vk_groups {\r\n  width: 100%;\r\n}\r\ndiv#vkfeed {\r\n  width: 100%;\r\n  margin-bottom: 3rem;\r\n  border-radius: 15px;\r\n  border: 1cap solid #333333;\r\n}\r\n\r\ndiv#News,\r\nheader#headerNews {\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\nheader#headerNews {\r\n  justify-content: space-between;\r\n\r\n  margin-bottom: 2rem;\r\n}\r\n\r\nspan#title {\r\n  font-family: \"Josefin Sans\";\r\n  font-size: 2.5rem;\r\n}\r\n\r\nul#cards {\r\n  display: grid;\r\n  grid-template: auto auto / 25% 25% 25% 25%;\r\n\r\n  width: 100%;\r\n}\r\n\r\n@media screen and (max-width: 984px) {\r\n  ul#cards {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n  }\r\n\r\n  iframe#vk_groups {\r\n    height: 90vw;\r\n  }\r\n}\r\n\r\n/* MacBook Air/Pro sizes (typically 1280-1440px width) */\r\n@media screen and (min-width: 1280px) and (max-width: 1440px) {\r\n  iframe#vk_groups {\r\n    height: 45vw;\r\n    max-height: 900px;\r\n  }\r\n\r\n  div#News {\r\n    margin-bottom: 8rem;\r\n  }\r\n}\r\n\r\n/* Larger desktop screens */\r\n@media screen and (min-width: 1441px) {\r\n  iframe#vk_groups {\r\n    height: 35vw;\r\n    max-height: 800px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 616px) {\r\n  div#News {\r\n    margin: 2rem 0;\r\n  }\r\n\r\n  iframe#vk_groups {\r\n    width: 100%;\r\n    height: 100vw;\r\n  }\r\n\r\n  div#Spoty {\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  header#headerNews {\r\n    justify-content: center;\r\n  }\r\n\r\n  span#title {\r\n    text-align: center;\r\n  }\r\n\r\n  ul#cards {\r\n    margin-bottom: 2rem;\r\n  }\r\n}\r\n\r\n/* iPhone-specific styles */\r\n@media screen and (max-width: 428px) {\r\n  /* iPhone 13 Pro Max width and below */\r\n  iframe#vk_groups {\r\n    height: 5vw;\r\n    min-height: 402px;\r\n  }\r\n\r\n  span#title {\r\n    font-size: 2rem;\r\n  }\r\n\r\n  div#News {\r\n    padding-top: 95px;\r\n    margin-bottom: 5rem;\r\n  }\r\n}\r\n\r\n/* iPad Mini, iPad, iPad Air */\r\n@media screen and (min-width: 768px) and (max-width: 834px) {\r\n  iframe#vk_groups {\r\n    height: 55vw;\r\n    max-height: 850px;\r\n  }\r\n\r\n  div#Spoty {\r\n    margin-bottom: 2.5rem;\r\n  }\r\n}\r\n\r\n/* iPad Pro */\r\n@media screen and (min-width: 1024px) and (max-width: 1024px) {\r\n  iframe#vk_groups {\r\n    height: 80vw;\r\n    max-height: 900px;\r\n  }\r\n\r\n  div#News {\r\n    margin-bottom: 7rem;\r\n  }\r\n}\r\n\r\n/* Tablet portrait mode */\r\n@media screen and (min-width: 617px) and (max-width: 820px) {\r\n  iframe#vk_groups {\r\n    height: 100vw;\r\n  }\r\n\r\n  div#Spoty {\r\n    margin-bottom: 2rem;\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./VKFeed.vue?vue&type=template&id=ce1a47c2&scoped=true\"\nimport script from \"./VKFeed.vue?vue&type=script&lang=js\"\nexport * from \"./VKFeed.vue?vue&type=script&lang=js\"\n\nimport \"./VKFeed.vue?vue&type=style&index=0&id=ce1a47c2&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ce1a47c2\"]])\n\nexport default __exports__","import { render } from \"./Main.vue?vue&type=template&id=756652bd&scoped=true\"\nimport script from \"./Main.vue?vue&type=script&lang=js\"\nexport * from \"./Main.vue?vue&type=script&lang=js\"\n\nimport \"./Main.vue?vue&type=style&index=0&id=756652bd&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-756652bd\"]])\n\nexport default __exports__","<template>\r\n  <footer id=\"Footer\">\r\n    <div id=\"side-bar-two-sides\">\r\n      <img\r\n        id=\"logo-footer\"\r\n        :src=\"require('../../assets/logo.svg')\"\r\n        alt=\"logo cyberia music\"\r\n        style=\"display: none\"\r\n      />\r\n      <h1>CYBERIAMUSIC</h1>\r\n\r\n      <nav id=\"nav-bar-footer\" style=\"display: none\">\r\n        <ul id=\"list-items\">\r\n          <li\r\n            class=\"item-text-link\"\r\n            v-for=\"item in navBarFooterLinks\"\r\n            :key=\"item.id\"\r\n          >\r\n            <span class=\"text-link\">\r\n              {{ item.text }}\r\n            </span>\r\n          </li>\r\n        </ul>\r\n      </nav>\r\n      <div id=\"area-social-media\">\r\n        <li\r\n          class=\"item-link-social-media\"\r\n          v-for=\"item in iconsSocialMedia\"\r\n          :key=\"item.id\"\r\n        >\r\n          <LinkSocialMedia :src=\"item.src\" :alt=\"item.alt\" :href=\"item.href\" />\r\n        </li>\r\n      </div>\r\n\r\n      <span id=\"rights-text\">\r\n        ©<span id=\"year\">{{ new Date().getFullYear() }}</span> Cyberia Music.\r\n        All rights reserved.\r\n      </span>\r\n    </div>\r\n  </footer>\r\n</template>\r\n\r\n<script>\r\nimport LinkSocialMedia from \"./LinkSocialMedia/LinkSocialMedia.vue\";\r\n\r\nexport default {\r\n  name: \"Footer\",\r\n  components: {\r\n    LinkSocialMedia,\r\n  },\r\n  data() {\r\n    return {\r\n      iconsSocialMedia: [\r\n        {\r\n          id: 1,\r\n          src: \"icon-itunes.svg\",\r\n          alt: \"icon iTunes\",\r\n          href: \"https://music.apple.com/us/artist/anatol-cyberia/1132170258\",\r\n        },\r\n        {\r\n          id: 2,\r\n          src: \"icon-facebook.svg\",\r\n          alt: \"icon Facebook\",\r\n          href: \"https://www.facebook.com/anatol.cyberia\",\r\n        },\r\n        {\r\n          id: 3,\r\n          src: \"icon-twitter.svg\",\r\n          alt: \"icon Twitter\",\r\n          href: \"https://twitter.com/AnatolCyberia\",\r\n        },\r\n        {\r\n          id: 4,\r\n          src: \"icon-soundcloud.svg\",\r\n          alt: \"icon Soundcloud\",\r\n          href: \"https://soundcloud.com/anatol_cyberia\",\r\n        },\r\n        {\r\n          id: 5,\r\n          src: \"icon-youtube.svg\",\r\n          alt: \"icon YouTube\",\r\n          href: \"https://www.youtube.com/channel/UCl64lkwCmta65BnmLB9KlnA\",\r\n        },\r\n        {\r\n          id: 6,\r\n          src: \"icon-instagram.svg\",\r\n          alt: \"icon Instagram\",\r\n          href: \"https://www.instagram.com/anatol_cyberia\",\r\n        },\r\n      ],\r\n      navBarFooterLinks: [\r\n        {\r\n          id: 1,\r\n          text: \"About\",\r\n        },\r\n        {\r\n          id: 2,\r\n          text: \"Careers\",\r\n        },\r\n        {\r\n          id: 3,\r\n          text: \"Events\",\r\n        },\r\n        {\r\n          id: 4,\r\n          text: \"Products\",\r\n        },\r\n        {\r\n          id: 5,\r\n          text: \"Support\",\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  mounted() {\r\n    document.getElementById(\"year\").innerHTML = new Date().getFullYear();\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nfooter#Footer {\r\n  width: 100%;\r\n  height: 8rem;\r\n\r\n  background-color: var(--black);\r\n\r\n  justify-content: center;\r\n}\r\nh1 {\r\n  color: var(--white);\r\n  margin-top: 1rem;\r\n\r\n  text-decoration: none;\r\n\r\n  font-family: \"Josefin Sans\", sans-serif;\r\n  font-weight: 700;\r\n}\r\ndiv#side-bar-two-sides {\r\n  width: 80%;\r\n  height: inherit;\r\n\r\n  display: grid;\r\n  grid-template-areas:\r\n    \"logo areaSocialMedia\"\r\n    \"navBar rights\";\r\n}\r\n\r\nnav#nav-bar-footer {\r\n  grid-area: navBar;\r\n  justify-self: flex-start;\r\n}\r\n\r\nimg#logo-footer,\r\ndiv#area-social-media,\r\nnav#nav-bar-footer,\r\nspan#year,\r\nspan#rights-text {\r\n  align-self: center;\r\n}\r\n\r\nimg#logo-footer {\r\n  grid-area: logo;\r\n  justify-self: flex-start;\r\n}\r\n\r\ndiv#area-social-media {\r\n  width: 14rem;\r\n\r\n  grid-area: areaSocialMedia;\r\n  justify-self: flex-end;\r\n}\r\n\r\nfooter#Footer,\r\ndiv#area-social-media,\r\nul#list-items {\r\n  display: flex;\r\n}\r\n\r\ndiv#area-social-media,\r\nul#list-items {\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\nul#list-items {\r\n  width: 30vw;\r\n}\r\n\r\nli {\r\n  list-style-type: none;\r\n}\r\n\r\na.link-social-media {\r\n  justify-content: center;\r\n}\r\n\r\nspan.text-link {\r\n  color: var(--white);\r\n\r\n  font-family: \"Josefin Sans\", Helvetica, sans-serif;\r\n  font-weight: bold;\r\n}\r\nspan#year,\r\nspan#rights-text {\r\n  color: var(--very-dark-gray);\r\n\r\n  font-family: \"Josefin Sans\";\r\n  font-size: 12.5px;\r\n  font-weight: bold;\r\n\r\n  grid-area: rights;\r\n  justify-self: flex-end;\r\n}\r\n\r\n@media screen and (max-width: 1078px) {\r\n  li.item-text-link {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  li.item-text-link:last-of-type {\r\n    margin-right: 0;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 818px) {\r\n  footer#Footer {\r\n    height: 25rem;\r\n  }\r\n\r\n  div#side-bar-two-sides {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-evenly;\r\n    align-items: center;\r\n  }\r\n\r\n  ul#list-items {\r\n    flex-direction: column;\r\n\r\n    height: 10rem;\r\n  }\r\n\r\n  li.item-text-link {\r\n    margin-right: 0;\r\n  }\r\n  span#year,\r\n  span#rights-text {\r\n    font-size: 20px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 450px) {\r\n  span#year,\r\n  span#rights-text {\r\n    font-size: 15px;\r\n  }\r\n}\r\n</style>\r\n","<template>\r\n    <a \r\n        class=\"link-social-media\"\r\n        :href=\"href\"\r\n        target=\"_blank\"\r\n        ref=\"link\"\r\n    >\r\n        <div class=\"area-social-media\">\r\n            \r\n            <img\r\n                :src=\"require(`../../../assets/${ src }`)\"\r\n                :alt=\"alt\"\r\n             \r\n            />\r\n        \r\n            <div \r\n                class=\"bar\"\r\n                ref=\"bar\"\r\n            ></div>\r\n        </div>\r\n    </a>\r\n</template>\r\n\r\n<script>\r\n\r\n    export default {\r\n        name: \"LinkSocialMedia\",\r\n        components: {\r\n\r\n        },\r\n        props: {\r\n            src: {\r\n                require: true,\r\n                type: String\r\n            },\r\n            alt: {\r\n                require: true,\r\n                type: String\r\n            },\r\n            href: {\r\n                require: true,\r\n                type: String\r\n            }\r\n        },\r\n  \r\n        mounted() {\r\n            const linkRef = this.$refs.link;\r\n            const barRef = this.$refs.bar;\r\n\r\n            linkRef.addEventListener('mouseenter', () => {\r\n                barRef.style.width = \"100%\";\r\n            }, true)\r\n\r\n            linkRef.addEventListener('mouseout', () => {\r\n                barRef.style.width = \"0px\";\r\n            }, true)\r\n        }\r\n    }\r\n\r\n</script>\r\n\r\n<style scoped>\r\n\r\n    div.area-social-media {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n    }\r\n\r\n    div.bar {\r\n        width: 0;\r\n        height: 3px;\r\n\r\n        background-color: var(--white);\r\n\r\n        margin-top: 5px;\r\n\r\n        transition: width 200ms;\r\n    }\r\n\r\n</style>","import { render } from \"./LinkSocialMedia.vue?vue&type=template&id=027c2ad6&scoped=true\"\nimport script from \"./LinkSocialMedia.vue?vue&type=script&lang=js\"\nexport * from \"./LinkSocialMedia.vue?vue&type=script&lang=js\"\n\nimport \"./LinkSocialMedia.vue?vue&type=style&index=0&id=027c2ad6&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-027c2ad6\"]])\n\nexport default __exports__","import { render } from \"./Footer.vue?vue&type=template&id=2316ad54&scoped=true\"\nimport script from \"./Footer.vue?vue&type=script&lang=js\"\nexport * from \"./Footer.vue?vue&type=script&lang=js\"\n\nimport \"./Footer.vue?vue&type=style&index=0&id=2316ad54&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2316ad54\"]])\n\nexport default __exports__","<template>\r\n  <div id=\"MenuMobile\">\r\n    <nav id=\"nav\">\r\n      <ul id=\"list-items\">\r\n        <li class=\"item\" v-for=\"item in items\" :key=\"item.id\">\r\n          <a class=\"link\" :href=\"item.href\" v-on:click=\"onClick()\">\r\n            {{ item.name }}\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </nav>\r\n    <img\r\n      id=\"logo\"\r\n      src=\"../../assets/AC-logo.png\"\r\n      alt=\"logo AC image\"\r\n      v-show=\"!toggleButton\"\r\n    />\r\n    <div id=\"area-social-media\">\r\n      <li\r\n        class=\"item-link-social-media\"\r\n        v-for=\"item in iconsSocialMedia\"\r\n        :key=\"item.id\"\r\n      >\r\n        <LinkSocialMedia :src=\"item.src\" :alt=\"item.alt\" :href=\"item.href\" />\r\n      </li>\r\n    </div>\r\n\r\n    <span id=\"rights-text\">\r\n      ©<span id=\"year\">{{ new Date().getFullYear() }}</span> Cyberia Music. All\r\n      rights reserved.\r\n    </span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport LinkSocialMedia from \"../Footer/LinkSocialMedia/LinkSocialMedia.vue\";\r\n\r\nexport default {\r\n  name: \"MenuMobile\",\r\n  components: { LinkSocialMedia },\r\n\r\n  data() {\r\n    return {\r\n      iconsSocialMedia: [\r\n        {\r\n          id: 1,\r\n          src: \"icon-itunes.svg\",\r\n          alt: \"icon iTunes\",\r\n          href: \"https://music.apple.com/us/artist/anatol-cyberia/1132170258\",\r\n        },\r\n        {\r\n          id: 2,\r\n          src: \"icon-facebook.svg\",\r\n          alt: \"icon Facebook\",\r\n          href: \"https://www.facebook.com/anatol.cyberia\",\r\n        },\r\n        {\r\n          id: 3,\r\n          src: \"icon-twitter.svg\",\r\n          alt: \"icon Twitter\",\r\n          href: \"https://twitter.com/AnatolCyberia\",\r\n        },\r\n        {\r\n          id: 4,\r\n          src: \"icon-soundcloud.svg\",\r\n          alt: \"icon Soundcloud\",\r\n          href: \"https://soundcloud.com/anatol_cyberia\",\r\n        },\r\n        {\r\n          id: 5,\r\n          src: \"icon-youtube.svg\",\r\n          alt: \"icon YouTube\",\r\n          href: \"https://www.youtube.com/channel/UCl64lkwCmta65BnmLB9KlnA\",\r\n        },\r\n        {\r\n          id: 6,\r\n          src: \"icon-instagram.svg\",\r\n          alt: \"icon Instagram\",\r\n          href: \"https://www.instagram.com/anatol_cyberia\",\r\n        },\r\n      ],\r\n      items: [\r\n        {\r\n          id: 1,\r\n          name: \"About\",\r\n          href: \"#sectionFacts\",\r\n        },\r\n        {\r\n          id: 2,\r\n          name: \"Music\",\r\n          href: \"#AreaCards\",\r\n        },\r\n        {\r\n          id: 3,\r\n          name: \"News\",\r\n          href: \"#News\",\r\n        },\r\n        {\r\n          id: 4,\r\n          name: \"Contact\",\r\n          href: \"#SectionContact\",\r\n        },\r\n        {\r\n          id: 5,\r\n          name: \"Social Media\",\r\n          href: \"#Footer\",\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  methods: {\r\n    onClick() {\r\n      document.getElementById(\"ButtonMobile\").click();\r\n    },\r\n    mounted() {\r\n      const date = new Date();\r\n      document.getElementById(\"year\").textContent = date.getFullYear();\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\nimg#logo {\r\n  margin-top: 15rem;\r\n  margin-left: 35%;\r\n  max-width: 30%;\r\n  max-height: 20%;\r\n  align-self: flex-center;\r\n  display: none;\r\n  filter: invert(1);\r\n}\r\nspan#year,\r\nspan#rights-text {\r\n  color: var(--very-dark-gray);\r\n\r\n  font-family: \"Josefin Sans\";\r\n  font-size: 12.5px;\r\n  font-weight: bold;\r\n  align-self: center;\r\n  grid-area: rights;\r\n  justify-self: flex-end;\r\n}\r\ndiv#area-social-media {\r\n  margin-top: 10rem;\r\n  align-self: center;\r\n  width: 14rem;\r\n  grid-area: areaSocialMedia;\r\n  justify-self: flex-end;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  z-index: 1100;\r\n}\r\n\r\ndiv#MenuMobile {\r\n  top: 10vh;\r\n  width: 100%;\r\n  flex: 1;\r\n  position: fixed;\r\n  background-color: var(--black);\r\n  overflow: hidden;\r\n  z-index: 998;\r\n}\r\n\r\nnav#nav {\r\n  margin-top: 10rem;\r\n  margin-right: 17vw;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: end;\r\n  align-items: end;\r\n  width: 100%;\r\n}\r\ndiv#MenuMobile {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: end;\r\n  align-items: center;\r\n}\r\n\r\nul#list-items {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  list-style-type: none;\r\n  align-items: end;\r\n}\r\n\r\nli.item {\r\n  margin: 15px 0;\r\n}\r\n\r\na.link {\r\n  color: var(--white);\r\n\r\n  font-size: 1.5rem;\r\n  font-family: \"Josefin Sans\";\r\n  text-decoration: none;\r\n}\r\n</style>\r\n","import { render } from \"./MenuMobile.vue?vue&type=template&id=1939357d&scoped=true\"\nimport script from \"./MenuMobile.vue?vue&type=script&lang=js\"\nexport * from \"./MenuMobile.vue?vue&type=script&lang=js\"\n\nimport \"./MenuMobile.vue?vue&type=style&index=0&id=1939357d&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1939357d\"]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=cf59b16a\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=cf59b16a&lang=css\"\n\nimport exportComponent from \"D:\\\\Source\\\\Repos\\\\cyberiamusicapp\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createApp } from 'vue'\r\nimport App from './App.vue'\r\n\r\n//createApp(App).mount('#app')\r\nconst app = createApp(App)\r\n\r\n// const requestOptions = {\r\n//   method: \"GET\",\r\n//   headers: { \"Content-Type\": \"application/json\" },\r\n//   mode: 'no-cors'\r\n//   };\r\n//   try{\r\n\r\n// fetch(process.env.BASE_URL + \"config.json\", requestOptions)\r\n//   .then((response) => response.json())\r\n//   .then((config) => {\r\n//     // either use window.config\r\n//     window.config = config\r\n//     // or use [Vue Global Config][1]\r\n//     app.config.globalProperties.config = config\r\n//     // FINALLY, mount the app\r\n//     app.mount(\"#app\")\r\n// })\r\n// }\r\n// catch(e){\r\n\r\n// }\r\n// finally{\r\n\r\nvar config = {\r\n  LastReleseURL:\r\n    'https://open.spotify.com/embed/track/5FIMfdE5O7eOykdPYbnpM3?utm_source=generator',\r\n  token: '5894013224:AAFkObJYwxCS50ePK3igA6BRQGRAitz6Uxs',\r\n  chatId: '142724084',\r\n}\r\n// either use window.config\r\nwindow.config = config\r\n// or use [Vue Global Config][1]\r\napp.config.globalProperties.config = config\r\n// FINALLY, mount the app\r\napp.mount('#app')\r\n// }\r\n","var map = {\n\t\"./AC-logo.png\": 53,\n\t\"./desktop/image-curiosity.jpg\": 265,\n\t\"./desktop/image-deep-earth.jpg\": 684,\n\t\"./desktop/image-fisheye.jpg\": 515,\n\t\"./desktop/image-from-above.jpg\": 564,\n\t\"./desktop/image-grid.jpg\": 368,\n\t\"./desktop/image-hero.jpg\": 116,\n\t\"./desktop/image-interactive.jpg\": 532,\n\t\"./desktop/image-night-arcade.jpg\": 636,\n\t\"./desktop/image-pocket-borealis.jpg\": 881,\n\t\"./desktop/image-soccer-team.jpg\": 87,\n\t\"./desktop/image_anatol_cyberia.jpg\": 440,\n\t\"./favicon-32x32.png\": 24,\n\t\"./icon-close.svg\": 904,\n\t\"./icon-facebook.svg\": 487,\n\t\"./icon-hamburger.svg\": 421,\n\t\"./icon-instagram.svg\": 230,\n\t\"./icon-itunes.svg\": 934,\n\t\"./icon-pinterest.svg\": 127,\n\t\"./icon-soundcloud.svg\": 58,\n\t\"./icon-twitter.svg\": 356,\n\t\"./icon-youtube.svg\": 690,\n\t\"./logo.png\": 949,\n\t\"./logo.svg\": 574,\n\t\"./mobile/image-curiosity.jpg\": 813,\n\t\"./mobile/image-deep-earth.jpg\": 931,\n\t\"./mobile/image-fisheye.jpg\": 918,\n\t\"./mobile/image-from-above.jpg\": 762,\n\t\"./mobile/image-grid.jpg\": 390,\n\t\"./mobile/image-hero.jpg\": 498,\n\t\"./mobile/image-interactive.jpg\": 938,\n\t\"./mobile/image-night-arcade.jpg\": 528,\n\t\"./mobile/image-pocket-borealis.jpg\": 835,\n\t\"./mobile/image-soccer-team.jpg\": 775,\n\t\"./mobile/image_anatol_cyberia.jpg\": 650\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 173;","// 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};","// 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); }","__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[\"webpackChunkCyberiaMusic\"] = self[\"webpackChunkCyberiaMusic\"] || [];\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__(370); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["id","class","_createElementVNode","_hoisted_5","_createElementBlock","_hoisted_1","_createVNode","_component_Background","removeBackgroundImage","$data","_component_Header","valueMenuMobile","methodMenuMobile","$options","_component_MenuMobile","_hoisted_2","_ctx","_hoisted_3","ref","title","style","src","width","height","frameBorder","allowfullscreen","allow","loading","_component_MessageText","_component_Main","_component_Footer","onClick","visible","_renderSlot","name","components","props","typeJustifyContent","require","type","String","Boolean","updated","this","$refs","background","justifyContent","backgroundImage","window","innerWidth","backgroundRepeat","backgroundSize","backgroundPosition","__exports__","_imports_0","alt","href","_hoisted_6","_Fragment","item","_createBlock","_component_Item","key","textLink","text","hrefItem","_component_ButtonMobile","onClickButton","$props","value","_hoisted_4","required","top","transform","backgroundColor","bottom","data","lineTop","lineCenter","lineBottom","methods","changeStylesLine","color","Item","ButtonMobile","created","addEventListener","scrollFunction","unmounted","removeEventListener","itemsNavBar","mediaQuerieList","matchMedia","toggleMenu","showButtonMobile","matches","document","documentElement","scrollTop","getElementById","classList","add","lines","querySelector","array","forEach","element","console","log","remove","lines1","setClose2White","mounted","Function","_component_SectionFacts","_component_AreaCards","_component_VKFeed","_component_SectionContact","showBarText","showBr","_component_Button","target","Button","dataCard","toggleButton","toggleButtonResponsive","_hoisted_13","_hoisted_16","onSubmit","onReset","_hoisted_7","onInput","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_15","email","message","token","chatId","status","showToast","computed","formValid","isValid","length","hideValidate","showValidate","test","input","thisAlert","parentElement","controls","querySelectorAll","control","toString","submit","date","Date","toUTCString","messageJson","requestOptions","method","headers","fetch","URLSearchParams","chat_id","parse_mode","then","response","json","postId","setTimeout","config","VK","Widgets","Group","mode","no_cover","wide","color1","color2","color3","SectionFacts","AreaCards","SectionContact","VKFeed","_component_LinkSocialMedia","getFullYear","linkRef","link","barRef","bar","LinkSocialMedia","iconsSocialMedia","navBarFooterLinks","innerHTML","items","click","textContent","showText","spotifyFrame","Background","Header","MessageText","Main","Footer","MenuMobile","lastReleaseUrl","showBackToTop","watch","newValue","body","overflow","position","changeMenuMobile","changeValueResponsive","scrollToTop","scrollTo","behavior","LastReleseURL","setInterval","anchor","e","preventDefault","className","getAttribute","scrollIntoView","scrollY","playMusic","focus","render","app","createApp","App","globalProperties","mount","map","webpackContext","req","webpackContextResolve","__webpack_require__","o","Error","code","keys","Object","resolve","module","exports","__webpack_module_cache__","moduleId","cachedModule","undefined","__webpack_modules__","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","fulfilled","j","every","splice","r","d","definition","defineProperty","enumerable","get","g","globalThis","obj","prop","prototype","hasOwnProperty","call","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","push","__webpack_exports__"],"sourceRoot":""}