/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/less-loader/dist/cjs.js!./src/mobile.less ***!
  \**********************************************************************************************************/
.WdePrimitives.AdjectiveElement,
#controls-bar {
  border: 1px solid #555555;
}
#mobile-sunboard {
  width: 100%;
  height: 100%;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
#icons {
  width: 100%;
  height: 100%;
  background-color: #9999CC;
}
.apps-list {
  /* Auto layout */
  display: flex;
  padding: 64px 32px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 103px 18px;
  flex: 1 0 0;
  align-self: stretch;
  flex-wrap: wrap;
}
.app-icon {
  width: 100px;
  height: 100px;
  /* Auto layout */
  display: flex;
  padding: 4px 8px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.app-icon .icon {
  width: 64px;
  height: 64px;
  background-color: beige;
}
body {
  zoom: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0px;
  /* font: normal 14px Summer Pixel 22, "res/SummerPixel22Regular.ttf"; */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  touch-action: manipulation;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
#mobile-app-views {
  width: 100%;
  height: 100%;
}
#controls-bar {
  width: 100%;
  height: 150px;
  background-color: #C0C0C0;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.mobile-app-view {
  width: 100%;
  height: 100%;
}