/* src/global-css.imba?styles */
body {
  --bottom: 80px;
  --top: 160px;
}
* {
  margin: 0rem;
  padding: 0rem;
  box-sizing: border-box;
}
body {
  font-family: var(--font-Arial,Arial);
  background: #3c3c3c;
  overflow: hidden;
  height: 100vh;
}
button {
  outline: none;
  border-style: none;
  cursor: pointer;
  background-color: #fff0;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: hsla(0, 0%, 100%, 0%);
  -webkit-touch-callout: none;
}



/* src/tags/price.imba?styles */
.dx-af:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
  font-size: 16px;
}
div.dx_ak:not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  min-height: 24px;
}
price-tag {
  display: block;
}



/* src/tags/item.imba?styles */
.dy-af:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
  min-height: var(--dy_ag);
  padding-left: 16px;
  padding-right: 16px;
  gap: 8px;
  --u_rg: 8px;
  --u_cg: 8px;
}
.dy-ah:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  width: 100%;
  min-height: var(--dy_ai);
}
.dy-aj:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  width: 100%;
  min-height: 44px;
  font-size: 20px;
}
.dy-ak:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  min-height: var(--dy_al);
  width: 100%;
  line-height: 22px;
  --u_lh: 22px;
}
.dy-an:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  width: 100%;
}
.dy-ao:not(#_):not(#_):not(#_) {
  color: #a1a1aa;
}
.dy-ap:not(#_):not(#_):not(#_) {
  color: #ef4444;
}
.dy-ar:not(#_):not(#_):not(#_) {
  color: #4ade80;
}
button.dy_af:not(#_) {
  color: #fff;
  font-size: 16px;
  min-width: 48px;
  height: 32px;
}
item-tag {
  display: block;
}



/* src/tags/category.imba?styles */
.dz-aj,
.dz-al,
.dz-ar {
  --e_ad:0ms;
  --e_af:cubic-bezier(.23, 1, .32, 1);
  --e_aw:0ms;
  --e_sd:var(--e_ad);
  --e_sf:var(--e_af);
  --e_sw:var(--e_aw);
  --e_od:var(--e_sd);
  --e_of:var(--e_sf);
  --e_ow:var(--e_sw);
  --e_cd:var(--e_sd);
  --e_cf:var(--e_sf);
  --e_cw:var(--e_sw);
  --e_bd:var(--e_sd);
  --e_bf:var(--e_sf);
  --e_bw:var(--e_sw);
  --e_td:var(--e_bd);
  --e_tf:var(--e_bf);
  --e_tw:var(--e_bw);
  --e_b:var(--e_bd) var(--e_bf) var(--e_bw);
  --e_c:var(--e_cd) var(--e_cf) var(--e_cw);
  --e_rest:any;
  transition:
    all var(--e_ad) var(--e_af) var(--e_aw),
    opacity var(--e_od) var(--e_of) var(--e_ow),
    transform var(--e_td) var(--e_tf) var(--e_tw),
    color var(--e_c),
    background-color var(--e_c),
    border-color var(--e_c),
    fill var(--e_c),
    stroke var(--e_c),
    outline-color var(--e_c),
    box-shadow var(--e_c),
    filter var(--e_c),
    inset var(--e_b),
    width var(--e_b),
    height var(--e_b),
    max-width var(--e_b),
    max-height var(--e_b),
    min-width var(--e_b),
    min-height var(--e_b),
    border-width var(--e_b),
    outline-width var(--e_b),
    stroke-width var(--e_b),
    margin var(--e_b),
    padding var(--e_b),
    var(--e_rest);
}
.dz-ag:not(#_):not(#_):not(#_) {
  padding-left: 8px;
  padding-right: 8px;
  width: 80px;
  height: 72px;
  min-height: 72px;
}
.dz-ah:not(#_):not(#_):not(#_) {
  height: 88px;
  min-height: 88px;
}
.dz-ai:not(#_):not(#_):not(#_) {
  background: #282828;
  box-shadow: 0 4px #282828, 0 -4px #282828;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dz-aj:not(#_):not(#_):not(#_) {
  border-radius: 4px;
  width: 108px;
  height: 108px;
  --e_rest: var(--tween) !important;
}
.dz-ak:not(#_):not(#_):not(#_) {
  width: 64px;
  height: 64px;
}
.dz-al:not(#_):not(#_):not(#_) {
  height: 96px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  --u_rg: 8px;
  --u_cg: 8px;
  opacity: 1;
  --e_rest: var(--tween) !important;
}
.dz-am:not(#_):not(#_):not(#_) {
  opacity: 0;
}
.dz-an:not(#_):not(#_):not(#_) {
  font-size: 20px;
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.dz-ao:not(#_):not(#_):not(#_) {
  width: 64px;
  min-height: 1px;
  background: #505050;
}
.dz-ap:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
}
.dz-aq:not(#_):not(#_):not(#_) {
  height: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.dz-ar {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-left: 16px;
  padding-right: 16px;
  gap: 24px;
  --u_rg: 24px;
  --u_cg: 24px;
  color: #fff;
  height: 128px;
  min-height: 128px;
  width: 100vw;
  --e_rest: var(--tween) !important;
}
category-tag {
  display: block;
}
.dz-as:not(#_):not(#_):not(#_) {
  width: calc(100vw - 16px);
  height: 1px;
  min-height: 1px;
  background: #505050;
}
.dz-at:not(#_):not(#_):not(#_) {
  height: 0px;
  background: #282828;
}
category-separator {
  display: block;
}



/* src/header-block.imba?styles */
.dj-af:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 48px;
  min-height: 48px;
  top: var(--safe-top);
  position: fixed;
  left: 0rem;
  right: 0rem;
  color: #fff;
}
header-block {
  display: block;
}



/* src/tags/cafe-header.imba?styles */
.eb-ah,
.eb-al,
.eb-ao,
img.eb_ao {
  --e_ad:0ms;
  --e_af:cubic-bezier(.23, 1, .32, 1);
  --e_aw:0ms;
  --e_sd:var(--e_ad);
  --e_sf:var(--e_af);
  --e_sw:var(--e_aw);
  --e_od:var(--e_sd);
  --e_of:var(--e_sf);
  --e_ow:var(--e_sw);
  --e_cd:var(--e_sd);
  --e_cf:var(--e_sf);
  --e_cw:var(--e_sw);
  --e_bd:var(--e_sd);
  --e_bf:var(--e_sf);
  --e_bw:var(--e_sw);
  --e_td:var(--e_bd);
  --e_tf:var(--e_bf);
  --e_tw:var(--e_bw);
  --e_b:var(--e_bd) var(--e_bf) var(--e_bw);
  --e_c:var(--e_cd) var(--e_cf) var(--e_cw);
  --e_rest:any;
  transition:
    all var(--e_ad) var(--e_af) var(--e_aw),
    opacity var(--e_od) var(--e_of) var(--e_ow),
    transform var(--e_td) var(--e_tf) var(--e_tw),
    color var(--e_c),
    background-color var(--e_c),
    border-color var(--e_c),
    fill var(--e_c),
    stroke var(--e_c),
    outline-color var(--e_c),
    box-shadow var(--e_c),
    filter var(--e_c),
    inset var(--e_b),
    width var(--e_b),
    height var(--e_b),
    max-width var(--e_b),
    max-height var(--e_b),
    min-width var(--e_b),
    min-height var(--e_b),
    border-width var(--e_b),
    outline-width var(--e_b),
    stroke-width var(--e_b),
    margin var(--e_b),
    padding var(--e_b),
    var(--e_rest);
}
.eb-af:not(#_):not(#_):not(#_) {
  height: var(--eb_ag);
  position: relative;
  top: 64px;
}
.eb-ah:not(#_):not(#_):not(#_) {
  --e_rest: height .2s ease !important;
}
.eb-aj:not(#_):not(#_):not(#_) {
  width: 128px;
  height: 128px;
  top: 32px;
  left: calc(50% - 64px);
}
.eb-ak:not(#_):not(#_):not(#_) {
  width: 64px;
  height: 64px;
  top: 16px;
  left: 16px;
}
.eb-al:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: calc(100vw - 96px);
  height: 64px;
  right: 16px;
  bottom: 16px;
  position: absolute;
  font-size: 24px;
  --e_rest: all .3s ease !important;
}
.eb-am:not(#_):not(#_):not(#_) {
  right: 50%;
  translate: 50%;
  font-size: 36px;
}
.eb-an:not(#_):not(#_):not(#_) {
  right: 16px;
}
.eb-ao {
  width: 100vw;
  position: fixed;
  left: 0rem;
  right: 0rem;
  --e_rest: height .4s ease !important;
}
img.eb_ao:not(#_) {
  position: absolute;
  border-radius: 4px;
  --e_rest: all .3s ease !important;
}
cafe-header {
  display: block;
}



/* src/tags/menu-bar.imba?styles */
button.ec_ax {
  --e_ad:0ms;
  --e_af:cubic-bezier(.23, 1, .32, 1);
  --e_aw:0ms;
  --e_sd:var(--e_ad);
  --e_sf:var(--e_af);
  --e_sw:var(--e_aw);
  --e_od:var(--e_sd);
  --e_of:var(--e_sf);
  --e_ow:var(--e_sw);
  --e_cd:var(--e_sd);
  --e_cf:var(--e_sf);
  --e_cw:var(--e_sw);
  --e_bd:var(--e_sd);
  --e_bf:var(--e_sf);
  --e_bw:var(--e_sw);
  --e_td:var(--e_bd);
  --e_tf:var(--e_bf);
  --e_tw:var(--e_bw);
  --e_b:var(--e_bd) var(--e_bf) var(--e_bw);
  --e_c:var(--e_cd) var(--e_cf) var(--e_cw);
  --e_rest:any;
  transition:
    all var(--e_ad) var(--e_af) var(--e_aw),
    opacity var(--e_od) var(--e_of) var(--e_ow),
    transform var(--e_td) var(--e_tf) var(--e_tw),
    color var(--e_c),
    background-color var(--e_c),
    border-color var(--e_c),
    fill var(--e_c),
    stroke var(--e_c),
    outline-color var(--e_c),
    box-shadow var(--e_c),
    filter var(--e_c),
    inset var(--e_b),
    width var(--e_b),
    height var(--e_b),
    max-width var(--e_b),
    max-height var(--e_b),
    min-width var(--e_b),
    min-height var(--e_b),
    border-width var(--e_b),
    outline-width var(--e_b),
    stroke-width var(--e_b),
    margin var(--e_b),
    padding var(--e_b),
    var(--e_rest);
}
.ec-ah:not(#_):not(#_):not(#_) {
  bottom: 16px;
}
.ec-ai:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.ec-aj:not(#_):not(#_):not(#_) {
  bottom: 16px;
}
.ec-ak:not(#_):not(#_):not(#_) {
  width: 25%;
}
.ec-al:not(#_):not(#_):not(#_) {
  height: 60%;
  width: 1px;
  background: #505050;
}
.ec-am:not(#_):not(#_):not(#_) {
  width: 75%;
}
.ec-an:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.ec-ao:not(#_):not(#_):not(#_) {
  bottom: 16px;
}
.ec-ap:not(#_):not(#_):not(#_) {
  width: 30%;
}
.ec-aq:not(#_):not(#_):not(#_) {
  height: 60%;
  width: 1px;
  background: #505050;
}
.ec-ar:not(#_):not(#_):not(#_) {
  width: 60%;
}
.ec-as:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.ec-at:not(#_):not(#_):not(#_) {
  bottom: 16px;
}
.ec-au:not(#_):not(#_):not(#_) {
  width: 30%;
}
.ec-av:not(#_):not(#_):not(#_) {
  height: 60%;
  width: 1px;
  background: #505050;
}
.ec-aw:not(#_):not(#_):not(#_) {
  width: 60%;
}
.ec-ax {
  position: fixed;
  height: 64px;
  left: 16px;
  right: 16px;
  bottom: 0rem;
}
button.ec_ax:not(#_) {
  position: absolute;
  height: 48px;
  left: 0rem;
  right: 0rem;
  bottom: -112px;
  font-size: 20px;
  background: #282828;
  color: #a0a0a0;
  box-shadow: 0 0 0 1px #787878 inset;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  border-radius: 8px;
  --e_rest: all .3s ease !important;
}
button.ec_ax:is(:active, .\@active):not(#_) {
  background: #343434;
}
menu-bar {
  display: block;
}



/* src/tags/back-button.imba?styles */
.ed-ah {
  --e_ad:0ms;
  --e_af:cubic-bezier(.23, 1, .32, 1);
  --e_aw:0ms;
  --e_sd:var(--e_ad);
  --e_sf:var(--e_af);
  --e_sw:var(--e_aw);
  --e_od:var(--e_sd);
  --e_of:var(--e_sf);
  --e_ow:var(--e_sw);
  --e_cd:var(--e_sd);
  --e_cf:var(--e_sf);
  --e_cw:var(--e_sw);
  --e_bd:var(--e_sd);
  --e_bf:var(--e_sf);
  --e_bw:var(--e_sw);
  --e_td:var(--e_bd);
  --e_tf:var(--e_bf);
  --e_tw:var(--e_bw);
  --e_b:var(--e_bd) var(--e_bf) var(--e_bw);
  --e_c:var(--e_cd) var(--e_cf) var(--e_cw);
  --e_rest:any;
  transition:
    all var(--e_ad) var(--e_af) var(--e_aw),
    opacity var(--e_od) var(--e_of) var(--e_ow),
    transform var(--e_td) var(--e_tf) var(--e_tw),
    color var(--e_c),
    background-color var(--e_c),
    border-color var(--e_c),
    fill var(--e_c),
    stroke var(--e_c),
    outline-color var(--e_c),
    box-shadow var(--e_c),
    filter var(--e_c),
    inset var(--e_b),
    width var(--e_b),
    height var(--e_b),
    max-width var(--e_b),
    max-height var(--e_b),
    min-width var(--e_b),
    min-height var(--e_b),
    border-width var(--e_b),
    outline-width var(--e_b),
    stroke-width var(--e_b),
    margin var(--e_b),
    padding var(--e_b),
    var(--e_rest);
}
.ed-ag:not(#_):not(#_):not(#_) {
  bottom: 16px;
}
.ed-ah {
  position: fixed;
  width: 120px;
  height: 48px;
  left: 16px;
  bottom: -64px;
  border-radius: 24px;
  font-size: 16px;
  background: #282828;
  color: #c8c8c8;
  box-shadow: 0 0 0 1px #787878 inset;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  --e_rest: all .3s ease !important;
}
.ed-ah:is(:active, .\@active) {
  background: #343434;
}
back-button {
  display: block;
}



/* src/tags/order-button.imba?styles */
.ee-ai {
  --e_ad:0ms;
  --e_af:cubic-bezier(.23, 1, .32, 1);
  --e_aw:0ms;
  --e_sd:var(--e_ad);
  --e_sf:var(--e_af);
  --e_sw:var(--e_aw);
  --e_od:var(--e_sd);
  --e_of:var(--e_sf);
  --e_ow:var(--e_sw);
  --e_cd:var(--e_sd);
  --e_cf:var(--e_sf);
  --e_cw:var(--e_sw);
  --e_bd:var(--e_sd);
  --e_bf:var(--e_sf);
  --e_bw:var(--e_sw);
  --e_td:var(--e_bd);
  --e_tf:var(--e_bf);
  --e_tw:var(--e_bw);
  --e_b:var(--e_bd) var(--e_bf) var(--e_bw);
  --e_c:var(--e_cd) var(--e_cf) var(--e_cw);
  --e_rest:any;
  transition:
    all var(--e_ad) var(--e_af) var(--e_aw),
    opacity var(--e_od) var(--e_of) var(--e_ow),
    transform var(--e_td) var(--e_tf) var(--e_tw),
    color var(--e_c),
    background-color var(--e_c),
    border-color var(--e_c),
    fill var(--e_c),
    stroke var(--e_c),
    outline-color var(--e_c),
    box-shadow var(--e_c),
    filter var(--e_c),
    inset var(--e_b),
    width var(--e_b),
    height var(--e_b),
    max-width var(--e_b),
    max-height var(--e_b),
    min-width var(--e_b),
    min-height var(--e_b),
    border-width var(--e_b),
    outline-width var(--e_b),
    stroke-width var(--e_b),
    margin var(--e_b),
    padding var(--e_b),
    var(--e_rest);
}
.ee-ag:not(#_):not(#_):not(#_) {
  bottom: 16px;
}
.ee-ah:not(#_):not(#_):not(#_) {
  width: calc(100vw - 32px);
}
.ee-ai {
  position: fixed;
  width: calc(100vw - 168px);
  height: 48px;
  right: 16px;
  bottom: -64px;
  border-radius: 24px;
  font-size: 16px;
  background: #282828;
  color: #c8c8c8;
  box-shadow: 0 0 0 1px #787878 inset;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  --e_rest: all .3s ease !important;
}
.ee-ai:is(:active, .\@active) {
  background: #343434;
}
order-button {
  display: block;
}



/* src/category-list.imba?styles */
.dl-am {
  --e_ad:0ms;
  --e_af:cubic-bezier(.23, 1, .32, 1);
  --e_aw:0ms;
  --e_sd:var(--e_ad);
  --e_sf:var(--e_af);
  --e_sw:var(--e_aw);
  --e_od:var(--e_sd);
  --e_of:var(--e_sf);
  --e_ow:var(--e_sw);
  --e_cd:var(--e_sd);
  --e_cf:var(--e_sf);
  --e_cw:var(--e_sw);
  --e_bd:var(--e_sd);
  --e_bf:var(--e_sf);
  --e_bw:var(--e_sw);
  --e_td:var(--e_bd);
  --e_tf:var(--e_bf);
  --e_tw:var(--e_bw);
  --e_b:var(--e_bd) var(--e_bf) var(--e_bw);
  --e_c:var(--e_cd) var(--e_cf) var(--e_cw);
  --e_rest:any;
  transition:
    all var(--e_ad) var(--e_af) var(--e_aw),
    opacity var(--e_od) var(--e_of) var(--e_ow),
    transform var(--e_td) var(--e_tf) var(--e_tw),
    color var(--e_c),
    background-color var(--e_c),
    border-color var(--e_c),
    fill var(--e_c),
    stroke var(--e_c),
    outline-color var(--e_c),
    box-shadow var(--e_c),
    filter var(--e_c),
    inset var(--e_b),
    width var(--e_b),
    height var(--e_b),
    max-width var(--e_b),
    max-height var(--e_b),
    min-width var(--e_b),
    min-height var(--e_b),
    border-width var(--e_b),
    outline-width var(--e_b),
    stroke-width var(--e_b),
    margin var(--e_b),
    padding var(--e_b),
    var(--e_rest);
}
.dl-af:not(#_):not(#_):not(#_) {
  top: var(--dl_ag);
}
.dl-ah:not(#_):not(#_):not(#_) {
  width: 80px;
  left: 0px;
}
.dl-ai:not(#_):not(#_):not(#_) {
  width: 80px;
  left: -100vw;
}
.dl-am {
  mask-image: linear-gradient(to bottom, transparent 0%, hsla(0, 0%, 100%, 100%) 16px, hsla(0, 0%, 100%, 100%) calc(100% - 16px), transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, hsla(0, 0%, 100%, 100%) 16px, hsla(0, 0%, 100%, 100%) calc(100% - 16px), transparent 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  position: fixed;
  left: 0px;
  width: 100vw;
  bottom: var(--bottom);
  padding-top: 16px;
  padding-bottom: 16px;
  scrollbar-width: none;
  color: #fff;
  overflow-y: scroll;
  --e_rest: all .3s ease, height .7s ease !important;
  --tween: all .3s ease;
}
category-list {
  display: block;
}



/* src/item-list.imba?styles */
.dm-ao {
  --e_ad:0ms;
  --e_af:cubic-bezier(.23, 1, .32, 1);
  --e_aw:0ms;
  --e_sd:var(--e_ad);
  --e_sf:var(--e_af);
  --e_sw:var(--e_aw);
  --e_od:var(--e_sd);
  --e_of:var(--e_sf);
  --e_ow:var(--e_sw);
  --e_cd:var(--e_sd);
  --e_cf:var(--e_sf);
  --e_cw:var(--e_sw);
  --e_bd:var(--e_sd);
  --e_bf:var(--e_sf);
  --e_bw:var(--e_sw);
  --e_td:var(--e_bd);
  --e_tf:var(--e_bf);
  --e_tw:var(--e_bw);
  --e_b:var(--e_bd) var(--e_bf) var(--e_bw);
  --e_c:var(--e_cd) var(--e_cf) var(--e_cw);
  --e_rest:any;
  transition:
    all var(--e_ad) var(--e_af) var(--e_aw),
    opacity var(--e_od) var(--e_of) var(--e_ow),
    transform var(--e_td) var(--e_tf) var(--e_tw),
    color var(--e_c),
    background-color var(--e_c),
    border-color var(--e_c),
    fill var(--e_c),
    stroke var(--e_c),
    outline-color var(--e_c),
    box-shadow var(--e_c),
    filter var(--e_c),
    inset var(--e_b),
    width var(--e_b),
    height var(--e_b),
    max-width var(--e_b),
    max-height var(--e_b),
    min-width var(--e_b),
    min-height var(--e_b),
    border-width var(--e_b),
    outline-width var(--e_b),
    stroke-width var(--e_b),
    margin var(--e_b),
    padding var(--e_b),
    var(--e_rest);
}
.dm-af:not(#_):not(#_):not(#_) {
  top: var(--dm_ag);
}
.dm-ah:not(#_):not(#_):not(#_) {
  left: 100vw;
}
.dm-ai:not(#_):not(#_):not(#_) {
  left: 80px;
  mask-image: var(--mask);
  -webkit-mask-image: var(--mask);
}
.dm-aj:not(#_):not(#_):not(#_) {
  left: calc(104px - 100vw);
  background: #282828;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.dm-ak:not(#_):not(#_):not(#_) {
  left: calc(104px - 200vw);
}
.dm-al:not(#_):not(#_):not(#_) {
  width: calc(100vw - 112px);
  min-height: 1px;
  background: hsla(240, 5.03%, 64.9%, 100%);
}
.dm-an:not(#_):not(#_):not(#_) {
  width: calc(100vw - 112px);
  min-height: 1px;
  background: hsla(240, 5.03%, 64.9%, 100%);
}
.dm-ao {
  --mask: linear-gradient(to bottom, transparent 0%, hsla(0,0%,100%,100%) 16px, hsla(0,0%,100%,100%) calc(100% - 16px), transparent 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  position: fixed;
  left: 80px;
  width: calc(100vw - 96px);
  scrollbar-width: none;
  bottom: var(--bottom);
  padding-top: 32px;
  padding-bottom: 16px;
  color: #fff;
  overflow: hidden;
  overflow-y: scroll;
  --e_rest: all .3s ease !important;
}
item-list {
  display: block;
}



/* src/order-list.imba?styles */
.du-ao {
  --e_ad:0ms;
  --e_af:cubic-bezier(.23, 1, .32, 1);
  --e_aw:0ms;
  --e_sd:var(--e_ad);
  --e_sf:var(--e_af);
  --e_sw:var(--e_aw);
  --e_od:var(--e_sd);
  --e_of:var(--e_sf);
  --e_ow:var(--e_sw);
  --e_cd:var(--e_sd);
  --e_cf:var(--e_sf);
  --e_cw:var(--e_sw);
  --e_bd:var(--e_sd);
  --e_bf:var(--e_sf);
  --e_bw:var(--e_sw);
  --e_td:var(--e_bd);
  --e_tf:var(--e_bf);
  --e_tw:var(--e_bw);
  --e_b:var(--e_bd) var(--e_bf) var(--e_bw);
  --e_c:var(--e_cd) var(--e_cf) var(--e_cw);
  --e_rest:any;
  transition:
    all var(--e_ad) var(--e_af) var(--e_aw),
    opacity var(--e_od) var(--e_of) var(--e_ow),
    transform var(--e_td) var(--e_tf) var(--e_tw),
    color var(--e_c),
    background-color var(--e_c),
    border-color var(--e_c),
    fill var(--e_c),
    stroke var(--e_c),
    outline-color var(--e_c),
    box-shadow var(--e_c),
    filter var(--e_c),
    inset var(--e_b),
    width var(--e_b),
    height var(--e_b),
    max-width var(--e_b),
    max-height var(--e_b),
    min-width var(--e_b),
    min-height var(--e_b),
    border-width var(--e_b),
    outline-width var(--e_b),
    stroke-width var(--e_b),
    margin var(--e_b),
    padding var(--e_b),
    var(--e_rest);
}
.du-af:not(#_):not(#_):not(#_) {
  top: var(--du_ag);
}
.du-ah:not(#_):not(#_):not(#_) {
  left: calc(100vw - 8px);
  background: #282828;
}
.du-ai:not(#_):not(#_):not(#_) {
  left: 16px;
  mask-image: var(--mask);
  -webkit-mask-image: var(--mask);
}
.du-aj:not(#_):not(#_):not(#_) {
  left: calc(40px - 100vw);
  background: #282828;
}
.du-ak:not(#_):not(#_):not(#_) {
  width: calc(100vw - 48px);
  min-height: 1px;
  background: hsla(240, 5.03%, 64.9%, 100%);
}
.du-am:not(#_):not(#_):not(#_) {
  width: calc(100vw - 48px);
  min-height: 1px;
  background: hsla(240, 5.03%, 64.9%, 100%);
}
.du-an:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 96px;
  font-size: 24px;
}
.du-ao {
  --mask: linear-gradient(to bottom, transparent 0%, hsla(0,0%,100%,100%) 16px, hsla(0,0%,100%,100%) calc(100% - 16px), transparent 100%);
  position: fixed;
  left: 100vw;
  width: calc(100vw - 32px);
  bottom: var(--bottom);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-top: 16px;
  padding-bottom: 16px;
  border-radius: 8px;
  color: #fff;
  overflow-y: scroll;
  scrollbar-width: none;
  --e_rest: all .3s ease !important;
}
order-list {
  display: block;
}



/* src/customer-data.imba?styles */
.dv-al {
  --e_ad:0ms;
  --e_af:cubic-bezier(.23, 1, .32, 1);
  --e_aw:0ms;
  --e_sd:var(--e_ad);
  --e_sf:var(--e_af);
  --e_sw:var(--e_aw);
  --e_od:var(--e_sd);
  --e_of:var(--e_sf);
  --e_ow:var(--e_sw);
  --e_cd:var(--e_sd);
  --e_cf:var(--e_sf);
  --e_cw:var(--e_sw);
  --e_bd:var(--e_sd);
  --e_bf:var(--e_sf);
  --e_bw:var(--e_sw);
  --e_td:var(--e_bd);
  --e_tf:var(--e_bf);
  --e_tw:var(--e_bw);
  --e_b:var(--e_bd) var(--e_bf) var(--e_bw);
  --e_c:var(--e_cd) var(--e_cf) var(--e_cw);
  --e_rest:any;
  transition:
    all var(--e_ad) var(--e_af) var(--e_aw),
    opacity var(--e_od) var(--e_of) var(--e_ow),
    transform var(--e_td) var(--e_tf) var(--e_tw),
    color var(--e_c),
    background-color var(--e_c),
    border-color var(--e_c),
    fill var(--e_c),
    stroke var(--e_c),
    outline-color var(--e_c),
    box-shadow var(--e_c),
    filter var(--e_c),
    inset var(--e_b),
    width var(--e_b),
    height var(--e_b),
    max-width var(--e_b),
    max-height var(--e_b),
    min-width var(--e_b),
    min-height var(--e_b),
    border-width var(--e_b),
    outline-width var(--e_b),
    stroke-width var(--e_b),
    margin var(--e_b),
    padding var(--e_b),
    var(--e_rest);
}
.dv-af:not(#_):not(#_):not(#_) {
  top: var(--dv_ag);
}
.dv-ah:not(#_):not(#_):not(#_) {
  left: 100vw;
}
.dv-ai:not(#_):not(#_):not(#_) {
  left: calc(100vw - 8px);
  mask-image: var(--mask);
  -webkit-mask-image: var(--mask);
  background: #282828;
}
.dv-aj:not(#_):not(#_):not(#_) {
  left: 16px;
}
.dv-al {
  position: fixed;
  left: 100vw;
  width: calc(100vw - 32px);
  top: 96px;
  bottom: var(--bottom);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 32px 8px 16px;
  border-radius: 8px;
  color: #fff;
  overflow-y: scroll;
  scrollbar-width: none;
  --e_rest: all .3s ease !important;
}
customer-data {
  display: block;
}



/* src/submit-form.imba?styles */
.dp-al:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 16px;
  --u_rg: 16px;
  --u_cg: 16px;
}
.dp-ao {
  display: flex;
  flex-direction: column;
  gap: 16px;
  --u_rg: 16px;
  --u_cg: 16px;
  width: 100%;
}
div.dp_ao:not(#_) {
  display: flex;
  flex-direction: column;
  gap: 8px;
  --u_rg: 8px;
  --u_cg: 8px;
  width: 100%;
}
div.dp_ao input.dp_ao:not(#_) {
  padding: 12px;
  height: 56px;
  font-size: 24px;
  background: rgba(0, 0, 0, .5);
  color: #fff;
}
div.dp_ao input.dp_ao:not(#_)::placeholder {
  color: #fff;
}
div.dp_ao textarea.dp_ao:not(#_) {
  padding: 12px;
  height: 128px;
  font-size: 24px;
  background: rgba(0, 0, 0, .5);
  color: #fff;
}
div.dp_ao textarea.dp_ao:not(#_)::placeholder {
  color: #fff;
}
div.dp_ao .dp_ao.invalid:not(#_) {
  box-shadow: 0 0 2px 2px #ef4444;
}
button.dp_ao:not(#_) {
  padding: 8px 20px;
  bottom: none;
  font-weight: 700;
  background: hsla(50.44, 97.85%, 63.53%, 100%);
}
button.dp_ao:is(:active, .\@active):not(#_) {
  background: hsla(60, 100%, 50%, 1);
}
submit-form {
  display: block;
}



/* src/cafe.imba?styles */
.dw-af:not(#_):not(#_):not(#_) {
  overflow: hidden;
  height: 100vh;
}
cafe-tag {
  display: block;
}



/* src/main.imba?styles */
.cx-af:not(#_):not(#_):not(#_) {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 16px;
  --u_rg: 16px;
  --u_cg: 16px;
  color: #fff;
}
app-tag {
  display: block;
}