.nav-bar--pQARu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  height: 60px;
  border-bottom: 1px solid #ededed;
  background-color: #fff
}
.nav-bar--pQARu.nav-bar-dark--aeTu8 {
    background-color: #000;
  }
.nav-bar--pQARu .nav-bar-left--Mn3O3,
  .nav-bar--pQARu .nav-bar-right--RgeVE {
    position: absolute;
    display: flex;
    align-items: center;
    height: 100%;
  }
.nav-bar--pQARu .nav-bar-left--Mn3O3 {
    left: 20px;
  }
.nav-bar--pQARu .nav-bar-right--RgeVE {
    right: 20px;
  }
.nav-bar--pQARu .nav-bar-title--3S20K {
    flex: 1;
  }


  .flexbox--qIlf0.flexbox-row--RtXdU {
    flex-direction: row;
  }
.flexbox--qIlf0.flexbox-col--HEXdZ {
    flex-direction: column;
  }
.flexbox--qIlf0.flexbox-space-between--uTLjI {
    justify-content: space-between;
  }
.flexbox--qIlf0.flexbox-space-around--oyv0J {
    align-content: space-around;
  }
.flexbox--qIlf0.flexbox-center--fPlZM {
    justify-content: center;
  }
.flexbox--qIlf0.flexbox-middle--rQr60 {
    align-items: center;
  }

.section--C7gfv {
  margin-bottom: 10px;
  background-color: #f7f7f7
}
.section--C7gfv.section-border--ShcCC {
    border-bottom: 1px solid #ededed;
  }
.section--C7gfv .section-content--fOnC8 {
    background-color: #fff;
    margin-bottom: 16px;
  }

.title--KkyfU {
  margin-bottom: 8px;
  font-weight: 600
}
.title--KkyfU .title-header--zZXQP {
  }
.title--KkyfU .title-more--9LEbe {
  }

.more--5Uk2j {
}

.card--yBQ8K {
  border-radius: 16px;
  box-shadow: 0 2px 8px 0 #eaeaea;
  padding: 13px 16px 16px 16px;
  background-color: #fff;
}

.not-yet--puIpM {
  font-size: 16px;
  font-weight: 600;
  color: #999;
}

.auto-suggest--eTQl5 {
  position: relative;
  margin: 12px 0
}
.auto-suggest--eTQl5 .auto-suggest-input--XOO0L {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ededed;
    border-radius: 16px;
    background-color: #fff;
    padding: 12px 16px;
    margin: 8px 0 0;
    width: 100%;
    font-size: 16px
  }
.auto-suggest--eTQl5 .auto-suggest-input--XOO0L:focus {
      border: 1px solid #000;
    }
.auto-suggest--eTQl5 .auto-suggest-input--XOO0L::-moz-placeholder {
      font-size: 16px;
      color: #999;
    }
.auto-suggest--eTQl5 .auto-suggest-input--XOO0L::placeholder {
      font-size: 16px;
      color: #999;
    }
.auto-suggest--eTQl5 .auto-suggest-label--gbRg\+ {
    font-weight: 600;
  }
.auto-suggest--eTQl5 .auto-suggest-input-tiggered--bktUP {
    border-bottom: none;
    border-radius: 16px 16px 0 0
  }
.auto-suggest--eTQl5 .auto-suggest-input-tiggered--bktUP:focus {
      border-bottom: none;
      border-radius: 16px 16px 0 0;
    }
.auto-suggest--eTQl5 .auto-suggest-box--iiSyR {
    position: absolute;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    padding: 0 12px 13px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-radius: 0 0 16px 16px
  }
.auto-suggest--eTQl5 .auto-suggest-box--iiSyR .auto-suggest-box-inner--LxrLp {
      padding-top: 12px;
      border-top: 1px solid #ededed
    }
.auto-suggest--eTQl5 .auto-suggest-box--iiSyR .auto-suggest-box-inner--LxrLp li:first-child {
          margin-top: 0;
        }
.auto-suggest--eTQl5 .auto-suggest-box--iiSyR .auto-suggest-box-inner--LxrLp li:last-child {
          margin-bottom: 0;
        }
.auto-suggest--eTQl5 .auto-suggest-box--iiSyR .auto-suggest-box-inner--LxrLp li {

        cursor: pointer;
        margin: 8px 0;
      }

.carousel--Szr2s {
  position: relative;
  padding-bottom: 24px

  /* carousel */
}
.carousel--Szr2s ol {
    display: flex;
    overflow-x: scroll;
    counter-reset: item;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch
  }
.carousel--Szr2s ol li {
      overflow: hidden;
      position: relative;
      flex: 0 0 100%;
      width: 100%;
      counter-increment: item;
      scroll-snap-align: center;
    }
.carousel--Szr2s figure {
    width: 100%;
    height: 223px;
  }
.carousel--Szr2s .carousel-indicator--iUVbz {
    position: absolute;
    top: 20px;
    left: 20px;
    border-radius: 12px;
    border: solid 1px #000;
    background-color: #fff;
    padding: 3px 15px;
    text-align: center;
    color: #000;
  }
.carousel--Szr2s .carousel-caption--4iUZb {
    position: relative;
    border: solid 1px #ededed;
    border-radius: 16px;
    background-color: #fff;
    padding: 7px 16px;
    margin: -40px 16px 0;
  }
.carousel--Szr2s .carousel-image--\+f2uM {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

.image--cl7cI {
}

.progress--DtaPn {
  height: 4px;
  border-radius: 2px;
  background-color: #dadada
}
.progress--DtaPn .progress-bar--d8qjo {
    border-radius: 2px;
    background-color: #000;
  }

.image-viewer--ewWnb {
  color: #fff;
  height: 100vh;
  background-color: #000
}
.image-viewer--ewWnb ol {
    display: flex;
    align-items: center;
    overflow-x: scroll;
    counter-reset: item;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch
  }
.image-viewer--ewWnb ol li {
      overflow: hidden;
      position: relative;
      flex: 0 0 100%;
      width: 100%;
      height: 100%;
      counter-increment: item;
      scroll-snap-align: center;
    }
.image-viewer--ewWnb img {
    width: 100%;
  }

.grid--lHP0e {
  display: grid;
}

.table-view---MpjO {
  margin-bottom: 24px
}
.table-view---MpjO .table-view-title--1xkb0 {
    margin-bottom: 8px;
  }

.upload-image--WhbUc {
  position: relative;
  height: 223px;
  background-color: #f7f7f7;
  margin-bottom: 24px
}
.upload-image--WhbUc ol {
    display: flex;
    overflow-x: scroll;
    counter-reset: item;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch
  }
.upload-image--WhbUc ol li {
      overflow: hidden;
      position: relative;
      flex: 0 0 100%;
      width: 100%;
      height: 223px;
      counter-increment: item;
      scroll-snap-align: center;
    }
.upload-image--WhbUc .upload-image-counter--3wmfe {
    position: absolute;
    top: 20px;
    left: 20px;
    border-radius: 12px;
    border: solid 1px #000;
    background-color: #fff;
    padding: 3px 15px;
    text-align: center;
    color: #000;
  }
.upload-image--WhbUc .upload-image-trash-icon--UFTp0 {
    position: absolute;
    right: 20px;
    top: 20px;
    display: inline-block;
  }
.upload-image--WhbUc .upload-image-file--K4IiH {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

.float-contents--I6qpq {
  position: fixed;
  top: 0;
  overflow: auto;
  z-index: 9999;
  height: 100vh
}
.float-contents--I6qpq main {
    background-color: #fff;
    color: #000;
    font-size: 12px
  }
.float-contents--I6qpq main h3 {
      font-size: 22px;
      font-weight: bold;
    }

.screen--IZZWR {
  padding: 24px 20px;
  background-color: #f7f7f7
}
.screen--IZZWR.screen-navi--ewiCj {
    margin-top: 60px;
  }
.screen--IZZWR.screen-stretch--hSW81 {
    padding: 0;
  }

.tabs--H2fL9 {
  border-bottom: 1px solid #ededed;
  background-color: #fff
}
.tabs--H2fL9 .tabs-btn--ZGJTg {
    padding: 4px 0;
    margin: 0 28px;
    flex: 1
  }
.tabs--H2fL9 .tabs-btn--ZGJTg.is-selected {
      border-bottom: 3px solid #000;
    }

.tab--e2E4v {
  font-size: 18px;
  color: #999999;
}

.tab-panel--jVzbO {
}

.textfield--9Pdqy {
  margin: 12px 0
}
.textfield--9Pdqy .textfield-input--KFp1h {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 1px solid #ededed;
    border-radius: 16px;
    background-color: #fff;
    padding: 12px 16px;
    margin-top: 8px;
    width: 100%;
    font-size: 16px
  }
.textfield--9Pdqy .textfield-input--KFp1h:focus {
      border: 1px solid #000;
    }
.textfield--9Pdqy .textfield-input--KFp1h::-moz-placeholder {
      font-size: 16px;
      color: #999;
    }
.textfield--9Pdqy .textfield-input--KFp1h::placeholder {
      font-size: 16px;
      color: #999;
    }
.textfield--9Pdqy .textfield-label--qiIJ7 {
    font-weight: 600;
  }


  .divider--PZEe8.divider-solid--oLg62 {
    height: 1px;
    background-color: #ededed;
  }
.divider--PZEe8.divider-dotted--uN2AS {
    height: 1px;
    border-top: 1px dotted #dadada;
  }
.divider--PZEe8.divider-dashed--GOxsg {
    height: 1px;
    border-top: 1px dashed #dadada;
  }
.divider--PZEe8.divider-margin--8VwY\+ {
    margin: 12px 0;
  }
.divider--PZEe8.divider-black--6DSZ1 {
    background-color: #000;
  }


  .textbox--wWM5C .textbox-textarea--IJdGo {
    min-height: calc(128px - 32px);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    resize: none;
    border-radius: 16px;
    border: 1px solid #ededed;
    width: 100%;
    font-size: 16px;
    padding: 16px;
    margin: 8px 0 0 0
  }
.textbox--wWM5C .textbox-textarea--IJdGo:focus {
      border: 1px solid #000;
    }
.textbox--wWM5C .textbox-textarea--IJdGo::-moz-placeholder {
      font-size: 16px;
      color: #999;
    }
.textbox--wWM5C .textbox-textarea--IJdGo::placeholder {
      font-size: 16px;
      color: #999;
    }
.textbox--wWM5C .textbox-label--jbRAl {
    font-weight: 600;
  }

.checkbox--r9EYw {
  padding: 0;
  margin: 16px 0;
  color: #999;
}


  .text-input-field--GD8Is input {
    -webkit-appearance: none
  }
.text-input-field--GD8Is input:focus {
      border: 1px solid #000;
    }
.text-input-field--GD8Is input::-moz-placeholder {
      font-size: 16px;
      color: #999;
    }
.text-input-field--GD8Is input::placeholder {
      font-size: 16px;
      color: #999;
    }


      .time-selection--4jH06 .sheet--YTtXu .meridiem--k\+LVW > ul, .time-selection--4jH06 .sheet--YTtXu .hours--6U1uM > ul, .time-selection--4jH06 .sheet--YTtXu .mins---\+IGg > ul {
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        counter-reset: item;
        scroll-behavior: smooth;
        scroll-snap-type: y mandatory;
        -webkit-overflow-scrolling: touch
      }
.time-selection--4jH06 .sheet--YTtXu .meridiem--k\+LVW > ul li, .time-selection--4jH06 .sheet--YTtXu .hours--6U1uM > ul li, .time-selection--4jH06 .sheet--YTtXu .mins---\+IGg > ul li {
          width: 100%;
          line-height: 30px;
          font-size: 14px;
          color: #999;
          text-align: center;
          counter-increment: item
        }
.time-selection--4jH06 .sheet--YTtXu .meridiem--k\+LVW > ul li.selected, .time-selection--4jH06 .sheet--YTtXu .hours--6U1uM > ul li.selected, .time-selection--4jH06 .sheet--YTtXu .mins---\+IGg > ul li.selected {
            width: 100%;
            text-align: center;
            line-height: 48px;
            font-weight: bold;
            font-size: 20px;
            color: #000;
            scroll-snap-align: center;
          }

.satisfaction-graph--IWeWI {
  padding: 14px 24px 16px 21px;
  border-radius: 8px;
  background-color: #f7f7f7;
}


  .jumbotron--v4xZE .carousel--Q0skk {
    overflow-x: scroll;
    counter-reset: item;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch
  }
.jumbotron--v4xZE .carousel--Q0skk::-webkit-scrollbar {
      display: none;
    }
.jumbotron--v4xZE .carousel--Q0skk .carousel-item--ELwxv {
      counter-increment: item;
      scroll-snap-align: center;
      scroll-snap-stop: always;
    }

*,
*:after,
*:before {
  box-sizing: border-box;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    'Helvetica Neue', Helvetica, Arial, sans-serif;
  padding: 0;
  margin: 0;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

button:focus, textarea:focus, input:focus {
    outline: 0;
  }

ol,
ul,
li {
  list-style: none;
}

p,
strong,
figure,
figcaption,
ol,
ul,
li {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

#app-root {
}

#modal-root {
}

.l-txt-align-center {
  text-align: center;
}

.l-txt-align-left {
  text-align: left;
}

.l-txt-align-right {
  text-align: right;
}

/**
 * Modules CSS query (common)
 *
 * NOTE
 * | avoid using this unless necessary
 */

[class^='screen-'] [class^='section-']:first-child {
      margin-top: 0;
    }

[class^='screen-'] [class^='section-']:last-child {
      margin-bottom: 0;
      border-bottom: none;
    }

.is-hidden {
  display: none !important;
}

.is-transparent {
  background-color: transparent !important;
}

.hidden-scrollbar {
  scrollbar-width: none
}

.hidden-scrollbar::-webkit-scrollbar {
    display: none;
  }

.blocked-scrolling {
  overflow: hidden !important;
}

.t-txt-clr-black {
  color: #000 !important;
}

.t-txt-clr-white {
  color: #fff !important;
}

.t-txt-clr-blue {
  color: #0068ff !important;
}

.t-txt-clr-gray {
  color: #222 !important;
}

.t-txt-clr-gray-light {
  color: #999 !important;
}

.t-txt-sz-biggest {
  font-size: 22px !important;
}

.t-txt-sz-bigger {
  font-size: 20px !important;
}

.t-txt-sz-big {
  font-size: 18px !important;
}

.t-txt-sz-normal {
  font-size: 16px !important;
}

.t-txt-sz-small {
  font-size: 14px !important;
}

.t-txt-sz-smaller {
  font-size: 12px !important;
}

.t-txt-wt-bold {
  font-weight: 600 !important;
}

.t-txt-wt-normal {
  font-weight: normal !important;
}


/*# sourceMappingURL=app.9549e0d7ebd6f5f46119.css.map*/