@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap);
:root {
  --primary_background_color: #059BD8;
  --primary_background_shade: #baced6;
  --primary_text_color: #f9f9f9;
  --body-background_color: #f9f9f9;
  --field-background_color: #fefefe;
  --secondary_text_color: #212121;
  --padding: 4px;
  --window-padding: 10px;
  --menu-space: 10px;
  --topnav-height: 44px;
  --outset-shadow: 0 2px 8px rgb(0 0 0 / 12%);
  --dark-body-background: #212530;
  --dark-text-background: #2A303C;
  --dark-highlight-background: #424E5E;
  --dark-primary-color: #38D481;
  --dark-primary-text-color: #FBFEFF;
}

html, button, input, select, textarea,
.pure-g [class*=pure-u] {
  /* Set your content font stack here: */
  font-family: "Tahoma", sans-serif;
  font-size: var(--font-size, 12px);
}

.button-xsmall {
  font-size: 70%;
}

.button-small {
  font-size: 85%;
}

.button-large {
  font-size: 110%;
}

.button-xlarge {
  font-size: 125%;
}

html, body {
  background: var(--body-background_color);
  height: auto;
  padding: 0;
  margin: 0;
  /* overflow: auto; */
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
}

body {
  overflow: hidden;
  height: 100vh;
  /*
  &::-webkit-scrollbar {width: 4px;}
  &::-webkit-scrollbar-button {background: var(--primary_background_color);}
  &::-webkit-scrollbar-track {background: var(--field-background_color);}
  */
}

*[hidden=true] {
  display: none;
}

@keyframes login-background {
  0% {
    background-position-y: 0;
  }
  100% {
    background-position-y: -300px;
  }
}
#login {
  font-size: 12px !important;
  padding: 2.5em 1em 2em 1em;
  box-shadow: inset 0 -10px 20px rgba(0, 0, 0, 0.15);
  background-color: var(--body-background_color);
  background-image: url("/gfx/grid.png");
  background-repeat: repeat;
  background-position: center center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483647;
  display: block;
  animation: login-background 5s linear 2s infinite;
}
#login .form {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 2em 0;
  margin: 1em auto;
  max-width: 380px;
  box-sizing: border-box;
}
#login .form .logo-container {
  background: #fff;
  padding: 1em;
  box-sizing: border-box;
  margin: 0 2em;
  border-radius: 4px;
}
#login .form .logo-container img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  min-width: 100px;
}
#login .form h1 {
  padding-top: 1.1em;
  margin: 0 1em 0 1em;
  font-size: 1.9em;
  font-weight: 400;
  color: #a3a3a3;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.3em;
}
#login .form .inputs {
  padding: 1em;
}
#login .form .inputs .input:not(.inline) {
  margin-bottom: 1em;
}
#login .form .inputs .input:not(.inline) input, #login .form .inputs .input:not(.inline) label {
  box-sizing: border-box;
  font-size: 130%;
  display: block;
  padding: 0.5em 0.5em;
  outline: none;
}
#login .form .inputs .input:not(.inline) input {
  border: 1px solid #ccc;
  margin: 0 0.5em;
  width: -webkit-fill-available;
}
#login .form .inputs .inline {
  display: flex;
  gap: 1em;
  margin: 1em 2em;
  font-size: 130%;
}
#login .form .inputs .inline input, #login .form .inputs .inline label {
  flex: 1;
}
#login .form .inputs .inline input {
  max-width: min-content;
}
#login .form button {
  display: block;
  font-size: 145%;
  margin: 2em auto 1em auto;
  padding: 0.5em 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-align: center;
  transform: skewX(-10deg);
  background-color: var(--primary_background_color);
  color: #fff;
  border: none;
  line-height: normal;
  white-space: nowrap;
  vertical-align: middle;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
}
#login .form p {
  text-align: center;
  font-size: 110%;
}
#login .form a {
  color: var(--primary_background_color);
  text-decoration: none;
  line-height: 1.6;
}

#install {
  font-size: 130%;
  position: fixed;
  z-index: 241999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: var(--primary_text_color);
  background: var(--primary_background_color);
  text-align: center;
  padding: 4em 1em;
}
#install p {
  display: block;
  margin: 1em auto;
  line-height: 2;
  max-width: 600px;
  padding-left: 1em;
  padding-right: 1em;
}
#install #appinstall, #install #closeinstall {
  display: block;
  font-size: 120%;
  margin: 1em auto;
  padding: 0.5em 2em;
  border: none;
  border-radius: 8px;
  background: var(--body-background_color);
  color: var(--secondary_text_color);
  pointer-events: all;
}
#install #closeinstall {
  margin-top: 1.5em;
  font-size: 105%;
}

html body.dark {
  min-height: 100vh;
  background: var(--dark-body-background);
}
html body.dark .menu-button:hover {
  color: #FBFEFF;
}
html body.dark input, html body.dark textarea, html body.dark option, html body.dark select, html body.dark .settings select {
  background: var(--dark-body-background);
}
html body.dark main, html body.dark main > div, html body.dark > div#settings.settings {
  background: var(--dark-text-background);
}
html body.dark main::-webkit-scrollbar-track, html body.dark body > .settings::-webkit-scrollbar-track {
  background: #131414;
}
html body.dark main::-webkit-scrollbar-thumb, html body.dark body > .settings::-webkit-scrollbar-thumb {
  background: #2a2d2d;
}
html body.dark .topnav, html body.dark #menu, html body.dark #login, html body.dark #login .form {
  background-color: var(--dark-highlight-background);
}
html body.dark #menu .menu-contents ul li {
  color: #FBFEFF;
}
html body.dark #menu .menu-contents ul li:not(.subtitle) {
  background: #A6B2C2;
}
html body.dark h1, html body.dark h2, html body.dark h3, html body.dark h4, html body.dark h5, html body.dark label, html body.dark p, html body.dark td, html body.dark button, html body.dark input, html body.dark textarea, html body.dark option, html body.dark span, html body.dark select, html body.dark option {
  color: var(--dark-primary-text-color);
}
html body.dark button, html body.dark input, html body.dark textarea, html body.dark canvas, html body.dark select, html body.dark option {
  border: 1px solid #60656F;
}
html body.dark button.pure-button.pure-button-primary, html body.dark #login .form button {
  background-color: var(--dark-primary-color);
  border: none;
}
html body.dark button.pure-button.pure-button-secondary {
  background: #BB5107;
  border: none;
}

body main#main button:not(.pure-button-primary) {
  color: #222;
}

.form input:not([type=checkbox]):not([type=radio]) {
  padding: 0 0.1em 0.5em 0.1em;
  border: none;
  border-bottom: 1px solid #eee;
  outline: none;
  box-shadow: none;
  border-radius: 0;
}
.form input::-webkit-outer-spin-button,
.form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.form body {
  margin: 1em 0.5em;
}

h4 {
  margin: 0 0 1em 0;
  line-height: 1.9;
}

.topnav {
  /* size */
  padding: calc(var(--padding) * 2) var(--window-padding);
  font-size: 25px;
  /* display */
  display: grid;
  grid-template-columns: 40px auto 40px;
}
.topnav .menu-button {
  display: inline-block;
  width: fit-content;
  transition: 0.4s;
}
.topnav .menu-button:hover {
  cursor: pointer;
  color: var(--secondary_text_color);
}
.topnav .title, .topnav #application_title {
  font-size: 18px;
  padding: 4px 0 0 0;
}
.topnav .title:before, .topnav #application_title:before {
  content: "»";
  padding-right: var(--padding);
  vertical-align: text-top;
}
.topnav .title span, .topnav #application_title span {
  padding-left: 0.5em;
}
.topnav .settings {
  text-align: right;
}

.topnav, #menu, #back {
  position: fixed;
  top: 0;
  left: 0;
}

.topnav, #back {
  right: 0;
}

#menu, #back {
  bottom: 0;
  transition: 0.2s;
}

.topnav, #menu {
  background-color: var(--primary_background_color);
  color: var(--primary_text_color);
  z-index: 9;
}

#menu {
  margin-left: -300px;
  width: 300px;
  z-index: 2;
}
#menu .menu-contents {
  margin: calc(var(--topnav-height) + var(--window-padding)) 0 calc(var(--window-padding) * 4) var(--window-padding);
  padding-right: var(--window-padding);
  height: -webkit-fill-available;
}
#menu .menu-contents ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#menu .menu-contents ul li:not(.subtitle) {
  background: var(--primary_text_color);
}
#menu .menu-contents ul li:not(.subtitle):hover, #menu .menu-contents ul li:not(.subtitle):active {
  cursor: pointer;
  background: var(--secondary_text_color);
  color: var(--primary_text_color);
}
#menu .menu-contents ul li {
  padding: calc(var(--padding) * 2);
  border-radius: var(--padding);
  margin-bottom: var(--menu-space);
  color: var(--secondary_text_color);
}
#menu .menu-contents ul li span {
  padding-left: var(--padding);
}
#menu .menu-contents ul li.subtitle {
  color: #FBFEFF;
}
#menu .menu-contents::-webkit-scrollbar {
  width: 4px;
}
#menu .menu-contents::-webkit-scrollbar-track {
  background: var(--primary_text_color);
}
#menu .menu-contents::-webkit-scrollbar-thumb {
  background: var(--primary_background_color);
}
#menu .menu-contents .logo {
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: var(--window-padding);
  left: var(--window-padding);
  pointer-events: all;
}
#menu .menu-contents .logout {
  position: absolute;
  bottom: var(--window-padding);
  right: calc(var(--window-padding) + 32px);
  left: calc(var(--window-padding) + 32px);
  height: 32px;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
}
#menu .menu-contents .logout:hover {
  cursor: pointer;
  text-decoration: underline;
}
#menu .menu-contents .version {
  text-align: right;
  padding: 10px;
  box-sizing: border-box;
  width: 192px;
  height: 32px;
  position: absolute;
  bottom: var(--window-padding);
  right: var(--window-padding);
  pointer-events: none;
}
#menu .menu-contents .logout, #menu .menu-contents .version {
  font-size: 14px !important;
}

#back {
  opacity: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.85);
}

main, body > .settings {
  z-index: 10;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  box-sizing: border-box;
  margin-top: var(--topnav-height);
  height: -webkit-fill-available;
}
main::-webkit-scrollbar, body > .settings::-webkit-scrollbar {
  width: 4px;
}
main::-webkit-scrollbar-track, body > .settings::-webkit-scrollbar-track {
  background: var(--primary_text_color);
}
main::-webkit-scrollbar-thumb, body > .settings::-webkit-scrollbar-thumb {
  background: var(--primary_background_color);
}
main select, main input:not([type=checkbox]), body > .settings select, body > .settings input:not([type=checkbox]) {
  box-sizing: border-box;
  display: block;
  outline: none;
  width: 100%;
  padding: 0.5em 1em;
}

main, body > .settings {
  overflow-y: scroll;
}

main {
  /* Container div width restriction. */
  height: calc(100vh - var(--topnav-height));
}
main > div {
  background: var(--field-background_color);
  max-width: 800px;
  margin: 0 auto;
  overflow: visible;
  padding: var(--window-padding) var(--window-padding) calc(var(--padding) * 10) var(--window-padding);
}
main p, main label {
  line-height: 1.6;
}
main input {
  box-sizing: border-box;
  outline: none;
  border-radius: 2px;
  border: 1px solid #ccc;
  height: calc(var(--font-size, 12px) * 1.59);
  width: 100%;
  padding: 0 4px;
  margin: 0;
}
main input[readonly] {
  background: var(--primary_background_shade);
}
main input[type=checkbox] {
  width: auto;
  padding: 0;
  height: auto;
}
main .input.checkbox {
  margin: 0.5em 0;
}
main .input.checkbox label {
  margin-left: 0.5em;
}
main.map {
  overflow-y: hidden;
  overflow-x: hidden;
}

.camera-area {
  margin: 0.5em 0;
  background-color: #000;
  width: 100%;
  box-sizing: border-box;
  aspect-ratio: 9/12;
  max-height: 640px;
  content: "Toksa, et uuendada pilti.";
  text-align: center;
  vertical-align: middle;
  color: #fff;
}

body > .settings {
  background: var(--body-background_color);
  transition: 0.2s;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  width: -webkit-fill-available;
  padding: 1em;
}
body > .settings .input {
  margin-bottom: 1em;
}
body > .settings .input label, body > .settings .input input {
  display: block;
}
body > .settings .input label {
  margin-bottom: 0.5em;
}
body > .settings .input input {
  width: 100%;
}

main > div:has(.Map) {
  max-width: 100%;
  height: inherit;
  padding: 0;
  overflow: hidden;
}

main > div > .Map > .editor .VisualEditor,
main > div > .Map > .editor .ctx {
  margin-top: calc((1lh + 0.75em) * -1);
}

.Input_Synced:not(template) {
  margin-bottom: 1em;
}
.Input_Synced:not(template) > div.input {
  display: flex;
}
.Input_Synced:not(template) > div.input input, .Input_Synced:not(template) > div.input button {
  flex: 1;
  border: none;
  outline: none;
}
.Input_Synced:not(template) > div.input input {
  box-sizing: content-box;
  border-radius: 4px 0 0 0;
  border-top: 1px solid var(--primary_background_shade);
  border-left: 1px solid var(--primary_background_shade);
}
.Input_Synced:not(template) > div.input button {
  max-width: min-content;
  padding: 0.5em;
  aspect-ratio: 1/1;
  border-radius: 0 4px 0 0;
  border-top: 1px solid var(--primary_background_shade);
  border-right: 1px solid var(--primary_background_shade);
}
.Input_Synced:not(template) div.options {
  background-color: var(--field-background_color);
  border-radius: 0 0 4px 4px;
  border-top: 1px dashed var(--primary_background_shade);
  border-bottom: 1px solid var(--primary_background_shade);
  border-right: 1px solid var(--primary_background_shade);
  border-left: 1px solid var(--primary_background_shade);
  padding: 0.5em 0.5em 0 0.5em;
}
.Input_Synced:not(template) div.options .option {
  padding: 0.5em 0.5em;
  margin-bottom: 0.5em;
  display: inline-block;
}
.Input_Synced:not(template) div.options .option sub {
  opacity: 0.25;
}
.Input_Synced:not(template) div.options .option:hover, .Input_Synced:not(template) div.options .option:active {
  background-color: var(--primary_background_color) !important;
  color: var(--primary_text_color) !important;
}
.Input_Synced:not(template) div.overlay, .Input_Synced:not(template) div.popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--body-background_color);
}
.Input_Synced:not(template) div.overlay, .Input_Synced:not(template) div.popup {
  z-index: 9;
}
.Input_Synced:not(template) div.overlay .header, .Input_Synced:not(template) div.overlay .buttons, .Input_Synced:not(template) div.popup .header, .Input_Synced:not(template) div.popup .buttons {
  height: 78px;
  display: flex;
  gap: 0em;
  align-items: center;
  margin: 0 1em;
}
.Input_Synced:not(template) div.overlay .header, .Input_Synced:not(template) div.popup .header {
  display: flex;
  text-wrap: nowrap;
}
.Input_Synced:not(template) div.overlay .header > span, .Input_Synced:not(template) div.popup .header > span {
  font-size: 2rem;
  height: 78px;
  display: block;
  line-height: 78px;
  padding: 0;
}
.Input_Synced:not(template) div.overlay .header div, .Input_Synced:not(template) div.popup .header div {
  flex: 1;
}
.Input_Synced:not(template) div.overlay .header div:first-child, .Input_Synced:not(template) div.popup .header div:first-child {
  text-align: right;
}
.Input_Synced:not(template) div.overlay .header div:nth-child(2), .Input_Synced:not(template) div.popup .header div:nth-child(2) {
  max-width: min-content;
  padding: 1em;
}
.Input_Synced:not(template) div.overlay .header div > span, .Input_Synced:not(template) div.popup .header div > span {
  vertical-align: middle;
  line-height: 4.3;
  text-transform: uppercase;
}
.Input_Synced:not(template) div.overlay > div.list, .Input_Synced:not(template) div.overlay > div.body, .Input_Synced:not(template) div.popup > div.list, .Input_Synced:not(template) div.popup > div.body {
  padding: 0.5em 0.5em 0 0.5em;
  height: calc(100vh - 156px - 0.5em);
  background-color: var(--field-background_color);
  overflow-y: scroll;
}
.Input_Synced:not(template) div.overlay > div.list .option, .Input_Synced:not(template) div.overlay > div.body .option, .Input_Synced:not(template) div.popup > div.list .option, .Input_Synced:not(template) div.popup > div.body .option {
  padding: 0.5em 0.5em;
}
.Input_Synced:not(template) div.overlay > div.list .option:active, .Input_Synced:not(template) div.overlay > div.body .option:active, .Input_Synced:not(template) div.popup > div.list .option:active, .Input_Synced:not(template) div.popup > div.body .option:active {
  background-color: var(--primary_background_color) !important;
  color: var(--primary_text_color) !important;
}
.Input_Synced:not(template) div.overlay > div.list .option:first-child, .Input_Synced:not(template) div.overlay > div.body .option:first-child, .Input_Synced:not(template) div.popup > div.list .option:first-child, .Input_Synced:not(template) div.popup > div.body .option:first-child {
  border-top: 1px solid var(--primary_background_shade);
  border-radius: 4px 4px 0 0;
}
.Input_Synced:not(template) div.overlay > div.list .option:nth-child(odd), .Input_Synced:not(template) div.overlay > div.body .option:nth-child(odd), .Input_Synced:not(template) div.popup > div.list .option:nth-child(odd), .Input_Synced:not(template) div.popup > div.body .option:nth-child(odd) {
  background-color: rgba(221, 221, 221, 0.0666666667);
}
.Input_Synced:not(template) div.overlay > div.list .option:last-child, .Input_Synced:not(template) div.overlay > div.body .option:last-child, .Input_Synced:not(template) div.popup > div.list .option:last-child, .Input_Synced:not(template) div.popup > div.body .option:last-child {
  border-bottom: 1px solid var(--primary_background_shade);
  border-radius: 0 0 4px 4px;
}
.Input_Synced:not(template) div.overlay > div.list .option .edit, .Input_Synced:not(template) div.overlay > div.body .option .edit, .Input_Synced:not(template) div.popup > div.list .option .edit, .Input_Synced:not(template) div.popup > div.body .option .edit {
  display: inline-block;
  float: right;
  cursor: pointer;
}
.Input_Synced:not(template) div.overlay div.buttons div.button, .Input_Synced:not(template) div.popup div.buttons div.button {
  flex: 1;
}
.Input_Synced:not(template) div.overlay div.buttons div.button button, .Input_Synced:not(template) div.popup div.buttons div.button button {
  max-width: min-content;
  margin: 0 auto;
  display: block;
}

body.dark main .Input_Synced:not(template) div.options {
  background-color: var(--dark-text-background);
}
body.dark main .Input_Synced:not(template) div.options .option {
  color: var(--dark-primary-text-color);
}
body.dark main .Input_Synced:not(template) div.options .option:hover, body.dark main .Input_Synced:not(template) div.options .option:active {
  background-color: var(--dark-primary-color) !important;
  color: var(--dark-primary-text-color) !important;
}
body.dark main .Input_Synced:not(template) div.overlay, body.dark main .Input_Synced:not(template) div.popup {
  background-color: var(--dark-text-background);
}
body.dark main .Input_Synced:not(template) div.overlay div.header, body.dark main .Input_Synced:not(template) div.popup div.header {
  color: var(--dark-primary-text-color);
}
body.dark main .Input_Synced:not(template) div.overlay div.list, body.dark main .Input_Synced:not(template) div.overlay div.body, body.dark main .Input_Synced:not(template) div.popup div.list, body.dark main .Input_Synced:not(template) div.popup div.body {
  background-color: var(--dark-body-background);
}
body.dark main .Input_Synced:not(template) div.overlay div.list .option, body.dark main .Input_Synced:not(template) div.overlay div.body .option, body.dark main .Input_Synced:not(template) div.popup div.list .option, body.dark main .Input_Synced:not(template) div.popup div.body .option {
  color: var(--dark-primary-text-color);
}
body.dark main .Input_Synced:not(template) div.overlay div.list .option:active, body.dark main .Input_Synced:not(template) div.overlay div.body .option:active, body.dark main .Input_Synced:not(template) div.popup div.list .option:active, body.dark main .Input_Synced:not(template) div.popup div.body .option:active {
  background-color: var(--dark-primary-color) !important;
  color: var(--dark-primary-text-color) !important;
}

.Input_Barcode:not(template) {
  margin-bottom: 1em;
}
.Input_Barcode:not(template) > div.input {
  display: flex;
  border: 1px solid var(--primary_background_shade);
  border-radius: 4px;
}
.Input_Barcode:not(template) > div.input input, .Input_Barcode:not(template) > div.input button {
  flex: 1;
  border: none;
  outline: none;
}
.Input_Barcode:not(template) > div.input input {
  box-sizing: content-box;
}
.Input_Barcode:not(template) > div.input button {
  max-width: min-content;
  padding: 0.5em;
  aspect-ratio: 1/1;
}
.Input_Barcode:not(template) > div.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background-color: var(--body-background_color);
}
.Input_Barcode:not(template) > div.overlay div.camera-area {
  min-height: calc(100vh - 1.5em - 78px);
  height: calc(100vh - 1.5em - 78px);
  max-height: calc(100vh - 1.5em - 78px);
  aspect-ratio: initial;
  overflow: hidden;
}
.Input_Barcode:not(template) > div.overlay div.buttons {
  display: flex;
  align-items: center;
  height: 78px;
  gap: 2em;
  margin: 0 1em;
}
.Input_Barcode:not(template) > div.overlay div.buttons div.button {
  flex: 1;
}
.Input_Barcode:not(template) > div.overlay div.buttons div.button button {
  max-width: min-content;
  margin: 0 auto;
  display: block;
}

body.dark main .Input_Barcode:not(template) > div.overlay {
  background-color: var(--dark-text-background);
}

.Input_History:not(template) {
  margin-bottom: 1em;
}
.Input_History:not(template) > div.input {
  display: flex;
  border: 1px solid var(--primary_background_shade);
  border-radius: 4px;
}
.Input_History:not(template) > div.input input, .Input_History:not(template) > div.input button {
  flex: 1;
  border: none;
  outline: none;
}
.Input_History:not(template) > div.input input {
  box-sizing: content-box;
}
.Input_History:not(template) > div.input button {
  max-width: min-content;
  padding: 0.5em;
  aspect-ratio: 1/1;
}
.Input_History:not(template) > div.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background-color: var(--body-background_color);
}
.Input_History:not(template) > div.overlay > div.options {
  background-color: var(--field-background_color);
  padding: 0.5em 0.5em 0 0.5em;
  height: calc(100vh - 78px - 0.5em);
  overflow-y: scroll;
}
.Input_History:not(template) > div.overlay > div.options .option {
  padding: 0.5em 0.5em;
}
.Input_History:not(template) > div.overlay > div.options .option:active {
  background-color: var(--primary_background_color) !important;
  color: var(--primary_text_color) !important;
}
.Input_History:not(template) > div.overlay > div.options .option:first-child {
  border-top: 1px solid var(--primary_background_shade);
  border-radius: 4px 4px 0 0;
}
.Input_History:not(template) > div.overlay > div.options .option:nth-child(odd) {
  background-color: rgba(221, 221, 221, 0.0666666667);
}
.Input_History:not(template) > div.overlay > div.options .option:last-child {
  border-bottom: 1px solid var(--primary_background_shade);
  border-radius: 0 0 4px 4px;
}
.Input_History:not(template) > div.overlay div.buttons {
  display: flex;
  align-items: center;
  height: 78px;
  gap: 2em;
  margin: 0 1em;
}
.Input_History:not(template) > div.overlay div.buttons div.button {
  flex: 1;
}
.Input_History:not(template) > div.overlay div.buttons div.button button {
  max-width: min-content;
  margin: 0 auto;
  display: block;
}

body.dark main .Input_History:not(template) > div.overlay {
  background-color: var(--dark-text-background);
}
body.dark main .Input_History:not(template) > div.overlay div.options {
  background-color: var(--dark-body-background);
}
body.dark main .Input_History:not(template) > div.overlay div.options .option {
  color: var(--dark-primary-text-color);
}
body.dark main .Input_History:not(template) > div.overlay div.options .option:active {
  background-color: var(--dark-primary-color) !important;
  color: var(--dark-primary-text-color) !important;
}

.select {
  position: relative;
  display: inline-block;
}
.select select {
  cursor: pointer;
  padding: 5px 10px;
  -webkit-appearance: none;
}
.select select option {
  padding: 4px 0;
}
.select .fa.fa-angle-down, .select .fa.fa-angle-up {
  position: absolute;
  right: 10px;
  top: 14px;
  font-size: 12px;
  pointer-events: none;
}
.select .fa.fa-angle-up {
  display: none;
}
.select.opened .fa.fa-angle-up {
  display: block;
}
.select.opened .fa.fa-angle-down {
  display: none;
}

/*
@import '../javascript/components/select';

@import '../javascript/components/tooltip';
@import '../javascript/components/tree';
@import '../javascript/components/overlay';

@import '../javascript/components/popup';
@import '../javascript/components/popsheet';


@import '../javascript/components/chart';
@import '../javascript/components/chart_horbars';

@import '../javascript/components/icon_button';
@import '../javascript/components/icon_stat';
@import '../javascript/components/icon_toggle';

@import '../javascript/components/ui_topnav';
@import '../javascript/components/ui_bottomnav';
@import '../javascript/components/ui_vertsep';
@import '../javascript/components/ui_modulecontainer';
@import '../javascript/components/ui_modulebody';
@import '../javascript/components/ui_slidemenu';
@import '../javascript/components/ui_menuelement';
@import '../javascript/components/ui_page';

@import '../javascript/components/content_tabs';

@import '../javascript/components/progress_segmented';

@import '../javascript/components/footer_minimal';
*/

/*# sourceMappingURL=style.css.map */