/* line 5, app/assets/stylesheets/document.scss */
.document_viewer {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

/* line 15, app/assets/stylesheets/document.scss */
.document_viewer.embedded {
  background-color: #f5f9fb;
}

/* line 19, app/assets/stylesheets/document.scss */
.dropdown {
  display: inline-block;
  position: relative;
  width: 100%;
}

/* line 24, app/assets/stylesheets/document.scss */
.dropdown .dropdown_header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

/* line 30, app/assets/stylesheets/document.scss */
.dropdown .dropdown_title {
  display: inline-block;
  max-width: calc(100% - 28px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 38, app/assets/stylesheets/document.scss */
.dropdown .dropdown_menu {
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
  z-index: 20;
  min-width: 14rem;
}

/* line 47, app/assets/stylesheets/document.scss */
.dropdown .dropdown_menu.active {
  display: block;
}

/* line 51, app/assets/stylesheets/document.scss */
.dropdown .dropdown_content {
  background-color: #fff;
  box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
}

/* line 56, app/assets/stylesheets/document.scss */
.dropdown a.menu_item {
  font-size: .9rem;
  line-height: 2;
  padding: 0.375rem 1rem;
  position: relative;
  display: flex;
  color: #4a4a4a;
  border-bottom: 1px solid #ededed;
}

/* line 66, app/assets/stylesheets/document.scss */
.dropdown .dropdown_content a.menu_item:last-child {
  border-bottom: none;
}

/* line 70, app/assets/stylesheets/document.scss */
.dropdown a.menu_item:hover {
  background-color: #f5f5f5;
  color: #0a0a0a;
}

/* line 75, app/assets/stylesheets/document.scss */
.dropdown a.menu_item .text {
  flex: 1;
}

/* line 79, app/assets/stylesheets/document.scss */
.dropdown a.menu_item .material-symbols-outlined {
  vertical-align: middle;
  margin-top: 2px;
}

/* video with description */
/* line 86, app/assets/stylesheets/document.scss */
.video_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1;
}

/* line 93, app/assets/stylesheets/document.scss */
.video_container:not(.collapsed) {
  height: auto;
  /* Allow the container to adjust its height based on content */
  overflow: visible;
}

/* line 98, app/assets/stylesheets/document.scss */
.video_container.collapsed {
  overflow: hidden;
  height: calc(100vh - 90px);
}

/* line 106, app/assets/stylesheets/document.scss */
.description_text {
  font-size: .8em;
  background-color: #DFEBF1;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  height: auto;
}

/* line 116, app/assets/stylesheets/document.scss */
.description_text .inner {
  max-width: 1000px;
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 10px 0;
  font-size: .9em;
  line-height: 1.5;
}

/* line 126, app/assets/stylesheets/document.scss */
.description_text p {
  color: black;
}

/* line 130, app/assets/stylesheets/document.scss */
.description_text a.link {
  color: #007DB3;
  padding: 3px;
  display: none;
}

/* line 136, app/assets/stylesheets/document.scss */
.description_text a.link:hover {
  cursor: pointer;
}

/* line 140, app/assets/stylesheets/document.scss */
.collapsed .description_text {
  height: 15%;
  max-height: 100px;
}

/* line 144, app/assets/stylesheets/document.scss */
.collapsed .description_text p {
  height: calc(100% - 20px);
  background: linear-gradient(to bottom, black, rgba(255, 255, 255, 0) 80%);
  -webkit-background-clip: text;
  /* Safari/Chrome for text masking */
  -webkit-text-fill-color: transparent;
}

/* line 152, app/assets/stylesheets/document.scss */
.collapsed .description_text a.link {
  display: block;
}

/* line 156, app/assets/stylesheets/document.scss */
.collapsed .description_text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  z-index: 0;
}

@keyframes fadeInBottomToTop {
  from {
    top: 100%;
    opacity: 0;
  }
  to {
    top: 0;
    opacity: 1;
  }
}

/* line 182, app/assets/stylesheets/document.scss */
.document_viewer .popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0px;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 1s, transform 1s;
}

/* line 193, app/assets/stylesheets/document.scss */
.document_viewer .popup.visible {
  opacity: 1;
  transform: translateY(0);
}

/* line 198, app/assets/stylesheets/document.scss */
.document_viewer .controls {
  position: absolute;
  top: 2.2em;
}

/* line 203, app/assets/stylesheets/document.scss */
.document_viewer .controls .control {
  background-color: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  padding: 0.2rem 0.8em;
  text-align: center;
  border-color: #dbdbdb;
  border-radius: 2em;
  cursor: pointer;
}

/* line 213, app/assets/stylesheets/document.scss */
.document_viewer .controls .control .material-symbols-outlined {
  font-size: 1rem;
  vertical-align: -1px;
}

/* line 218, app/assets/stylesheets/document.scss */
.document_viewer .control.hidden {
  display: none;
}

/* line 222, app/assets/stylesheets/document.scss */
.document_viewer .navigation_controls {
  position: absolute;
  bottom: 1.3em;
  left: 50%;
  transform: translateX(-50%);
  background: black;
  opacity: .6;
  border-radius: 3%;
}

/* line 232, app/assets/stylesheets/document.scss */
.document_viewer .navigation_controls.hidden {
  display: none;
}

/* line 236, app/assets/stylesheets/document.scss */
.document_viewer .navigation_controls .control {
  display: inline-block;
  color: white;
  cursor: pointer;
  opacity: 1;
}

/* line 243, app/assets/stylesheets/document.scss */
.document_viewer .navigation_controls .control.disabled {
  opacity: 0.6;
  pointer-events: none;
}

/* line 248, app/assets/stylesheets/document.scss */
.document_viewer .navigation_controls .control span {
  vertical-align: text-bottom;
}

/* line 252, app/assets/stylesheets/document.scss */
.document_viewer span:active,
.document_viewer span:focus {
  background-color: transparent;
  outline: none;
}

/* line 258, app/assets/stylesheets/document.scss */
.document_viewer .viewer_container {
  flex: 1;
  overflow: hidden;
}

/* line 263, app/assets/stylesheets/document.scss */
.document_viewer .viewer_container .wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

/* line 270, app/assets/stylesheets/document.scss */
.document_viewer #pdf-container {
  align-items: center;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* line 276, app/assets/stylesheets/document.scss */
.document_viewer .file_renderer {
  display: flex;
  flex: 1;
  flex-direction: row;
  width: 100%;
  background-color: #f5f9fb;
  overflow: scroll;
  border-top: 1px solid #e1e1e1;
}

/* line 286, app/assets/stylesheets/document.scss */
.document_viewer .renderer_frame {
  height: 100%;
  position: relative;
  flex: 1;
}

/* line 292, app/assets/stylesheets/document.scss */
.document_viewer .viewer_wrapper {
  padding-top: 2em;
  padding-bottom: 2em;
  height: calc(100vh - 55px - 4em);
  flex: 1;
  position: relative;
}

/* line 300, app/assets/stylesheets/document.scss */
.document_viewer .viewer_wrapper + .renderer_frame {
  height: calc(100% - 5em);
}

/* line 304, app/assets/stylesheets/document.scss */
.document_viewer .document_container {
  position: relative;
  width: 100%;
  max-width: 1000px;
  height: 100%;
  margin: auto;
}

/* line 311, app/assets/stylesheets/document.scss */
.document_viewer .document_container .wrapper {
  height: 100%;
}

/* line 315, app/assets/stylesheets/document.scss */
.document_viewer .document_container .annotation_link:hover {
  opacity: 0.2;
  background-color: #736c64;
  box-shadow: 0 2px 10px #736c64;
}

/* line 322, app/assets/stylesheets/document.scss */
.document_viewer .images {
  display: none;
}

/* line 325, app/assets/stylesheets/document.scss */
.document_viewer .images img {
  width: 100%;
  margin-bottom: 10px;
}

/* line 331, app/assets/stylesheets/document.scss */
.document_viewer .visible_images .images,
.document_viewer .images.visible {
  display: block;
}

/* line 336, app/assets/stylesheets/document.scss */
.document_viewer .title_bar {
  display: flex;
  margin: 1em 2em;
  height: 55px;
  align-items: center;
}

/* line 342, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
}

/* line 350, app/assets/stylesheets/document.scss */
.document_viewer .title_bar a.close_button {
  margin-right: 2em;
  color: inherit;
}

/* line 354, app/assets/stylesheets/document.scss */
.document_viewer .title_bar a.close_button :hover {
  cursor: pointer;
}

/* line 358, app/assets/stylesheets/document.scss */
.document_viewer .title_bar a.close_button .material-symbols-outlined {
  vertical-align: middle;
}

/* line 363, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .left {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-width: 0;
}

/* line 370, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .right {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

/* line 378, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .separator {
  height: 45px;
  border-left: 1px solid #e1e1e1;
  margin: 0 1em;
}

/* line 384, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .breadcrumbs {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
}

/* line 389, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .breadcrumbs .breadcrumb_item {
  display: inline-block;
  font-size: .9em;
  color: #736c64;
}

/* line 395, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .breadcrumbs .breadcrumb_item.active {
  font-size: 1.1em;
  font-weight: 600;
  color: #4a4a4a;
}

/* line 401, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .breadcrumbs .breadcrumb_item a {
  color: inherit;
}

/* line 405, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .breadcrumbs .breadcrumb_separator {
  margin: 0 .5em;
}

/* line 410, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .mobile_nav {
  display: none;
}

/* line 414, app/assets/stylesheets/document.scss */
.document_viewer .title_bar a.action_ctrl {
  color: inherit;
  font-weight: normal;
}

/* line 419, app/assets/stylesheets/document.scss */
.document_viewer .title_bar a.action_ctrl.disabled {
  opacity: .5;
  cursor: default;
  pointer-events: none;
}

/* line 425, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .brand {
  display: flex;
  margin-left: 2em;
}

/* line 430, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .brand .logo {
  height: 39px;
}

/* line 434, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .brand .logo_mobile {
  display: none;
}

/* line 438, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .toolbar {
  font-size: .9em;
  color: #736c64;
  margin-top: .5em;
  display: flex;
  align-items: center;
}

/* line 445, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .toolbar .zoom_controls {
  display: flex;
  align-items: center;
  margin-left: .7em;
  padding-left: .5em;
  border-left: 1px solid #e1e1e1;
}

/* line 453, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .toolbar .material-symbols-outlined {
  font-size: 20px;
  padding: .2em;
  color: #4a4a4a;
}

/* line 459, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .toolbar .material-symbols-outlined:hover {
  cursor: pointer;
  background: #f5f9fb;
}

/* line 464, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .toolbar .material-symbols-outlined::selection,
.document_viewer .title_bar .toolbar .material-symbols-outlined::-moz-selection,
.document_viewer .title_bar .toolbar .material-symbols-outlined::-webkit-selection {
  background: #f5f9fb !important;
  color: inherit;
}

/* line 471, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .toolbar .material-symbols-outlined:active {
  background-color: #f5f9fb !important;
  /* Or a color you prefer */
  outline: none !important;
  box-shadow: none !important;
}

/* line 478, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .file_navigator {
  font-size: .9em;
  color: #736c64;
  display: flex;
  align-items: center;
}

/* line 484, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .file_navigator a {
  color: inherit;
  color: #4a4a4a;
}

/* line 489, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .file_navigator a.disabled {
  pointer-events: none;
  opacity: .5;
}

/* line 494, app/assets/stylesheets/document.scss */
.document_viewer .title_bar .file_navigator .material-symbols-outlined {
  font-size: 20px;
  padding: .2em;
}

/* line 501, app/assets/stylesheets/document.scss */
.document_viewer .video_player {
  width: 100%;
  max-width: min(1000px, 90%);
  height: 80%;
  margin: auto;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex: 0 0 auto;
}

/* line 514, app/assets/stylesheets/document.scss */
.document_viewer .video_player video {
  width: 100%;
  height: 100%;
}

/* line 519, app/assets/stylesheets/document.scss */
.document_viewer .video_player .player {
  height: 100%;
}

/* line 523, app/assets/stylesheets/document.scss */
.document_viewer .video_player .player .media_controller {
  max-height: 100%;
}

/* line 528, app/assets/stylesheets/document.scss */
.embedded .controls {
  top: .2em;
}

@media only screen and (max-width: 630px) {
  /* line 533, app/assets/stylesheets/document.scss */
  body {
    --rem: 14;
  }
  /* line 539, app/assets/stylesheets/document.scss */
  .document_viewer .document_container {
    margin-top: 0;
  }
  /* line 543, app/assets/stylesheets/document.scss */
  .document_viewer .video_player video {
    min-width: 100px;
  }
  /* line 547, app/assets/stylesheets/document.scss */
  .document_viewer .title_bar {
    font-size: 14px;
    margin: .5em 1em;
    height: 40px;
  }
  /* line 552, app/assets/stylesheets/document.scss */
  .document_viewer .title_bar .brand .logo_mobile {
    display: block;
    max-width: 28px;
  }
  /* line 557, app/assets/stylesheets/document.scss */
  .document_viewer .title_bar .brand .logo {
    display: none;
  }
  /* line 561, app/assets/stylesheets/document.scss */
  .document_viewer .title_bar .file_navigator,
.document_viewer .title_bar .separator,
.document_viewer .title_bar .action_ctrl,
.document_viewer .title_bar .toolbar {
    display: none;
  }
  /* line 568, app/assets/stylesheets/document.scss */
  .document_viewer .title_bar a.close_button {
    margin-right: 1em;
  }
  /* line 572, app/assets/stylesheets/document.scss */
  .document_viewer .title_bar .breadcrumbs {
    display: none;
  }
  /* line 576, app/assets/stylesheets/document.scss */
  .document_viewer .title_bar .mobile_nav {
    display: block;
  }
  /* line 579, app/assets/stylesheets/document.scss */
  .document_viewer .title_bar .mobile_nav .nav_item {
    font-size: 1.1em;
    font-weight: 600;
    color: #4a4a4a;
  }
  /* line 588, app/assets/stylesheets/document.scss */
  .document_viewer .video_player {
    height: 50%;
  }
  /* line 592, app/assets/stylesheets/document.scss */
  .collapsed .description_text {
    height: 40%;
    max-height: 40%;
  }
  /* line 597, app/assets/stylesheets/document.scss */
  .collapsed .description_text p {
    height: calc(100% - 40px);
  }
}

/*# sourceMappingURL=document.css-94665b9190371f00e9187e466f58108b408ddb641bfeba916a4c6b4d26702719.map */