@font-face {
font-family: 'geistSans';
src: url(/_next/static/media/4473ecc91f70f139-s.p.woff) format('woff');
font-display: swap;
font-weight: 100 900;
}@font-face {font-family: 'geistSans Fallback';src: local("Arial");ascent-override: 85.83%;descent-override: 20.52%;line-gap-override: 9.33%;size-adjust: 107.19%
}.__className_1e4310 {font-family: 'geistSans', 'geistSans Fallback'
}.__variable_1e4310 {--font-geist-sans: 'geistSans', 'geistSans Fallback'
}

@font-face {
font-family: 'geistMono';
src: url(/_next/static/media/463dafcda517f24f-s.p.woff) format('woff');
font-display: swap;
font-weight: 100 900;
}@font-face {font-family: 'geistMono Fallback';src: local("Arial");ascent-override: 69.97%;descent-override: 16.73%;line-gap-override: 7.61%;size-adjust: 131.49%
}.__className_c3aa02 {font-family: 'geistMono', 'geistMono Fallback'
}.__variable_c3aa02 {--font-geist-mono: 'geistMono', 'geistMono Fallback'
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  -webkit-text-decoration: underline;
  text-decoration: underline; /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -0.125rem; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* 暗黑主题色 */
html[data-theme='dark']{
  --bigBottomColour: #1a1a1a;
  --bottomColour: #272727;
  /* 字体 */
  --whiteFont:#ffffff;
  --blackFont:#333333;
  --whiteFont32:rgba(250, 250, 250, 0.32); 
  --inverseColor:red;
  /* filter: invert(100%); */
  /* 按钮 */
  --btnFill:#383838; 
  --keyFill:var(--btnFill);
  --keyBorder:#606060;
  --greyBtn:var(--btnFill);
  --blackBtn:#ffffff;
  --greyBtn2:#272727;
  --greyBtn3:#232323;
  /* 其他 */
  --fixTop: var(--bottomColour);
  --handleBac: #EFEFEF;
  --handleVerticleBac: #efefef;
  --settingBac: var(--bigBottomColour);
  --settingBacMiddle: var(--bottomColour);
  --tabSliding:#00deb0;
  --dropdown:var(--bottomColour);
  --borderColor:rgba(0, 0, 0, 0.1);
  --backgroundColorMask:rgba(0, 0, 0, 0.6);
  --addIcon:#9b9b9b;
  --addIconBac:#6c6c6c;
  --dashColor:var(--whiteFont32);
  --switchBac:var(--btnFill);
  --sliderBox:var(--btnFill);
  --sliderBoxHover:rgba(250, 250, 250, 0.1);
  --sliderBox_grey:var(--keyBorder);
  --sliderVerticleBorder: #373737;
  --sliderScale:rgba(255, 255, 255, 0.32);
  --checkboxBorder:var(--keyBorder);
  --invertColor:invert(100%);
  --inputColorBac:var(--btnFill);
  --keyInsideBox_bottom:#333333;
  --modeKeyBoxBac:var(--btnFill);
  --modeKeyBoxBacHover:var(--btnFill);
  --modeKeyBoxBacActive:var(--btnFill);
  --modeKeyBoxBacBorderHover:#418879;
  --modeKeyBoxBacFont:#787878;
  --modeKeyBoxBacFontHover:#a8a8a8;
  --scrollbarThumb:rgba(108, 108, 108, .5);
  --scrollbarThumbHover:rgba(255, 255, 255, .2);
  --selectFont:#ffffff;
  --selectActive:rgba(39, 39, 39, .6);
  --correctingGreyBtn:#233a35;
  --Air60Slide:#606060;
  --deviceIcon:#595959;
  --deviceIconBac:#1f2020;
  --placeholderColor:rgba(108, 108, 108, .4);
  --lineColor:var(--btnFill);
  --lithtSwitchBac:rgba(89, 89, 89, 0.5);
  --lithtSwitchBacHover:rgba(21, 21, 21, 0.4);
  --testKeyBac:var(--btnFill);
  --tooltipBac:#1A1A1A;
  --tooltipColor:#ffffff;
  --tipsModalBac:rgba(56, 56, 56, 1);
  --dividerLine: rgba(96, 96, 96, 1);
  --maskBottomColour: rgba(250, 250, 250, 0.7);
  --card: #2b2b2b;
  --cardMiddle: #2f2f2f;
  --vditorOutlineHover: #383838;
  --vditorOutlineActive:#e3e3e3;
  --vditorOutlineSpan:#e1e1e1;
  --arrowBac:rgba(255, 255, 255,.5);
}

/* 默认主题色 */
:root {
  --bigBottomColour:#ffffff;
  --bottomColour: #fafafa;
  /* 字体 */
  --whiteFont:#333333;
  --blackFont:#ffffff;
  --whiteFont32:rgba(51, 51, 51, 0.32);
  /* 按钮 */
  --btnFill:#f2f2f2; 
  --keyFill:var(--bigBottomColour);
  --keyBorder:rgba(51, 51, 51, 0.04);
  --greyBtn:#f2f2f2;
  --blackBtn:#333333;
  --greyBtn2:#eaeaea;
  --greyBtn3:#eaeaea;
  /* 其他 */
  --fixTop: var(--bigBottomColour);
  --handleBac:#efefef;
  --handleVerticleBac: #383838;
  --settingBac: #fafafa;
  --settingBacMiddle: var(--bigBottomColour);
  --tabSliding:#333;
  --dropdown:var(--bigBottomColour);
  --borderColor:#e6e6e6;
  --backgroundColorMask:rgba(0, 0, 0, 0.45);
  --addIcon:var(--bigBottomColour);
  --addIconBac:#d9d9d9;
  --dashColor:#c8c8c8;
  --switchBac:#bbbbbb;
  --sliderBox:#f0f0f0;
  --sliderBoxHover:#ebebeb;
  --sliderBox_grey:#cbcbcb;
  --sliderVerticleBorder: #ebebeb;
  --sliderScale:#bcbcbc;
  --checkboxBorder:#878787;
  --invertColor:none;
  --inputColorBac:var(--bigBottomColour);
  --keyInsideBox_bottom:#e8e8e8;
  --modeKeyBoxBac:#f6f6f6;
  --modeKeyBoxBacHover:#f9f9f9;
  --modeKeyBoxBacActive:var(--bigBottomColour);
  --modeKeyBoxBacBorderHover:#ade3d8;
  --modeKeyBoxBacFont:#898989;
  --modeKeyBoxBacFontHover:#787878;
  --scrollbarThumb:#E6E6E6;
  --scrollbarThumbHover:#DCDCDC;
  --selectFont:#7f7f7f;
  --selectActive:#e6fff6;
  --correctingGreyBtn:#e1f8f3;
  --Air60Slide:#dddddd;
  --deviceIcon:#d4d9e4;
  --deviceIconBac:#edeff6;
  --placeholderColor:#bbbbbb;
  --lineColor:#e6e6e6;
  --lithtSwitchBac:#bbbbbb;
  --lithtSwitchBacHover:#898989;
  --testKeyBac:var(--bigBottomColour);
  --tooltipBac:#000000;
  --tooltipColor:#ffffff;
  --tipsModalBac:rgba(255, 255, 255, 1);
  --dividerLine: rgba(51, 51, 51, 0.04);
  --maskBottomColour: var(--bottomColour);
  --card: #fbfbfb;
  --cardMiddle: #f4f4f4;
  --vditorOutlineHover: #fbfbfb;
  --vditorOutlineActive: #333333;
  --vditorOutlineSpan:#505050;
  --arrowBac:rgba(51, 51, 51,.1);
}

html{
  --fontFamily: 'ALiFontSize',-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen','Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue','sans-serif';
  --keyHover:rgba(101, 219, 179,0.7);
}
/* 
设备屏幕高度 > 1080 => font-size:16
设备屏幕高度 <= 1080 && 屏幕宽度 > 767 => font-size:15.28
设备屏幕高度 <= 1080 && 屏幕宽度 <= 767 && 屏幕宽度 > 436 => font-size:14.52
设备屏幕高度 <= 1080 && 屏幕宽度 <= 436 && 屏幕宽度 <= 375 => font-size:13.76
 */

 /* 设备屏幕高度 > 1080 => font-size:16 */
@media screen and (min-device-height:67.5rem){
  html{font-size: 1rem;}
}

/* 设备屏幕高度 <= 1080 && 屏幕宽度 > 767 => font-size:15.28 */
@media screen and (max-device-height:67.5rem) and (min-width:47.9375rem){
  html{font-size: 0.955rem;}
}

/* 设备屏幕高度 <= 1080 && 屏幕宽度 <= 767 && 屏幕宽度 > 436 => font-size:14.52 */
@media screen and (max-device-height:67.5rem) and (max-width:47.9375rem) and (min-width:27.25rem){
  html{font-size: 0.9075rem;}
}

/* 设备屏幕高度 <= 1080 && 屏幕宽度 <= 436 && 屏幕宽度 <= 375 => font-size:13.76 */
@media screen and (max-device-height:67.5rem) and (max-width:27.25rem) and (min-width:23.4375rem){
  html{font-size: 0.86rem;}
}
/* 默认模式和暗黑模式的变量 */  
/* 通过媒体查询动态设置根节点字体大小 */  

/* 字体库 */
@font-face {
  font-family: "ALiFontSize";
  src: url(/_next/static/media/400-Regular.619e46e9.otf);
  font-weight: 400;
}
@font-face {
  font-family: "ALiFontSize";
  src: url(/_next/static/media/500-Medium.0001e9a6.otf);
  font-weight: 500;
}
@font-face {
  font-family: "ALiFontSize";
  src: url(/_next/static/media/700-Bold.393b027f.otf);
  font-weight: 700;
}
@font-face {
  font-family: "ALiFontSize";
  src: url(/_next/static/media/900-Heavy.14ff58e9.otf);
  font-weight: 900;
}
@font-face {
  font-family: "ALiFontSize";
  src: url(/_next/static/media/1000-Black.f9e42b4a.otf);
  font-weight: 1000;
}

body {background-color: var(--bottomColour);color: var(--whiteFont);}
html,body,#root,.App,.overPageContainer{width: 100%;height: 100%;}
p,span,div,li{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
img{display: block;}
.fixTop{position: sticky;top:0;z-index: 9999;width: 100%;height: auto;background-color: var(--fixTop);}
.App{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.App-logo { height: 40vmin; pointer-events: none;}
.appContainerBac{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;height: 100%;}
.pageContainer{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin: 0 auto;height: calc(100vh - 3.375rem);width: 100%;overflow-y: auto;background-image: url(/_next/static/media/noiseBackground.80313f4b.png);}
li{list-style: none;}
.rowFlexLayout{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
/* 去掉按钮的聚焦样式 */
button:focus-visible{outline: 0!important; outline-offset: 0!important;}
/* H5页面在一些设备上会闪烁的问题 */
html, body {-webkit-tap-highlight-color: transparent;}
/* 仅用于给爬虫的HTML */
.crawlerHTML{position:fixed;z-index:-99999;left:-6249.9375rem;top:-6249.9375rem;}

/* 整个滚动条 */
/* 滚动条的宽度 */
/* 滚动条的高度，对水平滚动条有效 */
::-webkit-scrollbar {width: 0.375rem;height: 0.375rem;}
/* 滚动条轨道 */
/* ::-webkit-scrollbar-track {border-radius: 10px;} */
/* 滚动条滑块 */
::-webkit-scrollbar-thumb { border-radius: 0.625rem; background-color:var(--scrollbarThumb); }
/* 滚动条滑块：悬停效果 */
::-webkit-scrollbar-thumb:hover { background-color: var(--scrollbarThumbHover); }
/* 滚动条滑块：激活时的效果 */
::-webkit-scrollbar-thumb:active { background-color: var(--scrollbarThumbHover); }
/* 滚动条按钮（上下箭头） */
::-webkit-scrollbar-button { display: none!important;}
 
*,*:before,*:after {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: var(--fontFamily)!important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
/* 统一设置字重 */
h1{font-weight: 1000;}
h2{font-weight: 900;}
h3{font-weight: 700;}  
/* 半透明遮罩 */
#keyMask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--backgroundColorMask);z-index:103;}
/* 鼠标悬停出现手 */
.pointer{cursor: pointer;}
/* 盒子阴影,卡片效果 */
.boxShadow{-webkit-box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,.1);box-shadow: 0 0.3125rem 0.625rem rgba(0,0,0,.1);}
/* 禁用 */
.disabledBox{opacity:0.4;pointer-events:none;}
.disabledBoxNoOpacity{pointer-events:none;}
/* 字体图标默认颜色,这不能写行内只能通过类名设置 */
.icon-svg{color:var(--whiteFont);fill: currentColor;}

/* 省略号,写在包裹着文字的标签上 */
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: block;}

input::-webkit-input-placeholder {color: var(--placeholderColor)!important;}

input::-moz-placeholder {color: var(--placeholderColor)!important;}

input:-ms-input-placeholder {color: var(--placeholderColor)!important;}

input::-ms-input-placeholder {color: var(--placeholderColor)!important;}

input::placeholder {color: var(--placeholderColor)!important;}
input {caret-color: #00deb0;}
.myInputColor input{color: var(--whiteFont)!important;} 

/* ant-design-mobile组件的一些样式调整 */
.adm-popup-body-position-top{border-radius: 0 0 0.875rem 0.875rem!important;padding-top: 3.125rem;overflow: hidden;}
.adm-popup-body{background-color: var(--fixTop)!important;}

/* 预览插件 */
.viewer-container{z-index: 10000!important;}
.viewer-title{display: none!important;}
/* Markdown插件 */
.markdown-editor-bac p,.markdown-editor-bac li{color: var(--whiteFont);}
.markdown-editor-bac h1,.markdown-editor-bac h2,.markdown-editor-bac h3,.markdown-editor-bac h4,.markdown-editor-bac h5{color: var(--whiteFont);}
.vditor-reset h1, .vditor-reset h2 {border-bottom: 1px solid var(--sliderVerticleBorder)!important;}
.vditor-reset blockquote {border-left: 0.25em solid var(--sliderVerticleBorder)!important;}
.vditor-reset iframe{border:none;}
.markdown-editor,.vditor-outline{border:none;}
.vditor-outline ul li > span{color:#505050!important;font-weight:700;}
.vditor-outline li > span{padding:0!important;font-size: 0.875rem;}
.vditor-outline li > span > svg{width: 2.5rem!important;height: 1.875rem!important;padding: 0.625rem;}
.vditor-outline ul li span[data-target-id]{border-bottom:1px solid rgba(51, 51, 51, .05);}
.vditor-outline ul li span:hover{background-color:var(--vditorOutlineHover);}
.vditor-outline .outline_active{background-color:var(--vditorOutlineHover)!important;color:var(--vditorOutlineActive)!important;font-weight:900!important;}
.vditor-outline::-webkit-scrollbar{display:block!important;}
.vditor-outline .vditor-outline__action{color: var(--whiteFont);}
 
@media (prefers-reduced-motion: no-preference) {
  .App-logo {-webkit-animation: App-logo-spin infinite 20s linear;animation: App-logo-spin infinite 20s linear;}
}
@-webkit-keyframes App-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes App-logo-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* 淡入入场动画 */
@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/* 淡出动画 */
@-webkit-keyframes fadeOut{
	from {opacity: 1;}
	to {opacity: 0;}
}
@keyframes fadeOut{
	from {opacity: 1;}
	to {opacity: 0;}
}
/*!
 * 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: 17.5rem;
    color: transparent;
    display: block;
    font-size: 0;
    height: 1.25rem;
    line-height: 0;
    width: 1.25rem;
  }

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

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

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

.viewer-reset::before {
  background-position: -3.75rem 0;
  content: 'Reset';
}

.viewer-prev::before {
  background-position: -5rem 0;
  content: 'Previous';
}

.viewer-play::before {
  background-position: -6.25rem 0;
  content: 'Play';
}

.viewer-next::before {
  background-position: -7.5rem 0;
  content: 'Next';
}

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

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

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

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

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

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

.viewer-close::before {
  background-position: -16.25rem 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: 0.9375rem 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 {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 3.125rem;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

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

.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: 0.125rem;
      height: 1.25rem;
      margin-left: -0.625rem;
      margin-top: -0.625rem;
      width: 1.25rem;
    }

.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 0.3125rem;
    overflow: hidden;
    padding: 0.375rem 0.1875rem;
  }

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

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

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

.viewer-toolbar > ul > li::before {
        margin: 0.125rem;
      }

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

.viewer-toolbar > ul > .viewer-small {
      height: 1.125rem;
      margin-bottom: 0.1875rem;
      margin-top: 0.1875rem;
      width: 1.125rem;
    }

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

.viewer-toolbar > ul > .viewer-large {
      height: 1.875rem;
      margin-bottom: -0.1875rem;
      margin-top: -0.1875rem;
      width: 1.875rem;
    }

.viewer-toolbar > ul > .viewer-large::before {
        margin: 0.3125rem;
      }

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0.625rem;
  color: #fff;
  display: none;
  font-size: 0.75rem;
  height: 1.25rem;
  left: 50%;
  line-height: 1.25rem;
  margin-left: -1.5625rem;
  margin-top: -0.625rem;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 3.125rem;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.2;
  margin: 0.3125rem 5%;
  max-width: 90%;
  min-height: 0.875rem;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: opacity 0.15s;
  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: 5rem;
  overflow: hidden;
  position: absolute;
  right: -2.5rem;
  top: -2.5rem;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
  width: 5rem;
}

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

.viewer-button:focus {
    -webkit-box-shadow: 0 0 0.1875rem #fff;
            box-shadow: 0 0 0.1875rem #fff;
    outline: 0;
  }

.viewer-button::before {
    bottom: 0.9375rem;
    left: 0.9375rem;
    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: -webkit-grab;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

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

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

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

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

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

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

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

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

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