{"version":3,"file":"assets/css/app.css","mappings":";;;;;;;;AASA;CACA;AACA;AAEA;CACA;AACA;AAEA;CACA;CACA;AACA;;;;;;ACcA;AACA;EACA;AACA;AACA;EACA;AACA;AACA;AAEA;CACA;CACA;CACA;AACA;AAEA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACA;;;;;ACnCA;ECpBE,wBAJgB;EAKhB,eAAe;EACf,iBAAiB;EACjB,gBAAgB;;ADiBlB;ECbE,wBAXgB;EAYhB,eAAe;EACf,iBAAiB;EACjB,gBAAgB;;ADUlB;ECNE,wBAlBgB;EAmBhB,eAAe;EACf,iBAAiB;EACjB,gBAAgB;;ADGlB;ECCE,wBAzBgB;EA0BhB,eAAe;EACf,iBAAiB;EACjB,gBAAgB;;ADJlB;ECQE,wBAhCgB;EAiChB,eAAe;EACf,iBAAiB;EACjB,gBAAgB;;ADrClB;EACE,aAAa;EACb,sBAAsB;EACtB,8BAAwC;;AAG1C;EACE,eAAe;EACf,YAAY;EACZ,aAAa;EACb,sBAAsB;;AAGxB;EACE,YAAY;EACZ,aAAa;EACb,sBAAsB;;AAGxB;EACE,UAAU;EACV,YAAY;EACZ,aAAa;EACb,sBAAsB;;AAGxB;EACE,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,UAAU;EACV,SAAS;EACT,YAAY;EANd;IE1BE,SAAS;IACT,UAAU;IACV,YACF;EFuBA;IEnBE,SAAS;IACT,UAAU;EFkBZ;IEdE,WAAW;IACX,eAAe;EFajB;IERE,mBAAmB;EFQrB;IEHE,gBAAgB;IAChB,aAAa;IFEf;MECI,sBAAsB;MFD1B;QEIM,gBAAgB;QAChB,cC/Bc;QDgCd,iBAAiB;QACjB,qBAAqB;QACrB,eAAe;QACf,UAAU;QACV,mBAAmB;EFVzB;II1BE,yBDAkB;ICClB,cDGmB;ICFnB,YAAY;IACZ,gBAAgB;IAChB,kBAAkB;IAClB,gBAAgB;IAChB,gBAAgB;IAChB,gBAAgB;IJmBlB;MIdI,yBDZgB;MCahB,cDTiB;MCUjB,gBAAgB;IJYpB;MIRI,yBAAyB;MACzB,oBAAoB;MACpB,gBAAgB;EJMpB;IIAE,yBDtBmB;ICuBnB,cD3BkB;IC4BlB,yBD5BkB;IH0BpB;MIOI,yBD7BiB;MC8BjB,cDlCgB;MCmChB,yBDnCgB;EH0BpB;IIcE,yBDpCmB;ICqCnB,kBAAkB;IAClB,kBAAkB;IAClB,mBAAmB;IACnB,WAAW;IACX,gBAAgB;IAChB,sBAAsB;;AAOxB;EACE;IACE,wBAAwB;EAE1B;IACE,8BAA8B;EJhClC;IIqCE,yBAAyB;IACzB,WAAW;IACX,YAAY;IACZ,kBAAkB;IAClB,qBAAqB;IJzCvB;MI4CI,yBAAyB;MACzB,kBAAkB;MAClB,YAAY;MACZ,eAAe;IJ/CnB;MImDI,0EAA4F;MAC5F,yFAAyF;MACzF,kBAAkB;MAClB,gBAAgB;MJtDpB;QIyDM,WAAW;QACX,kBAAkB;QAClB,MAAM;QACN,OAAO;QACP,SAAS;QACT,QAAQ;QACR,mMAAgM;QAChM,UAAU;QACV,0BAA0B;QAC1B,kCAAkC;QAClC,gBAAgB;EJnEtB;IIyEE,cD7FsB;EHoBxB;IK1BE,yBFGwB;IEFxB,aAAa;IACb,8CAA8C;IAC9C,4BAA4B;IAC5B,oDAAoD;IACpD,8BAA8B;ILqBhC;MKlBI,kBAAkB;MAClB,yBAAyB;MLiB7B;QKbM,cAAc;QACd,gBAAgB;QAChB,kBAAkB;QAClB,YAAY;ILUlB;MKLI,gBAAgB;MAChB,eAAe;MACf,gBAAgB;MAChB,0BAA0B;ILE9B;MKEI,iBAAiB;MACjB,yBFzBiB;ME0BjB,mBAAmB;IAGrB;MLPF;QKQI,qDAAqD;QLRzD;UKUM,gBAAgB,IACjB;ELXL;IM1BE,yBHGwB;IGFxB,aAAa;IACb,kCAAkC;IAClC,iCAAiC;IACjC,8BAA8B;INsBhC;MMnBI,wBAAwB;MACxB,yBAAyB;MNkB7B;QMfM,gBAAgB;INetB;MMVI,wBAAwB;MACxB,gBAAgB;MAChB,eAAe;MACf,UAAU;INOd;MMHI,yBHnBiB;MGoBjB,wBAAwB;IAG1B;MNDF;QMEI,gDAAgD;QNFpD;UMKM,wBAAwB;UACxB,mBAAmB;QNNzB;UMUM,wBAAwB;UACxB,2BAA2B;UAC3B,gBAAgB;UAChB,aAAa;QNbnB;UMiBM,wBAAwB;UACxB,YAAY,IACb;ENnBL;IO1BE,yBJGwB;IIFxB,aAAa;IACb,0BAA0B;IAC1B,iCAAiC;IACjC,8BAA8B;IPsBhC;MOnBI,2CAA2C;MAC3C,4BAA4B;MAC5B,eAAe;MACf,YAAY;MACZ,UAAU;MACV,iBAAiB;MACjB,YAAY;MACZ,eAAe;MACf,kBAAkB;MAClB,WAAW;MACX,gBAAgB;MAChB,eAAe;MACf,aAAa;MACb,8BAA8B;MAC9B,mBAAmB;MPKvB;QOFM,WAAW;MPEjB;QOEM,YAAY;QACZ,iBAAiB;QACjB,mBAAmB;MPJzB;QOQM,WAAW;QACX,YAAY;QACZ,cAAc;QACd,gBAAgB;QAChB,YAAY;QACZ,eAAe;IPbrB;MOkBI,wBAAwB;MACxB,oBAAoB;MACpB,aAAa;MACb,sBAAsB;MACtB,mBAAmB;MACnB,kBAAkB;MAClB,mBAAmB;MPxBvB;QO2BM,gBAAgB;MP3BtB;QO+BM,gBAAgB;IP/BtB;MOoCI,gBAAgB;MAChB,yBAAyB;IPrC7B;MOyCI,gBAAgB;MAChB,YAAY;MACZ,mBAAmB;MACnB,uBAAuB;MACvB,qBAAqB;MACrB,UAAU;IP9Cd;MOkDI,yBJxEiB;MIyEjB,wBAAwB;EPnD5B;IQ1BE,yBLGwB;IKFxB,aAAa;IACb,gDAAgD;IAChD,0BAA0B;IAC1B,8BAA8B;IRsBhC;MQnBI,wBAAwB;MACxB,aAAa;MACb,kBAAkB;IRiBtB;MQbI,wBAAwB;MACxB,gBAAgB;MAChB,oBAAoB;MACpB,2BAA2B;IRU/B;MQNI,wBAAwB;MACxB,yBLjBiB;EHsBrB;IS1BE,yBNGwB;IMFxB,aAAa;IACb,kCAAkC;IAClC,iCAAiC;IACjC,8BAA8B;ITsBhC;MSnBI,wBAAwB;MACxB,yBAAyB;MTkB7B;QSfM,gBAAgB;ITetB;MSVI,wBAAwB;MACxB,gBAAgB;MAChB,eAAe;MACf,UAAU;ITOd;MSHI,yBNnBiB;MMoBjB,wBAAwB;IAG1B;MTDF;QSEI,gDAAgD;QTFpD;USKM,wBAAwB;UACxB,mBAAmB;QTNzB;USUM,wBAAwB;UACxB,2BAA2B;UAC3B,gBAAgB;UAChB,aAAa;QTbnB;USiBM,wBAAwB;UACxB,YAAY,IACb;ETnBL;IU1BE,yBPGwB;IOFxB,aAAa;IACb,0BAA0B;IAC1B,6BAA6B;IAC7B,0BAA0B;IVsB5B;MUnBI,wBAAwB;MACxB,kBAAkB;MAClB,UAAU;MACV,kBAAkB;MAClB,4BAA4B;MVehC;QUZM,mBAAmB;IVYzB;MUPI,wBAAwB;MACxB,eAAe;MACf,gBAAgB;MAChB,2BAA2B;IVI/B;MUAI,yBPtBiB","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":""}