* {
  image-rendering: optimize-quality;
}

html {
  font: system;
  width: max-content;
  height: min-content;
  overflow: none;
  background-color: threedface;
}

body {
  margin: 0;
  padding: 0;
}

#content {
  background-color: threedhighlight;
  padding-left: 40dip;
  padding-right: 10dip;
  vertical-align: top;
  foreground-repeat: no-repeat;
  foreground-position: 16dip 50%;
  background-repeat: no-repeat;
  background-position: 10dip 50%;
  background-size: 64dip 64dip;
  min-width: 160dip;
  min-height: 88dip;
  /* width: *;
  height: *; */
  white-space: pre;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.3em;
}

.title {
  font-weight: bold !important;
  flow: column !important;
  text-align: left !important;
  margin: auto !important;
  width: min-content !important;
  transform: translate(1.5em, 1.5em);
}

.title div:last-child {
  font-weight: 100 !important;
  text-align: center !important;
  font-size: 0.5em !important;
  opacity: 0.5 !important;
}

v {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.75em;
}

#content {
  background-image: url('this://app/png/64.png');
  background-position: 12% 0.5em;
}

div#info {
  background-color: threedhighlight;
  border-bottom: 1px solid threedshadow;
  padding: 0 10dip 10dip 10dip;
  /* size: *; */
  margin: 0;
  vertical-align: middle;
  text-align: center;
}

a {
  cursor: pointer;
  text-decoration: underline;
  color: blue;
}

a:active {
  color: red;
}

img {
  transform: translate(0, 25%);
}

#button-bar {
  flow: horizontal;
  padding: 10dip;
  border-spacing: 10dip;
  margin: 0;
  flow: horizontal;
  horizontal-align: right;
}

label {
  line-height: 1.4em;
}

#button-bar button {
  display: block;
  text-shadow: #fff 0px 1px;
  min-width: 4em;
  line-height: 2em;
  vertical-align: middle;
  width: min-intrinsic;
  text-align: center;
}