.obq-btn {
  background: rgba(255, 255, 255, 0.85);
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  outline: none;
  padding: 0.375rem 1rem;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.obq-btn:focus, .obq-btn:focus:active {
  box-shadow: none;
  outline: none;
}
.obq-btn:hover:not(:disabled), .obq-btn.hover:not(:disabled) {
  background-color: #f7f7f9;
  color: #29ac07;
}
.obq-btn:disabled {
  color: #eceeef;
  opacity: 1;
}

.obq-btn-sm {
  border-radius: 0.2rem;
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
}

.obq-btn-group,
.obq-btn {
  box-shadow: 0 0 5px #bfbfbf;
}

.obq-btn-group {
  display: inline-flex;
}
.obq-btn-group > .obq-btn {
  border: 0;
  box-shadow: none;
}
.obq-btn-group > .obq-btn + .obq-btn {
  border-left: thin solid #eceeef;
  margin-left: -0.0625rem;
}
.obq-btn-group > .obq-btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.obq-btn-group > .obq-btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

@font-face {
  font-family: obliqueFont;
  font-style: normal;
  font-weight: normal;
  src: url(data:font/ttf;base64,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) format("truetype");
}
.obq-viewer [class^=glyph-]::before,
.obq-viewer [class*=glyph-]::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
  font-family: obliqueFont;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
}
.obq-viewer .glyph-ico-arrow-bottom::before {
  content: "\e605";
}
.obq-viewer .glyph-ico-arrow-left::before {
  content: "\e606";
}
.obq-viewer .glyph-ico-arrow-right::before {
  content: "\e607";
}
.obq-viewer .glyph-ico-arrow-top::before {
  content: "\e608";
}
.obq-viewer .glyph-ico-minus::before {
  content: "\e624";
}
.obq-viewer .glyph-ico-plus::before {
  content: "\e628";
}
.obq-viewer .glyph-ico-turn-left::before {
  content: "\e635";
}
.obq-viewer .glyph-ico-turn-right::before {
  content: "\e636";
}

.obq-viewer {
  height: 100%;
  position: relative;
}
.obq-viewer .obq-map {
  height: 100%;
}
.obq-viewer .zoom-buttons {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1;
}
.obq-viewer .zoom-buttons .obq-btn {
  line-height: 1rem;
}
.obq-viewer .rotate-buttons {
  position: absolute;
  right: 6.25rem;
  top: 1rem;
  z-index: 1;
}
.obq-viewer .rotate-buttons .obq-btn {
  line-height: 1rem;
}
.obq-viewer .left {
  border-bottom-right-radius: 2rem;
  border-top-right-radius: 2rem;
  height: 2.125rem;
  opacity: 0.6;
  padding-left: 0.125rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
}
.obq-viewer .left::before {
  bottom: 0.125rem;
  position: relative;
  right: 0.25rem;
}
.obq-viewer .left:hover {
  opacity: 0.9;
}
.obq-viewer .right {
  border-bottom-left-radius: 2rem;
  border-top-left-radius: 2rem;
  height: 2.125rem;
  opacity: 0.6;
  padding-right: 0.125rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
}
.obq-viewer .right::before {
  bottom: 0.125rem;
  position: relative;
  right: 0.8rem;
}
.obq-viewer .right:hover {
  opacity: 0.9;
}
.obq-viewer .top {
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  height: 1.25rem;
  left: 50%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 1rem;
}
.obq-viewer .top::before {
  bottom: 0.7rem;
  position: relative;
  right: 0.5rem;
}
.obq-viewer .top:hover {
  opacity: 0.9;
}
.obq-viewer .bottom {
  border-top-left-radius: 2rem;
  border-top-right-radius: 2rem;
  bottom: 0;
  height: 1.25rem;
  left: 50%;
  opacity: 0.6;
  position: absolute;
  transform: translateX(-50%);
  width: 1rem;
}
.obq-viewer .bottom::before {
  bottom: 0.45rem;
  position: relative;
  right: 0.5rem;
}
.obq-viewer .bottom:hover {
  opacity: 0.9;
}