@font-face {
    font-family: "font-circular-medium";
    src: url('https://d1wmkocfhtnd8k.cloudfront.net/277ff631-1fe8-488f-972f-abf6c7481200/fonts/circularstd/CircularStd-Medium.otf');
}
@font-face {
    font-family: "font-circular";
    src: url('https://d1wmkocfhtnd8k.cloudfront.net/277ff631-1fe8-488f-972f-abf6c7481200/fonts/circularstd/CircularStd-Book.otf');
}
@font-face {
    font-family: "font-circular-bold";
    src: url('https://d1wmkocfhtnd8k.cloudfront.net/277ff631-1fe8-488f-972f-abf6c7481200/fonts/circularstd/CircularStd-Bold.otf');
}
@font-face {
    font-family: "font-circular-black";
    src: url('https://d1wmkocfhtnd8k.cloudfront.net/277ff631-1fe8-488f-972f-abf6c7481200/fonts/circularstd/CircularStd-Black.otf');
}

.font-circular-medium {
  font-family: "font-circular-medium";
}
.font-circular {
  font-family: "font-circular";
}
.font-circular-bold {
  font-family: "font-circular-bold";
}
.font-circular-black {
  font-family: "font-circular-black";
}

.ml-84 {
  margin-left: 32rem;
}
.-mt-64 {
  margin-top: -16rem;
}
.-mt-100 {
  margin-top: -32rem;
}
.-m-85vh {
  margin-top: -85vh;
}
.-m-screen {
  margin-top: -100vh;
}
.bg-black-transparent {
  background-color: rgba(0, 0, 0, 0.4);
}
.font-mise {
  font-family: 'Open Sans', sans-serif;
}
.font-mise-cursive {
  font-family: 'Dancing Script', cursive;
}
.square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.align-grid-end {
  align-items: end;
}
.justify-grid-end {
  justify-items: end;
}

.w-70 {
  width: 20rem;
}
.w-96 {
  width: 30rem;
}
.w-100 {
  width: 32rem;
}
.w-104 {
  width: 32rem;
}
.w-108 {
  width: 34rem;
}
.w-112 {
  width: 36rem;
}
.w-114 {
  width: 37rem;
}
.w-116 {
  width: 38rem;
}
.w-120 {
  width: 40rem;
}
.w-122 {
  width: 41rem;
}
.w-124 {
  width: 42rem;
}
.w-128 {
  width: 44rem;
}
.min-w-24 {
  min-width: 16rem;
}


.h-70 {
  height: 20rem;
}
.h-84 {
  height: 24rem;
}
.h-88 {
  height: 26rem;
}
.h-92 {
  height: 28rem;
}
.h-96 {
  height: 30rem;
}
.h-100 {
  height: 32rem;
}
.h-104 {
  height: 34rem;
}
.h-108 {
  height: 36rem;
}
.h-112 {
  height: 38rem;
}
.h-116 {
  height: 40rem;
}
.h-120 {
  height: 42rem;
}
.h-128 {
  height: 44rem;
}
.h-full-120 {
  height: 120%;
}
.h-85vh {
  height: 85vh;
}

.-top-2 {
  top: -0.5rem;
}
.-top-8 {
  top: -2rem;
}
.-top-16 {
  top: -4rem;
}
.-top-32 {
  top: -8rem;
}
.-top-40 {
  top: -10rem;
}
.-top-48 {
  top: -12rem;
}

.top-4 {
  top: 1rem;
}
.top-6 {
  top: 1.5rem;
}
.-top-8 {
  top: -2rem;
}
.top-8 {
  top: 2rem;
}
.top-10 {
  top: 2.5rem;
}
.top-12 {
  top: 3rem;
}
.top-14 {
  top: 3.5rem;
}
.top-16 {
  top: 4rem;
}
.top-18 {
  top: 4.5rem;
}
.top-20 {
  top: 5rem;
}
.top-22 {
  top: 5.5rem;
}
.top-24 {
  top: 6rem;
}
.top-26 {
  top: 6.5rem;
}
.top-28 {
  top: 7rem;
}

.top-32 {
  top: 8rem;
}
.left-24 {
  left: 6rem;
}
.-left-20 {
  left: -5rem;
}
.-left-32 {
  left: -8rem;
}
.left-32 {
  left: 8rem;
}
.left-36 {
  left: 9rem;
}

.leading-tighter {
  line-height: 1.125;
}

.mx-12-calc {
  margin-left: calc(3rem - 1px);
  margin-right: calc(3rem - 1px);
}

.iphone-dimensions {
  height: 449px !important;
  width: 220px !important;
}

.zoom-150 {
  zoom: 1.5;
}

.bg-white-mise {
  background-color: #FFFEFC;
}
.bg-white-mise-transparent {
  background-color: rgba(255, 254, 252, 0.8);
}
.bg-white-mise-transparent-thin {
  background-color: rgba(255, 254, 252, 0.2);
}
.border-white-mise {
  border-color: #FFFEFC;
}
.text-white-mise {
  color: #FFFEFC;
}

.bg-orange-mise-600 {
  background-color: #D85309;
}
.border-orange-mise-600 {
  border-color: #D85309;
}
.text-orange-mise-600 {
  color: #D85309;
}

.hover\:bg-orange-mise-700:hover {
  background-color: #B24507;
}
.hover\:border-orange-mise-700:hover {
  border-color: #B24507;
}
.hover\:text-orange-mise-700:hover {
  color: #B24507;
}

.bg-blue-mise-100 {
  background-color: #e5f6fb;
}
.border-blue-mise-100 {
  border-color: #e5f6fb;
}
.text-blue-mise-100 {
  color: #e5f6fb;
}

.bg-blue-mise-200 {
  background-color: #7CD1EC;
}
.border-blue-mise-200 {
  border-color: #7CD1EC;
}
.text-blue-mise-200 {
  color: #7CD1EC;
}

.bg-blue-mise-800 {
  background-color: #344675;
}
.border-blue-mise-800 {
  border-color: #344675;
}
.text-blue-mise-800 {
  color: #344675;
}

.bg-gray-mise-100 {
  background-color: #C8C8C8;
}
.border-gray-mise-100 {
  border-color: #C8C8C8;
}
.text-gray-mise-100 {
  color: #C8C8C8;
}

.bg-gray-mise-800 {
  background-color: #393734;
}
.border-gray-mise-800 {
  border-color: #393734;
}
.text-gray-mise-800 {
  color: #393734;
}

.background-dots {
  background-image: url('https://d1wmkocfhtnd8k.cloudfront.net/277ff631-1fe8-488f-972f-abf6c7481200/assets/circle.svg');
}
.background-ipad-1 {
  background-image: url('https://mise-assets.s3-us-west-2.amazonaws.com/hero-assets/ipad/reservation-dashboard.jpg');
}
.background-ipad-2 {
  background-image: url('https://mise-assets.s3-us-west-2.amazonaws.com/hero-assets/ipad/qst-dashboard.jpg');
}

.background-iphone-1 {
  background-image: url('https://mise-assets.s3-us-west-2.amazonaws.com/hero-assets/iphone/reservation-widget.jpg');
}
.background-iphone-2 {
  background-image: url('https://mise-assets.s3-us-west-2.amazonaws.com/hero-assets/iphone/qst-ordering.jpg');
}

.select-before::before {
  align-self: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  position: absolute;
  left: 0.5rem;
  color: #2d3748;
  pointer-events: none;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.select-after::after {
  align-self: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1rem;
  position: absolute;
  right: 0.5rem;
  color: #2d3748;
  pointer-events: none;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.select-down::after {
  content: "\f078";
}

.shadow-iphone {
  box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), inset 0 -2px 6px 0 rgba(10,37,64,.35)
}
.shadow-custom {
  box-shadow: 0 30px 60px -12px rgba(50,50,93,0.25),0 18px 36px -18px rgba(0,0,0,0.3)
}

.st0 {
  fill: #E7F4FA;
}
.st1 {
  fill: none;
  stroke: #E7F4FA;
  stroke-width: 8;
  stroke-miterlimit: 10;
}
.st2 {
  fill: #D85309;
}

.reservations-0{fill:#D85309;}
.reservations-1{fill:#FFFFFF;stroke:#000000;stroke-miterlimit:10;}
.reservations-2{fill-rule:evenodd;clip-rule:evenodd;fill:none;stroke:#D85309;stroke-width:12;stroke-miterlimit:10;}
.reservations-3{fill:none;stroke:#D85309;stroke-width:10;stroke-miterlimit:10;}
.reservations-4{fill:none;stroke:#D85309;stroke-width:12;stroke-miterlimit:10;}

.catering-0{fill:none;stroke:#D85309;stroke-width:12;stroke-miterlimit:10;}
.catering-1{fill:none;stroke:#D85309;stroke-width:12;stroke-linecap:round;stroke-miterlimit:10;}
.catering-2{fill:none;stroke:#D85309;stroke-width:12;stroke-linecap:square;stroke-miterlimit:10;}
.catering-3{fill:none;stroke:#D85309;stroke-width:18;stroke-linecap:round;stroke-miterlimit:10;}

.qst-0{fill:none;stroke:#D85309;stroke-width:16;stroke-miterlimit:10;}
.qst-1{fill:none;stroke:#D85309;stroke-width:16;stroke-linecap:round;stroke-miterlimit:10;}
.qst-2{fill:none;stroke:#D85309;stroke-width:18;stroke-linecap:round;stroke-miterlimit:10;}


@media (min-width: 640px) {
  .sm\:-top-40 {
    top: -12rem;
  }
}

@media (min-width: 768px) {
  .md\:-left-32 {
    left: -8rem;
  }
  .md\:left-32 {
    left: 8rem;
  }
  .md\:zoom-125 {
    zoom: 1.25;
  }
  .md\:top-12 {
    top: 3rem;
  }
  .md\:ipad-dimensions-md {
    height: 450px !important;
    width: 646px !important;
  }
  .md\:shadow-iphone {
    box-shadow: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3), inset 0 -2px 6px 0 rgba(10,37,64,.35)
  }
  .md\:-m-screen {
    margin-top: -100vh;
  }
}

@media (min-width: 1024px) {
  .lg\:left-24 {
    left: 6rem;
  }
  .lg\:-left-32 {
    left: -8rem;
  }
  .lg\:left-32 {
    left: 8rem;
  }
  .lg\:-top-8 {
    top: -2rem;
  }
  .lg\:-top-16 {
    top: -4rem;
  }
  .lg\:top-16 {
    top: 4rem;
  }
  .lg\:zoom-90 {
    zoom: 0.9;
  }
  .lg\:-mt-128 {
    margin-top: -44rem;
  }
  .lg\:ipad-dimensions-lg {
    height: 550px !important;
    width: 789px !important;
  }
}

@media (min-width: 1280px) {
  .xl\:zoom-100 {
    zoom: 1;
  }
  .xl\:top-24 {
    top: 6rem;
  }
}