@font-face {
    font-family:"PingFang SC-Medium";
    src: url('/assets/PingFang Medium-ddf051a9.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"PingFang SC-Semibold";
    src: url('/assets/PingFang Bold-96ec2276.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"PingFang SC-Regular";
    src: url('/assets/PingFang Regular-26b017df.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: "iconfont"; /* Project id 4232103 */
  src: url('data:font/woff2;base64,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') format('woff2'),
       url('data:font/woff;base64,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') format('woff'),
       url('/assets/iconfont-cfa8cbe8.ttf?t=1753078332886') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ai-icon-to-bottom-arrow:before {
  content: "\e667";
}
.ai-icon-databoard-default:before {
  content: "\e665";
}
.ai-icon-tag-myhomework:before {
  content: "\e663";
}
.ai-icon-tag-person:before {
  content: "\e664";
}
.ai-icon-AI-icon:before {
  content: "\e662";
}
.ai-icon-menu-student-1:before {
  content: "\e65a";
}
.ai-icon-menu-admin-4:before {
  content: "\e65c";
}
.ai-icon-menu-admin-1:before {
  content: "\e65d";
}
.ai-icon-menu-admin-3:before {
  content: "\e65e";
}
.ai-icon-menu-teach-2:before {
  content: "\e660";
}
.ai-icon-menu-student-3:before {
  content: "\e661";
}
.ai-icon-tab-hom:before {
  content: "\e659";
}
.ai-icon-menu-student-4:before {
  content: "\e656";
}
.ai-icon-menu-teach-1:before {
  content: "\e657";
}
.ai-icon-menu-admin-2:before {
  content: "\e655";
}
.ai-icon-menu-student-2:before {
  content: "\e658";
}
.ai-icon-close-icon:before {
  content: "\e650";
}
.ai-icon-course-pla-btn-3:before {
  content: "\e64d";
}
.ai-icon-course-pla-btn-1:before {
  content: "\e64e";
}
.ai-icon-course-pla-btn-2:before {
  content: "\e64f";
}
.mt-10 {
  margin-top: 10px !important;
}
.mt-12 {
  margin-top: 12px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mt-16 {
  margin-top: 16px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mt-22 {
  margin-top: 22px !important;
}
.mt-24 {
  margin-top: 24px;
}
.mt-25 {
  margin-top: 25px !important;
}
.mt-35 {
  margin-top: 35px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-48 {
  margin-top: 48px;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.mr-8 {
  margin-right: 8px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mr-24 {
  margin-right: 24px !important;
}
.ml-24 {
  margin-left: 24px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.pt-30 {
  padding-top: 30px;
}
.pt-16 {
  padding-top: 30px;
}
.pl-20 {
  padding-left: 20px;
}
/* Markdown-it 默认不会为表格添加样式，手动设置。 */
.markdown-container table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.markdown-container th,
.markdown-container td {
  border: 1px solid rgba(255, 255, 255, 0.6);
  text-align: center;
  padding: 5px;
}
.com-flex {
  display: flex;
  align-items: center;
}
.pointer {
  cursor: pointer !important;
}
.table-empty-box {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mt-top {
  margin-top: -13vh !important;
}
.one-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.two-line {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.three-line {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 4px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  /*设置滚动条颜色*/
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type='number'] {
  appearance: textfield;
  -moz-appearance: textfield;
}
.ui-indent {
  text-indent: 2em;
}
.tab-des {
  cursor: pointer;
}
.icon {
  width: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
}
input::-webkit-input-placeholder {
  font-size: 14px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #999;
  line-height: 20px;
}
.el-loading-spinner .path {
  stroke: #0075FF !important;
}
.sub-num {
  /* text-bottom和sub属性值都可以实现下标样式 */
  /* vertical-align: text-bottom; */
  vertical-align: sub;
  font-size: 10px;
}
::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0);
}
.pagination-render {
  display: flex;
  justify-content: flex-end;
  margin-top: 36px;
}
.input-disabled-border {
  cursor: not-allowed;
  background: #F5F7FA !important;
  border: 1px solid #E4E7EE !important;
}
.input-disabled {
  cursor: not-allowed;
  background: #F5F7FA !important;
}
* {
  padding: 0;
  margin: 0;
}
html {
  font-family: 'PingFang SC-Regular', sans-serif, 'Microsoft YaHei', '微软雅黑', '宋体', 'SimSun', Arial;
}
html,
body,
#base-app,
.wrapper {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: 'PingFang SC-Regular', sans-serif, 'Microsoft YaHei', '微软雅黑', '宋体', 'SimSun', Arial;
  cursor: default;
  user-select: none;
}
body {
  padding: 0;
  margin: 0;
  font-size: 14px;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
a {
  display: inline-block;
  background: transparent;
  text-decoration: none;
}
a:active {
  outline: 0;
}
b,
strong {
  font-weight: bold;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
input,
textarea,
button {
  border: 0;
  margin: 0;
  padding: 0;
  font-family: 'PingFang SC-Regular', sans-serif, 'Microsoft YaHei', '微软雅黑', '宋体', 'SimSun', Arial;
}
textarea {
  resize: none;
}
.overflow-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
form,
blockquote {
  margin: 0;
}
ul,
ol,
li,
dl,
dd {
  margin: 0;
  padding: 0  10px;
}
.link {
  cursor: pointer;
}
iframe {
  border: none;
  /* 完全移除边框 */
}
input::-ms-reveal {
  display: none;
}
/**
表格el-table--satrt
*/
.el-table__body tr.current-row > td.el-table__cell {
  background-color: red !important;
}
.el-table th.el-table__cell {
  background-color: #E7EEF1 !important;
}
.el-table thead {
  height: 58px;
  background-color: #E7EEF1 !important;
  border-radius: 12px;
  height: 50px;
  color: #6EA9EF !important;
  font-weight: 600;
}
.el-table {
  color: #292929;
  background-color: #f7f7f7 !important;
}
.el-table__inner-wrapper::before {
  height: 0px !important;
}
.el-table tr {
  background-color: #FFFFFF !important;
}
.el-table__body tr.hover-row.current-row > td,
.el-table__body tr.hover-row.el-table__row--striped.current-row > td,
.el-table__body tr.hover-row.el-table__row--striped > td,
.el-table__body tr.hover-row > td {
  background: #FFFFFF !important;
}
.el-table .cell {
  line-height: 26px!important;
  font-size: 16px;
  word-wrap: break-word;
  word-break: normal !important;
}
tbody .el-table__row {
  font-size: 16px !important;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #292929;
  line-height: 18px;
  height: 54px;
  min-height: 54px;
  box-sizing: border-box;
}
.el-table .el-table__cell.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
  background: #f3f3f3;
}
.el-table--border::after,
.el-table--group::after,
.el-table::before {
  content: "";
  position: absolute;
  background-color: green;
  z-index: 1;
}
.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border-bottom: 0px !important;
  font-size: 13px;
}
.el-table__fixed-right::before,
.el-table__fixed::before {
  background-color: green;
}
.is-scrolling-none {
  overflow: hidden;
  overflow-y: auto;
  overflow-x: scroll;
}
.el-table--scrollable-x ::-webkit-scrollbar {
  display: none;
}
.el-table__empty-block {
  width: 100% !important;
}
.el-table .el-table__body-wrapper::-webkit-scrollbar {
  width: 4px;
  background: #2c2c2c;
}
.el-table .el-table__body-wrapper::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 0;
  /*滚动条的背景区域的圆角*/
  background: pink;
  /*滚动条的背景颜色*/
}
.el-table .el-table__body-wrapper::-webkit-scrollbar-track-piece {
  box-shadow: none;
  border-radius: 0;
  /*滚动条的背景区域的圆角*/
  background: pink;
  /*滚动条的背景颜色*/
}
.el-table .el-table__body-wrapper::-webkit-scrollbar-corner {
  box-shadow: none;
  border-radius: 0;
  /*滚动条的背景区域的圆角*/
  background: pink;
  /*滚动条的背景颜色*/
}
.el-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
  width: 3px;
  height: 39px;
  background: #e8213b;
  /*滚动条的背景颜色*/
  border-radius: 2px;
  /*滚动条的圆角*/
}
::-webkit-scrollbar-corner {
  background: #f3f3f3 !important;
}
.el-table__fixed-right-patch {
  background-color: #f3f3f3 !important;
  border: none !important;
}
.is-scrolling-none {
  overflow-x: auto;
}
.el-table__fixed-right::before,
.el-table__fixed::before {
  border: none !important;
}
.el-table {
  width: 100%;
}
.el-table .el-table__header-wrapper table,
.el-table .el-table__body-wrapper table {
  width: 100% !important;
}
.el-table .el-table__body {
  -webkit-border-vertical-spacing: 8px;
}
.el-table .el-table__body tr:hover > td {
  background-color: #F1F9FF !important;
}
.el-table .el-table__header-wrapper {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}
.el-table td:first-child {
  border-radius: 8px 0 0 8px;
}
.el-table td:last-child {
  border-radius: 0 8px 8px 0;
}
.el-table__empty-text {
  line-height: 1 !important;
}
.el-pagination {
  height: 40px;
  background: #ffffff;
  box-shadow: 0px 4px 23px 0px rgba(0, 0, 0, 0.14);
  border-radius: 4px;
}
.el-pagination .el-pager .number {
  color: #000000;
}
.el-pagination .el-pager .is-active {
  background: #0081ff;
  color: #ffffff;
  border-radius: 4px;
}
.is-focus {
  outline: 0;
  box-shadow: 0 0 0 0px var(--el-input-focus-border-color) inset !important;
}
.el-switch .el-switch__core {
  --el-switch-off-color: #E84647;
  /* 替换为你想要的颜色 */
  --el-switch-on-color: #2AB050;
  width: 36px;
  height: 18px;
  border: none;
}
.el-switch .el-switch__core .el-switch__action {
  width: 14px;
  height: 14px;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  top: 2px !important;
}
.el-message {
  height: 46px;
  border-radius: 4px !important;
  font-size: 14px;
  border: none !important;
}
.el-message .el-message__content {
  color: #020203 !important;
}
.el-message.el-message--success {
  --el-message-bg-color: #E8FFEA;
}
.el-message.el-message--success .el-message-icon--success {
  color: #2AB050;
}
.el-message.el-message--error {
  --el-message-bg-color: #FFECE8;
}
.el-message.el-message--error .el-message-icon--error {
  color: #E84647;
}
.el-message.el-message--warning {
  --el-message-bg-color: #FFFAE8;
}
.el-message.el-message--warning .el-message-icon--warning {
  color: #E8A123;
}
.el-message.el-message--info {
  --el-message-bg-color: #E8F6FF;
}
.el-message.el-message--info .el-message-icon--info {
  color: #2681F0;
}
.el-radio-group .el-radio__inner {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: 1px solid #292929;
}
.el-radio-group .el-radio__inner::after {
  width: 8px;
  height: 8px;
  background: #292929;
  border-radius: 8px;
}
.el-radio-group .el-radio__label {
  font-weight: 400;
  color: #1A1A1A;
}
.el-radio-group .is-checked .el-radio__input .el-radio__inner {
  border-color: #0075FF;
  background: none;
}
.el-radio-group .is-checked .el-radio__input .el-radio__inner::after {
  background: #0075FF;
}
.el-radio-group .is-checked .el-radio__label {
  font-weight: 400;
  color: #0075FF;
}
.el-tree-node__expand-icon.is-leaf {
  visibility: hidden;
}
.el-popper {
  border: 1px solid #EEEFF2 !important;
  box-shadow: 0px 4px 10px 0px rgba(2, 2, 3, 0.1) !important;
}
.el-popper.is-light > .el-popper__arrow:before {
  border-color: #EEEFF2 !important;
}
.tips-page[data-v-4972e866] {
  position: fixed;
  z-index: 2005;
  bottom: 50px;
  right: 55px;
  width: 359px;
  padding-bottom: 19px;
  border-radius: 12px;
  opacity: 1;
  background: #ffffff;
  box-shadow: 0px 4px 12px 0px rgba(2, 2, 3, 0.16);
}
.tips-page .tips-render[data-v-4972e866] {
  margin: 1px auto 0;
  width: 357px;
  border-radius: 11px 11px 0px 0px;
  opacity: 1;
  display: flex;
  background: linear-gradient(180deg, #becdf6 0%, rgba(220, 233, 255, 0.8) 48%, #ffffff 100%);
}
.tips-content[data-v-4972e866] {
  margin: 11px 11px 0 11px;
  width: 100%;
}
.tips-content .tips-top[data-v-4972e866] {
  padding-bottom: 8px;
  display: flex;
  align-items: center;
}
.tips-content .tips-top img[data-v-4972e866] {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  object-fit: fill;
}
.tips-content .info-des[data-v-4972e866] {
  font-family: PingFang SC;
  font-size: 14px;
  font-variation-settings: 'opsz' auto;
  letter-spacing: 0.04em;
  color: #414c5a;
}
.tips-content .info-des.noSpace[data-v-4972e866] {
  letter-spacing: 0;
}
.tips-content .info-des.tips-title[data-v-4972e866] {
  font-weight: 500;
  line-height: normal;
  color: #020203;
}
.tips-content .info-des.tips-des[data-v-4972e866] {
  font-weight: normal;
  line-height: 24px;
}
.tips-content .info-des.tips-blue[data-v-4972e866] {
  font-weight: normal;
  line-height: 24px;
  color: #0f70fd;
  cursor: pointer;
}
.tips-content .info-des.right[data-v-4972e866] {
  text-align: right;
  padding-top: 16px;
  padding-right: 4px;
}
.tips-content .info-des .tips-btn[data-v-4972e866] {
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0.04em;
  text-align: right;
  cursor: pointer;
}
/*!
 * Viewer.js v1.11.7
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-11-24T04:32:14.526Z
 */

.viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 560 40%22%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7Zm14 0h6.2V16h-2v-4.3h-4.2v-2Zm6.2 14V30h-6.2v-2h4.2v-4.3h2Zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1Zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2Z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 280px;
    color: transparent;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    width: 20px;
  }

.viewer-zoom-in::before {
  background-position: 0 0;
  content: 'Zoom In';
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: 'Zoom Out';
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: 'One to One';
}

.viewer-reset::before {
  background-position: -60px 0;
  content: 'Reset';
}

.viewer-prev::before {
  background-position: -80px 0;
  content: 'Previous';
}

.viewer-play::before {
  background-position: -100px 0;
  content: 'Play';
}

.viewer-next::before {
  background-position: -120px 0;
  content: 'Next';
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: 'Rotate Left';
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: 'Rotate Right';
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: 'Flip Horizontal';
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: 'Flip Vertical';
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: 'Enter Full Screen';
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: 'Exit Full Screen';
}

.viewer-close::before {
  background-position: -260px 0;
  content: 'Close';
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: none;
      touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.viewer-container::-moz-selection, .viewer-container *::-moz-selection {
    background-color: transparent;
  }

.viewer-container::selection,
  .viewer-container *::selection {
    background-color: transparent;
  }

.viewer-container:focus {
    outline: 0;
  }

.viewer-container img {
    display: block;
    height: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%;
  }

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
    height: auto;
    margin: 15px auto;
    max-width: 90% !important;
    width: auto;
  }

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 50px;
    line-height: 0;
    opacity: 0.5;
    overflow: hidden;
    transition: opacity 0.15s;
    width: 30px;
  }

.viewer-list > li:focus,
    .viewer-list > li:hover {
      opacity: 0.75;
    }

.viewer-list > li:focus {
      outline: 0;
    }

.viewer-list > li + li {
      margin-left: 1px;
    }

.viewer-list > .viewer-loading {
    position: relative;
  }

.viewer-list > .viewer-loading::after {
      border-width: 2px;
      height: 20px;
      margin-left: -10px;
      margin-top: -10px;
      width: 20px;
    }

.viewer-list > .viewer-active,
  .viewer-list > .viewer-active:focus,
  .viewer-list > .viewer-active:hover {
    opacity: 1;
  }

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.viewer-player > img {
    left: 0;
    position: absolute;
    top: 0;
  }

.viewer-toolbar > ul {
    display: inline-block;
    margin: 0 auto 5px;
    overflow: hidden;
    padding: 6px 3px;
  }

.viewer-toolbar > ul > li {
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
      cursor: pointer;
      float: left;
      height: 24px;
      overflow: hidden;
      transition: background-color 0.15s;
      width: 24px;
    }

.viewer-toolbar > ul > li:focus,
      .viewer-toolbar > ul > li:hover {
        background-color: rgba(0, 0, 0, 0.8);
      }

.viewer-toolbar > ul > li:focus {
        box-shadow: 0 0 3px #fff;
        outline: 0;
        position: relative;
        z-index: 1;
      }

.viewer-toolbar > ul > li::before {
        margin: 2px;
      }

.viewer-toolbar > ul > li + li {
        margin-left: 1px;
      }

.viewer-toolbar > ul > .viewer-small {
      height: 18px;
      margin-bottom: 3px;
      margin-top: 3px;
      width: 18px;
    }

.viewer-toolbar > ul > .viewer-small::before {
        margin: -1px;
      }

.viewer-toolbar > ul > .viewer-large {
      height: 30px;
      margin-bottom: -3px;
      margin-top: -3px;
      width: 30px;
    }

.viewer-toolbar > ul > .viewer-large::before {
        margin: 5px;
      }

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 5px 5%;
  max-width: 90%;
  min-height: 14px;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
    opacity: 1;
  }

.viewer-button {
  -webkit-app-region: no-drag;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
  .viewer-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
  }

.viewer-button:focus {
    box-shadow: 0 0 3px #fff;
    outline: 0;
  }

.viewer-button::before {
    bottom: 15px;
    left: 15px;
    position: absolute;
  }

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  transition: all 0.3s;
}

@keyframes viewer-spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.viewer-loading::after {
    animation: viewer-spinner 1s linear infinite;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-left-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 1;
  }

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}

@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}

@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}