body {
  margin: 0;
  padding: 0;
}

.pdf-viewer-wrapper {
  max-height: 100%;
  position: relative;
}

.pdf-viewer-wrapper progress {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 300px;
  max-width: calc(100% - 2rem);
}

.pdf-container {
    display: grid;
    justify-content: center;
    background-color: grey;
    overflow: auto;
    max-height: calc(100vh - 1rem);
}

canvas {
  margin: 4rem 1rem 0;
  background-color: grey;
  opacity: 0;
  max-width: calc(100% - 2rem);
}

.pdf-viewer-controls {
  position: absolute;
  width: 100%;
  background: rgba(55,55,55, .8);
  box-sizing: border-box;
  box-shadow: 0 1px 4px rgba(55,55,55, .8);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height:3rem;
  padding: .5rem 0.3125rem;
  font-family: sans-serif;
}


.pdf-viewer-controls button,
.pdf-open-new-tab {
  color: #FFF;
  border: 2px solid #FFF;
  opacity: .4;
  border-radius: .25rem;
  margin: 0 .25rem;
  height: 2rem;
  transition: opacity .3s ease-in-out;
  position: relative;
  cursor: pointer;
}

.pdf-viewer-controls button {
  appearance: none;
  background-color: transparent;
  width: 2rem;
  overflow: hidden;
  text-indent: -9999px;
}

.pdf-open-new-tab {
  position: relative;
  cursor: pointer;
  line-height: 1.8rem;
  text-decoration: none;
  padding: 0 .5rem;
  box-sizing: border-box;
}

.pdf-viewer-controls button:hover,
.pdf-open-new-tab:hover {
  opacity: .6;
  text-decoration: none;
}

.pdf-open-new-tab,
.pdf-controls {
  position: absolute;
}

.pdf-controls {
  left: 0.3125rem;
}

.pdf-open-new-tab {
  right: 0.3125rem;
}

.pdf-controls button.next-page {
  transform: rotate(180deg);
}

.pdf-controls button::before,
.pdf-controls button::after {
  content: '';
  position: absolute;
  width: .75rem;
  height: .10rem;
  border-radius: .125rem;
  background-color: #fff;
  top: 0;
}

.pdf-controls button::before {
  transform: translateY(.75rem) translateX(.25rem) rotate(-45deg);
  left: 0;
}

.pdf-controls button::after {
  transform: translateY(.75rem) translateX(-.25rem) rotate(45deg);
  right: 0;
}

.pdf-controls button[disabled] {
  opacity: .2;
  cursor:not-allowed;
}

.pdf-controls button:not[disabled]:hover{
  opacity: .6;
}