{"version":3,"file":"assets/css/app.min.css","mappings":"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","sources":["webpack://bluehost-site-migrator/./source/components/App.vue","webpack://bluehost-site-migrator/./source/components/Spinner.vue","webpack://bluehost-site-migrator/./source/scss/app.scss","webpack://bluehost-site-migrator/./source/scss/config/_typography.scss","webpack://bluehost-site-migrator/./source/scss/_elements.scss","webpack://bluehost-site-migrator/./source/scss/config/_colors.scss","webpack://bluehost-site-migrator/./source/scss/_helpers.scss","webpack://bluehost-site-migrator/./source/scss/pages/_check-compatibility.scss","webpack://bluehost-site-migrator/./source/scss/pages/_compatible.scss","webpack://bluehost-site-migrator/./source/scss/pages/_complete.scss","webpack://bluehost-site-migrator/./source/scss/pages/_error.scss","webpack://bluehost-site-migrator/./source/scss/pages/_incompatible.scss","webpack://bluehost-site-migrator/./source/scss/pages/_transfer.scss"],"sourcesContent":["<template>\n\t<div class=\"bluehost-site-migrator\">\n\t\t<transition name=\"slide-fade\">\n\t\t\t<router-view></router-view>\n\t\t</transition>\n\t</div>\n</template>\n\n<style>\n\t.slide-fade-enter-active {\n\t\ttransition: all 1s ease;\n\t}\n\n\t.slide-fade-leave-active {\n\t\ttransition: all 1s ease;\n\t}\n\n\t.slide-fade-enter, .slide-fade-leave-to {\n\t\ttransform: translateX(-100vw);\n\t\topacity: 0;\n\t}\n</style>\n","<template>\n\t<div class=\"bluehost-spinner\" :style=\"style\"></div>\n</template>\n\n<script>\n\texport default {\n\t\tprops: {\n\t\t\tcolor: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: '#525252'\n\t\t\t},\n\t\t\tisVisible: {\n\t\t\t\ttype: [Boolean, String],\n\t\t\t\tdefault: true\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\ttype: [Number, String],\n\t\t\t\tdefault: 24\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tstyle() {\n\t\t\t\treturn {\n\t\t\t\t\t'border-bottom-color': this.color,\n\t\t\t\t\t'display': this.isVisible === true ? 'inline-block' : 'none',\n\t\t\t\t\t'height': parseInt(this.size, 10) + 'px',\n\t\t\t\t\t'width': parseInt(this.size, 10) + 'px',\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\t}\n</script>\n\n<style>\n\t@keyframes bluehost-spinner {\n\t\t0% {\n\t\t\ttransform: translate3d(0, 0, 0) rotate(0deg);\n\t\t}\n\t\t100% {\n\t\t\ttransform: translate3d(0, 0, 0) rotate(360deg);\n\t\t}\n\t}\n\n\t.bluehost-spinner {\n\t\tdisplay: inline-block;\n\t\tmargin-left: 16px;\n\t\tposition: relative;\n\t}\n\n\t.bluehost-spinner::before {\n\t\tanimation: 1.5s linear infinite bluehost-spinner;\n\t\tanimation-play-state: inherit;\n\t\tborder: solid 2px transparent;\n\t\tborder-bottom-color: inherit;\n\t\tborder-radius: 50%;\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\ttransform: translate3d(0, 0, 0);\n\t\twill-change: transform;\n\t}\n</style>\n","@import \"config\";\n\n#wpwrap {\n  display: flex;\n  flex-direction: column;\n  background: $color-light-blue !important;\n}\n\n#wpcontent {\n  padding-left: 0;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n#wpbody {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n#wpbody-content {\n  padding: 0;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.bluehost-site-migrator {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  padding: 0;\n  margin: 0;\n  height: 100%;\n\n  @import \"elements\";\n  @import \"helpers\";\n  @import \"pages\";\n}\n","// Typography\n\n@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');\n\n$font: 'Open Sans';\n\n// Font Sizes\n%text-xs {\n  font-family: $font;\n  font-size: 14px;\n  line-height: 19px;\n  font-weight: 400;\n}\n\n%text-sm {\n  font-family: $font;\n  font-size: 16px;\n  line-height: 22px;\n  font-weight: 400;\n}\n\n%text-md {\n  font-family: $font;\n  font-size: 18px;\n  line-height: 28px;\n  font-weight: 400;\n}\n\n%text-lg {\n  font-family: $font;\n  font-size: 32px;\n  line-height: 43px;\n  font-weight: 300;\n}\n\n%text-xl {\n  font-family: $font;\n  font-size: 50px;\n  line-height: 78px;\n  font-weight: 700;\n}\n","h1 {\n  @extend %text-xl;\n  margin: 0;\n  padding: 0;\n  color: black\n}\n\nh2 {\n  @extend %text-lg;\n  margin: 0;\n  padding: 0;\n}\n\nimg {\n  width: 100%;\n  max-width: 100%;\n}\n\np {\n  @extend %text-md;\n  margin-bottom: 16px;\n}\n\nul {\n  @extend %text-md;\n  list-style: none;\n  margin-top: 0;\n\n  li {\n    vertical-align: middle;\n\n    &::before {\n      content: \"\\2022\";\n      color: $color-blue;\n      font-weight: bold;\n      display: inline-block;\n      font-size: 30px;\n      width: 1em;\n      line-height: normal;\n    }\n  }\n}\n","// Colors\n$color-black: #000000;\n$color-blue: #3575D3;\n$color-grey: #939393;\n$color-light-black: #414141;\n$color-light-blue: #E3F6FA;\n$color-white: #FFFFFF;\n\n$color-disabled: #939393;\n",".button {\n  @extend %text-sm;\n  background-color: $color-blue;\n  color: $color-white;\n  border: none;\n  box-shadow: none;\n  padding: 14px 32px;\n  margin-top: 20px;\n  min-height: 50px;\n  font-weight: 500;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: $color-blue;\n    color: $color-white;\n    box-shadow: none;\n  }\n\n  &.--is-disabled {\n    background-color: #5E91DB;\n    pointer-events: none;\n    box-shadow: none;\n  }\n}\n\n.button-secondary {\n  @extend .button;\n  background-color: $color-white;\n  color: $color-blue;\n  border: 1px solid $color-blue;\n\n  &:active,\n  &:focus,\n  &:hover {\n    background-color: $color-white;\n    color: $color-blue;\n    border: 1px solid $color-blue;\n  }\n}\n\n.modal {\n  background-color: $color-white;\n  padding: 32px 71px;\n  text-align: center;\n  border-radius: 10px;\n  width: 48vw;\n  max-width: 778px;\n  box-sizing: border-box;\n\n  p {\n    @extend %text-xs;\n  }\n}\n\n@keyframes move {\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n}\n\n.progress-bar {\n  background-color: #E8F8FB;\n  width: 100%;\n  height: 16px;\n  border-radius: 8px;\n  margin: 23px 0 12px 0;\n\n  &__progress {\n    background-color: #5E91DB;\n    border-radius: 8px;\n    height: 16px;\n    max-width: 100%;\n  }\n\n  &.--animated .progress-bar__progress {\n    background-image: linear-gradient(center bottom, rgb(43, 194, 83) 37%, rgb(84, 240, 84) 69%);\n    box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);\n    position: relative;\n    overflow: hidden;\n\n    &:after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      bottom: 0;\n      right: 0;\n      background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);\n      z-index: 1;\n      background-size: 50px 50px;\n      animation: move 2s linear infinite;\n      overflow: hidden;\n    }\n  }\n}\n\n.text-disabled {\n  color: $color-disabled;\n}\n",".page.--check-compatibility {\n\n  background-color: $color-light-blue;\n  display: grid;\n  grid-template-columns: auto minmax(400px, 1fr);\n  grid-template-rows: auto 1fr;\n  grid-template-areas: \"content image\" \"footer footer\";\n  min-height: calc(100vh - 32px);\n\n  .content {\n    grid-area: content;\n    padding: 48px 0 48px 48px;\n\n    .message {\n      @extend %text-xs;\n      display: block;\n      margin-top: 16px;\n      text-align: center;\n      width: 310px;\n    }\n  }\n\n  img {\n    grid-area: image;\n    place-self: end;\n    margin-top: 48px;\n    transform: translateY(2px);\n  }\n\n  .footer {\n    grid-area: footer;\n    background-color: $color-white;\n    align-self: stretch;\n  }\n\n  @media screen and (max-width: 1172px) {\n    grid-template-areas: \"content content\" \"footer image\";\n    img {\n      max-width: 400px;\n    }\n  }\n\n}\n",".page.--compatible {\n\n  background-color: $color-light-blue;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: 1fr 100px 1fr;\n  min-height: calc(100vh - 32px);\n\n  .content {\n    grid-area: 1 / 1 / 1 / 3;\n    padding: 48px 0 48px 48px;\n\n    p {\n      max-width: 445px;\n    }\n  }\n\n  img {\n    grid-area: 1 / 2 / 3 / 4;\n    margin-top: 48px;\n    place-self: end;\n    z-index: 1;\n  }\n\n  .footer {\n    background-color: $color-white;\n    grid-area: 2 / 1 / 4 / 4;\n  }\n\n  @media screen and (max-width: 1230px) {\n    grid-template-rows: auto auto minmax(100px, 1fr);\n\n    .content {\n      grid-area: 1 / 1 / 2 / 4;\n      padding-right: 48px;\n    }\n\n    img {\n      grid-area: 2 / 1 / 3 / 4;\n      transform: translateY(34px);\n      max-width: 600px;\n      margin-top: 0;\n    }\n\n    .footer {\n      grid-area: 3 / 1 / 4 / 4;\n      color: white;\n    }\n  }\n\n}\n",".page.--complete {\n\n  background-color: $color-light-blue;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto auto 1fr;\n  min-height: calc(100vh - 32px);\n\n  .flash-message {\n    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);\n    border-left: 6px solid green;\n    position: fixed;\n    bottom: 40px;\n    left: 60px;\n    background: white;\n    color: black;\n    font-size: 20px;\n    padding: 30px 40px;\n    z-index: 99;\n    min-width: 500px;\n    max-width: 100%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    &__content {\n      color: grey;\n    }\n\n    &__type {\n      color: black;\n      font-weight: bold;\n      margin-bottom: 1rem;\n    }\n\n    &__close {\n      width: 44px;\n      height: 44px;\n      line-height: 1;\n      background: none;\n      border: none;\n      cursor: pointer;\n    }\n  }\n\n  .content {\n    grid-area: 1 / 1 / 2 / 2;\n    justify-self: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    padding: 48px 0 0 0;\n\n    p {\n      max-width: 800px;\n    }\n\n    .button {\n      margin-top: 40px;\n    }\n  }\n\n  .migration-id-container {\n    font-weight: 500;\n    margin-top: 3% !important;\n  }\n\n  .main-image {\n    margin-top: 48px;\n    flex-grow: 1;\n    object-fit: contain;\n    object-position: bottom;\n    margin-bottom: -100px;\n    z-index: 1;\n  }\n\n  .footer {\n    background-color: $color-white;\n    grid-area: 3 / 1 / 4 / 2;\n  }\n}\n",".page.--error {\n\n  background-color: $color-light-blue;\n  display: grid;\n  grid-template-rows: auto auto minmax(170px, 1fr);\n  grid-template-columns: 1fr;\n  min-height: calc(100vh - 32px);\n\n  .content {\n    grid-area: 1 / 1 / 2 / 2;\n    padding: 48px;\n    text-align: center;\n  }\n\n  img {\n    grid-area: 2 / 1 / 3 / 2;\n    max-width: 960px;\n    justify-self: center;\n    transform: translateY(50px);\n  }\n\n  .footer {\n    grid-area: 3 / 1 / 4 / 2;\n    background-color: $color-white;\n  }\n\n}\n",".page.--incompatible {\n\n  background-color: $color-light-blue;\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  grid-template-rows: 1fr 100px 1fr;\n  min-height: calc(100vh - 32px);\n\n  .content {\n    grid-area: 1 / 1 / 1 / 3;\n    padding: 48px 0 48px 48px;\n\n    p {\n      max-width: 445px;\n    }\n  }\n\n  img {\n    grid-area: 1 / 2 / 3 / 4;\n    margin-top: 48px;\n    place-self: end;\n    z-index: 1;\n  }\n\n  .footer {\n    background-color: $color-white;\n    grid-area: 2 / 1 / 4 / 4;\n  }\n\n  @media screen and (max-width: 1230px) {\n    grid-template-rows: auto auto minmax(100px, 1fr);\n\n    .content {\n      grid-area: 1 / 1 / 2 / 4;\n      padding-right: 48px;\n    }\n\n    img {\n      grid-area: 2 / 1 / 3 / 4;\n      transform: translateY(34px);\n      max-width: 600px;\n      margin-top: 0;\n    }\n\n    .footer {\n      grid-area: 3 / 1 / 4 / 4;\n      color: white;\n    }\n  }\n\n}\n",".page.--transfer {\n\n  background-color: $color-light-blue;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: 1fr 100px;\n  height: calc(100vh - 32px);\n\n  .content {\n    grid-area: 1 / 1 / 2 / 2;\n    place-self: center;\n    z-index: 1;\n    text-align: center;\n    transform: translateY(-90px);\n\n    h2 {\n      margin-bottom: 48px;\n    }\n  }\n\n  img {\n    grid-area: 1 / 1 / 2 / 2;\n    place-self: end;\n    max-width: 700px;\n    transform: translateY(30px);\n  }\n\n  .footer {\n    background-color: $color-white;\n  }\n\n}\n"],"names":[],"sourceRoot":""}