@import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap");
@font-face {
  font-family: "Gilroy";
  src: url("../../assets/fonts/Gilroy-Black.eot");
  src: url("../../assets/fonts/Gilroy-Black.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Gilroy-Black.woff2") format("woff2"), url("../../assets/fonts/Gilroy-Black.woff") format("woff"), url("../../assets/fonts/Gilroy-Black.ttf") format("truetype"), url("../../assets/fonts/Gilroy-Black.svg#Gilroy-Black") format("svg");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../../assets/fonts/Gilroy-ExtraBold.eot");
  src: url("../../assets/fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("../../assets/fonts/Gilroy-ExtraBold.woff") format("woff"), url("../../assets/fonts/Gilroy-ExtraBold.ttf") format("truetype"), url("../../assets/fonts/Gilroy-ExtraBold.svg#Gilroy-ExtraBold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../../assets/fonts/Gilroy-Bold.eot");
  src: url("../../assets/fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Gilroy-Bold.woff2") format("woff2"), url("../../assets/fonts/Gilroy-Bold.woff") format("woff"), url("../../assets/fonts/Gilroy-Bold.ttf") format("truetype"), url("../../assets/fonts/Gilroy-Bold.svg#Gilroy-Bold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../../assets/fonts/Gilroy-SemiBold.eot");
  src: url("../../assets/fonts/Gilroy-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Gilroy-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Gilroy-SemiBold.woff") format("woff"), url("../../assets/fonts/Gilroy-SemiBold.ttf") format("truetype"), url("../../assets/fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../../assets/fonts/Gilroy-Medium.eot");
  src: url("../../assets/fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Gilroy-Medium.woff2") format("woff2"), url("../../assets/fonts/Gilroy-Medium.woff") format("woff"), url("../../assets/fonts/Gilroy-Medium.ttf") format("truetype"), url("../../assets/fonts/Gilroy-Medium.svg#Gilroy-Medium") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../../assets/fonts/Gilroy-Regular.eot");
  src: url("../../assets/fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Gilroy-Regular.woff2") format("woff2"), url("../../assets/fonts/Gilroy-Regular.woff") format("woff"), url("../../assets/fonts/Gilroy-Regular.ttf") format("truetype"), url("../../assets/fonts/Gilroy-Regular.svg#Gilroy-Regular") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../../assets/fonts/Gilroy-Light.eot");
  src: url("../../assets/fonts/Gilroy-Light.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Gilroy-Light.woff2") format("woff2"), url("../../assets/fonts/Gilroy-Light.woff") format("woff"), url("../../assets/fonts/Gilroy-Light.ttf") format("truetype"), url("../../assets/fonts/Gilroy-Light.svg#Gilroy-Light") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url("../../assets/fonts/icomoon.eot?pxh2dg");
  src: url("../../assets/fonts/icomoon.eot?pxh2dg#iefix") format("embedded-opentype"), url("../../assets/fonts/icomoon.ttf?pxh2dg") format("truetype"), url("../../assets/fonts/icomoon.woff?pxh2dg") format("woff"), url("../../assets/fonts/icomoon.svg?pxh2dg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Sitka";
  src: url("../../assets/fonts/SitkaBanner-Bold.eot");
  src: url("../../assets/fonts/SitkaBanner-Bold.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/SitkaBanner-Bold.woff2") format("woff2"), url("../../assets/fonts/SitkaBanner-Bold.woff") format("woff"), url("../../assets/fonts/SitkaBanner-Bold.ttf") format("truetype"), url("../../assets/fonts/SitkaBanner-Bold.svg#SitkaBanner-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sitka Small Bold";
  src: url("../../assets/fonts/0e663589b576e1e340e4fc28ea99626c.eot");
  /* IE9*/
  src: url("../../assets/fonts/0e663589b576e1e340e4fc28ea99626c.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/0e663589b576e1e340e4fc28ea99626c.woff2") format("woff2"), url("../../assets/fonts/0e663589b576e1e340e4fc28ea99626c.woff") format("font-woff"), url("../../assets/fonts/0e663589b576e1e340e4fc28ea99626c.ttf") format("truetype"), url("../../assets/fonts/0e663589b576e1e340e4fc28ea99626c.svg#Sitka Small Bold") format("svg");
  /* iOS 4.1- */
}
html {
  --sidebar-width: 37.5rem;
}
@media (max-width: 1529px) {
  html {
    --sidebar-width: 29rem !important;
  }
}

body {
  font-family: "Gilroy";
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility !important;
  background: #f6f6f6 !important;
}

@media (max-width: 992px) {
  .sidebarOpen ~ .player, .toolbarOpen ~ .player {
    display: none !important;
  }
}
* {
  font-family: "Gilroy" !important;
}

@media (max-width: 992px) {
  .player-thumbs {
    display: none;
  }
}
.player-thumbs-item {
  color: rgba(3, 1, 0, 0.3);
  font-size: 2rem;
}

.icon-font {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

@media (max-width: 1700px) {
  html[dir=ltr] #outerContainer.sidebarOpen #sidebarContainer {
    background-color: #f6f6f6;
  }
}
@media (max-width: 992px) {
  html[dir=ltr] #outerContainer.sidebarOpen #sidebarContainer {
    width: 27rem;
  }
}
@media (max-width: 480px) {
  html[dir=ltr] #outerContainer.sidebarOpen #sidebarContainer {
    width: 100vw;
  }
}

@media (max-width: 992px) {
  #toolbarViewerRight {
    border-radius: 1rem 1rem 0 0;
    border: 1px solid #e3ddd8;
    position: fixed;
    bottom: 0;
    right: 2rem;
  }
}

@media (max-width: 992px) {
  #toolbarViewerMiddle {
    left: unset;
    transform: unset;
    right: 4rem;
    display: none;
  }
}

@media (max-width: 992px) {
  #toolbarViewerLeft {
    margin-left: auto;
    margin-right: auto;
    width: max-content;
    max-width: 100%;
    float: none !important;
    height: 60px;
  }
}
@media (max-width: 992px) {
  #toolbarViewerLeft .verticalToolbarSeparator {
    display: none;
  }
}

#numPages {
  height: 1.8rem;
}

@media (max-width: 767px) {
  #backPage {
    width: 60px !important;
  }
}
@media all and (max-width: 360px) {
  #backPage {
    width: 50px !important;
  }
}

@media (max-width: 992px) {
  #toolbarPaginator {
    border-left: 1px solid #e3ddd8 !important;
    border-right: 1px solid #e3ddd8 !important;
  }
}

@media (max-width: 992px) {
  #sidebarToggle, #viewFind {
    height: 4.5rem;
    width: 4.5rem;
    padding: 0.5rem;
    margin: 2rem 8px 2rem 8px;
  }
}
@media (max-width: 767px) {
  #sidebarToggle, #viewFind {
    height: 4.5rem;
    width: 4.5rem;
    padding: 0.5rem;
    margin: 1rem 8px 1rem 8px;
  }
}
@media (max-width: 374px) {
  #sidebarToggle, #viewFind {
    margin-left: 4px;
    margin-right: 4px;
  }
}

@media (max-width: 992px) {
  #secondaryToolbarToggle {
    transform: rotate(-90deg);
  }
}

@media (max-width: 992px) {
  #toolbarPageNumbers {
    font-size: 16px;
    padding: 0 0.6rem;
  }
}
@media (max-width: 992px) {
  #toolbarPageNumbers * {
    display: inherit;
  }
}

@media (max-width: 900px) {
  #presentationMode, #openFile, #print, #viewBookmark {
    display: none !important;
  }
}

@media (max-width: 992px) {
  #secondaryToolbar {
    bottom: 8rem;
    top: unset;
    right: 5rem;
  }
  #secondaryToolbar .visibleMediumView, #secondaryToolbar .visibleLargeView, #secondaryToolbar .visibleSmallView {
    display: none !important;
  }
  #secondaryToolbar::after {
    bottom: -16px;
    border-top-color: #FFF;
    top: unset;
    border-bottom-color: transparent;
    right: 20px;
  }
  #secondaryToolbar::before {
    bottom: -18px;
    border-top-color: #FFF;
    top: unset;
    border-bottom-color: transparent;
    right: 20px;
  }
}

@media (max-width: 992px) {
  #sidebarContainer {
    top: 0;
  }
}

@media (max-width: 480px) {
  #sidebarContent {
    box-shadow: none !important;
  }
}

@media (max-width: 992px) {
  #thumbnailView {
    padding-top: 70px;
  }
}
@media (max-width: 480px) {
  #thumbnailView {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  #thumbnailView > a {
    max-width: calc(50% - 1rem);
  }
  #thumbnailView .thumbnailSelectionRing, #thumbnailView .thumbnailImage, #thumbnailView .thumbnail {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
  }
}

@media (max-width: 1529px) {
  #thumbnailView > a {
    max-width: 100% !important;
  }

  .thumbnailSelectionRing, .thumbnailImage, .thumbnail {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
  }
}
@media (max-width: 480px) {
  #toolsContainer {
    width: 100vw;
  }
}

@media (max-width: 992px) {
  #highlightsContainer, #notesContainer {
    margin-right: 0;
    width: 100%;
  }
}
@media (max-width: 480px) {
  #highlightsContainer, #notesContainer {
    width: 100%;
    right: 0;
    left: unset;
    margin: 0;
  }
}

@media (max-width: 992px) {
  #highlightsList, #notesList {
    height: calc(100% - 10.9rem);
  }
}
@media (max-width: 480px) {
  #highlightsList, #notesList {
    padding: 2rem;
  }
}

@media (max-width: 992px) {
  #highlightsList .highlightBox .highlightBox::before {
    width: 7px;
  }
  #highlightsList .highlightBox:last-child {
    margin-bottom: 70px;
  }
}

@media (max-width: 992px) {
  #notesList .noteBox:last-child {
    margin-bottom: 70px;
  }
}

@media (max-width: 480px) {
  .colordot {
    width: 20px;
    height: 20px;
    border-radius: 100%;
  }
}
@media (max-width: 374px) {
  .colordot {
    width: 18px;
    height: 18px;
  }
}

.modalContent {
  max-width: calc(100vw - 4rem) !important;
}

#overlayContainer > .container > .dialog {
  max-width: calc(100vw - 4rem);
  box-shadow: none;
  border: 0;
  border-radius: 1.6rem;
  transition: 0.3s;
  width: 420px;
}

#documentPropertiesOverlay .row {
  font-size: 14px;
}
#documentPropertiesOverlay .row > span {
  color: rgba(53, 51, 51, 0.75);
  font-weight: 500;
  padding: 2px 0;
  display: block;
}
@media (max-width: 374px) {
  #documentPropertiesOverlay .row > span {
    padding: 1px 0;
  }
}
#documentPropertiesOverlay .row > p {
  color: rgba(53, 51, 51, 0.95);
  font-weight: 600;
  max-width: calc(100% - 120px);
  padding: 2px 0;
}
@media (max-width: 374px) {
  #documentPropertiesOverlay .row > p {
    padding: 1px 0;
  }
}
#documentPropertiesOverlay .separator {
  background-color: rgba(3, 1, 0, 0.1);
}
#documentPropertiesOverlay button {
  height: 5rem;
  user-select: none;
  position: relative;
  transition: 0.3s cubic-bezier(0.29, 0.13, 0.27, 0.74);
  font-size: 1.6rem;
  letter-spacing: -0.36px;
  font-weight: 500;
  padding: 0 2rem;
  min-width: 14rem;
  border-radius: 10px;
  background-color: #d54e4e;
  color: #FFF;
  cursor: pointer;
}
#documentPropertiesOverlay button:hover {
  background-color: #c22e2e;
}

.highlightBox .highlightBoxContent, .noteBox .noteBoxContent {
  font-weight: 400;
}

.highlightBox .highlightBoxTitle, .noteBox .noteBoxTitle {
  font-weight: 500;
}

.highlightBox .highlightDate, .highlightBox .highlightTime, .noteBox .noteDate, .noteBox .noteTime {
  font-weight: 500;
}

.popoverButton {
  background-size: 2.1rem;
}

@media (max-width: 767px) {
  #docPopover {
    min-width: unset;
    width: 300px;
    max-width: calc(100vw - 4rem);
    padding: 0;
  }

  #popoverTools {
    flex-wrap: wrap;
    padding: 1rem;
  }
  #popoverTools .popoverButton {
    width: 50%;
    border-bottom: 1px solid rgba(3, 1, 0, 0.05);
    background-size: 17px;
    height: auto;
    padding: 1rem;
    background-position: 1rem center;
  }
  #popoverTools .popoverButton:nth-last-child(-n+2) {
    border-bottom: 0;
  }

  #popoverHighlighters {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0;
  }
  #popoverHighlighters .title {
    margin-left: 0;
    margin-bottom: 1rem;
  }

  #findbar {
    max-width: calc(100% - 4rem);
  }
  #findbar * {
    text-transform: capitalize;
  }
  #findbar #findbarOptionsOneContainer {
    height: auto;
    flex-wrap: wrap;
  }
  #findbar::before {
    right: 4.5rem;
  }
  #findbar::after {
    right: 4.6rem;
  }
}
.findbar > div {
  height: auto;
}

#findbar::before, #findbar::after {
  right: 9.5rem;
}

#findResultsCount {
  background: #50be33;
  color: #FFF;
  padding: 0.8rem;
  font-weight: 500;
}

.toolbarLabel {
  font-size: 1.7rem;
}

#findPrevious, #findNext {
  width: 4.2rem;
  height: 100%;
}

@media (max-width: 992px) {
  #backPage {
    border-right: 1px solid #e3ddd8;
  }
}

.toolbarButton {
  color: rgba(3, 1, 0, 0.4);
  font-size: 2.4rem;
}
.toolbarButton:hover {
  color: #d54e4e;
}
#previous::before,
#next::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#findPrevious::before, #findNext::before {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#findbar {
  width: 54rem;
}

#findInput {
  height: 5rem;
  font-size: 1.5rem;
}

.player-mobile-content {
  z-index: 999999;
}

.overlay {
  z-index: 99999;
}

@media all and (max-width: 640px) {
  #toolbarPaginator {
    display: inline-flex;
  }

  #toolbarPaginator * {
    display: flex;
  }
}
@media (max-width: 1529px) {
  #pagePagination {
    padding-bottom: 0;
  }
}

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