@charset "UTF-8";
/* stylelint-disable order/properties-alphabetical-order */
/* stylelint-enable */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, figure, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  color: inherit;
}

:focus {
  outline: 0;
}

body {
  line-height: normal;
  color: #000;
  font-size: 10px;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

button, input[type=submit], input[type=button], input[type=reset] {
  font-size: 100%;
  cursor: pointer;
  width: auto;
  overflow: visible;
}

button[disabled], input[type=submit][disabled], input[type=button][disabled], input[type=reset][disabled] {
  cursor: default;
}

sup {
  font-size: 0.75em;
}

section, header, footer, main, nav, article, aside, figure, dialog, hgroup {
  display: block;
}

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

a[href], button {
  text-decoration: none;
}
a[href]:active, button:active {
  opacity: 0.5;
}

html, body {
  font-size: 16px;
  font-family: roboto, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  background: #111;
}

body {
  color: #fff;
  max-width: 440px;
  margin: 0 auto;
}

body > header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  pointer-events: none;
}

body > header > h1 {
  line-height: 2.75rem;
  padding: 0 1rem;
  color: white;
  margin: 0 4rem;
  text-align: center;
  white-space: nowrap;
  text-overflow: "...";
  text-overflow: ellipsis;
}
body > header > h1:empty::before {
  content: "Locating…";
}

figure.map {
  overflow: hidden;
  pointer-events: none;
}

figure.camera {
  user-select: none !important;
  pointer-events: all;
  cursor: pointer;
  overflow: hidden;
}
figure.camera.capture button[data-action=capture] {
  background-color: black;
}
figure.camera video, figure.camera img {
  object-fit: cover;
}
figure.camera video, figure.camera img, figure.camera input, figure.camera select {
  height: 100%;
  width: 100%;
}
figure.camera img, figure.camera input, figure.camera select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
figure.camera input, figure.camera select {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  font-family: inherit;
  font-size: 100%;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
}
figure.camera input[type=password], figure.camera select[type=password] {
  font-family: caption;
  font-family: small-caption;
}
@media only screen {
  figure.camera input[type=password], figure.camera select[type=password] {
    font-family: inherit;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
figure.camera > input[type=file] {
  z-index: 1;
}
figure.camera img {
  z-index: 2;
}
figure.camera > form,
figure.camera > data {
  display: inline-block;
  line-height: 2.75rem;
  height: 2.75rem;
  position: relative;
  font-size: 14px;
  vertical-align: top;
  z-index: 10;
}
figure.camera > data {
  font-size: 14px;
}
figure.camera > data.qr[value=true]::after {
  content: "Auto";
}
figure.camera > data.lpr[value=click]::after {
  content: "Tap";
}
figure.camera > data::before {
  background: transparent none no-repeat 50% 50%;
  background-size: auto 14px;
  content: " ";
  display: inline-block;
  width: 18px;
  margin-right: 0.5em;
}
figure.camera > data.qr::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='25' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.344 3.214h8v8h-8v-8zm1.572 1.572v4.821h4.821V4.786H4.916zm1.607 1.607H8.13V8H6.523V6.393zm6.393-3.179h8v8h-8v-8zm1.607 1.572v4.821h4.821V4.786h-4.821zm1.607 1.607h1.607V8H16.13V6.393zM3.344 12.786h8v8h-8v-8zm1.572 1.607v4.821h4.821v-4.821H4.916zM6.523 16H8.13v1.607H6.523V16zm6.393-3.214h1.607v1.607h-1.607v-1.607zm0 4.821h1.607v1.607h-1.607v-1.607zm0 1.607h1.607v1.572h-1.607v-1.572zm0-4.821h1.607V16h-1.607v-1.607zM14.523 16h1.607v1.607h-1.607V16zm0 1.607h1.607v1.607h-1.607v-1.607zm4.821 1.607h1.572v1.572h-1.572v-1.572zm0-1.607h1.572v1.607h-1.572v-1.607zm-3.214 0h1.607v1.607H16.13v-1.607zm0 1.607h1.607v1.572H16.13v-1.572zm0-6.428h1.607v1.607H16.13v-1.607zm0 1.607h1.607V16H16.13v-1.607zm1.607 0h1.607V16h-1.607v-1.607zm0 1.607h1.607v1.607h-1.607V16zm1.607-1.607h1.572V16h-1.572v-1.607zm0-1.607h1.572v1.607h-1.572v-1.607zM1.737 20.82c0 .858.714 1.572 1.572 1.572H20.95c.858 0 1.572-.714 1.572-1.572V3.18c0-.858-.714-1.572-1.572-1.572H3.31c-.858 0-1.572.714-1.572 1.572V20.82zM3.31 0H20.95a3.186 3.186 0 0 1 3.179 3.179V20.82A3.186 3.186 0 0 1 20.951 24H3.31A3.186 3.186 0 0 1 .13 20.821V3.18A3.186 3.186 0 0 1 3.309 0z' fill='%23fff'/%3E%3C/svg%3E");
}
figure.camera > data.lpr::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='30' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 8.046c0-.875-.735-1.644-1.644-1.644h-1.89l-1.433-3.603c-.315-.875-1.4-1.82-2.31-2.1 0 0-2.378-.699-7.38-.699C10.375 0 7.96.7 7.96.7c-.944.28-1.959 1.224-2.309 2.099L4.253 6.402H2.364c-.874 0-1.644.77-1.644 1.644 0 .91.77 1.61 1.644 1.61h.63l-.455 1.258c-.385.945-.63 2.45-.63 3.429v7.626c0 1.084.875 2.029 1.994 2.029 1.155 0 2.1-.945 2.1-2.03v-1.154h18.715v1.155c0 1.084.944 2.029 2.029 2.029 1.12 0 2.064-.945 2.064-2.03v-7.625c0-.98-.28-2.484-.665-3.429l-.455-1.259h.665c.91 0 1.644-.7 1.644-1.61zM5.897 8.57l1.645-4.513c.104-.28.454-.595.804-.595h14.028c.35 0 .665.315.77.595l1.644 4.513c.105.28-.035.49-.35.49H6.318c-.386 0-.526-.21-.42-.49zm.245 7.8c-1.084 0-1.959-.839-1.959-1.923 0-1.015.875-1.854 1.96-1.854.979 0 1.853.84 1.853 1.854 0 1.084-.874 1.924-1.854 1.924zm18.436 0c-1.05 0-1.854-.839-1.854-1.923 0-1.015.804-1.854 1.854-1.854 1.084 0 1.924.84 1.924 1.854 0 1.084-.84 1.924-1.924 1.924z' fill='%23fff'/%3E%3C/svg%3E");
}
figure.camera form {
  position: absolute;
  top: 0;
  z-index: 3;
}
figure.camera form:nth-child(1) {
  left: 0;
}
figure.camera form:nth-child(2) {
  right: 0;
}
figure.camera form label {
  padding: 0 0.25rem;
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 4em;
  height: 100%;
}
figure.camera form label.photo {
  background: transparent none no-repeat 50% 50%;
  background-size: auto 19px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='96' height='78' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff'%3E%3Cpath d='M11.3 55.4L6.4 19.3c-.4-2.7 1.5-5.1 4.2-5.5l51.8-7.1h.7c2.4 0 4.5 1.8 4.8 4.2l.4 3h5.9l-.5-3.7c-.4-2.8-1.8-5.3-4.1-7.1C67.3 1.4 64.5.6 61.7 1L9.8 8c-5.9.8-10 6.2-9.2 12.1l4.9 36.1c.7 5.3 5.3 9.2 10.6 9.2h.2v-5.9c-2.4.2-4.6-1.6-5-4.1z'/%3E%3Cpath d='M84.8 19.3H32.5c-5.9 0-10.7 4.8-10.7 10.7v36.4c0 5.9 4.8 10.7 10.7 10.7h52.3c5.9 0 10.7-4.8 10.7-10.7V30c0-5.9-4.8-10.7-10.7-10.7zm-52.3 5.8h52.3c2.7 0 4.8 2.2 4.8 4.8v30.6L74.2 42.9c-2.6-3-7.2-3-9.8 0L51.2 58.2l-4.8-5.3c-2.4-2.7-6.6-2.7-9 0l-9.7 10.7V30c-.1-2.7 2.1-4.9 4.8-4.9zm9.3 18.7a5.8 5.8 0 1 0 0-11.6 5.8 5.8 0 0 0 0 11.6z'/%3E%3C/g%3E%3C/svg%3E");
}
figure.camera form label input:checked + span {
  color: #fdbe00;
}
figure.camera form label select {
  color: white;
  text-align: center;
}
figure.camera iframe {
  display: block;
  user-select: none;
  pointer-events: none !important;
  background: transparent;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
figure.camera button[data-action] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  font-family: inherit;
  font-size: 100%;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
figure.camera button[data-action][type=password] {
  font-family: caption;
  font-family: small-caption;
}
@media only screen {
  figure.camera button[data-action][type=password] {
    font-family: inherit;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
figure.camera button[data-action=capture] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  background: transparent none no-repeat;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  touch-action: manipulation;
  transition: background-color 100ms;
  background-position: 0 0, 50% 50%, 50% 90%;
  background-size: cover, contain, 20% auto;
  background-image: radial-gradient(circle at 50% 50%, transparent 60%, rgba(0, 0, 0, 0.7) 100%), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='375' height='240' fill='none'%3E%3Cpath stroke='%23fff' stroke-dasharray='6 6' stroke-width='2' stroke-linejoin='round' stroke-opacity='.5' d='M315.992 72.09c0-7.714-6.36-14.016-14.138-14.016h-16.9L272.699 26.47c-3.051-7.85-12.209-16.163-20.362-18.479 0 0-21.155-5.99-64.845-5.99s-64.844 5.998-64.844 5.998c-8.16 2.308-17.319 10.62-20.362 18.479L90.031 58.082h-16.9C65.361 58.082 59 64.391 59 72.097c0 7.713 6.36 14.015 14.131 14.015h6.032l-4.346 11.213c-3.05 7.85-5.537 21.151-5.537 29.563v66.271c0 9.816 8.099 17.841 17.99 17.841 9.891 0 17.99-8.032 17.99-17.841v-10.196h164.48v10.196c0 9.816 8.099 17.841 17.99 17.841 9.891 0 17.99-8.032 17.99-17.841v-66.271c0-8.412-2.494-21.72-5.537-29.563l-4.354-11.213h6.032c7.771 0 14.139-6.31 14.139-14.015l-.008-.008z'/%3E%3Cpath stroke='url(%23paint0_linear)' stroke-width='6' d='M295 124l85 114' opacity='.7'/%3E%3Cpath stroke='url(%23paint1_linear)' stroke-width='6' d='M79 119L-5 233' opacity='.7'/%3E%3Cpath stroke='%2324FF00' stroke-width='3' d='M163 124h50M188 109v30'/%3E%3Cpath fill='%23CF0' fill-opacity='.7' fill-rule='evenodd' d='M143.57 107a46.867 46.867 0 00-3.57 18c0 4.876.742 9.578 2.12 14h1.049A45.963 45.963 0 01141 125a45.855 45.855 0 013.655-18h-1.085zm85.775 0A45.855 45.855 0 01233 125c0 4.882-.76 9.586-2.169 14h1.049a46.981 46.981 0 002.12-14c0-6.376-1.27-12.456-3.57-18h-1.085z' clip-rule='evenodd'/%3E%3Cpath fill='%23F90' fill-opacity='.5' fill-rule='evenodd' d='M130.063 97c-3.888 8.183-6.063 17.338-6.063 27a62.804 62.804 0 004.772 24.094h1.084A61.802 61.802 0 01125 124c0-9.678 2.217-18.838 6.172-27h-1.109zm112.765 0c3.955 8.162 6.172 17.322 6.172 27a61.802 61.802 0 01-4.856 24.094h1.084A62.804 62.804 0 00250 124c0-9.662-2.175-18.817-6.063-27h-1.109z' clip-rule='evenodd'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='325' x2='392.117' y1='123.381' y2='215.317' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='49' x2='-18.519' y1='118.381' y2='209.018' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='67' height='67' fill='none'%3E%3Ccircle cx='33.5' cy='33.5' r='33.5' fill='%2324FF00'/%3E%3Ccircle cx='33.5' cy='33.5' r='26.5' fill='%23fff' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}
figure.camera button[data-action=torch] {
  height: 2.75rem;
  width: 2.75rem;
  border-radius: 1.375rem;
  background: transparent none no-repeat 50% 50%;
  background-size: auto 19px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.246 6.554h-6.257l2.037-5.105a.79.79 0 0 0-.154-.805c-.2-.234-.52-.374-.864-.38H4.969c-.481-.005-.91.254-1.055.638L.241 10.839a.792.792 0 0 0 .165.818c.209.234.54.37.89.367h5.42l-1.02 8.357c-.049.408.234.794.692.942l.4.06c.343 0 .667-.134.873-.364L19.119 8.013a.79.79 0 0 0 .103-.955c-.185-.309-.563-.504-.976-.504z' fill='%23fff' /%3E%3C/svg%3E");
}
figure.camera button[data-action=torch]:disabled, figure.camera button[data-action=torch][disabled] {
  opacity: 0.5;
  display: none !important;
}
figure.camera button[data-action=torch]:active {
  background-color: rgba(0, 0, 0, 0.25);
}
figure.camera button[data-action=torch][value=true] {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.246 6.554h-6.257l2.037-5.105a.79.79 0 0 0-.154-.805c-.2-.234-.52-.374-.864-.38H4.969c-.481-.005-.91.254-1.055.638L.241 10.839a.792.792 0 0 0 .165.818c.209.234.54.37.89.367h5.42l-1.02 8.357c-.049.408.234.794.692.942l.4.06c.343 0 .667-.134.873-.364L19.119 8.013a.79.79 0 0 0 .103-.955c-.185-.309-.563-.504-.976-.504z' fill='%23fdbe00' /%3E%3C/svg%3E");
}
figure.camera[data-action=detect] button[data-action=open], figure.camera[data-action=detect]:empty {
  display: none !important;
}
figure.camera[data-action=detect] iframe, figure.camera[data-action=detect] button {
  position: absolute;
}
figure.camera[data-action=detect] button[data-action=capture],
figure.camera[data-action=detect] iframe {
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
figure.camera[data-action=detect] button[data-action=torch] {
  position: fixed;
  right: 0;
  top: 0;
}
figure.camera[data-action=manual] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-size: 25% auto;
  text-align: center;
}
figure.camera[data-action=manual] video,
figure.camera[data-action=manual] button[data-action=torch],
figure.camera[data-action=manual] button[data-action=capture] {
  display: none !important;
}
figure.camera[data-action=manual]::before {
  content: "";
  display: block;
  height: 20%;
  background: transparent none no-repeat 50% 50%;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='137' height='120'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M68.232 51.422c-6.973 0-12.713 5.74-12.713 12.709 0 6.867 5.74 12.606 12.713 12.606 7.071 0 12.607-5.74 12.607-12.606 0-6.97-5.536-12.71-12.607-12.71zm33.825-12.815H91.909c-1.335 0-2.973-1.025-3.28-2.357l-2.667-7.893C85.655 27.025 84.119 26 82.682 26H53.778c-1.336 0-2.77 1.025-3.178 2.357l-2.668 7.893c-.306 1.332-1.945 2.357-3.382 2.357H34.403c-4.612 0-8.403 3.999-8.403 8.611v37.926c0 4.817 3.791 8.506 8.403 8.506h67.654c4.816 0 8.505-3.69 8.505-8.506V47.218c0-4.612-3.689-8.611-8.505-8.611zM68.232 85.144c-11.585 0-21.218-9.432-21.218-21.013 0-11.79 9.633-21.219 21.218-21.219 11.581 0 21.112 9.43 21.112 21.219 0 11.581-9.53 21.013-21.112 21.013zM99.185 53.06c-1.744 0-3.076-1.332-3.076-2.872 0-1.638 1.332-2.97 3.076-2.97s2.872 1.332 2.872 2.97c0 1.54-1.128 2.872-2.872 2.872zM4.202 41.26C1.91 41.26 0 39.35 0 36.93V18.72C0 8.28 8.405-.125 18.847.002h18.082c2.293 0 4.203 1.91 4.203 4.203 0 2.292-1.91 4.202-4.203 4.202H18.72A10.272 10.272 0 008.405 18.721v18.337c0 2.292-1.91 4.203-4.203 4.203zM117.492 0c10.442 0 18.847 8.405 18.592 18.847v18.082c0 2.293-1.91 4.203-4.202 4.203s-4.202-1.91-4.202-4.203V18.72c0-5.73-4.585-10.314-10.315-10.314h-18.21c-2.292 0-4.202-1.91-4.202-4.203 0-2.292 1.91-4.202 4.33-4.202h18.21zm14.517 78c2.293 0 4.203 1.91 4.203 4.33v17.955a18.804 18.804 0 01-18.847 18.847h-18.21c-2.292 0-4.202-1.91-4.202-4.203 0-2.292 1.91-4.202 4.202-4.202h18.337c5.73 0 10.315-4.584 10.315-10.315v-18.21c0-2.292 1.91-4.202 4.202-4.202zm-95.08 32.727c2.42 0 4.33 1.91 4.33 4.33 0 2.292-1.91 4.202-4.202 4.202h-18.21A18.804 18.804 0 010 100.412v-18.21C0 79.91 1.91 78 4.202 78s4.203 1.91 4.203 4.202v18.21c0 5.73 4.584 10.315 10.314 10.315h18.21z'/%3E%3C/svg%3E");
  background-size: contain;
}
figure.camera[data-action=manual]::after {
  content: "Tap to open camera";
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 4;
}
figure.camera:not([data-action]) {
  display: none !important;
  padding-bottom: 80%;
  margin-top: -3rem;
  background: #444;
  display: flex;
  overflow: hidden;
}
figure.camera:not([data-action]) button[data-action=torch],
figure.camera:not([data-action]) button[data-action=capture] {
  display: none !important;
}
figure.camera:not([data-action]) button[data-action=open] {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
}
figure.camera:not([data-action]) button[data-action=open]::before {
  content: "Open Scanner";
  text-transform: uppercase;
  color: #fff;
  font-size: 0.875rem;
  display: block;
  line-height: 3rem;
  font-weight: 700;
  text-align: center;
}
figure.camera:not([data-action])::before, figure.camera:not([data-action])::after,
figure.camera:not([data-action]) iframe {
  pointer-events: none;
}
figure.camera:not([data-action])::before,
figure.camera:not([data-action]) iframe, figure.camera:not([data-action])::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
figure.camera:not([data-action]) iframe {
  opacity: 0.2;
}

main[data-setup] {
  display: none;
}

main[data-records] {
  display: none !important;
  position: fixed;
  z-index: 300;
  left: 0;
  right: 0;
  overflow-x: auto;
  top: 100vh;
  margin-top: -3rem;
  -webkit-overflow-scrolling: touch;
}
main[data-records] > ul {
  white-space: nowrap;
  min-width: 100%;
  padding: 0;
}
main[data-records] > ul li {
  display: inline-block;
  vertical-align: top;
  background: rgba(17, 17, 17, 0.8);
  border-radius: 3px;
  max-width: 80vw;
  width: 100%;
  height: 3rem;
  margin-right: 1px;
  padding: 0 1rem 0 5rem;
  position: relative;
  line-height: 3rem;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transition: max-width 250ms;
}
main[data-records] > ul li:first-child {
  margin-left: 0.5rem;
}
main[data-records] > ul li[data-record-type=none] img {
  transition: opacity 100ms;
  opacity: 0.5;
}
main[data-records] > ul li[data-record-type=none] figure:not(.active) img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
main[data-records] > ul li[data-record-type=""] {
  padding: 0;
  max-width: 4rem;
}
main[data-records] > ul li[data-record-type=""] figure ~ * {
  display: none !important;
}
main[data-records] > ul li h1 {
  height: 95%;
  display: flex;
  align-items: center;
  display: none;
}
main[data-records] > ul li data {
  font-size: 1.75rem;
}
main[data-records] > ul li data.none {
  font-size: 0.75rem;
  color: #888;
}
main[data-records] > ul li data.none::before {
  content: "Nothing detected, please try again";
}
main[data-records] > ul li data.none a:empty {
  display: none;
}
main[data-records] > ul li figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 4rem;
  height: 100%;
  overflow: hidden;
}
main[data-records] > ul li figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

@media screen and (orientation: portrait) and (max-width: 500px) {
  body > header {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
  }

  figure.map {
    position: fixed;
    top: 75%;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    width: 100%;
    opacity: 0.85;
  }

  figure.camera {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0%;
    left: 0;
    box-sizing: content-box;
  }
  figure.camera button[data-action=capture] {
    background-position: 0 0, 50% 35%, 50% 67%;
  }
  figure.camera::before {
    background: radial-gradient(circle at 50% 40%, transparent 40%, rgba(0, 0, 0, 0.7) 80%);
  }
}
@media screen and (orientation: landscape) and (max-height: 500px) {
  body > header {
    position: fixed;
    top: 0;
    right: 100vh;
    bottom: auto;
    left: 0;
    height: auto;
    width: auto;
  }

  figure.camera {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    height: 100vh;
    width: 100vh;
  }

  figure.map {
    position: fixed;
    top: 0;
    right: 100vh;
    bottom: 0;
    left: 0;
    height: auto;
    width: auto;
  }
}
@media screen and (min-width: 700px) and (min-height: 500px) {
  body > header {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    height: auto;
    width: auto;
  }

  figure.camera {
    background: #111;
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    margin: 0.25in;
    height: 3.5in;
    width: 3.5in;
    border-radius: 5px;
    z-index: 200;
  }

  figure.map {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    width: auto;
  }
}

/*# sourceMappingURL=app-ead018c960b5b9456e3bc815ca5b3859.css.map */