@-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}@keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}@-webkit-keyframes rising{0%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}}@keyframes rising{0%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-rising,.faa-rising.animated,.faa-rising.animated-hover:hover{-webkit-animation:rising 2s linear infinite;animation:rising 2s linear infinite}.faa-parent.animated-hover:hover>.faa-rising.faa-fast,.faa-rising.animated-hover.faa-fast:hover,.faa-rising.animated.faa-fast{-webkit-animation:rising 1s linear infinite;animation:rising 1s linear infinite}.faa-parent.animated-hover:hover>.faa-rising.faa-slow,.faa-rising.animated-hover.faa-slow:hover,.faa-rising.animated.faa-slow{-webkit-animation:rising 3s linear infinite;animation:rising 3s linear infinite}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

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

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

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

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

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

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

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

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0
}

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}
.limit-one-line,
#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span,
#aside-content .card-categories ul.card-category-list > .card-category-list-item a span,
.site-data > a .headline,
#sidebar #sidebar-menus .menus_items .site-page {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.limit-more-line,
#aside-content .aside-list > .aside-list-item .content > .name,
#aside-content .aside-list > .aside-list-item .content > .title,
#aside-content .aside-list > .aside-list-item .content > .comment,
.relatedPosts > .relatedPosts-list .content .title,
#article-container figure.gallery-group p,
#article-container figure.gallery-group .gallery-group-name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
}
.fontawesomeIcon,
#article-container h1:before,
#article-container h2:before,
#article-container h3:before,
#article-container h4:before,
#article-container h5:before,
#article-container h6:before,
.note:not(.no-icon)::before {
  display: inline-block;
  font-weight: 600;
  font-family: 'Font Awesome 6 Free';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.cardHover,
.layout > div:first-child:not(.recent-posts),
#aside-content .card-widget {
  border-radius: 8px;
  background: var(--card-bg);
  -webkit-box-shadow: var(--card-box-shadow);
  box-shadow: var(--card-box-shadow);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.cardHover:hover,
.layout > div:first-child:not(.recent-posts):hover,
#aside-content .card-widget:hover {
  -webkit-box-shadow: var(--card-hover-box-shadow);
  box-shadow: var(--card-hover-box-shadow);
}
.imgHover,
#aside-content .aside-list > .aside-list-item .thumbnail > img {
  width: 100%;
  height: 100%;
  -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.6s;
  -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.6s;
  -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.6s;
  -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.6s;
  transition: filter 375ms ease-in 0.2s, transform 0.6s;
  object-fit: cover;
}
.imgHover:hover,
#aside-content .aside-list > .aside-list-item .thumbnail > img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.postImgHover:hover img,
.relatedPosts > .relatedPosts-list > div:hover img {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.postImgHover img,
.relatedPosts > .relatedPosts-list > div img {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -webkit-transition: all 0.6s, filter 375ms ease-in 0.2s;
  -moz-transition: all 0.6s, filter 375ms ease-in 0.2s;
  -o-transition: all 0.6s, filter 375ms ease-in 0.2s;
  -ms-transition: all 0.6s, filter 375ms ease-in 0.2s;
  transition: all 0.6s, filter 375ms ease-in 0.2s;
  object-fit: cover;
}
.list-beauty,
.category-lists ul,
#algolia-search .search-dialog .ais-Hits-list {
  list-style: none;
}
.list-beauty li,
.category-lists ul li,
#algolia-search .search-dialog .ais-Hits-list li {
  position: relative;
  padding: 0.12em 0.4em 0.12em 1.4em;
}
.list-beauty li:hover:before,
.category-lists ul li:hover:before,
#algolia-search .search-dialog .ais-Hits-list li:hover:before {
  border-color: var(--pseudo-hover);
}
.list-beauty li:before,
.category-lists ul li:before,
#algolia-search .search-dialog .ais-Hits-list li:before {
  position: absolute;
  top: 0.67em;
  left: 0;
  width: 0.43em;
  height: 0.43em;
  border: 0.215em solid #f2563b;
  border-radius: 0.43em;
  background: transparent;
  content: '';
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#content-inner,
#footer {
  -webkit-animation: bottom-top 1s;
  -moz-animation: bottom-top 1s;
  -o-animation: bottom-top 1s;
  -ms-animation: bottom-top 1s;
  animation: bottom-top 1s;
}
#page-header {
  -webkit-animation: header-effect 1s;
  -moz-animation: header-effect 1s;
  -o-animation: header-effect 1s;
  -ms-animation: header-effect 1s;
  animation: header-effect 1s;
}
#site-title,
#site-subtitle {
  -webkit-animation: titleScale 1s;
  -moz-animation: titleScale 1s;
  -o-animation: titleScale 1s;
  -ms-animation: titleScale 1s;
  animation: titleScale 1s;
}
#nav.show {
  -webkit-animation: headerNoOpacity 1s;
  -moz-animation: headerNoOpacity 1s;
  -o-animation: headerNoOpacity 1s;
  -ms-animation: headerNoOpacity 1s;
  animation: headerNoOpacity 1s;
}
canvas:not(#ribbon-canvas),
animation: to_show 4s,
#ribbon-canvas {
  -webkit-animation: ribbon_to_show 4s;
  -moz-animation: ribbon_to_show 4s;
  -o-animation: ribbon_to_show 4s;
  -ms-animation: ribbon_to_show 4s;
  animation: ribbon_to_show 4s;
}
#sidebar-menus.open > :nth-child(1) {
  -webkit-animation: sidebarItem 0.2s;
  -moz-animation: sidebarItem 0.2s;
  -o-animation: sidebarItem 0.2s;
  -ms-animation: sidebarItem 0.2s;
  animation: sidebarItem 0.2s;
}
#sidebar-menus.open > :nth-child(2) {
  -webkit-animation: sidebarItem 0.4s;
  -moz-animation: sidebarItem 0.4s;
  -o-animation: sidebarItem 0.4s;
  -ms-animation: sidebarItem 0.4s;
  animation: sidebarItem 0.4s;
}
#sidebar-menus.open > :nth-child(3) {
  -webkit-animation: sidebarItem 0.6s;
  -moz-animation: sidebarItem 0.6s;
  -o-animation: sidebarItem 0.6s;
  -ms-animation: sidebarItem 0.6s;
  animation: sidebarItem 0.6s;
}
#sidebar-menus.open > :nth-child(4) {
  -webkit-animation: sidebarItem 0.8s;
  -moz-animation: sidebarItem 0.8s;
  -o-animation: sidebarItem 0.8s;
  -ms-animation: sidebarItem 0.8s;
  animation: sidebarItem 0.8s;
}
.scroll-down-effects {
  -webkit-animation: scroll-down-effect 1.5s infinite;
  -moz-animation: scroll-down-effect 1.5s infinite;
  -o-animation: scroll-down-effect 1.5s infinite;
  -ms-animation: scroll-down-effect 1.5s infinite;
  animation: scroll-down-effect 1.5s infinite;
}
.reward-main {
  -webkit-animation: donate_effcet 0.3s 0.1s ease both;
  -moz-animation: donate_effcet 0.3s 0.1s ease both;
  -o-animation: donate_effcet 0.3s 0.1s ease both;
  -ms-animation: donate_effcet 0.3s 0.1s ease both;
  animation: donate_effcet 0.3s 0.1s ease both;
}
@-moz-keyframes scroll-down-effect {
  0% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
  50% {
    top: -16px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
}
@-webkit-keyframes scroll-down-effect {
  0% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
  50% {
    top: -16px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
}
@-o-keyframes scroll-down-effect {
  0% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
  50% {
    top: -16px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
}
@keyframes scroll-down-effect {
  0% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
  50% {
    top: -16px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    top: 0;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
  }
}
@-moz-keyframes header-effect {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes header-effect {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes header-effect {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes header-effect {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes headerNoOpacity {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes headerNoOpacity {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes headerNoOpacity {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes headerNoOpacity {
  0% {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes bottom-top {
  0% {
    margin-top: 50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    margin-top: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes bottom-top {
  0% {
    margin-top: 50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    margin-top: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes bottom-top {
  0% {
    margin-top: 50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    margin-top: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes bottom-top {
  0% {
    margin-top: 50px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    margin-top: 0;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes titleScale {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes titleScale {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes titleScale {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes titleScale {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes search_close {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-webkit-keyframes search_close {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-o-keyframes search_close {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@keyframes search_close {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-moz-keyframes to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes to_hide {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes to_hide {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes to_hide {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes to_hide {
  0% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes ribbon_to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@-webkit-keyframes ribbon_to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@-o-keyframes ribbon_to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@keyframes ribbon_to_show {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@-moz-keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes avatar_turn_around {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes sub_menus {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes sub_menus {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes sub_menus {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes sub_menus {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -o-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes donate_effcet {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes donate_effcet {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes donate_effcet {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes donate_effcet {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes sidebarItem {
  0% {
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes sidebarItem {
  0% {
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes sidebarItem {
  0% {
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes sidebarItem {
  0% {
    -webkit-transform: translateX(200px);
    -moz-transform: translateX(200px);
    -o-transform: translateX(200px);
    -ms-transform: translateX(200px);
    transform: translateX(200px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
:root {
  --global-font-size: 16px;
  --global-bg: #fff;
  --font-color: #4c4948;
  --hr-border: #fc889d;
  --hr-before-color: #fb5876;
  --search-bg: #f6f8fa;
  --search-input-color: #49b1f5;
  --search-result-title: #49b1f5;
  --preloader-bg: radial-gradient(#353c44, #222931);
  --preloader-color: #fff;
  --tab-border-color: #f0f0f0;
  --tab-botton-bg: #f0f0f0;
  --tab-botton-color: #1f2d3d;
  --tab-button-hover-bg: #dcdcdc;
  --tab-button-active-bg: #fff;
  --card-bg: #fff;
  --sidebar-bg: #f6f8fa;
  --btn-hover-color: #6842ff;
  --btn-color: #fff;
  --btn-bg: #f2563b;
  --text-bg-hover: rgba(242,86,59,0.7);
  --light-grey: #eee;
  --dark-grey: #cacaca;
  --white: #fff;
  --text-highlight-color: #1f2d3d;
  --blockquote-color: #6a737d;
  --blockquote-bg: rgba(73,177,245,0.1);
  --reward-pop: #f5f5f5;
  --toc-link-color: #666261;
  --card-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.05);
  --card-hover-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.09);
  --pseudo-hover: #6842ff;
  --headline-presudo: #a0a0a0;
  --scrollbar-color: #49b1f5;
}
body {
  position: relative;
  min-height: 100%;
  background: var(--global-bg);
  color: var(--font-color);
  font-size: var(--global-font-size);
  font-family: ZhuZiAYuanJWD, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Lato, Roboto, "PingFang SC", "STZhongsong", "Lantinghei SC", sans-serif;
  line-height: 2;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  background: var(--scrollbar-color);
}
*::-webkit-scrollbar-track {
  background-color: transparent;
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color) transparent;
}
input::placeholder {
  color: var(--font-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  margin: 20px 0 14px;
  color: var(--text-highlight-color);
  font-weight: bold;
}
h1 code,
h2 code,
h3 code,
h4 code,
h5 code,
h6 code {
  font-size: inherit !important;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.table-wrap {
  overflow-x: scroll;
  margin: 0 0 20px;
}
table {
  display: table;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  empty-cells: show;
}
table thead {
  background: rgba(153,169,191,0.1);
}
table th,
table td {
  padding: 6px 12px;
  border: 1px solid var(--light-grey);
  vertical-align: middle;
}
*::selection {
  background: #00c4b6;
  color: #f7f7f7;
}
button {
  padding: 0;
  outline: 0;
  border: none;
  background: none;
  cursor: pointer;
  touch-action: manipulation;
}
a {
  color: #49b1f5;
  text-decoration: none;
  word-wrap: break-word;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
  overflow-wrap: break-word;
}
a:hover {
  color: #f2563b;
}
.is-center {
  text-align: center;
}
.copy-true {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
img[src=''],
img:not([src]) {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
img[data-lazy-src]:not(.loaded) {
  filter: blur(8px) brightness(1);
}
img[data-lazy-src].error {
  filter: none;
}
.img-alt {
  margin: -10px 0 10px;
  color: #858585;
}
.img-alt:hover {
  text-decoration: none !important;
}
blockquote {
  margin: 0 0 20px;
  padding: 12px 15px;
  border-left: 3px solid #49b1f5;
  background-color: var(--blockquote-bg);
  color: var(--blockquote-color);
}
blockquote footer cite:before {
  padding: 0 5px;
  content: '—';
}
blockquote > :last-child {
  margin-bottom: 0 !important;
}
:root {
  --hl-color: #eff;
  --hl-bg: #212121;
  --hltools-bg: #1c1c1c;
  --hltools-color: rgba(238,255,255,0.8);
  --hlnumber-bg: #212121;
  --hlnumber-color: rgba(238,255,255,0.5);
  --hlscrollbar-bg: #353535;
  --hlexpand-bg: linear-gradient(180deg, rgba(33,33,33,0.6), rgba(33,33,33,0.9));
}
figure.highlight table {
  scrollbar-color: var(--hlscrollbar-bg) transparent;
}
figure.highlight table::-webkit-scrollbar-thumb {
  background: var(--hlscrollbar-bg);
}
figure.highlight pre .deletion {
  color: #bf42bf;
}
figure.highlight pre .addition {
  color: #105ede;
}
figure.highlight pre .meta {
  color: #c792ea;
}
figure.highlight pre .comment {
  color: #969896;
}
figure.highlight pre .variable,
figure.highlight pre .attribute,
figure.highlight pre .regexp,
figure.highlight pre .ruby .constant,
figure.highlight pre .xml .tag .title,
figure.highlight pre .xml .pi,
figure.highlight pre .xml .doctype,
figure.highlight pre .html .doctype,
figure.highlight pre .css .id,
figure.highlight pre .tag .name,
figure.highlight pre .css .class,
figure.highlight pre .css .pseudo {
  color: #ff5370;
}
figure.highlight pre .tag {
  color: #89ddff;
}
figure.highlight pre .number,
figure.highlight pre .preprocessor,
figure.highlight pre .literal,
figure.highlight pre .params,
figure.highlight pre .constant,
figure.highlight pre .command {
  color: #f78c6c;
}
figure.highlight pre .built_in {
  color: #ffcb6b;
}
figure.highlight pre .ruby .class .title,
figure.highlight pre .css .rules .attribute,
figure.highlight pre .string,
figure.highlight pre .value,
figure.highlight pre .inheritance,
figure.highlight pre .header,
figure.highlight pre .ruby .symbol,
figure.highlight pre .xml .cdata,
figure.highlight pre .special,
figure.highlight pre .number,
figure.highlight pre .formula {
  color: #c3e88d;
}
figure.highlight pre .keyword,
figure.highlight pre .title,
figure.highlight pre .css .hexcolor {
  color: #89ddff;
}
figure.highlight pre .function,
figure.highlight pre .python .decorator,
figure.highlight pre .python .title,
figure.highlight pre .ruby .function .title,
figure.highlight pre .ruby .title .keyword,
figure.highlight pre .perl .sub,
figure.highlight pre .javascript .title,
figure.highlight pre .coffeescript .title {
  color: #82aaff;
}
figure.highlight pre .tag .attr,
figure.highlight pre .javascript .function {
  color: #c792ea;
}
#article-container figure.highlight .line.marked {
  background-color: rgba(97,97,97,0.314);
}
#article-container figure.highlight table {
  display: block;
  overflow: auto;
  border: none;
}
#article-container figure.highlight table td {
  padding: 0;
  border: none;
}
#article-container figure.highlight .gutter pre {
  padding-right: 10px;
  padding-left: 10px;
  background-color: var(--hlnumber-bg);
  color: var(--hlnumber-color);
  text-align: right;
}
#article-container figure.highlight .code pre {
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
}
#article-container pre,
#article-container figure.highlight {
  overflow: auto;
  margin: 0 0 20px;
  padding: 0;
  background: var(--hl-bg);
  color: var(--hl-color);
  line-height: 1.6;
}
#article-container pre,
#article-container code {
  font-size: 16px;
  font-family: consolas, Menlo, "PingFang SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif !important;
}
#article-container code {
  padding: 2px 4px;
  background: rgba(30,30,30,0.05);
  color: #f47466;
}
#article-container pre {
  padding: 10px 20px;
}
#article-container pre code {
  padding: 0;
  background: none;
  color: var(--hl-color);
  text-shadow: none;
}
#article-container figure.highlight {
  position: relative;
}
#article-container figure.highlight pre {
  margin: 0;
  padding: 8px 0;
  border: none;
}
#article-container figure.highlight figcaption,
#article-container figure.highlight .caption {
  padding: 6px 0 2px 14px;
  font-size: 16px;
  line-height: 1em;
}
#article-container figure.highlight figcaption a,
#article-container figure.highlight .caption a {
  float: right;
  padding-right: 10px;
  color: var(--hl-color);
}
#article-container figure.highlight figcaption a:hover,
#article-container figure.highlight .caption a:hover {
  border-bottom-color: var(--hl-color);
}
#article-container .highlight-tools {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: hidden;
  min-height: 24px;
  height: 2.15em;
  background: var(--hltools-bg);
  color: var(--hltools-color);
  font-size: 16px;
}
#article-container .highlight-tools.closed ~ * {
  display: none;
}
#article-container .highlight-tools .expand {
  position: absolute;
  padding: 0.57em 0.7em;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
}
#article-container .highlight-tools .expand + .code-lang {
  left: 1.7em;
}
#article-container .highlight-tools .expand.closed {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(-90deg) !important;
  -moz-transform: rotate(-90deg) !important;
  -o-transform: rotate(-90deg) !important;
  -ms-transform: rotate(-90deg) !important;
  transform: rotate(-90deg) !important;
}
#article-container .highlight-tools .code-lang {
  position: absolute;
  left: 14px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.15em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#article-container .highlight-tools .copy-notice {
  position: absolute;
  right: 2.4em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
#article-container .highlight-tools .copy-button {
  position: absolute;
  right: 14px;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  -ms-transition: color 0.2s;
  transition: color 0.2s;
}
#article-container .highlight-tools .copy-button:hover {
  color: #f2563b;
}
#article-container .gutter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#article-container .gist table {
  width: auto;
}
#article-container .gist table td {
  border: none;
}
#article-container figure.highlight {
  margin: 0 0 24px;
  border-radius: 7px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
  box-shadow: 0 5px 10px 0 rgba(0,0,0,0.4);
  -webkit-transform: translateZ(0);
}
#article-container figure.highlight .highlight-tools:after {
  position: absolute;
  left: 14px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fc625d;
  -webkit-box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
  box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
  content: ' ';
}
#article-container figure.highlight .highlight-tools .expand {
  right: 0;
}
#article-container figure.highlight .highlight-tools .expand.closed {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(90deg) !important;
  -moz-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  -ms-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}
#article-container figure.highlight .highlight-tools .expand ~ .copy-notice {
  right: 3.45em;
}
#article-container figure.highlight .highlight-tools .expand ~ .copy-button {
  right: 2.1em;
}
#article-container figure.highlight .highlight-tools .code-lang {
  left: 75px;
}
#article-container .code-expand-btn {
  position: absolute;
  bottom: 0;
  z-index: 10;
  width: 100%;
  background: var(--hlexpand-bg);
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
#article-container .code-expand-btn i {
  padding: 6px 0;
  color: var(--hlnumber-color);
  -webkit-animation: code-expand-key 1.2s infinite;
  -moz-animation: code-expand-key 1.2s infinite;
  -o-animation: code-expand-key 1.2s infinite;
  -ms-animation: code-expand-key 1.2s infinite;
  animation: code-expand-key 1.2s infinite;
}
#article-container .code-expand-btn.expand-done > i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#article-container .code-expand-btn.expand-done + table,
#article-container .code-expand-btn.expand-done + pre {
  margin-bottom: 1.8em;
}
#article-container .code-expand-btn:not(.expand-done) ~ table,
#article-container .code-expand-btn:not(.expand-done) ~ pre {
  overflow: hidden;
  height: 130px;
}
@-moz-keyframes code-expand-key {
  0% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  50% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@-webkit-keyframes code-expand-key {
  0% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  50% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@-o-keyframes code-expand-key {
  0% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  50% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
@keyframes code-expand-key {
  0% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
  50% {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
  }
  100% {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
  }
}
.error404 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
#archive,
#category,
#tag {
  backdrop-filter: blur(5px);
}
.article-sort-title {
  font-family: 'UnidreamLED', 'TaikoMagic';
  background: transparent;
  display: block;
  font-size: 40px;
  line-height: 1;
  color: var(--pagenumber-color);
  text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
  overflow: hidden;
  margin: 0 3px 0 0;
  height: 45px;
  width: 100%;
  text-align: center;
}
.article-sort-title .article-sort-title-text {
  float: left;
  white-space: nowrap;
  -webkit-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  -moz-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  -o-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  -ms-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  min-width: 100%;
}
.ark-article-sort-container {
  font-family: 'UnidreamLED', 'TaikoMagic';
  text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
  display: block;
  height: 300px;
  width: 100%;
  overflow: hidden;
  background: -webkit-linear-gradient(top, transparent, transparent 25px, var(--pagenumber-background-color) 25px, var(--pagenumber-background-color) 50px, transparent 50px, transparent);
  background: -moz-linear-gradient(top, transparent, transparent 25px, var(--pagenumber-background-color) 25px, var(--pagenumber-background-color) 50px, transparent 50px, transparent);
  background: -o-linear-gradient(top, transparent, transparent 25px, var(--pagenumber-background-color) 25px, var(--pagenumber-background-color) 50px, transparent 50px, transparent);
  background: -ms-linear-gradient(top, transparent, transparent 25px, var(--pagenumber-background-color) 25px, var(--pagenumber-background-color) 50px, transparent 50px, transparent);
  background: linear-gradient(to bottom, transparent, transparent 25px, var(--pagenumber-background-color) 25px, var(--pagenumber-background-color) 50px, transparent 50px, transparent);
}
.ark-article-sort-container .ark-article-sort-year {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 35px;
  width: 100px;
  background: var(--pagenumber-current-color);
  color: var(--pagenumber-color);
  margin: 20px 20px;
  clip-path: polygon(0 0, 5px 5px, 5px 30px, 0 35px, 100% 35px, calc(100% - 5px) 30px, calc(100% - 5px) 5px, 100% 0);
}
.ark-article-sort-container .ark-article-sort-year > * {
  margin: 0 3px;
}
.ark-article-sort-container .ark-article-sort-year svg.icon {
  width: 1.2em;
  height: 1.2em;
}
.ark-article-sort-container .ark-article-sort-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: relative;
  height: 300px;
  width: auto;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 20px 20px;
  padding: 40px 0 0 0;
}
.ark-article-sort-container .ark-article-sort-item::before {
  content: "";
  position: absolute;
  height: 35px;
  width: 100px;
  top: 0;
  left: calc(50% - 50px);
  background: var(--pagenumber-current-color);
  clip-path: polygon(0 0, 5px 5px, 5px 30px, 0 35px, 100% 35px, calc(100% - 5px) 30px, calc(100% - 5px) 5px, 100% 0);
}
.ark-article-sort-container .ark-article-sort-item::after {
  content: "";
  position: absolute;
  height: 18px;
  width: 16px;
  top: 23px;
  left: calc(50% - 8px);
  background: var(--pagenumber-color);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.ark-article-sort-container .ark-article-sort-item .ark-article-sort-item-date {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 30px;
  width: auto;
  color: var(--pagenumber-color);
}
.ark-article-sort-container .ark-article-sort-item .ark-article-sort-item-date time.post-meta-date-created,
.ark-article-sort-container .ark-article-sort-item .ark-article-sort-item-date time.post-meta-date-updated {
  background: var(--pagenumber-background-color);
  padding: 3px 15px;
  line-height: 1;
  border-radius: 3px;
}
.ark-article-sort-container .ark-article-sort-item .ark-article-sort-item-date span.post-meta-date-split {
  margin: 0 5px;
}
.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 200px;
  width: auto;
  position: relative;
  padding: 5px 5px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info input[type="checkbox"] {
  display: none;
}
.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info input[type="checkbox"]:checked ~ .ark-article-sort-item-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info .ark-article-sort-item-title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: 30px;
  color: var(--pagenumber-color);
  width: auto;
  line-height: 1;
  font-size: 20px;
  padding: 5px 10px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info .ark-article-sort-item-title:hover ~ .ark-article-sort-item-detail {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info a.ark-article-sort-item-detail {
  width: 200px;
  height: auto;
  overflow: hidden;
  display: none;
  color: var(--pagenumber-color);
  font-size: 16px;
  position: relative;
}
.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info a.ark-article-sort-item-detail .ark-article-sort-item-img {
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  width: 35px;
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info a.ark-article-sort-item-detail .ark-article-sort-item-img img {
  width: 35px;
  height: 35px;
  object-fit: cover;
}
.ark-article-sort-container .ark-article-sort-item label.ark-article-sort-item-info a.ark-article-sort-item-detail .ark-article-sort-item-descr {
  background: -webkit-radial-gradient(#000, transparent);
  background: -moz-radial-gradient(#000, transparent);
  background: -o-radial-gradient(#000, transparent);
  background: -ms-radial-gradient(#000, transparent);
  background: radial-gradient(#000, transparent);
  text-indent: 40px;
  font-size: 16px;
  padding: 5px 5px;
  clip-path: polygon(42px 0%, 42px 24px, 24px 42px, 0 42px, 0% 100%, 99% 100%, 100% 0%);
  font-family: 'ZhuZiAYuanJWD';
}
.ark-article-sort-container #pagination {
  width: fit-content;
  padding: 0 50px;
}
.ark-article-sort-container #pagination .pagination {
  margin: 20px 0 0 0;
}
.ark-article-sort-container #pagination .pagination::after {
  content: none;
}
.category-lists .category-title {
  font-size: 2.57em;
}
@media screen and (max-width: 768px) {
  .category-lists .category-title {
    font-size: 2em;
  }
}
.category-lists .category-list {
  margin-bottom: 0;
}
.category-lists .category-list a {
  color: var(--font-color);
}
.category-lists .category-list a:hover {
  color: #f2563b;
}
.category-lists .category-list .category-list-count {
  margin-left: 8px;
  color: #fff;
}
.category-lists .category-list .category-list-count:before {
  content: '(';
}
.category-lists .category-list .category-list-count:after {
  content: ')';
}
.category-lists ul {
  padding: 0 0 0 20px;
}
.category-lists ul ul {
  padding-left: 4px;
}
.category-lists ul li {
  position: relative;
  margin: 6px 0;
  padding: 0.12em 0.4em 0.12em 1.4em;
}
#body-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
.layout {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 auto;
  -ms-flex: 1 auto;
  flex: 1 auto;
  margin: 0 auto;
  padding: 40px 15px;
  max-width: 1200px;
  width: 100%;
}
@media screen and (max-width: 900px) {
  .layout {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .layout {
    padding: 20px 5px;
  }
}
@media screen and (min-width: 2000px) {
  .layout {
    max-width: 1500px;
  }
}
.layout > div:first-child:not(.recent-posts) {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
  padding: 50px 50px;
}
.layout > div:first-child {
  width: 74%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 900px) {
  .layout > div:first-child {
    width: 100% !important;
  }
}
.layout.hide-aside {
  max-width: 1000px;
}
@media screen and (min-width: 2000px) {
  .layout.hide-aside {
    max-width: 1300px;
  }
}
.layout.hide-aside > div {
  width: 100% !important;
}
.apple #page-header.full_page {
  background-attachment: scroll !important;
}
.apple .recent-post-item,
.apple .avatar-img,
.apple .flink-item-icon {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
#article-container img {
  margin: 0 auto !important;
}
.flink-list {
  overflow: auto;
}
.flink-list > a {
  width: calc(25% - 15px);
  height: 130px;
  position: relative;
  display: block;
  margin: 15px 7px;
  float: left;
  overflow: hidden;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease 0s, -webkit-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -moz-transition: all 0.3s ease 0s, -moz-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -o-transition: all 0.3s ease 0s, -o-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -ms-transition: all 0.3s ease 0s, -ms-transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  transition: all 0.3s ease 0s, transform 0.6s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -webkit-box-shadow: 0 14px 38px rgba(0,0,0,0.08), 0 3px 8px rgba(0,0,0,0.06);
  box-shadow: 0 14px 38px rgba(0,0,0,0.08), 0 3px 8px rgba(0,0,0,0.06);
}
.flink-list > a:hover .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.flink-list > a:hover .wrapper img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.flink-list > a:hover::before {
  position: fixed;
  width: inherit;
  margin: auto;
  left: 0;
  right: 0;
  top: 10%;
  border-radius: 10px;
  text-align: center;
  z-index: 100;
  content: attr(data-title);
  font-size: 20px;
  color: #fff;
  padding: 10px;
  background-color: rgba(242,86,59,0.8);
}
.flink-list > a .cover {
  width: 100%;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  -moz-transition: -moz-transform 0.5s ease-out;
  -o-transition: -o-transform 0.5s ease-out;
  -ms-transition: -ms-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
}
.flink-list > a .wrapper {
  position: relative;
}
.flink-list > a .wrapper .fadeIn {
  -webkit-animation: coverIn 0.8s ease-out forwards;
  -moz-animation: coverIn 0.8s ease-out forwards;
  -o-animation: coverIn 0.8s ease-out forwards;
  -ms-animation: coverIn 0.8s ease-out forwards;
  animation: coverIn 0.8s ease-out forwards;
}
.flink-list > a .wrapper img {
  height: 130px;
  pointer-events: none;
}
.flink-list > a .info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 3px;
  background-color: rgba(255,255,255,0.7);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -o-transition: -o-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  -ms-transition: -ms-transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
  transition: transform 0.5s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;
}
.flink-list > a .info img {
  position: relative;
  top: 22px;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  z-index: 1;
  text-align: center;
  pointer-events: none;
}
.flink-list > a .info span {
  padding: 20px 10% 60px 10%;
  font-size: 16px;
  width: 100%;
  text-align: center;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  background-color: rgba(255,255,255,0.7);
  color: var(--font-color);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.flink-list>a .info,
.flink-list>a .wrapper .cover {
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 1024px) {
  .flink-list > a {
    width: calc(33.33333% - 15px);
  }
}
@media screen and (max-width: 600px) {
  .flink-list > a {
    width: calc(50% - 15px);
  }
}
[data-theme=dark] .flink-list a .info,
[data-theme=dark] .flink-list a .info span {
  background-color: rgba(0,0,0,0.6);
}
[data-theme=dark] .flink-list > a:hover:before {
  background-color: rgba(18,18,18,0.8);
}
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img,
.justified-gallery > figure > a > img,
.justified-gallery > a > svg,
.justified-gallery > div > svg,
.justified-gallery > figure > svg,
.justified-gallery > a > a > svg,
.justified-gallery > div > a > svg,
.justified-gallery > figure > a > svg {
  position: static !important;
}
.reward-table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.reward-table .reward-caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}
.reward-table .reward-tr {
  background-color: transparent;
  border: 1px solid #ddd;
  padding: 0.35em;
}
.reward-table .reward-th,
.reward-table .reward-td {
  padding: 0.625em;
  text-align: center;
}
.reward-table .reward-th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .reward-table {
    border: 0;
  }
  .reward-table .reward-caption {
    font-size: 1.3em;
  }
  .reward-table .reward-thead {
    display: none;
  }
  .reward-table .reward-tr {
    display: block;
    margin-bottom: 10px;
  }
  .reward-table .reward-td {
    position: relative;
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 16px;
    height: 30px;
    line-height: 1;
    text-align: right;
  }
  .reward-table .reward-td::before {
    position: absolute;
    left: 10px;
    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
  }
}
.tag-cloud-list a {
  display: inline-block;
  padding: 0 8px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.tag-cloud-list a:hover {
  color: #f2563b !important;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  .tag-cloud-list a {
    zoom: 0.85;
  }
}
.tag-cloud-title {
  font-size: 2.57em;
}
@media screen and (max-width: 768px) {
  .tag-cloud-title {
    font-size: 2em;
  }
}
h1.page-title + .tag-cloud-list {
  text-align: left;
}
#footer {
  position: relative;
  background: transparent;
  background-attachment: scroll;
  background-position: bottom;
  background-size: cover;
  height: 100px;
  filter: drop-shadow(0 0px 3px var(--card-widget-content-border));
}
#footer::before {
  content: "";
  height: 100px;
  position: absolute;
  width: 100%;
  background: var(--card-widget-background);
  bottom: 0;
  left: 0;
  z-index: -1;
}
#footer #ark-footer-wraper {
  font-family: 'UnidreamLED', 'TaikoMagic';
  position: relative;
  padding: 0px;
  width: 100%;
  height: 100%;
  color: var(--card-widget-color);
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#footer #ark-footer-wraper .ark-footer-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: 100%;
  font-size: 14px;
  line-height: 14px;
  color: var(--card-widget-color);
  background: transparent;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner a {
  color: var(--card-widget-color);
}
#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner a:hover {
  color: var(--ark-post-item-font-hover);
}
#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner #ark-footer-bdage-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: 14px;
  width: 180px;
  background: transparent;
  position: relative;
}
#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner #ark-footer-bdage-container .ark-bdage-item {
  height: 14px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
#footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner .ark-footer-copyright .footer-separator {
  margin: 0 4px;
}
@media screen and (min-width: 768px) {
  #footer::before {
    border-radius: 0 0 30px 30px;
    clip-path: polygon(0 0, 40px 0, 60px 20px, 220px 20px, 240px 40px, 320px 40px, 380px calc(100% - 10px), calc(100% - 380px) calc(100% - 10px), calc(100% - 320px) 40px, calc(100% - 240px) 40px, calc(100% - 220px) 20px, calc(100% - 60px) 20px, calc(100% - 40px) 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 30px 100%, 0 calc(100% - 30px));
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner {
    width: 50%;
    padding: 25px 0 0 40px;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner #ark-footer-bdage-container {
    margin: 0 0 5px 0;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner .ark-footer-copyright {
    margin: 0 0 5px 25px;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner .ark-footer-record {
    margin: 0 0 5px 50px;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    height: 100%;
    width: 50%;
    font-size: 14px;
    line-height: 14px;
    color: var(--card-widget-color);
    background: transparent;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 25px 40px 0 0;
    font-family: 'UnidreamLED', 'TaikoMagic';
    position: relative;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner .ark-footer-reminder {
    margin: 0 0 5px 0;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner .ark-footer-timer {
    margin: 0 25px 5px 0;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner #ark-site-runtime {
    margin: 0 50px 5px 0;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    right: 20px;
    bottom: 18px;
    z-index: -1;
    background: -webkit-linear-gradient(left, transparent, var(--ark-post-item-border), transparent);
    background: -moz-linear-gradient(left, transparent, var(--ark-post-item-border), transparent);
    background: -o-linear-gradient(left, transparent, var(--ark-post-item-border), transparent);
    background: -ms-linear-gradient(left, transparent, var(--ark-post-item-border), transparent);
    background: linear-gradient(to right, transparent, var(--ark-post-item-border), transparent);
    -webkit-transform: skewX(-45deg);
    -moz-transform: skewX(-45deg);
    -o-transform: skewX(-45deg);
    -ms-transform: skewX(-45deg);
    transform: skewX(-45deg);
  }
}
@media screen and (max-width: 768px) {
  #footer::before {
    border-radius: 0 0 0 30px;
    clip-path: polygon(0 0, 40px 0, 60px 20px, 220px 20px, 240px 40px, 320px 40px, 380px calc(100% - 10px), 100% calc(100% - 10px), 100% 100%, 30px 100%, 0 calc(100% - 30px));
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner {
    width: 100%;
    padding: 25px 0 0 40px;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner #ark-footer-bdage-container {
    margin: 0 0 5px 0;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner .ark-footer-copyright {
    margin: 0 0 5px 25px;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-left-corner .ark-footer-record {
    margin: 0 0 5px 50px;
  }
  #footer #ark-footer-wraper .ark-footer-container .ark-footer-right-corner {
    display: none;
  }
}
:root {
  --pagenumber-color: #fff;
  --pagenumber-current-color: #99362c;
  --pagenumber-current-shadow-color: #572020;
  --pagenumber-hover-color: #99362c;
  --pagenumber-background-color: rgba(80,80,80,0.85);
}
[data-theme="dark"] {
  --pagenumber-color: #fff;
  --pagenumber-current-color: #1e7ee2;
  --pagenumber-current-shadow-color: #104477;
  --pagenumber-hover-color: #1e7ee2;
  --pagenumber-background-color: rgba(55,112,143,0.5);
}
#pagination {
  font-family: 'UnidreamLED', 'TaikoMagic';
}
#pagination .pagination {
  text-align: center;
  position: relative;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 35px;
}
#pagination .pagination > * {
  z-index: 20;
  display: inline-block;
  margin: 0 6px;
  min-width: 30px;
  width: auto;
  height: 35px;
  line-height: 35px;
  padding: 0 3px;
  color: var(--pagenumber-color);
}
#pagination .pagination::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 25px;
  left: 0;
  top: 5px;
  z-index: -1;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, var(--pagenumber-background-color) 40%, var(--pagenumber-background-color) 50%, var(--pagenumber-background-color) 60%, rgba(0,0,0,0) 100%);
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, var(--pagenumber-background-color) 40%, var(--pagenumber-background-color) 50%, var(--pagenumber-background-color) 60%, rgba(0,0,0,0) 100%);
  background-image: -o-linear-gradient(left, rgba(0,0,0,0) 0%, var(--pagenumber-background-color) 40%, var(--pagenumber-background-color) 50%, var(--pagenumber-background-color) 60%, rgba(0,0,0,0) 100%);
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, var(--pagenumber-background-color) 40%, var(--pagenumber-background-color) 50%, var(--pagenumber-background-color) 60%, rgba(0,0,0,0) 100%);
  background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, var(--pagenumber-background-color) 40%, var(--pagenumber-background-color) 50%, var(--pagenumber-background-color) 60%, rgba(0,0,0,0) 100%);
}
#pagination .pagination > :not(.space):hover {
  background: var(--pagenumber-hover-color);
  color: var(--pagenumber-color);
}
#pagination .pagination .page-number {
  position: relative;
}
#pagination .pagination .page-number.current {
  background: var(--pagenumber-current-color);
  color: var(--pagenumber-color);
  padding: 0px 3px;
  height: 35px;
}
#pagination .pagination .page-number.current:before {
  content: '';
  position: absolute;
  top: 0px;
  left: -5px;
  width: 40px;
  height: 35px;
  z-index: -1;
  background: var(--pagenumber-current-shadow-color);
  clip-path: polygon(0 5px, 5px 0, 35px 0, 40px 5px, 0px 5px, 0px 30px, 5px 35px, 35px 35px, 40px 30px, 0 30px);
}
.pagination-post * {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.pagination-post .pull-left,
.pagination-post .pull-full-left {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: calc(100% - 300px);
  border-radius: 0 120px 120px 0;
  width: 80px;
  background: -webkit-linear-gradient(right, transparent 50px, var(--ark-post-item-background) 50px, transparent);
  background: -moz-linear-gradient(right, transparent 50px, var(--ark-post-item-background) 50px, transparent);
  background: -o-linear-gradient(right, transparent 50px, var(--ark-post-item-background) 50px, transparent);
  background: -ms-linear-gradient(right, transparent 50px, var(--ark-post-item-background) 50px, transparent);
  background: linear-gradient(to left, transparent 50px, var(--ark-post-item-background) 50px, transparent);
  position: fixed;
  top: 150px;
  left: -80px;
  writing-mode: vertical-lr;
  padding: 0px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.pagination-post .pull-left:hover,
.pagination-post .pull-full-left:hover {
  left: 0;
}
.pagination-post .pull-left a,
.pagination-post .pull-full-left a {
  width: 100%;
  height: auto;
  min-height: 280px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  background: -webkit-linear-gradient(left, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
  background: -moz-linear-gradient(left, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
  background: -o-linear-gradient(left, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
  background: -ms-linear-gradient(left, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
  background: linear-gradient(to right, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
  padding: 30px 30px 30px 0px;
  position: relative;
  clip-path: polygon(0 0, 80px 0, 80px calc(50% - 80px), 100% calc(50% - 15px), 80px calc(50% + 100px), 80px 100%, 0 100%);
}
.pagination-post .pull-left a::before,
.pagination-post .pull-full-left a::before {
  content: "";
  position: absolute;
  display: block;
  background: var(--ark-post-item-font-color);
  right: 10px;
  width: 30px;
  height: 30px;
  top: calc(50% - 20px);
  clip-path: polygon(78% 49%, 74% 0, 0 51%, 68% 100%, 57% 50%, 49% 71%, 26% 51%, 57% 24%);
}
.pagination-post .pull-left a::after,
.pagination-post .pull-full-left a::after {
  content: "";
  position: absolute;
  display: none;
  background: var(--ark-post-item-border);
  right: 18px;
  -webkit-transform: rotateZ(-38deg);
  -moz-transform: rotateZ(-38deg);
  -o-transform: rotateZ(-38deg);
  -ms-transform: rotateZ(-38deg);
  transform: rotateZ(-38deg);
  width: 5px;
  height: 60px;
  top: calc(50% - 68px);
  border-radius: 2.5px;
}
.pagination-post .pull-right,
.pagination-post .pull-full-right {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: calc(100% - 300px);
  border-radius: 120px 0 0 120px;
  width: 80px;
  background: -webkit-linear-gradient(left, transparent 50px, var(--ark-post-item-background) 50px, transparent);
  background: -moz-linear-gradient(left, transparent 50px, var(--ark-post-item-background) 50px, transparent);
  background: -o-linear-gradient(left, transparent 50px, var(--ark-post-item-background) 50px, transparent);
  background: -ms-linear-gradient(left, transparent 50px, var(--ark-post-item-background) 50px, transparent);
  background: linear-gradient(to right, transparent 50px, var(--ark-post-item-background) 50px, transparent);
  position: fixed;
  top: 150px;
  right: -80px;
  writing-mode: vertical-lr;
  padding: 0px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.pagination-post .pull-right:hover,
.pagination-post .pull-full-right:hover {
  right: 0;
}
.pagination-post .pull-right a,
.pagination-post .pull-full-right a {
  width: 100%;
  height: auto;
  min-height: 280px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  background: -webkit-linear-gradient(right, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
  background: -moz-linear-gradient(right, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
  background: -o-linear-gradient(right, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
  background: -ms-linear-gradient(right, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
  background: linear-gradient(to left, transparent 80px, var(--ark-post-item-background) 80px, var(--ark-post-item-background));
  padding: 30px 0px 30px 30px;
  position: relative;
  clip-path: polygon(100% 0, calc(100% - 80px) 0, calc(100% - 80px) calc(50% - 80px), 0 calc(50% - 15px), calc(100% - 80px) calc(50% + 100px), calc(100% - 80px) 100%, 100% 100%);
}
.pagination-post .pull-right a::before,
.pagination-post .pull-full-right a::before {
  content: "";
  position: absolute;
  display: block;
  background: var(--ark-post-item-font-color);
  left: 10px;
  width: 30px;
  height: 30px;
  top: calc(50% - 20px);
  clip-path: polygon(22% 49%, 26% 0, 100% 51%, 32% 100%, 43% 50%, 51% 71%, 74% 51%, 43% 24%);
}
.pagination-post .pull-right a::after,
.pagination-post .pull-full-right a::after {
  content: "";
  position: absolute;
  display: none;
  background: var(--ark-post-item-border);
  left: 18px;
  -webkit-transform: rotateZ(38deg);
  -moz-transform: rotateZ(38deg);
  -o-transform: rotateZ(38deg);
  -ms-transform: rotateZ(38deg);
  transform: rotateZ(38deg);
  width: 5px;
  height: 60px;
  top: calc(50% - 70px);
  border-radius: 2.5px;
}
.pagination-post .prev_info,
.pagination-post .next_info {
  width: 80px;
  height: auto;
  line-height: 1;
  font-size: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: var(--ark-post-item-font-color);
  text-shadow: 2px 2px 3px #000;
}
.pagination-post.pagination-active .pull-left,
.pagination-post.pagination-active .pull-right,
.pagination-post.pagination-active .pull-full-left,
.pagination-post.pagination-active .pull-full-right {
  z-index: 999;
  width: 130px;
}
.pagination-post.pagination-active .pull-left a::after,
.pagination-post.pagination-active .pull-right a::after,
.pagination-post.pagination-active .pull-full-left a::after,
.pagination-post.pagination-active .pull-full-right a::after {
  display: block;
}
#aside-content {
  width: 26%;
}
@media screen and (min-width: 900px) {
  #aside-content {
    padding-left: 15px;
  }
}
@media screen and (max-width: 900px) {
  #aside-content {
    width: 100%;
  }
}
#aside-content > .card-widget:first-child {
  margin-top: 0;
}
@media screen and (max-width: 900px) {
  #aside-content > .card-widget:first-child {
    margin-top: 20px;
  }
}
#aside-content .card-widget {
  position: relative;
  overflow: hidden;
  margin-top: 20px;
  padding: 20px 24px;
}
@media screen and (max-width: 768px) {
  #aside-content .card-widget:not(#card-toc) {
    display: none;
  }
}
#aside-content .card-info .author-info__name {
  font-weight: 500;
  font-size: 1.57em;
}
#aside-content .card-info .author-info__description {
  margin-top: -0.42em;
}
#aside-content .card-info .card-info-data {
  margin: 14px 0 4px;
}
#aside-content .card-info .card-info-social-icons {
  margin: 6px 0 -6px;
}
#aside-content .card-info .card-info-social-icons .social-icon {
  margin: 0 10px;
  color: var(--font-color);
  font-size: 1.4em;
}
#aside-content .card-info .card-info-social-icons i {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#aside-content .card-info .card-info-social-icons i:hover {
  -webkit-transform: rotate(540deg);
  -moz-transform: rotate(540deg);
  -o-transform: rotate(540deg);
  -ms-transform: rotate(540deg);
  transform: rotate(540deg);
}
#aside-content .card-info #card-info-btn {
  display: block;
  margin-top: 14px;
  background-color: var(--btn-bg);
  color: var(--btn-color);
  text-align: center;
  line-height: 2.4;
}
#aside-content .card-info #card-info-btn:hover {
  background-color: var(--btn-hover-color);
}
#aside-content .card-info #card-info-btn span {
  padding-left: 10px;
}
#aside-content .item-headline {
  padding-bottom: 6px;
  font-size: 1.2em;
}
#aside-content .item-headline span {
  margin-left: 6px;
}
@media screen and (min-width: 900px) {
  #aside-content .sticky_layout {
    position: sticky;
    position: -webkit-sticky;
    top: 20px;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;
    -ms-transition: top 0.3s;
    transition: top 0.3s;
  }
}
#aside-content .card-tag-cloud a {
  display: inline-block;
  padding: 0 4px;
}
#aside-content .card-tag-cloud a:hover {
  color: #f2563b !important;
}
#aside-content .aside-list > span {
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
#aside-content .aside-list > .aside-list-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 6px 0;
}
#aside-content .aside-list > .aside-list-item:first-child {
  padding-top: 0;
}
#aside-content .aside-list > .aside-list-item:not(:last-child) {
  border-bottom: 1px dashed #f5f5f5;
}
#aside-content .aside-list > .aside-list-item:last-child {
  padding-bottom: 0;
}
#aside-content .aside-list > .aside-list-item .thumbnail {
  overflow: hidden;
  width: 4.2em;
  height: 4.2em;
}
#aside-content .aside-list > .aside-list-item .content {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 10px;
  word-break: break-all;
}
#aside-content .aside-list > .aside-list-item .content > .name {
  -webkit-line-clamp: 1;
}
#aside-content .aside-list > .aside-list-item .content > time,
#aside-content .aside-list > .aside-list-item .content > .name {
  display: block;
  color: #fff;
  font-size: 85%;
}
#aside-content .aside-list > .aside-list-item .content > .title,
#aside-content .aside-list > .aside-list-item .content > .comment {
  color: var(--font-color);
  font-size: 95%;
  line-height: 1.5;
  -webkit-line-clamp: 2;
}
#aside-content .aside-list > .aside-list-item .content > .title:hover,
#aside-content .aside-list > .aside-list-item .content > .comment:hover {
  color: #f2563b;
}
#aside-content .aside-list > .aside-list-item.no-cover {
  min-height: 4.4em;
}
#aside-content .card-archives ul.card-archive-list,
#aside-content .card-categories ul.card-category-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a,
#aside-content .card-categories ul.card-category-list > .card-category-list-item a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 3px 10px;
  color: var(--font-color);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a:hover,
#aside-content .card-categories ul.card-category-list > .card-category-list-item a:hover {
  padding: 3px 17px;
  background-color: var(--text-bg-hover);
}
#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span:first-child,
#aside-content .card-categories ul.card-category-list > .card-category-list-item a span:first-child {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#aside-content .card-categories .card-category-list.child {
  padding: 0 0 0 16px;
}
#aside-content .card-categories .card-category-list > .parent > a .card-category-list-name {
  width: 70% !important;
}
#aside-content .card-categories .card-category-list > .parent > a .card-category-list-count {
  width: calc(100% - 70% - 20px);
  text-align: right;
}
#aside-content .card-categories .card-category-list > .parent i {
  float: right;
  margin-right: -0.5em;
  padding: 0.5em;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
#aside-content .card-categories .card-category-list > .parent i.expand {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
#aside-content .card-webinfo .webinfo .webinfo-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2px 10px 0;
}
#aside-content .card-webinfo .webinfo .webinfo-item div:first-child {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 20px;
}
@media screen and (min-width: 901px) {
  #aside-content #card-toc {
    right: 0 !important;
  }
}
@media screen and (max-width: 900px) {
  #aside-content #card-toc {
    position: fixed;
    right: -100%;
    bottom: 30px;
    z-index: 100;
    max-width: 380px;
    max-height: calc(100% - 60px);
    width: calc(100% - 80px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: initial;
    -moz-transition: initial;
    -o-transition: initial;
    -ms-transition: initial;
    transition: initial;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
#aside-content #card-toc .toc-percentage {
  float: right;
  color: #a9a9a9;
  font-style: italic;
}
#aside-content #card-toc .toc-content {
  overflow-y: scroll;
  overflow-y: overlay;
  margin: 0 -24px;
  max-height: calc(100vh - 120px);
}
@media screen and (max-width: 900px) {
  #aside-content #card-toc .toc-content {
    max-height: calc(100vh - 140px);
  }
}
#aside-content #card-toc .toc-content > * {
  margin: 0 20px !important;
}
#aside-content #card-toc .toc-content > * > .toc-item > .toc-child {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid var(--dark-grey);
}
#aside-content #card-toc .toc-content:not(.is-expand) .toc-child {
  display: none;
}
@media screen and (max-width: 900px) {
  #aside-content #card-toc .toc-content:not(.is-expand) .toc-child {
    display: block !important;
  }
}
#aside-content #card-toc .toc-content:not(.is-expand) .toc-item.active .toc-child {
  display: block;
}
#aside-content #card-toc .toc-content ol,
#aside-content #card-toc .toc-content li {
  list-style: none;
}
#aside-content #card-toc .toc-content > ol {
  padding: 0 !important;
}
#aside-content #card-toc .toc-content ol {
  margin: 0;
  padding-left: 18px;
}
#aside-content #card-toc .toc-content .toc-link {
  display: block;
  margin: 4px 0;
  padding: 1px 6px;
  color: var(--toc-link-color);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#aside-content #card-toc .toc-content .toc-link:hover {
  color: #f2563b;
}
#aside-content #card-toc .toc-content .toc-link.active {
  background: #00c4b6;
  color: #fff;
}
#aside-content :only-child > .card-widget {
  margin-top: 0;
}
#aside-content .card-more-btn {
  float: right;
  color: inherit;
}
#aside-content .card-more-btn:hover {
  -webkit-animation: more-btn-move 1s infinite;
  -moz-animation: more-btn-move 1s infinite;
  -o-animation: more-btn-move 1s infinite;
  -ms-animation: more-btn-move 1s infinite;
  animation: more-btn-move 1s infinite;
}
#aside-content .card-announcement .item-headline i {
  color: #f00;
}
.avatar-img {
  overflow: hidden;
  margin: 0 auto;
  width: 110px;
  height: 110px;
  border-radius: 70px;
}
.avatar-img img {
  width: 100%;
  height: 100%;
  -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.3s;
  -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.3s;
  -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.3s;
  -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.3s;
  transition: filter 375ms ease-in 0.2s, transform 0.3s;
  object-fit: cover;
}
.avatar-img img:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.site-data {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.site-data > a {
  display: table-cell;
}
.site-data > a div {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.site-data > a:hover div {
  color: #f2563b !important;
}
.site-data > a .headline {
  color: var(--font-color);
}
.site-data > a .length-num {
  margin-top: -0.32em;
  color: var(--text-highlight-color);
  font-size: 1.4em;
}
@media screen and (min-width: 900px) {
  html.hide-aside .layout {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  html.hide-aside .layout > .aside-content {
    display: none;
  }
  html.hide-aside .layout > div:first-child {
    width: 80%;
  }
}
.page .sticky_layout {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@-moz-keyframes more-btn-move {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -o-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
  }
}
@-webkit-keyframes more-btn-move {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -o-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
  }
}
@-o-keyframes more-btn-move {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -o-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
  }
}
@keyframes more-btn-move {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(3px);
    -moz-transform: translateX(3px);
    -o-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px);
  }
}
@-moz-keyframes toc-open {
  0% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes toc-open {
  0% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes toc-open {
  0% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes toc-open {
  0% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes toc-close {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-webkit-keyframes toc-close {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@-o-keyframes toc-close {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
@keyframes toc-close {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
  }
}
#post-comment .comment-head {
  margin-bottom: 20px;
}
#post-comment .comment-head .comment-headline {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 1.43em;
}
#post-comment .comment-head #comment-switch {
  display: inline-block;
  float: right;
  margin: 2px auto 0;
  padding: 4px 16px;
  width: max-content;
  border-radius: 8px;
  background: #f6f8fa;
}
#post-comment .comment-head #comment-switch .first-comment {
  color: #49b1f5;
}
#post-comment .comment-head #comment-switch .second-comment {
  color: #ff7242;
}
#post-comment .comment-head #comment-switch .switch-btn {
  position: relative;
  display: inline-block;
  margin: -4px 8px 0;
  width: 42px;
  height: 22px;
  border-radius: 34px;
  background-color: #49b1f5;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
#post-comment .comment-head #comment-switch .switch-btn:before {
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fff;
  content: '';
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
}
#post-comment .comment-head #comment-switch .switch-btn.move {
  background-color: #ff7242;
}
#post-comment .comment-head #comment-switch .switch-btn.move:before {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -o-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}
#post-comment .comment-wrap > div:nth-child(2) {
  display: none;
}
#page-header {
  position: relative;
  width: 100%;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#page-header.full_page {
  height: 50vh;
  background-attachment: fixed;
}
#page-header.full_page #site-info {
  position: absolute;
  top: 20vh;
  padding: 0 10px;
  width: 100%;
}
#page-header #site-title,
#page-header #site-subtitle,
#page-header #scroll-down .scroll-down-effects {
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
  line-height: 1.5;
}
#page-header #site-title {
  margin: 0;
  color: var(--white);
  font-size: 1.85em;
}
@media screen and (min-width: 768px) {
  #page-header #site-title {
    font-size: 2.85em;
  }
}
#page-header #site-subtitle {
  color: var(--light-grey);
  font-size: 1.15em;
}
@media screen and (min-width: 768px) {
  #page-header #site-subtitle {
    font-size: 1.72em;
  }
}
#page-header #site_social_icons {
  display: none;
  margin: 0 auto;
  width: 300px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #page-header #site_social_icons {
    display: block;
  }
}
#page-header #site_social_icons .social-icon {
  margin: 0 10px;
  color: var(--light-grey);
  text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
  font-size: 1.43em;
}
#page-header #scroll-down {
  position: absolute;
  bottom: 0;
  width: 100%;
  cursor: pointer;
}
#page-header #scroll-down .scroll-down-effects {
  position: relative;
  width: 100%;
  color: var(--light-grey);
  font-size: 30px;
}
#page-header.not-home-page {
  height: 400px;
}
@media screen and (max-width: 768px) {
  #page-header.not-home-page {
    height: 280px;
  }
}
#page-header #page-site-info {
  position: absolute;
  top: 200px;
  padding: 0 10px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #page-header #page-site-info {
    top: 140px;
  }
}
#page-header.post-bg {
  height: 400px;
}
@media screen and (max-width: 768px) {
  #page-header.post-bg {
    height: 360px;
  }
}
#page-header.post-bg:before {
  background-color: rgba(0,0,0,0.5);
}
#page-header.not-top-img {
  margin-bottom: 10px;
  height: 60px;
  background: 0;
}
#page-header.not-top-img #nav {
  background: rgba(255,255,255,0.8);
  -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
  box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
}
#page-header.not-top-img #nav a {
  color: var(--font-color);
  text-shadow: none;
}
#page-header.nav-fixed #nav {
  position: fixed;
  top: -60px;
  z-index: 91;
  background: rgba(255,255,255,0.8);
  -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
  box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
  -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -ms-transition: -ms-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
}
#page-header.nav-fixed #nav a,
#page-header.nav-fixed #nav #site-name,
#page-header.nav-fixed #nav #toggle-menu {
  color: var(--font-color);
  text-shadow: none;
}
#page-header.nav-fixed #nav a:hover,
#page-header.nav-fixed #nav #site-name:hover,
#page-header.nav-fixed #nav #toggle-menu:hover {
  color: #f2563b;
}
#page-header.nav-visible #nav {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
#page-header.nav-visible + .layout > .aside-content > .sticky_layout {
  top: 70px;
  -webkit-transition: top 0.5s;
  -moz-transition: top 0.5s;
  -o-transition: top 0.5s;
  -ms-transition: top 0.5s;
  transition: top 0.5s;
}
#page h1.page-title {
  margin: 8px 0 20px;
}
#nav {
  position: absolute;
  top: 0;
  z-index: 90;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 36px;
  width: 100%;
  height: 60px;
  font-size: 1.3em;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (max-width: 768px) {
  #nav {
    padding: 0 16px;
  }
}
#nav.show {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#nav #blog_name {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#nav #toggle-menu {
  display: none;
  padding: 2px 0 0 6px;
  vertical-align: top;
}
#nav #toggle-menu:hover {
  color: var(--white);
}
#nav a {
  color: var(--light-grey);
}
#nav a:hover {
  color: var(--white);
}
#nav #site-name {
  text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
  font-weight: bold;
  cursor: pointer;
}
#nav .menus_items {
  display: inline;
}
#nav .menus_items .menus_item {
  position: relative;
  display: inline-block;
  padding: 0 0 0 14px;
}
#nav .menus_items .menus_item:hover .menus_item_child {
  display: block;
}
#nav .menus_items .menus_item:hover > a > i:last-child {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#nav .menus_items .menus_item > a > i:last-child {
  padding: 4px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
}
#nav .menus_items .menus_item .menus_item_child {
  position: absolute;
  right: 0;
  display: none;
  margin-top: 8px;
  padding: 0;
  width: max-content;
  border-radius: 5px;
  background-color: var(--sidebar-bg);
  -webkit-box-shadow: 0 5px 20px -4px rgba(0,0,0,0.5);
  box-shadow: 0 5px 20px -4px rgba(0,0,0,0.5);
  -webkit-animation: sub_menus 0.3s 0.1s ease both;
  -moz-animation: sub_menus 0.3s 0.1s ease both;
  -o-animation: sub_menus 0.3s 0.1s ease both;
  -ms-animation: sub_menus 0.3s 0.1s ease both;
  animation: sub_menus 0.3s 0.1s ease both;
}
#nav .menus_items .menus_item .menus_item_child:before {
  position: absolute;
  top: -8px;
  left: 0;
  width: 100%;
  height: 20px;
  content: '';
}
#nav .menus_items .menus_item .menus_item_child li {
  list-style: none;
}
#nav .menus_items .menus_item .menus_item_child li:hover {
  background: var(--text-bg-hover);
}
#nav .menus_items .menus_item .menus_item_child li:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#nav .menus_items .menus_item .menus_item_child li:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#nav .menus_items .menus_item .menus_item_child li a {
  display: inline-block;
  padding: 8px 16px;
  width: 100%;
  color: var(--font-color) !important;
  text-shadow: none !important;
}
#nav.hide-menu #toggle-menu {
  display: inline-block !important;
}
#nav.hide-menu #toggle-menu .site-page {
  font-size: inherit;
}
#nav.hide-menu .menus_items {
  display: none;
}
#nav.hide-menu #search-button span {
  display: none;
}
#nav #search-button {
  display: inline;
  padding: 0 0 0 14px;
}
#nav .site-page {
  position: relative;
  padding-bottom: 6px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
  font-size: 0.78em;
  cursor: pointer;
}
#nav .site-page:not(.child):after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 3px;
  background-color: #f68976;
  content: '';
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#nav .site-page:not(.child):hover:after {
  width: 100%;
}
:root {
  --ark-loading-shadow-color: rgba(226,248,24,0.8);
  --ark-loading-power-color: rgba(40,99,200,0.8);
  --ark-loading-power-shadow: rgba(14,219,255,0.8);
}
[data-theme="dark"] {
  --ark-loading-shadow-color: rgba(24,248,229,0.8);
  --ark-loading-power-color: rgba(40,99,200,0.8);
  --ark-loading-power-shadow: rgba(14,219,255,0.8);
}
#loading-box {
  position: fixed;
  z-index: 1001;
  width: 100vw;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#loading-box * {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#loading-box.loaded {
  z-index: -1000;
}
#loading-box #ark-loading {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
#loading-box #ark-loading .ark-loading-border {
  position: relative;
  height: 280px;
  width: 280px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 5px inset var(--ark-loading-shadow-color);
  box-shadow: 0 0 5px inset var(--ark-loading-shadow-color);
  border-style: solid;
  border-color: var(--ark-loading-shadow-color) transparent var(--ark-loading-shadow-color) var(--ark-loading-shadow-color);
  border-width: 2px;
}
#loading-box #ark-loading .ark-loading-border::before {
  content: "";
  position: absolute;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  height: 276px;
  width: 276px;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--ark-loading-shadow-color) var(--ark-loading-shadow-color) var(--ark-loading-shadow-color) transparent;
  border-width: 5px;
  top: -5px;
  left: -5px;
  -webkit-animation: ark-loading-rotate 5s linear infinite;
  -moz-animation: ark-loading-rotate 5s linear infinite;
  -o-animation: ark-loading-rotate 5s linear infinite;
  -ms-animation: ark-loading-rotate 5s linear infinite;
  animation: ark-loading-rotate 5s linear infinite;
}
#loading-box #ark-loading .ark-loading-border::after {
  content: "";
  position: absolute;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  height: 246px;
  width: 246px;
  border-radius: 50%;
  border-style: solid;
  border-color: var(--ark-loading-shadow-color) var(--ark-loading-shadow-color) var(--ark-loading-shadow-color) transparent;
  border-width: 2px;
  top: 13px;
  left: 13px;
  -webkit-animation: ark-loading-rotate 3s linear infinite;
  -moz-animation: ark-loading-rotate 3s linear infinite;
  -o-animation: ark-loading-rotate 3s linear infinite;
  -ms-animation: ark-loading-rotate 3s linear infinite;
  animation: ark-loading-rotate 3s linear infinite;
}
#loading-box #ark-loading .ark-loading-border .ark-loading-container {
  height: 280px;
  width: 280px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  font-size: 36px;
  font-family: 'UnidreamLED', 'TaikoMagic';
  text-shadow: 2px 2px 3px #cecece;
}
#loading-box #ark-loading .ark-loading-border .ark-loading-container .ark-loading-tip:after {
  content: 'Loading...';
  -webkit-animation: ark-loading-flash 1.5s linear infinite;
  -moz-animation: ark-loading-flash 1.5s linear infinite;
  -o-animation: ark-loading-flash 1.5s linear infinite;
  -ms-animation: ark-loading-flash 1.5s linear infinite;
  animation: ark-loading-flash 1.5s linear infinite;
}
#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace.pace-inactive .pace-progress {
  display: none;
}
#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace.pace-inactive .pace-activity::before {
  -webkit-transform: skew(20deg, 20deg) translateX(-2000px);
  -moz-transform: skew(20deg, 20deg) translateX(-2000px);
  -o-transform: skew(20deg, 20deg) translateX(-2000px);
  -ms-transform: skew(20deg, 20deg) translateX(-2000px);
  transform: skew(20deg, 20deg) translateX(-2000px);
  -webkit-transition: -webkit-transform 0.5s ease-in 0.3s;
  -moz-transition: -moz-transform 0.5s ease-in 0.3s;
  -o-transition: -o-transform 0.5s ease-in 0.3s;
  -ms-transition: -ms-transform 0.5s ease-in 0.3s;
  transition: transform 0.5s ease-in 0.3s;
}
#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace.pace-inactive .pace-activity::after {
  -webkit-transform: skew(-20deg, -20deg) translateX(2000px);
  -moz-transform: skew(-20deg, -20deg) translateX(2000px);
  -o-transform: skew(-20deg, -20deg) translateX(2000px);
  -ms-transform: skew(-20deg, -20deg) translateX(2000px);
  transform: skew(-20deg, -20deg) translateX(2000px);
  -webkit-transition: -webkit-transform 0.5s ease-in 0.3s;
  -moz-transition: -moz-transform 0.5s ease-in 0.3s;
  -o-transition: -o-transform 0.5s ease-in 0.3s;
  -ms-transition: -ms-transform 0.5s ease-in 0.3s;
  transition: transform 0.5s ease-in 0.3s;
}
#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace .pace-progress {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  position: relative;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform: translate3d(0, 0, 0) !important;
  -moz-transform: translate3d(0, 0, 0) !important;
  -o-transform: translate3d(0, 0, 0) !important;
  -ms-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace .pace-progress::after {
  display: block;
  content: attr(data-progress-text);
  font-size: 40px;
  line-height: 1;
  text-align: right;
}
#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace .pace-activity {
  filter: drop-shadow(0 0 3px var(--ark-loading-power-shadow));
}
#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace .pace-activity::before {
  top: calc(50% - 175px);
  display: block;
  height: 350px;
  width: 100px;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  content: "";
  background: -webkit-repeating-linear-gradient(bottom, var(--ark-loading-power-color) 0%, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
  background: -moz-repeating-linear-gradient(bottom, var(--ark-loading-power-color) 0%, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
  background: -o-repeating-linear-gradient(bottom, var(--ark-loading-power-color) 0%, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
  background: -ms-repeating-linear-gradient(bottom, var(--ark-loading-power-color) 0%, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
  background: repeating-linear-gradient(to top, var(--ark-loading-power-color) 0%, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
  position: fixed;
  border-radius: 5px;
  left: calc(50% - 600px);
  -webkit-transform: skew(-30deg, -10deg);
  -moz-transform: skew(-30deg, -10deg);
  -o-transform: skew(-30deg, -10deg);
  -ms-transform: skew(-30deg, -10deg);
  transform: skew(-30deg, -10deg);
}
#loading-box #ark-loading .ark-loading-border .ark-loading-container .pace .pace-activity::after {
  top: calc(50% - 175px);
  display: block;
  height: 350px;
  width: 100px;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  content: "";
  background: -webkit-repeating-linear-gradient(bottom, var(--ark-loading-power-color) 0%, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
  background: -moz-repeating-linear-gradient(bottom, var(--ark-loading-power-color) 0%, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
  background: -o-repeating-linear-gradient(bottom, var(--ark-loading-power-color) 0%, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
  background: -ms-repeating-linear-gradient(bottom, var(--ark-loading-power-color) 0%, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
  background: repeating-linear-gradient(to top, var(--ark-loading-power-color) 0%, var(--ark-loading-power-color) 3.5%, transparent 3.51%, transparent 5%);
  position: fixed;
  border-radius: 5px;
  right: calc(50% - 600px);
  -webkit-transform: skew(30deg, 10deg);
  -moz-transform: skew(30deg, 10deg);
  -o-transform: skew(30deg, 10deg);
  -ms-transform: skew(30deg, 10deg);
  transform: skew(30deg, 10deg);
}
#loading-box.arkend * {
  -webkit-transition: all 1s ease-in 0.3s;
  -moz-transition: all 1s ease-in 0.3s;
  -o-transition: all 1s ease-in 0.3s;
  -ms-transition: all 1s ease-in 0.3s;
  transition: all 1s ease-in 0.3s;
}
#loading-box.arkend #ark-loading {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.4s ease-in 0.6s;
  -moz-transition: opacity 0.4s ease-in 0.6s;
  -o-transition: opacity 0.4s ease-in 0.6s;
  -ms-transition: opacity 0.4s ease-in 0.6s;
  transition: opacity 0.4s ease-in 0.6s;
}
#loading-box.arkend #ark-loading .ark-loading-border {
  border-width: 0px;
  -webkit-transition: border-width 0.3s ease-in 0.6s;
  -moz-transition: border-width 0.3s ease-in 0.6s;
  -o-transition: border-width 0.3s ease-in 0.6s;
  -ms-transition: border-width 0.3s ease-in 0.6s;
  transition: border-width 0.3s ease-in 0.6s;
}
#loading-box.arkend #ark-loading .ark-loading-border::before {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in 0.3s;
  -moz-transition: opacity 0.3s ease-in 0.3s;
  -o-transition: opacity 0.3s ease-in 0.3s;
  -ms-transition: opacity 0.3s ease-in 0.3s;
  transition: opacity 0.3s ease-in 0.3s;
}
#loading-box.arkend #ark-loading .ark-loading-border::after {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in 0.3s;
  -moz-transition: opacity 0.3s ease-in 0.3s;
  -o-transition: opacity 0.3s ease-in 0.3s;
  -ms-transition: opacity 0.3s ease-in 0.3s;
  transition: opacity 0.3s ease-in 0.3s;
}
#loading-box.arkend #ark-loading .ark-loading-border .ark-loading-container .ark-loading-tip {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.5s ease-in 0.5s;
  -moz-transition: opacity 0.5s ease-in 0.5s;
  -o-transition: opacity 0.5s ease-in 0.5s;
  -ms-transition: opacity 0.5s ease-in 0.5s;
  transition: opacity 0.5s ease-in 0.5s;
}
#loading-box.arkend #ark-loading .ark-loading-border .ark-loading-container .ark-loading-tip:after {
  content: 'Loaded!' !important;
}
.pace .pace-progress[data-progress-text='1%'] ~ .pace-activity::before {
  clip-path: inset(99% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='1%'] ~ .pace-activity::after {
  clip-path: inset(99% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='2%'] ~ .pace-activity::before {
  clip-path: inset(98% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='2%'] ~ .pace-activity::after {
  clip-path: inset(98% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='3%'] ~ .pace-activity::before {
  clip-path: inset(97% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='3%'] ~ .pace-activity::after {
  clip-path: inset(97% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='4%'] ~ .pace-activity::before {
  clip-path: inset(96% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='4%'] ~ .pace-activity::after {
  clip-path: inset(96% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='5%'] ~ .pace-activity::before {
  clip-path: inset(95% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='5%'] ~ .pace-activity::after {
  clip-path: inset(95% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='6%'] ~ .pace-activity::before {
  clip-path: inset(94% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='6%'] ~ .pace-activity::after {
  clip-path: inset(94% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='7%'] ~ .pace-activity::before {
  clip-path: inset(93% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='7%'] ~ .pace-activity::after {
  clip-path: inset(93% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='8%'] ~ .pace-activity::before {
  clip-path: inset(92% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='8%'] ~ .pace-activity::after {
  clip-path: inset(92% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='9%'] ~ .pace-activity::before {
  clip-path: inset(91% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='9%'] ~ .pace-activity::after {
  clip-path: inset(91% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='10%'] ~ .pace-activity::before {
  clip-path: inset(90% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='10%'] ~ .pace-activity::after {
  clip-path: inset(90% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='11%'] ~ .pace-activity::before {
  clip-path: inset(89% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='11%'] ~ .pace-activity::after {
  clip-path: inset(89% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='12%'] ~ .pace-activity::before {
  clip-path: inset(88% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='12%'] ~ .pace-activity::after {
  clip-path: inset(88% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='13%'] ~ .pace-activity::before {
  clip-path: inset(87% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='13%'] ~ .pace-activity::after {
  clip-path: inset(87% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='14%'] ~ .pace-activity::before {
  clip-path: inset(86% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='14%'] ~ .pace-activity::after {
  clip-path: inset(86% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='15%'] ~ .pace-activity::before {
  clip-path: inset(85% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='15%'] ~ .pace-activity::after {
  clip-path: inset(85% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='16%'] ~ .pace-activity::before {
  clip-path: inset(84% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='16%'] ~ .pace-activity::after {
  clip-path: inset(84% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='17%'] ~ .pace-activity::before {
  clip-path: inset(83% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='17%'] ~ .pace-activity::after {
  clip-path: inset(83% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='18%'] ~ .pace-activity::before {
  clip-path: inset(82% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='18%'] ~ .pace-activity::after {
  clip-path: inset(82% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='19%'] ~ .pace-activity::before {
  clip-path: inset(81% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='19%'] ~ .pace-activity::after {
  clip-path: inset(81% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='20%'] ~ .pace-activity::before {
  clip-path: inset(80% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='20%'] ~ .pace-activity::after {
  clip-path: inset(80% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='21%'] ~ .pace-activity::before {
  clip-path: inset(79% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='21%'] ~ .pace-activity::after {
  clip-path: inset(79% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='22%'] ~ .pace-activity::before {
  clip-path: inset(78% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='22%'] ~ .pace-activity::after {
  clip-path: inset(78% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='23%'] ~ .pace-activity::before {
  clip-path: inset(77% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='23%'] ~ .pace-activity::after {
  clip-path: inset(77% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='24%'] ~ .pace-activity::before {
  clip-path: inset(76% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='24%'] ~ .pace-activity::after {
  clip-path: inset(76% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='25%'] ~ .pace-activity::before {
  clip-path: inset(75% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='25%'] ~ .pace-activity::after {
  clip-path: inset(75% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='26%'] ~ .pace-activity::before {
  clip-path: inset(74% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='26%'] ~ .pace-activity::after {
  clip-path: inset(74% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='27%'] ~ .pace-activity::before {
  clip-path: inset(73% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='27%'] ~ .pace-activity::after {
  clip-path: inset(73% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='28%'] ~ .pace-activity::before {
  clip-path: inset(72% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='28%'] ~ .pace-activity::after {
  clip-path: inset(72% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='29%'] ~ .pace-activity::before {
  clip-path: inset(71% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='29%'] ~ .pace-activity::after {
  clip-path: inset(71% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='30%'] ~ .pace-activity::before {
  clip-path: inset(70% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='30%'] ~ .pace-activity::after {
  clip-path: inset(70% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='31%'] ~ .pace-activity::before {
  clip-path: inset(69% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='31%'] ~ .pace-activity::after {
  clip-path: inset(69% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='32%'] ~ .pace-activity::before {
  clip-path: inset(68% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='32%'] ~ .pace-activity::after {
  clip-path: inset(68% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='33%'] ~ .pace-activity::before {
  clip-path: inset(67% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='33%'] ~ .pace-activity::after {
  clip-path: inset(67% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='34%'] ~ .pace-activity::before {
  clip-path: inset(66% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='34%'] ~ .pace-activity::after {
  clip-path: inset(66% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='35%'] ~ .pace-activity::before {
  clip-path: inset(65% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='35%'] ~ .pace-activity::after {
  clip-path: inset(65% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='36%'] ~ .pace-activity::before {
  clip-path: inset(64% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='36%'] ~ .pace-activity::after {
  clip-path: inset(64% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='37%'] ~ .pace-activity::before {
  clip-path: inset(63% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='37%'] ~ .pace-activity::after {
  clip-path: inset(63% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='38%'] ~ .pace-activity::before {
  clip-path: inset(62% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='38%'] ~ .pace-activity::after {
  clip-path: inset(62% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='39%'] ~ .pace-activity::before {
  clip-path: inset(61% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='39%'] ~ .pace-activity::after {
  clip-path: inset(61% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='40%'] ~ .pace-activity::before {
  clip-path: inset(60% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='40%'] ~ .pace-activity::after {
  clip-path: inset(60% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='41%'] ~ .pace-activity::before {
  clip-path: inset(59% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='41%'] ~ .pace-activity::after {
  clip-path: inset(59% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='42%'] ~ .pace-activity::before {
  clip-path: inset(58% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='42%'] ~ .pace-activity::after {
  clip-path: inset(58% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='43%'] ~ .pace-activity::before {
  clip-path: inset(57% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='43%'] ~ .pace-activity::after {
  clip-path: inset(57% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='44%'] ~ .pace-activity::before {
  clip-path: inset(56% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='44%'] ~ .pace-activity::after {
  clip-path: inset(56% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='45%'] ~ .pace-activity::before {
  clip-path: inset(55% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='45%'] ~ .pace-activity::after {
  clip-path: inset(55% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='46%'] ~ .pace-activity::before {
  clip-path: inset(54% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='46%'] ~ .pace-activity::after {
  clip-path: inset(54% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='47%'] ~ .pace-activity::before {
  clip-path: inset(53% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='47%'] ~ .pace-activity::after {
  clip-path: inset(53% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='48%'] ~ .pace-activity::before {
  clip-path: inset(52% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='48%'] ~ .pace-activity::after {
  clip-path: inset(52% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='49%'] ~ .pace-activity::before {
  clip-path: inset(51% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='49%'] ~ .pace-activity::after {
  clip-path: inset(51% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='50%'] ~ .pace-activity::before {
  clip-path: inset(50% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='50%'] ~ .pace-activity::after {
  clip-path: inset(50% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='51%'] ~ .pace-activity::before {
  clip-path: inset(49% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='51%'] ~ .pace-activity::after {
  clip-path: inset(49% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='52%'] ~ .pace-activity::before {
  clip-path: inset(48% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='52%'] ~ .pace-activity::after {
  clip-path: inset(48% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='53%'] ~ .pace-activity::before {
  clip-path: inset(47% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='53%'] ~ .pace-activity::after {
  clip-path: inset(47% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='54%'] ~ .pace-activity::before {
  clip-path: inset(46% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='54%'] ~ .pace-activity::after {
  clip-path: inset(46% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='55%'] ~ .pace-activity::before {
  clip-path: inset(45% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='55%'] ~ .pace-activity::after {
  clip-path: inset(45% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='56%'] ~ .pace-activity::before {
  clip-path: inset(44% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='56%'] ~ .pace-activity::after {
  clip-path: inset(44% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='57%'] ~ .pace-activity::before {
  clip-path: inset(43% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='57%'] ~ .pace-activity::after {
  clip-path: inset(43% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='58%'] ~ .pace-activity::before {
  clip-path: inset(42% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='58%'] ~ .pace-activity::after {
  clip-path: inset(42% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='59%'] ~ .pace-activity::before {
  clip-path: inset(41% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='59%'] ~ .pace-activity::after {
  clip-path: inset(41% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='60%'] ~ .pace-activity::before {
  clip-path: inset(40% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='60%'] ~ .pace-activity::after {
  clip-path: inset(40% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='61%'] ~ .pace-activity::before {
  clip-path: inset(39% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='61%'] ~ .pace-activity::after {
  clip-path: inset(39% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='62%'] ~ .pace-activity::before {
  clip-path: inset(38% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='62%'] ~ .pace-activity::after {
  clip-path: inset(38% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='63%'] ~ .pace-activity::before {
  clip-path: inset(37% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='63%'] ~ .pace-activity::after {
  clip-path: inset(37% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='64%'] ~ .pace-activity::before {
  clip-path: inset(36% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='64%'] ~ .pace-activity::after {
  clip-path: inset(36% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='65%'] ~ .pace-activity::before {
  clip-path: inset(35% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='65%'] ~ .pace-activity::after {
  clip-path: inset(35% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='66%'] ~ .pace-activity::before {
  clip-path: inset(34% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='66%'] ~ .pace-activity::after {
  clip-path: inset(34% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='67%'] ~ .pace-activity::before {
  clip-path: inset(33% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='67%'] ~ .pace-activity::after {
  clip-path: inset(33% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='68%'] ~ .pace-activity::before {
  clip-path: inset(32% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='68%'] ~ .pace-activity::after {
  clip-path: inset(32% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='69%'] ~ .pace-activity::before {
  clip-path: inset(31% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='69%'] ~ .pace-activity::after {
  clip-path: inset(31% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='70%'] ~ .pace-activity::before {
  clip-path: inset(30% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='70%'] ~ .pace-activity::after {
  clip-path: inset(30% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='71%'] ~ .pace-activity::before {
  clip-path: inset(29% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='71%'] ~ .pace-activity::after {
  clip-path: inset(29% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='72%'] ~ .pace-activity::before {
  clip-path: inset(28% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='72%'] ~ .pace-activity::after {
  clip-path: inset(28% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='73%'] ~ .pace-activity::before {
  clip-path: inset(27% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='73%'] ~ .pace-activity::after {
  clip-path: inset(27% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='74%'] ~ .pace-activity::before {
  clip-path: inset(26% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='74%'] ~ .pace-activity::after {
  clip-path: inset(26% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='75%'] ~ .pace-activity::before {
  clip-path: inset(25% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='75%'] ~ .pace-activity::after {
  clip-path: inset(25% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='76%'] ~ .pace-activity::before {
  clip-path: inset(24% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='76%'] ~ .pace-activity::after {
  clip-path: inset(24% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='77%'] ~ .pace-activity::before {
  clip-path: inset(23% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='77%'] ~ .pace-activity::after {
  clip-path: inset(23% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='78%'] ~ .pace-activity::before {
  clip-path: inset(22% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='78%'] ~ .pace-activity::after {
  clip-path: inset(22% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='79%'] ~ .pace-activity::before {
  clip-path: inset(21% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='79%'] ~ .pace-activity::after {
  clip-path: inset(21% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='80%'] ~ .pace-activity::before {
  clip-path: inset(20% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='80%'] ~ .pace-activity::after {
  clip-path: inset(20% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='81%'] ~ .pace-activity::before {
  clip-path: inset(19% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='81%'] ~ .pace-activity::after {
  clip-path: inset(19% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='82%'] ~ .pace-activity::before {
  clip-path: inset(18% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='82%'] ~ .pace-activity::after {
  clip-path: inset(18% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='83%'] ~ .pace-activity::before {
  clip-path: inset(17% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='83%'] ~ .pace-activity::after {
  clip-path: inset(17% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='84%'] ~ .pace-activity::before {
  clip-path: inset(16% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='84%'] ~ .pace-activity::after {
  clip-path: inset(16% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='85%'] ~ .pace-activity::before {
  clip-path: inset(15% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='85%'] ~ .pace-activity::after {
  clip-path: inset(15% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='86%'] ~ .pace-activity::before {
  clip-path: inset(14% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='86%'] ~ .pace-activity::after {
  clip-path: inset(14% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='87%'] ~ .pace-activity::before {
  clip-path: inset(13% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='87%'] ~ .pace-activity::after {
  clip-path: inset(13% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='88%'] ~ .pace-activity::before {
  clip-path: inset(12% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='88%'] ~ .pace-activity::after {
  clip-path: inset(12% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='89%'] ~ .pace-activity::before {
  clip-path: inset(11% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='89%'] ~ .pace-activity::after {
  clip-path: inset(11% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='90%'] ~ .pace-activity::before {
  clip-path: inset(10% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='90%'] ~ .pace-activity::after {
  clip-path: inset(10% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='91%'] ~ .pace-activity::before {
  clip-path: inset(9% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='91%'] ~ .pace-activity::after {
  clip-path: inset(9% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='92%'] ~ .pace-activity::before {
  clip-path: inset(8% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='92%'] ~ .pace-activity::after {
  clip-path: inset(8% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='93%'] ~ .pace-activity::before {
  clip-path: inset(7% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='93%'] ~ .pace-activity::after {
  clip-path: inset(7% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='94%'] ~ .pace-activity::before {
  clip-path: inset(6% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='94%'] ~ .pace-activity::after {
  clip-path: inset(6% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='95%'] ~ .pace-activity::before {
  clip-path: inset(5% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='95%'] ~ .pace-activity::after {
  clip-path: inset(5% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='96%'] ~ .pace-activity::before {
  clip-path: inset(4% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='96%'] ~ .pace-activity::after {
  clip-path: inset(4% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='97%'] ~ .pace-activity::before {
  clip-path: inset(3% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='97%'] ~ .pace-activity::after {
  clip-path: inset(3% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='98%'] ~ .pace-activity::before {
  clip-path: inset(2% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='98%'] ~ .pace-activity::after {
  clip-path: inset(2% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='99%'] ~ .pace-activity::before {
  clip-path: inset(1% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='99%'] ~ .pace-activity::after {
  clip-path: inset(1% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='100%'] ~ .pace-activity::before {
  clip-path: inset(0% 0% 0% 0%);
}
.pace .pace-progress[data-progress-text='100%'] ~ .pace-activity::after {
  clip-path: inset(0% 0% 0% 0%);
}
@-moz-keyframes ark-loading-flash {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes ark-loading-flash {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes ark-loading-flash {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes ark-loading-flash {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes ark-loading-rotate {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes ark-loading-rotate {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-o-keyframes ark-loading-rotate {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes ark-loading-rotate {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
:root {
  --title-prefix-color: #fff;
  --title-prefix-background: rgba(25,25,25,0.5);
  --title-prefix-shadow: #555;
  --title-prefix-border: rgba(180,181,182,0.6);
  --title-prefix-icon-color: #f58b49;
  --title-prefix-corner-mark-color: #555759;
  --title-prefix-corner-mark-background: #dd9f58;
}
[data-theme="dark"] {
  --title-prefix-color: #8dc9ef;
  --title-prefix-background: rgba(36,56,65,0.5);
  --title-prefix-shadow: #182238;
  --title-prefix-border: rgba(39,66,69,0.6);
  --title-prefix-icon-color: #004e77;
  --title-prefix-corner-mark-color: #92cef1;
  --title-prefix-corner-mark-background: #37708f;
}
#article-container {
  word-wrap: break-word;
  overflow-wrap: break-word;
}
#article-container a {
  color: #f2563b;
}
#article-container a:hover {
  text-decoration: underline;
}
#article-container img {
  display: block;
  margin: 0 auto 20px;
  max-width: 100%;
  -webkit-transition: filter 375ms ease-in 0.2s;
  -moz-transition: filter 375ms ease-in 0.2s;
  -o-transition: filter 375ms ease-in 0.2s;
  -ms-transition: filter 375ms ease-in 0.2s;
  transition: filter 375ms ease-in 0.2s;
}
#article-container p {
  margin: 0 0 16px;
}
#article-container iframe {
  margin: 0 0 20px;
}
#article-container ol ol,
#article-container ul ol,
#article-container ol ul,
#article-container ul ul {
  padding-left: 20px;
}
#article-container ol li,
#article-container ul li {
  margin: 4px 0;
}
#article-container ol p,
#article-container ul p {
  margin: 0 0 8px;
}
#article-container h1,
#article-container h2,
#article-container h3,
#article-container h4,
#article-container h5,
#article-container h6 {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: fit-content;
  width: -moz-fit-content;
  height: fit-content;
  height: -moz-fit-content;
  min-width: 8em;
  min-height: 2em;
  clip-path: polygon(0 0, calc(100% - 1em) 0, 100% 1em, 100% 100%, 1em 100%, 0 calc(100% - 1em));
  padding: 0px 1.5em;
  color: var(--title-prefix-color);
  background: var(--title-prefix-background);
  text-shadow: 3px 4px var(--title-prefix-shadow);
  border: 3px solid var(--title-prefix-border);
}
#article-container h1:before,
#article-container h2:before,
#article-container h3:before,
#article-container h4:before,
#article-container h5:before,
#article-container h6:before {
  position: absolute;
  bottom: 0.6em;
  left: 0.2em;
  color: var(--title-prefix-icon-color);
  line-height: 1;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
#article-container h1:after,
#article-container h2:after,
#article-container h3:after,
#article-container h4:after,
#article-container h5:after,
#article-container h6:after {
  position: absolute;
  font-size: 12px;
  padding: 0px 0px 0px 20px;
  background: var(--title-prefix-corner-mark-background);
  font-family: "SAOUI";
  text-shadow: none;
  line-height: 1em;
  color: var(--title-prefix-corner-mark-color);
  width: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  bottom: -3px;
  right: -3px;
  clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%);
}
#article-container h1:hover:after,
#article-container h2:hover:after,
#article-container h3:hover:after,
#article-container h4:hover:after,
#article-container h5:hover:after,
#article-container h6:hover:after {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  text-shadow: 1px 1px #efefef;
}
#article-container h1:before {
  content: "\f2db";
}
#article-container h1:after {
  content: 'level1';
  height: 1.5em;
}
#article-container h2:before {
  content: "\f085";
}
#article-container h2:after {
  content: 'level2';
  height: 1.4em;
}
#article-container h3:before {
  content: "\f5d2";
}
#article-container h3:after {
  content: 'level3';
  height: 1.3em;
}
#article-container h4:before {
  content: "\f233";
}
#article-container h4:after {
  content: 'level4';
  height: 1.2em;
}
#article-container h5:before {
  content: "\f135";
}
#article-container h5:after {
  content: 'level5';
  height: 1.1em;
}
#article-container h6:before {
  content: "\f1de";
}
#article-container h6:after {
  content: 'level6';
  height: 1em;
}
#article-container ol p,
#article-container ul p {
  margin: 0 0 8px;
}
#article-container li::marker {
  color: #f2563b;
  font-weight: 600;
  font-size: 1.05em;
}
#article-container li:hover::marker {
  color: var(--pseudo-hover);
}
#article-container ul > li {
  list-style-type: circle;
}
#article-container > :last-child {
  margin-bottom: 0 !important;
}
.relatedPosts {
  margin-top: 40px;
}
.relatedPosts > .headline {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 1.43em;
}
.relatedPosts > .relatedPosts-list > div {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 3px;
  width: calc(33.333% - 6px);
  height: 200px;
  background: #000;
  vertical-align: bottom;
}
@media screen and (max-width: 768px) {
  .relatedPosts > .relatedPosts-list > div {
    margin: 2px;
    width: calc(50% - 4px);
    height: 150px;
  }
}
@media screen and (max-width: 600px) {
  .relatedPosts > .relatedPosts-list > div {
    width: calc(100% - 4px);
  }
}
.relatedPosts > .relatedPosts-list .content {
  position: absolute;
  top: 50%;
  padding: 0 20px;
  width: 100%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.relatedPosts > .relatedPosts-list .content .date {
  color: var(--light-grey);
  font-size: 90%;
}
.relatedPosts > .relatedPosts-list .content .title {
  color: var(--white);
  -webkit-line-clamp: 2;
}
:root {
  --ark-reward-title: rgba(226,248,24,0.8);
  --ark-reward-color: rgba(180,50,35,0.95);
}
[data-theme="dark"] {
  --ark-reward-title: rgba(24,248,229,0.8);
  --ark-reward-color: rgba(0,108,190,0.9);
}
input#reward-anchor[type="checkbox"] {
  display: none;
}
input#reward-anchor[type="checkbox"]:checked ~ .reward-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.reward-box {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  backdrop-filter: blur(10px);
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
  z-index: 30;
}
.reward-box .reward-border {
  filter: drop-shadow(0 0 5px var(--ark-reward-color));
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.reward-box .reward-border .reward-border-first {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  position: relative;
  width: 430px;
  height: 430px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.reward-box .reward-border .reward-border-first::before {
  position: absolute;
  border-radius: 50%;
  width: 420px;
  height: 420px;
  content: "";
  top: 0;
  left: 0;
  border: 5px solid var(--ark-reward-color);
  clip-path: polygon(50% 50%, 50% 40%, 90% 0%, 10% 0%, 50% 40%, 50% 50%, 50% 60%, 90% 100%, 10% 100%, 50% 60%, 50% 50%, 40% 50%, 0% 90%, 0% 10%, 40% 50%, 50% 50%, 60% 50%, 100% 90%, 100% 10%, 60% 50%);
  -webkit-animation: reward-border-rotate 30s ease-in-out infinite;
  -moz-animation: reward-border-rotate 30s ease-in-out infinite;
  -o-animation: reward-border-rotate 30s ease-in-out infinite;
  -ms-animation: reward-border-rotate 30s ease-in-out infinite;
  animation: reward-border-rotate 30s ease-in-out infinite;
}
.reward-box .reward-border .reward-border-first::after {
  position: absolute;
  border-radius: 50%;
  width: 420px;
  height: 420px;
  content: "";
  top: 0;
  left: 0;
  top: -15px;
  left: -15px;
  -webkit-animation: reward-border-rotate 30s ease-in-out infinite;
  -moz-animation: reward-border-rotate 30s ease-in-out infinite;
  -o-animation: reward-border-rotate 30s ease-in-out infinite;
  -ms-animation: reward-border-rotate 30s ease-in-out infinite;
  animation: reward-border-rotate 30s ease-in-out infinite;
  border: 20px solid var(--ark-reward-color);
  clip-path: polygon(50% 50%, 50% 10%, 40% 10%, 50% 0%, 60% 10%, 50% 10%, 50% 50%, 50% 90%, 40% 90%, 50% 100%, 60% 90%, 50% 90%, 50% 50%, 10% 50%, 10% 40%, 0% 50%, 10% 60%, 10% 50%, 50% 50%, 90% 50%, 90% 40%, 100% 50%, 90% 60%, 90% 50%);
}
.reward-box .reward-border .reward-border-first .reward-border-second {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  position: relative;
  width: 380px;
  height: 380px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.reward-box .reward-border .reward-border-first .reward-border-second::before {
  position: absolute;
  border-radius: 50%;
  width: 370px;
  height: 370px;
  content: "";
  top: 0;
  left: 0;
  border: 5px solid;
  border-color: transparent var(--ark-reward-color);
  -webkit-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  -moz-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  -o-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  -ms-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
}
.reward-box .reward-border .reward-border-first .reward-border-second::after {
  position: absolute;
  border-radius: 50%;
  width: 379px;
  height: 379px;
  content: "";
  top: 0;
  left: 0;
  background: var(--ark-reward-color);
  clip-path: polygon(0% 45%, 5% 50%, 95% 50%, 100% 45%, 100% 55%, 95% 50%, 5% 50%, 0% 55%);
  -webkit-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  -moz-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  -o-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  -ms-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
}
.reward-box .reward-border .reward-border-first .reward-border-second .reward-border-third {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  position: relative;
  width: 360px;
  height: 360px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.reward-box .reward-border .reward-border-first .reward-border-second .reward-border-third::before {
  position: absolute;
  border-radius: 50%;
  width: 360px;
  height: 360px;
  content: "";
  top: 0;
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: var(--ark-reward-color);
  clip-path: polygon(50% 50%, 50% 15%, 49% 15%, 49% 0%, 51% 0%, 51% 15%, 50% 15%, 50% 50%, 50% 85%, 49% 85%, 49% 100%, 51% 100%, 51% 85%, 50% 85%, 50% 50%, 15% 50%, 15% 49%, 0% 49%, 0% 51%, 15% 51%, 15% 50%, 50% 50%, 85% 50%, 85% 49%, 100% 49%, 100% 51%, 85% 51%, 85% 50%);
  -webkit-animation: reward-border-rotate 15s ease-in-out infinite alternate;
  -moz-animation: reward-border-rotate 15s ease-in-out infinite alternate;
  -o-animation: reward-border-rotate 15s ease-in-out infinite alternate;
  -ms-animation: reward-border-rotate 15s ease-in-out infinite alternate;
  animation: reward-border-rotate 15s ease-in-out infinite alternate;
}
.reward-box .reward-border .reward-border-first .reward-border-second .reward-border-third .reward-border-fourth {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  position: relative;
  width: 270px;
  height: 270px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.reward-box .reward-border .reward-border-first .reward-border-second .reward-border-third .reward-border-fourth::before {
  position: absolute;
  border-radius: 50%;
  width: 264px;
  height: 264px;
  content: "";
  top: 0;
  left: 0;
  border: 3px dotted var(--ark-reward-color);
  clip-path: polygon(50% 50%, 50% 40%, 90% 0%, 10% 0%, 50% 40%, 50% 50%, 50% 60%, 90% 100%, 10% 100%, 50% 60%, 50% 50%, 40% 50%, 0% 90%, 0% 10%, 40% 50%, 50% 50%, 60% 50%, 100% 90%, 100% 10%, 60% 50%);
  -webkit-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  -moz-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  -o-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  -ms-animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
  animation: reward-border-rotate-reverse 15s ease-in-out infinite alternate;
}
.reward-box .reward-all {
  position: fixed;
  top: calc(50% - 125px);
  left: calc(50% - 125px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 250px;
  width: 250px;
  overflow-x: scroll;
  padding: 0;
  -webkit-transform: rotateZ(-90deg);
  -moz-transform: rotateZ(-90deg);
  -o-transform: rotateZ(-90deg);
  -ms-transform: rotateZ(-90deg);
  transform: rotateZ(-90deg);
}
.reward-box .reward-all::-webkit-scrollbar {
  display: none;
}
.reward-box .reward-all .reward-item {
  height: 250px;
  width: 250px;
  -webkit-transform: rotateZ(90deg);
  -moz-transform: rotateZ(90deg);
  -o-transform: rotateZ(90deg);
  -ms-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.reward-box .reward-all .reward-item img {
  height: 250px;
  border-radius: 50%;
  width: 250px;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.reward-box .reward-all .reward-item .reward-qr-code-desc {
  display: block;
  position: absolute;
  width: fit-content;
  height: 25px;
  line-height: 25px;
  padding: 2px 5px;
  border-radius: 5px;
  text-shadow: 1px 1px 2px #000;
  color: #fff;
  background: var(--ark-reward-title);
  top: 20px;
  right: 0px;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  font-family: 'UnidreamLED', 'TaikoMagic';
}
@-moz-keyframes reward-border-rotate {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes reward-border-rotate {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-o-keyframes reward-border-rotate {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes reward-border-rotate {
  from {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-moz-keyframes reward-border-rotate-reverse {
  from {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@-webkit-keyframes reward-border-rotate-reverse {
  from {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@-o-keyframes reward-border-rotate-reverse {
  from {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
@keyframes reward-border-rotate-reverse {
  from {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
  to {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
}
#sidebar #menu-mask {
  position: fixed;
  z-index: 102;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
}
#sidebar #sidebar-menus {
  position: fixed;
  top: 0;
  right: -300px;
  z-index: 103;
  overflow-x: hidden;
  overflow-y: auto;
  width: 300px;
  height: 100%;
  background: var(--sidebar-bg);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#sidebar #sidebar-menus.open {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
#sidebar #sidebar-menus > .avatar-img {
  margin: 20px auto;
}
#sidebar #sidebar-menus .sidebar-site-data {
  padding: 0 10px;
}
#sidebar #sidebar-menus hr {
  margin: 20px auto;
}
#sidebar #sidebar-menus .menus_items {
  padding: 0 10px 40px;
}
#sidebar #sidebar-menus .menus_items .site-page {
  position: relative;
  display: block;
  padding: 6px 30px 6px 22px;
  color: var(--font-color);
  font-size: 1.15em;
}
#sidebar #sidebar-menus .menus_items .site-page:hover {
  background: var(--text-bg-hover);
}
#sidebar #sidebar-menus .menus_items .site-page i:first-child {
  width: 15%;
  text-align: left;
}
#sidebar #sidebar-menus .menus_items .site-page.group > i:last-child {
  position: absolute;
  top: 0.78em;
  right: 18px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  -ms-transition: -ms-transform 0.3s;
  transition: transform 0.3s;
}
#sidebar #sidebar-menus .menus_items .site-page.group.hide > i:last-child {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#sidebar #sidebar-menus .menus_items .site-page.group.hide + .menus_item_child {
  display: none;
}
#sidebar #sidebar-menus .menus_items .menus_item_child {
  margin: 0;
  list-style: none;
}
#vcomment {
  font-size: 1.1em;
}
#vcomment .vbtn {
  border: none;
  background: var(--btn-bg);
  color: var(--btn-color);
}
#vcomment .vbtn:hover {
  background: var(--btn-hover-color);
}
#vcomment .vimg {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#vcomment .vimg:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
#vcomment .vcards .vcard .vcontent.expand:before,
#vcomment .vcards .vcard .vcontent.expand:after {
  z-index: 22;
}
#waline-wrap {
  --waline-font-size: 1.1em;
  --waline-theme-color: #f2563b;
  --waline-active-color: #6842ff;
}
#waline-wrap .vuser {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#waline-wrap .vuser:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fireworks {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none;
}
.medium-zoom-image--opened {
  z-index: 99999 !important;
  margin: 0 !important;
}
.medium-zoom-overlay {
  z-index: 99999 !important;
}
.mermaid-wrap {
  margin: 0 0 20px;
  text-align: center;
}
.mermaid-wrap > svg {
  height: 100%;
}
.utterances,
.fb-comments iframe {
  width: 100% !important;
}
#gitalk-container .gt-meta {
  margin: 0 0 0.8em;
  padding: 6px 0 16px;
}
.katex-wrap {
  overflow: auto;
}
.katex-wrap::-webkit-scrollbar {
  display: none;
}
mjx-container[display],
.has-jax {
  overflow-x: auto;
  overflow-y: hidden;
  line-height: normal !important;
}
.aplayer {
  color: #4c4948;
}
#article-container .aplayer {
  margin: 0 0 20px;
}
#article-container .aplayer ol,
#article-container .aplayer ul {
  margin: 0;
  padding: 0;
}
#article-container .aplayer ol li,
#article-container .aplayer ul li {
  margin: 0;
  padding: 0 15px;
}
#article-container .aplayer ol li:before,
#article-container .aplayer ul li:before {
  content: none;
}
.snackbar-css {
  border-radius: 5px !important;
}
[data-theme="dark"] div.btns {
  filter: brightness(0.7);
}
[data-theme="dark"] div.btns a {
  background: 0 0;
}
[data-theme="dark"] .checkbox {
  filter: brightness(0.7);
}
div.btns {
  margin: 0 -8px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  overflow: visible;
  line-height: 1.8;
}
div.btns b {
  font-size: 0.875rem;
}
div.btns.wide > a {
  padding-left: 32px;
  padding-right: 32px;
}
div.btns.fill > a {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: auto;
}
div.btns.around {
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
div.btns.center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
div.btns.grid2 > a {
  width: calc(100% / 2 - 16px);
}
div.btns.grid3 > a {
  width: calc(100% / 3 - 16px);
}
div.btns.grid4 > a {
  width: calc(100% / 4 - 16px);
}
div.btns.grid5 > a {
  width: calc(100% / 5 - 16px);
}
div.btns a {
  -webkit-transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
  -ms-transition: all 0.28s ease;
  transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -webkit-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
  margin: 8px;
  margin-top: calc(1.25 * 16px + 32px);
  min-width: 120px;
  font-weight: bold;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 8px;
  text-align: center;
  background: #f6f6f6;
  border-radius: 4px;
}
div.btns a > i {
  background: #2196f3 !important;
}
div.btns a > i:first-child {
  color: #fff;
  background: #2196f3;
}
div.btns a b {
  font-weight: bold;
  line-height: 1.3;
}
div.btns a img {
  margin: 0.4em auto;
}
div.btns a:not([href]) {
  cursor: default;
  color: inherit;
}
div.btns a[href]:hover {
  background: rgba(255,87,34,0.15);
}
div.btns a[href]:hover > i:first-child {
  background: #ff5722;
}
div.btns,
div.btns p,
div.btns a {
  font-size: 0.8125rem;
  color: #555;
}
@media screen and (max-width: 1024px) {
  div.btns.grid2 > a {
    width: calc(100% / 2 - 16px);
  }
}
@media screen and (max-width: 768px) {
  div.btns.grid2 > a {
    width: calc(100% / 2 - 16px);
  }
}
@media screen and (max-width: 500px) {
  div.btns.grid2 > a {
    width: calc(100% / 1 - 16px);
  }
}
@media screen and (max-width: 1024px) {
  div.btns.grid3 > a {
    width: calc(100% / 3 - 16px);
  }
}
@media screen and (max-width: 768px) {
  div.btns.grid3 > a {
    width: calc(100% / 3 - 16px);
  }
}
@media screen and (max-width: 500px) {
  div.btns.grid3 > a {
    width: calc(100% / 1 - 16px);
  }
}
@media screen and (max-width: 1024px) {
  div.btns.grid4 > a {
    width: calc(100% / 3 - 16px);
  }
}
@media screen and (max-width: 768px) {
  div.btns.grid4 > a {
    width: calc(100% / 3 - 16px);
  }
}
@media screen and (max-width: 500px) {
  div.btns.grid4 > a {
    width: calc(100% / 2 - 16px);
  }
}
@media screen and (max-width: 1024px) {
  div.btns.grid5 > a {
    width: calc(100% / 4 - 16px);
  }
}
@media screen and (max-width: 768px) {
  div.btns.grid5 > a {
    width: calc(100% / 3 - 16px);
  }
}
@media screen and (max-width: 500px) {
  div.btns.grid5 > a {
    width: calc(100% / 2 - 16px);
  }
}
div.btns a > img:first-child,
div.btns a > i:first-child {
  -webkit-transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
  -ms-transition: all 0.28s ease;
  transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -webkit-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
  height: 64px;
  width: 64px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
  margin: 16px 8px 4px 8px;
  margin-top: calc(-1.25 * 16px - 32px);
  border: 2px solid #fff;
  background: #fff;
  line-height: 60px;
  font-size: 28px;
}
div.btns a > img:first-child.auto,
div.btns a > i:first-child.auto {
  width: auto;
}
div.btns a p,
div.btns a b {
  margin: 0.25em;
  font-weight: normal;
  line-height: 1.25;
  word-wrap: break-word;
}
div.btns a[href]:hover,
div.btns a[href]:hover b {
  color: #ff5722;
}
div.btns a[href]:hover > img:first-child,
div.btns a[href]:hover > i:first-child {
  -webkit-transform: scale(1.1) translateY(-8px);
  -moz-transform: scale(1.1) translateY(-8px);
  -o-transform: scale(1.1) translateY(-8px);
  -ms-transform: scale(1.1) translateY(-8px);
  transform: scale(1.1) translateY(-8px);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
}
div.btns.circle a > img:first-child,
div.btns.circle a > i:first-child {
  border-radius: 32px;
}
div.btns.rounded a > img:first-child,
div.btns.rounded a > i:first-child {
  border-radius: 16px;
}
:root {
  --bubble-text-color: #e9a218;
  --bubble-text-hover-color: #2c7fe7;
  --bubble-text-shadow: rgba(35,35,35,0.5);
}
[data-theme="dark"] {
  --bubble-text-color: #f2b94b;
  --bubble-text-hover-color: #2c7fe7;
  --bubble-text-shadow: rgba(35,35,35,0.5);
}
.bubble-content {
  display: inline-block;
  color: var(--bubble-text-color);
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-shadow: var(--bubble-text-shadow);
}
.bubble-content:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: var(--bubble-text-hover-color);
}
.bubble-content:hover + .bubble-notation .bubble-item {
  -webkit-transform: translate(-40px, 10px) rotateX(0deg);
  -moz-transform: translate(-40px, 10px) rotateX(0deg);
  -o-transform: translate(-40px, 10px) rotateX(0deg);
  -ms-transform: translate(-40px, 10px) rotateX(0deg);
  transform: translate(-40px, 10px) rotateX(0deg);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.bubble-notation {
  display: inline-block;
}
.bubble-item {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  color: #fff;
  z-index: 99;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  -webkit-transform: translate(-40px, 10px) rotateX(90deg);
  -moz-transform: translate(-40px, 10px) rotateX(90deg);
  -o-transform: translate(-40px, 10px) rotateX(90deg);
  -ms-transform: translate(-40px, 10px) rotateX(90deg);
  transform: translate(-40px, 10px) rotateX(90deg);
  width: auto;
  height: auto;
  max-width: 400px;
  overflow: hidden;
  padding: 20px 10px 10px 10px;
  clip-path: polygon(5px 10px, 20px 10px, 30px 0, 40px 10px, calc(100% - 5px) 10px, 100% 15px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 15px, 5px 10px);
}
#article-container .btn-center {
  margin: 0 0 20px;
  text-align: center;
}
#article-container .btn-beautify {
  display: inline-block;
  margin: 0 4px 6px;
  padding: 0 15px;
  background-color: var(--btn-beautify-color, #777);
  color: #fff;
  line-height: 2;
}
#article-container .btn-beautify.blue {
  --btn-beautify-color: #428bca;
}
#article-container .btn-beautify.pink {
  --btn-beautify-color: #ff69b4;
}
#article-container .btn-beautify.red {
  --btn-beautify-color: #f00;
}
#article-container .btn-beautify.purple {
  --btn-beautify-color: #6f42c1;
}
#article-container .btn-beautify.orange {
  --btn-beautify-color: #ff8c00;
}
#article-container .btn-beautify.green {
  --btn-beautify-color: #5cb85c;
}
#article-container .btn-beautify:hover {
  background-color: var(--btn-hover-color);
}
#article-container .btn-beautify i + span {
  margin-left: 6px;
}
#article-container .btn-beautify:not(.block) + .btn-beautify:not(.block) {
  margin: 0 4px 20px;
}
#article-container .btn-beautify.block {
  display: block;
  margin: 0 0 20px;
  width: fit-content;
  width: -moz-fit-content;
}
#article-container .btn-beautify.block.center {
  margin: 0 auto 20px;
}
#article-container .btn-beautify.block.right {
  margin: 0 0 20px auto;
}
#article-container .btn-beautify.larger {
  padding: 6px 15px;
}
#article-container .btn-beautify:hover {
  text-decoration: none;
}
#article-container .btn-beautify.outline {
  border: 1px solid transparent;
  border-color: var(--btn-beautify-color, #777);
  background-color: transparent;
  color: var(--btn-beautify-color, #777);
}
#article-container .btn-beautify.outline:hover {
  background-color: var(--btn-beautify-color, #777);
}
#article-container .btn-beautify.outline:hover {
  color: #fff !important;
}
.carousel {
  touch-action: none;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: transparent;
  height: fit-content;
  min-height: 600px;
  -webkit-perspective: 1000px;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  perspective: 1000px;
  -webkit-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.drag-container,
.spin-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: auto;
  -webkit-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-10deg);
  -webkit-transform: rotateX(-10deg);
  -moz-transform: rotateX(-10deg);
  -o-transform: rotateX(-10deg);
  -ms-transform: rotateX(-10deg);
  transform: rotateX(-10deg);
}
.drag-container img,
.drag-container video {
  -webkit-transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  height: 100%;
  width: 100%;
  line-height: 200px;
  font-size: 50px;
  text-align: center;
  -webkit-box-shadow: 0 0 8px #fff;
  -webkit-box-shadow: 0 0 8px #fff;
  box-shadow: 0 0 8px #fff;
  -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, rgba(0,0,0,0.333));
}
.drag-container .img-alt.is-center {
  display: none;
}
.drag-container br {
  display: none;
}
.drag-container p {
  font-family: Serif;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotateX(90deg);
  -webkit-transform: translate(-50%, -50%) rotateX(90deg);
  -moz-transform: translate(-50%, -50%) rotateX(90deg);
  -o-transform: translate(-50%, -50%) rotateX(90deg);
  -ms-transform: translate(-50%, -50%) rotateX(90deg);
  transform: translate(-50%, -50%) rotateX(90deg);
  color: #fff;
}
.drag-container img:hover,
.drag-container video:hover {
  -webkit-box-shadow: 0 0 15px rgba(255,255,255,0.867);
  -webkit-box-shadow: 0 0 15px rgba(255,255,255,0.867);
  box-shadow: 0 0 15px rgba(255,255,255,0.867);
  -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, rgba(0,0,0,0.467));
}
.carousel-ground {
  width: 900px;
  height: 900px;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotateX(90deg);
  -webkit-transform: translate(-50%, -50%) rotateX(90deg);
  -moz-transform: translate(-50%, -50%) rotateX(90deg);
  -o-transform: translate(-50%, -50%) rotateX(90deg);
  -ms-transform: translate(-50%, -50%) rotateX(90deg);
  transform: translate(-50%, -50%) rotateX(90deg);
  background: -webkit--webkit-radial-gradient(center center, farthest-side, rgba(153,153,153,0.2), transparent);
  background: -webkit--moz-radial-gradient(center center, farthest-side, rgba(153,153,153,0.2), transparent);
  background: -webkit--o-radial-gradient(center center, farthest-side, rgba(153,153,153,0.2), transparent);
  background: -webkit--ms-radial-gradient(center center, farthest-side, rgba(153,153,153,0.2), transparent);
  background: -webkit-radial-gradient(center center, farthest-side, rgba(153,153,153,0.2), transparent);
}
img.medium-zoom-image.entered.loaded.medium-zoom-image--opened {
  width: auto !important;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes spinRevert {
  from {
    -webkit-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
  to {
    -webkit-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-moz-keyframes spin {
  from {
    -webkit-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-o-keyframes spin {
  from {
    -webkit-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
@-moz-keyframes spinRevert {
  from {
    -webkit-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
  to {
    -webkit-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes spinRevert {
  from {
    -webkit-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
  to {
    -webkit-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@-o-keyframes spinRevert {
  from {
    -webkit-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
  to {
    -webkit-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
@keyframes spinRevert {
  from {
    -webkit-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
  to {
    -webkit-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
.checkbox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.checkbox input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  height: 16px;
  width: 16px;
  -webkit-transition: all 0.15s ease-out 0s;
  -moz-transition: all 0.15s ease-out 0s;
  -o-transition: all 0.15s ease-out 0s;
  -ms-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  cursor: pointer;
  display: inline-block;
  outline: none;
  border-radius: 2px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 8px;
  border: 2px solid #2196f3;
  pointer-events: none;
}
.checkbox input[type="checkbox"]:before {
  left: 1px;
  top: 5px;
  width: 0;
  height: 2px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.checkbox input[type="checkbox"]:after {
  right: 7px;
  bottom: 3px;
  width: 2px;
  height: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  -ms-transition-delay: 0.25s;
  transition-delay: 0.25s;
}
.checkbox input[type="checkbox"]:checked {
  background: #2196f3;
}
.checkbox input[type="checkbox"]:checked:before {
  left: 0;
  top: 7px;
  width: 6px;
  height: 2px;
}
.checkbox input[type="checkbox"]:checked:after {
  right: 3px;
  bottom: 1px;
  width: 2px;
  height: 10px;
}
.checkbox.minus input[type="checkbox"]:before {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  left: 1px;
  top: 5px;
  width: 0;
  height: 2px;
}
.checkbox.minus input[type="checkbox"]:after {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  left: 1px;
  top: 5px;
  width: 0;
  height: 2px;
}
.checkbox.minus input[type="checkbox"]:checked:before {
  left: 1px;
  top: 5px;
  width: 10px;
  height: 2px;
}
.checkbox.minus input[type="checkbox"]:checked:after {
  left: 1px;
  top: 5px;
  width: 10px;
  height: 2px;
}
.checkbox.plus input[type="checkbox"]:before {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  left: 1px;
  top: 5px;
  width: 0;
  height: 2px;
}
.checkbox.plus input[type="checkbox"]:after {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  left: 5px;
  top: 1px;
  width: 2px;
  height: 0;
}
.checkbox.plus input[type="checkbox"]:checked:before {
  left: 1px;
  top: 5px;
  width: 10px;
  height: 2px;
}
.checkbox.plus input[type="checkbox"]:checked:after {
  left: 5px;
  top: 1px;
  width: 2px;
  height: 10px;
}
.checkbox.times input[type="checkbox"]:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 3px;
  top: 1px;
  width: 0;
  height: 2px;
}
.checkbox.times input[type="checkbox"]:after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  right: 3px;
  top: 1px;
  width: 0;
  height: 2px;
}
.checkbox.times input[type="checkbox"]:checked:before {
  left: 1px;
  top: 5px;
  width: 10px;
  height: 2px;
}
.checkbox.times input[type="checkbox"]:checked:after {
  right: 1px;
  top: 5px;
  width: 10px;
  height: 2px;
}
.checkbox input[type="radio"] {
  border-radius: 50%;
}
.checkbox input[type="radio"]:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin: 2px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.checkbox input[type="radio"]:checked:before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background: var(--text-bg-hover);
}
.checkbox.red input {
  border-color: #fe5f58;
}
.checkbox.red input[type="checkbox"]:checked {
  background: #fe5f58;
}
.checkbox.red input[type="radio"]:checked:before {
  background: #fe5f58;
}
.checkbox.green input {
  border-color: #3dc550;
}
.checkbox.green input[type="checkbox"]:checked {
  background: #3dc550;
}
.checkbox.green input[type="radio"]:checked:before {
  background: #3dc550;
}
.checkbox.yellow input {
  border-color: #ffbd2b;
}
.checkbox.yellow input[type="checkbox"]:checked {
  background: #ffbd2b;
}
.checkbox.yellow input[type="radio"]:checked:before {
  background: #ffbd2b;
}
.checkbox.cyan input {
  border-color: #1bcdfc;
}
.checkbox.cyan input[type="checkbox"]:checked {
  background: #1bcdfc;
}
.checkbox.cyan input[type="radio"]:checked:before {
  background: #1bcdfc;
}
.checkbox.blue input {
  border-color: #2196f3;
}
.checkbox.blue input[type="checkbox"]:checked {
  background: #2196f3;
}
.checkbox.blue input[type="radio"]:checked:before {
  background: #2196f3;
}
.checkbox p {
  display: inline-block;
  margin-top: 2px !important;
  margin-bottom: 0 !important;
}
.checkbox input[type="checkbox"]:before,
.checkbox input[type="checkbox"]:after {
  position: absolute;
  content: "";
  background: #fff;
}
[data-theme="dark"] .checkbox {
  filter: brightness(0.7);
}
details.folding-tag {
  display: block;
  padding: 16px;
  margin: 1em 0;
  border-radius: 4px;
  background: #fff;
  font-size: var(--global-font-size);
  -webkit-transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
  -ms-transition: all 0.28s ease;
  transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -webkit-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
  border: 1px solid #f6f6f6;
}
details.folding-tag summary {
  cursor: pointer;
  padding: 16px;
  margin: -16px;
  border-radius: 4px;
  color: rgba(68,68,68,0.7);
  font-size: 0.875rem !important;
  font-weight: bold;
  position: relative;
  line-height: normal;
}
details.folding-tag summary > p,
details.folding-tag summary > h1,
details.folding-tag summary > h2,
details.folding-tag summary > h3,
details.folding-tag summary > h4,
details.folding-tag summary > h5,
details.folding-tag summary > h6 {
  display: inline;
  border-bottom: none !important;
}
details.folding-tag summary:hover {
  color: #444;
}
details.folding-tag summary:hover:after {
  position: absolute;
  content: '+';
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 16px;
}
details.folding-tag >summary {
  background: #f6f6f6;
}
details.folding-tag[purple] {
  border-color: #fae7fd;
}
details.folding-tag[purple] >summary {
  background: #fae7fd;
}
details.folding-tag[blue] {
  border-color: #e8f4fd;
}
details.folding-tag[blue] >summary {
  background: #e8f4fd;
}
details.folding-tag[cyan] {
  border-color: #e8fafe;
}
details.folding-tag[cyan] >summary {
  background: #e8fafe;
}
details.folding-tag[green] {
  border-color: #ebf9ed;
}
details.folding-tag[green] >summary {
  background: #ebf9ed;
}
details.folding-tag[yellow] {
  border-color: #fff8e9;
}
details.folding-tag[yellow] >summary {
  background: #fff8e9;
}
details.folding-tag[orange] {
  border-color: #fdf1e7;
}
details.folding-tag[orange] >summary {
  background: #fdf1e7;
}
details.folding-tag[red] {
  border-color: #feefee;
}
details.folding-tag[red] >summary {
  background: #feefee;
}
details.folding-tag[open] {
  border-color: rgba(68,68,68,0.2);
}
details.folding-tag[open] >summary {
  border-bottom: 1px solid rgba(68,68,68,0.2);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
details.folding-tag[open][purple] {
  border-color: rgba(208,23,238,0.3);
}
details.folding-tag[open][purple] >summary {
  border-bottom-color: rgba(208,23,238,0.3);
}
details.folding-tag[open][blue] {
  border-color: rgba(33,150,243,0.3);
}
details.folding-tag[open][blue] >summary {
  border-bottom-color: rgba(33,150,243,0.3);
}
details.folding-tag[open][cyan] {
  border-color: rgba(27,205,252,0.3);
}
details.folding-tag[open][cyan] >summary {
  border-bottom-color: rgba(27,205,252,0.3);
}
details.folding-tag[open][green] {
  border-color: rgba(61,197,80,0.3);
}
details.folding-tag[open][green] >summary {
  border-bottom-color: rgba(61,197,80,0.3);
}
details.folding-tag[open][yellow] {
  border-color: rgba(255,189,43,0.3);
}
details.folding-tag[open][yellow] >summary {
  border-bottom-color: rgba(255,189,43,0.3);
}
details.folding-tag[open][orange] {
  border-color: rgba(236,118,22,0.3);
}
details.folding-tag[open][orange] >summary {
  border-bottom-color: rgba(236,118,22,0.3);
}
details.folding-tag[open][red] {
  border-color: rgba(254,95,88,0.3);
}
details.folding-tag[open][red] >summary {
  border-bottom-color: rgba(254,95,88,0.3);
}
details.folding-tag[open] >summary {
  color: #444;
  margin-bottom: 0;
}
details.folding-tag[open] >summary:hover:after {
  content: '-';
}
details.folding-tag[open] >div.content {
  padding: 16px;
  margin: -16px;
  margin-top: 0;
  background: #2e3333;
}
details.folding-tag[open] >div.content p>a:hover {
  text-decoration: underline;
}
details.folding-tag[open] >div.content > p:first-child,
details.folding-tag[open] >div.content > .tabs:first-child,
details.folding-tag[open] >div.content > ul:first-child,
details.folding-tag[open] >div.content > ol:first-child,
details.folding-tag[open] >div.content > .highlight:first-child,
details.folding-tag[open] >div.content > .note:first-child,
details.folding-tag[open] >div.content > details:first-child {
  margin-top: 0;
}
details.folding-tag[open] >div.content > p:last-child,
details.folding-tag[open] >div.content > .tabs:last-child,
details.folding-tag[open] >div.content > ul:last-child,
details.folding-tag[open] >div.content > ol:last-child,
details.folding-tag[open] >div.content > .highlight:last-child,
details.folding-tag[open] >div.content > .note:last-child,
details.folding-tag[open] >div.content > details:last-child {
  margin-bottom: 0;
}
[data-theme="dark"] details[open] > div.content {
  padding: 16px;
  margin: -16px;
  margin-top: 0;
  background: #2c2d2d;
  color: rgba(255,255,255,0.6);
}
[data-theme="dark"] details > summary {
  filter: brightness(0.7);
}
#article-container figure.gallery-group {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 6px 4px;
  width: calc(50% - 8px);
  height: 250px;
  border-radius: 8px;
  background: #000;
  -webkit-transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 600px) {
  #article-container figure.gallery-group {
    width: calc(100% - 8px);
  }
}
#article-container figure.gallery-group:hover img {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#article-container figure.gallery-group:hover .gallery-group-name::after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#article-container figure.gallery-group:hover p {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#article-container figure.gallery-group img {
  position: relative;
  margin: 0;
  max-width: none;
  width: calc(100% + 20px);
  height: 250px;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -webkit-transition: all 0.3s, filter 375ms ease-in 0.2s;
  -moz-transition: all 0.3s, filter 375ms ease-in 0.2s;
  -o-transition: all 0.3s, filter 375ms ease-in 0.2s;
  -ms-transition: all 0.3s, filter 375ms ease-in 0.2s;
  transition: all 0.3s, filter 375ms ease-in 0.2s;
  -webkit-transform: translate3d(-10px, 0, 0);
  -moz-transform: translate3d(-10px, 0, 0);
  -o-transform: translate3d(-10px, 0, 0);
  -ms-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  object-fit: cover;
}
#article-container figure.gallery-group figcaption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 30px;
  width: 100%;
  height: 100%;
  color: #fff;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
#article-container figure.gallery-group figcaption > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
#article-container figure.gallery-group p {
  margin: 0;
  padding: 8px 0 0;
  letter-spacing: 1px;
  font-size: 1.1em;
  line-height: 1.5;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -moz-transform 0.35s;
  -o-transition: opacity 0.35s, -o-transform 0.35s;
  -ms-transition: opacity 0.35s, -ms-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-line-clamp: 4;
}
#article-container figure.gallery-group .gallery-group-name {
  position: relative;
  margin: 0;
  padding: 8px 0;
  font-weight: bold;
  font-size: 1.65em;
  line-height: 1.5;
  -webkit-line-clamp: 2;
}
#article-container figure.gallery-group .gallery-group-name:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  -moz-transition: -moz-transform 0.35s;
  -o-transition: -o-transform 0.35s;
  -ms-transition: -ms-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
#article-container .gallery-group-main {
  overflow: auto;
  padding: 0 0 16px;
}
#article-container .fj-gallery {
  margin: 0 0 16px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
#article-container .fj-gallery .img-alt {
  display: none;
}
a.ghcard {
  display: inline-block;
  line-height: 0;
}
.md .ghcard-group {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0;
  margin: 0 -8px;
}
.md .ghcard-group .ghcard {
  margin: 8px;
}
blockquote.pullquote {
  position: relative;
  max-width: 45%;
  font-size: 110%;
}
blockquote.pullquote.left {
  float: left;
  margin: 1em 0.5em 0 0;
}
blockquote.pullquote.right {
  float: right;
  margin: 1em 0 0 0.5em;
}
.video-container {
  position: relative;
  overflow: hidden;
  margin-bottom: 16px;
  padding-top: 56.25%;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0;
  width: 100%;
  height: 100%;
}
.hide-inline > .hide-button,
.hide-block > .hide-button {
  display: inline-block;
  padding: 5px 18px;
  background: #f2563b;
  color: var(--white);
}
.hide-inline > .hide-button:hover,
.hide-block > .hide-button:hover {
  background-color: var(--btn-hover-color);
}
.hide-inline > .hide-button.open,
.hide-block > .hide-button.open {
  display: none;
}
.hide-inline > .hide-button.open + div,
.hide-block > .hide-button.open + div {
  display: block;
}
.hide-inline > .hide-button.open + span,
.hide-block > .hide-button.open + span {
  display: inline;
}
.hide-inline > .hide-content,
.hide-block > .hide-content {
  display: none;
}
.hide-inline > .hide-button {
  margin: 0 6px;
}
.hide-inline > .hide-content {
  margin: 0 6px;
}
.hide-block {
  margin: 0 0 16px;
}
.toggle {
  margin-bottom: 20px;
  border: 1px solid #f0f0f0;
}
.toggle > .toggle-button {
  padding: 6px 15px;
  background: #f0f0f0;
  color: #1f2d3d;
  cursor: pointer;
}
.toggle > .toggle-content {
  margin: 30px 24px;
}
.md .img {
  object-fit: contain;
}
img.inline {
  display: inline !important;
  vertical-align: middle;
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  transform: translateY(-4px);
}
p .img-alt {
  display: inline-block;
  width: 100%;
}
s,
del {
  color: #8e8e8e;
  text-decoration-color: #8e8e8e;
}
u {
  color: #444;
  text-decoration: none;
  border-bottom: 1px solid #fe5f58;
}
emp {
  color: #444;
  border-bottom: 4px dotted #fe5f58;
}
wavy {
  color: #444;
  text-decoration-style: wavy;
  text-decoration-line: underline;
  text-decoration-color: #fe5f58;
}
psw {
  color: transparent;
  background: #a1a1a1;
  border-radius: 2px;
  -webkit-transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
  -ms-transition: all 0.28s ease;
  transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -webkit-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
}
psw:hover {
  color: #444;
  background: none;
}
kbd {
  display: inline-block;
  color: #666;
  font: bold 9pt arial;
  text-decoration: none;
  text-align: center;
  padding: 2px 5px;
  margin: 0 5px;
  background: #eff0f2;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f5f5f5;
  -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333;
  -moz-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333;
  -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333;
  -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333;
  box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333;
  text-shadow: 0 1px 0 #f5f5f5;
}
#article-container .inline-img {
  display: inline;
  margin: 0 3px;
  height: 1.1em;
  vertical-align: text-bottom;
}
.hl-label {
  padding: 2px 4px;
  border-radius: 3px;
  color: #fff;
}
.hl-label.default {
  background-color: #777;
}
.hl-label.blue {
  background-color: #428bca;
}
.hl-label.pink {
  background-color: #ff69b4;
}
.hl-label.red {
  background-color: #f00;
}
.hl-label.purple {
  background-color: #6f42c1;
}
.hl-label.orange {
  background-color: #ff8c00;
}
.hl-label.green {
  background-color: #5cb85c;
}
#article-container .tag.link {
  text-align: center;
}
#article-container a.link-card {
  margin: 0.25rem auto;
  background: #f6f6f6;
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  text-align: center;
  min-width: 200px;
  max-width: 361px;
  color: #444;
  border-radius: 12px;
  text-decoration: none;
}
#article-container a.link-card:hover {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
}
#article-container a.link-card div.left {
  width: 48px;
  height: 48px;
  margin: 12px;
  overflow: hidden;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
}
#article-container a.link-card div.left i {
  font-size: 32px;
  line-height: 48px;
  margin-left: 4px;
}
#article-container a.link-card div.left img {
  display: block;
  position: absolute;
  border-radius: 2px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#article-container a.link-card div.right {
  overflow: hidden;
  margin-right: 12px;
}
#article-container a.link-card p {
  margin: 0;
}
#article-container a.link-card p.text {
  font-weight: bold;
}
#article-container a.link-card p.url {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  color: rgba(68,68,68,0.65);
  font-size: 13px;
}
@media screen and (max-width: 425px) {
  #article-container a.link-card {
    max-width: 100%;
  }
}
@media screen and (max-width: 375px) {
  #article-container a.link-card {
    width: 100%;
  }
}
#article-container a.link-card div.left,
#article-container a.link-card div.right {
  pointer-events: none;
}
[data-theme="dark"] #article-container a.link-card {
  filter: brightness(0.7);
}
[data-theme="dark"] #article-container a.link-card img {
  filter: brightness(1);
}
audio,
video {
  border-radius: 4px;
  max-width: 100%;
}
video {
  z-index: 1;
  -webkit-transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
  -ms-transition: all 0.28s ease;
  transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -webkit-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
}
video:hover {
  -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.24), 0 8px 16px 0px rgba(0,0,0,0.24);
  box-shadow: 0 4px 8px 0px rgba(0,0,0,0.24), 0 8px 16px 0px rgba(0,0,0,0.24);
}
div.video {
  line-height: 0;
  text-align: center;
}
div.videos {
  max-width: calc(100% + 2 * 4px);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  margin: 1em -4px;
}
div.videos .video,
div.videos iframe {
  width: 100%;
  margin: 4px;
}
div.videos iframe {
  border-radius: 4px;
  width: 100%;
  min-height: 300px;
}
div.videos.left {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
div.videos.center {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
div.videos.right {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
div.videos.stretch {
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
div.videos[col='1'] .video,
div.videos[col='1'] iframe {
  width: 100%;
}
div.videos[col='2'] .video,
div.videos[col='2'] iframe {
  width: calc(50% - 2 * 4px);
}
div.videos[col='3'] .video,
div.videos[col='3'] iframe {
  width: calc(33.33% - 2 * 4px);
}
div.videos[col='4'] .video,
div.videos[col='4'] iframe {
  width: calc(25% - 2 * 4px);
}
[data-theme="dark"] audio,
[data-theme="dark"] video {
  filter: brightness(0.7);
}
:root {
  --msgbox-border-color: #888;
  --msgbox-border-background: #fff;
  --msgbox-chat-background: rgba(255,255,255,0.7);
  --msgbox-name-color: #888;
  --guest-font-color: #000;
  --guest-background-color: #cbcbcb;
  --admin-font-color: #fff;
  --admin-background-color: #12b7f5;
}
[data-theme="dark"] {
  --msgbox-border-color: #fff;
  --msgbox-border-background: #000;
  --msgbox-chat-background: rgba(22,22,22,0.5);
  --msgbox-name-color: #888;
  --guest-font-color: #e3e8e9;
  --guest-background-color: #303646;
  --admin-font-color: #fff;
  --admin-background-color: #0eb6f5;
}
.msgbox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  height: auto;
}
.msgbox .mag-box-title {
  color: var(--msgbox-border-color);
  width: 100%;
  height: 50px;
  background: var(--msgbox-border-background);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.msgbox .mag-box-input-main {
  width: 100%;
  height: 50px;
  color: var(--msgbox-border-color);
  background: var(--msgbox-border-background);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.msgbox .mag-box-input-main input.mag-box-input {
  border-radius: 15px;
  height: 30px;
  width: calc(100% - 90px);
  padding: 0px 20px;
}
.msgbox .mag-box-input-main input.mag-box-input:focus-visible {
  outline: none;
}
.msgbox .mag-box-input-main i.fa-solid {
  width: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.msgbox .msgbox-chat-content {
  padding: 20px 20px;
  -webkit-box-shadow: 0px 0px 0.5px var(--msgbox-border-color) inset;
  box-shadow: 0px 0px 0.5px var(--msgbox-border-color) inset;
  max-height: 50vh;
  overflow-y: scroll;
  background: var(--msgbox-chat-background);
}
.msgbox .msgbox-chat-content::-webkit-scrollbar {
  width: 0;
}
.msgbox .msgbox-chat-content .msg-main {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0 0 25px 0;
}
.msgbox .msgbox-chat-content .msg-main .msg-avatar-box {
  width: 30px;
  min-width: 30px;
}
.msgbox .msgbox-chat-content .msg-main .msg-avatar-box img.msg-avatar {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: relative;
}
.msgbox .msgbox-chat-content .msg-main .msg-avatar-box .img-alt {
  display: none;
}
.msgbox .msgbox-chat-content .msg-main .msg-content {
  width: 90%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.msgbox .msgbox-chat-content .msg-main .msg-content .msg-name {
  font-size: 12px;
  color: var(--msgbox-name-color);
  line-height: 1em;
  height: 1.5em;
}
.msgbox .msgbox-chat-content .msg-main .msg-content .msg-content-text {
  border-radius: 8px;
  width: auto;
  max-width: calc(100% - 30px);
  padding: 5px 5px 0px 20px;
  clip-path: polygon(0 15px, 10px 16px, 10px 5px, 15px 0, 100% 0, 100% 100%, 15px 100%, 10px calc(100% - 5px), 10px 25px);
}
.msgbox .msgbox-chat-content .msg-main .msg-content .msg-content-text>p {
  margin: 0 0 0 !important;
}
.msgbox .msgbox-chat-content .msg-main .msg-content .msg-content-text>p img {
  border-radius: 6px;
}
.msgbox .msgbox-chat-content .msg-main.msgguest .msg-avatar-box img.msg-avatar {
  top: 0;
  right: 0;
}
.msgbox .msgbox-chat-content .msg-main.msgguest .msg-content {
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.msgbox .msgbox-chat-content .msg-main.msgguest .msg-content .msg-name {
  margin-left: 15px;
}
.msgbox .msgbox-chat-content .msg-main.msgguest .msg-content .msg-content-text {
  background: var(--guest-background-color);
  color: var(--guest-font-color);
}
.msgbox .msgbox-chat-content .msg-main.msgadmin {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.msgbox .msgbox-chat-content .msg-main.msgadmin .msg-avatar-box img.msg-avatar {
  top: 0;
  left: 0;
}
.msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content {
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content .msg-name {
  margin-right: 15px;
}
.msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content .msg-content-text {
  background: var(--admin-background-color);
  color: var(--admin-font-color);
  padding: 5px 20px 0px 5px;
  clip-path: polygon(100% 15px, calc(100% - 10px) 16px, calc(100% - 10px) 5px, calc(100% - 15px) 0, 0 0, 0 100%, calc(100% - 15px) 100%, calc(100% - 10px) calc(100% - 5px), calc(100% - 10px) 25px);
  max-width: calc(100% - 30px);
}
@media screen and (max-width: 496px) {
  .msgbox .msgbox-chat-content .msg-main.msgadmin {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .msgbox .msgbox-chat-content .msg-main.msgadmin .msg-avatar-box img.msg-avatar {
    top: 0;
    right: 0;
  }
  .msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content .msg-name {
    margin-left: 15px;
  }
  .msgbox .msgbox-chat-content .msg-main.msgadmin .msg-content .msg-content-text {
    padding: 5px 5px 0px 20px;
    clip-path: polygon(0 15px, 10px 16px, 10px 5px, 15px 0, 100% 0, 100% 100%, 15px 100%, 10px calc(100% - 5px), 10px 25px);
    max-width: calc(100% - 30px);
  }
}
.note {
  position: relative;
  margin: 0 0 20px;
  padding: 15px;
  border-radius: 3px;
}
.note.icon-padding {
  padding-left: 3em;
}
.note > .note-icon {
  position: absolute;
  top: calc(50% - 0.5em);
  left: 0.8em;
  font-size: larger;
}
.note.blue:not(.disabled) {
  border-left-color: #428bca !important;
}
.note.blue:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #428bca;
}
.note.blue:not(.disabled):not(.simple) {
  background: #e3eef7 !important;
}
.note.blue > .note-icon {
  color: #428bca;
}
.note.pink:not(.disabled) {
  border-left-color: #ff69b4 !important;
}
.note.pink:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #ff69b4;
}
.note.pink:not(.disabled):not(.simple) {
  background: #ffe9f4 !important;
}
.note.pink > .note-icon {
  color: #ff69b4;
}
.note.red:not(.disabled) {
  border-left-color: #f00 !important;
}
.note.red:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #f00;
}
.note.red:not(.disabled):not(.simple) {
  background: #ffd9d9 !important;
}
.note.red > .note-icon {
  color: #f00;
}
.note.purple:not(.disabled) {
  border-left-color: #6f42c1 !important;
}
.note.purple:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #6f42c1;
}
.note.purple:not(.disabled):not(.simple) {
  background: #e9e3f6 !important;
}
.note.purple > .note-icon {
  color: #6f42c1;
}
.note.orange:not(.disabled) {
  border-left-color: #ff8c00 !important;
}
.note.orange:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #ff8c00;
}
.note.orange:not(.disabled):not(.simple) {
  background: #ffeed9 !important;
}
.note.orange > .note-icon {
  color: #ff8c00;
}
.note.green:not(.disabled) {
  border-left-color: #5cb85c !important;
}
.note.green:not(.disabled).modern {
  border-left-color: transparent !important;
  color: #5cb85c;
}
.note.green:not(.disabled):not(.simple) {
  background: #e7f4e7 !important;
}
.note.green > .note-icon {
  color: #5cb85c;
}
.note.simple {
  border: 1px solid #eee;
  border-left-width: 5px;
}
.note.modern {
  border: 1px solid transparent !important;
  background-color: #f5f5f5;
  color: #4c4948;
}
.note.flat {
  border: initial;
  border-left: 5px solid #eee;
  background-color: #f9f9f9;
  color: #4c4948;
}
.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
  margin-top: 3px;
  margin-bottom: 0;
  padding-top: 0 !important;
  border-bottom: initial;
}
.note p:first-child,
.note ul:first-child,
.note ol:first-child,
.note table:first-child,
.note pre:first-child,
.note blockquote:first-child,
.note img:first-child {
  margin-top: 0 !important;
}
.note p:last-child,
.note ul:last-child,
.note ol:last-child,
.note table:last-child,
.note pre:last-child,
.note blockquote:last-child,
.note img:last-child {
  margin-bottom: 0 !important;
}
.note:not(.no-icon) {
  padding-left: 3em;
}
.note:not(.no-icon)::before {
  position: absolute;
  top: calc(50% - 0.95em);
  left: 0.8em;
  font-size: larger;
}
.note.default.flat {
  background: #f7f7f7;
}
.note.default.modern {
  border-color: #e1e1e1;
  background: #f3f3f3;
  color: #666;
}
.note.default.modern a:not(.btn) {
  color: #666;
}
.note.default.modern a:not(.btn):hover {
  color: #454545;
}
.note.default:not(.modern) {
  border-left-color: #777;
}
.note.default:not(.modern) h2,
.note.default:not(.modern) h3,
.note.default:not(.modern) h4,
.note.default:not(.modern) h5,
.note.default:not(.modern) h6 {
  color: #777;
}
.note.default:not(.no-icon)::before {
  content: '\f0a9';
}
.note.default:not(.no-icon):not(.modern)::before {
  color: #777;
}
.note.primary.flat {
  background: #f5f0fa;
}
.note.primary.modern {
  border-color: #e1c2ff;
  background: #f3daff;
  color: #6f42c1;
}
.note.primary.modern a:not(.btn) {
  color: #6f42c1;
}
.note.primary.modern a:not(.btn):hover {
  color: #453298;
}
.note.primary:not(.modern) {
  border-left-color: #6f42c1;
}
.note.primary:not(.modern) h2,
.note.primary:not(.modern) h3,
.note.primary:not(.modern) h4,
.note.primary:not(.modern) h5,
.note.primary:not(.modern) h6 {
  color: #6f42c1;
}
.note.primary:not(.no-icon)::before {
  content: '\f055';
}
.note.primary:not(.no-icon):not(.modern)::before {
  color: #6f42c1;
}
.note.info.flat {
  background: #eef7fa;
}
.note.info.modern {
  border-color: #b3e5ef;
  background: #d9edf7;
  color: #31708f;
}
.note.info.modern a:not(.btn) {
  color: #31708f;
}
.note.info.modern a:not(.btn):hover {
  color: #215761;
}
.note.info:not(.modern) {
  border-left-color: #428bca;
}
.note.info:not(.modern) h2,
.note.info:not(.modern) h3,
.note.info:not(.modern) h4,
.note.info:not(.modern) h5,
.note.info:not(.modern) h6 {
  color: #428bca;
}
.note.info:not(.no-icon)::before {
  content: '\f05a';
}
.note.info:not(.no-icon):not(.modern)::before {
  color: #428bca;
}
.note.success.flat {
  background: #eff8f0;
}
.note.success.modern {
  border-color: #d0e6be;
  background: #dff0d8;
  color: #3c763d;
}
.note.success.modern a:not(.btn) {
  color: #3c763d;
}
.note.success.modern a:not(.btn):hover {
  color: #32562c;
}
.note.success:not(.modern) {
  border-left-color: #5cb85c;
}
.note.success:not(.modern) h2,
.note.success:not(.modern) h3,
.note.success:not(.modern) h4,
.note.success:not(.modern) h5,
.note.success:not(.modern) h6 {
  color: #5cb85c;
}
.note.success:not(.no-icon)::before {
  content: '\f058';
}
.note.success:not(.no-icon):not(.modern)::before {
  color: #5cb85c;
}
.note.warning.flat {
  background: #fdf8ea;
}
.note.warning.modern {
  border-color: #fae4cd;
  background: #fcf4e3;
  color: #8a6d3b;
}
.note.warning.modern a:not(.btn) {
  color: #8a6d3b;
}
.note.warning.modern a:not(.btn):hover {
  color: #714f30;
}
.note.warning:not(.modern) {
  border-left-color: #f0ad4e;
}
.note.warning:not(.modern) h2,
.note.warning:not(.modern) h3,
.note.warning:not(.modern) h4,
.note.warning:not(.modern) h5,
.note.warning:not(.modern) h6 {
  color: #f0ad4e;
}
.note.warning:not(.no-icon)::before {
  content: '\f06a';
}
.note.warning:not(.no-icon):not(.modern)::before {
  color: #f0ad4e;
}
.note.danger.flat {
  background: #fcf1f2;
}
.note.danger.modern {
  border-color: #ebcdd2;
  background: #f2dfdf;
  color: #a94442;
}
.note.danger.modern a:not(.btn) {
  color: #a94442;
}
.note.danger.modern a:not(.btn):hover {
  color: #84333f;
}
.note.danger:not(.modern) {
  border-left-color: #d9534f;
}
.note.danger:not(.modern) h2,
.note.danger:not(.modern) h3,
.note.danger:not(.modern) h4,
.note.danger:not(.modern) h5,
.note.danger:not(.modern) h6 {
  color: #d9534f;
}
.note.danger:not(.no-icon)::before {
  content: '\f056';
}
.note.danger:not(.no-icon):not(.modern)::before {
  color: #d9534f;
}
@media (min-width: 1200px) {
  .poem {
    margin: 0 auto;
    height: auto;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
  }
  .poem p {
    text-decoration: underline;
    text-decoration-color: rgba(193,11,11,0.72);
    text-decoration-style: dashed;
  }
}
.poem p {
  font-family: 'KaiTi', sans-serif !important;
  font-size: 25px;
  text-align: center;
}
.poem-title {
  font-family: 'KaiTi', sans-serif !important;
  font-size: 2.5em;
  text-align: center;
}
.poem-author {
  text-align: center !important;
  font-family: 'KaiTi', sans-serif !important;
  font-size: 16px;
  color: #424242;
}
.progress {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  font-size: var(--global-font-size);
  background-color: rgba(88,88,88,0.6);
  border-radius: 0.25rem;
  margin: 1rem 0;
  height: 2rem;
  overflow: hidden;
}
.progress p {
  margin: 0 0 0 10px !important;
}
.progress .progress-bar-animated {
  background-color: #a7b5fd !important;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  -moz-animation: progress-bar-stripes 1s linear infinite;
  -o-animation: progress-bar-stripes 1s linear infinite;
  -ms-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}
.progress .progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.progress .progress-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: visible;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  -ms-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress .progress-bar {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
}
.progress .bg-green {
  background-color: #28a745 !important;
}
.progress .bg-yellow {
  background-color: #ffc107 !important;
}
.progress .bg-red {
  background-color: #dc3545 !important;
}
.progress .bg-cyan {
  background-color: #17a2b8 !important;
}
.progress .bg-blue {
  background-color: #0d6efd !important;
}
.progress .bg-gray {
  background-color: #7f838a !important;
}
@-moz-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
@-o-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
:root {
  --referto-text-color: #e9a218;
  --referto-text-hover-color: #2c7fe7;
  --referto-literature-background-color: #318efd;
  --referto-title-background-color: #183153;
  --referto-content-text-color: #f1f1ef;
  --referfrom-text-shadow: rgba(35,35,35,0.5);
  --referfrom-text-color: #f1f1ef;
  --referfrom-text-hover-color: #f2b94b;
  --referfrom-link-color: #403e3b;
  --referfrom-link-hover-color: #235dac;
  --referfrom-background-color: #f1f1ef;
  --reference-anchor-color: #183153;
  --reference-anchor-up-color: #318efd;
}
[data-theme="dark"] {
  --referto-text-color: #f2b94b;
  --referto-text-hover-color: #2c7fe7;
  --referto-literature-background-color: #5c6167;
  --referto-title-background-color: #090a0b;
  --referto-content-text-color: #f1f1ef;
  --referfrom-text-shadow: rgba(35,35,35,0.5);
  --referfrom-text-color: #f1f1ef;
  --referfrom-text-hover-color: #f2b94b;
  --referfrom-link-color: #f1f1ef;
  --referfrom-link-hover-color: #f2b94b;
  --referfrom-background-color: rgba(92,97,103,0.68);
  --reference-anchor-color: #090a0b;
  --reference-anchor-up-color: #183153;
}
.hidden-anchor {
  position: relative;
  top: -150px;
  display: inline-block;
  height: 0;
  overflow: hidden;
}
.reference a {
  display: inline-block;
  color: var(--referto-text-color) !important;
  font-weight: bold;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.reference:hover a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none !important;
  color: var(--referto-text-hover-color) !important;
}
.reference:hover + .reference-bubble .reference-item {
  -webkit-transform: translate(-40px, 10px) rotateX(0deg);
  -moz-transform: translate(-40px, 10px) rotateX(0deg);
  -o-transform: translate(-40px, 10px) rotateX(0deg);
  -ms-transform: translate(-40px, 10px) rotateX(0deg);
  transform: translate(-40px, 10px) rotateX(0deg);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.reference-bubble {
  display: inline-block;
}
.reference-item {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  z-index: 99;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  -webkit-transform: translate(-40px, 10px) rotateX(90deg);
  -moz-transform: translate(-40px, 10px) rotateX(90deg);
  -o-transform: translate(-40px, 10px) rotateX(90deg);
  -ms-transform: translate(-40px, 10px) rotateX(90deg);
  transform: translate(-40px, 10px) rotateX(90deg);
  width: auto;
  height: auto;
  clip-path: polygon(5px 10px, 20px 10px, 30px 0, 40px 10px, calc(100% - 5px) 10px, 100% 15px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 15px, 5px 10px);
}
.reference-literature {
  max-width: 200px;
  padding: 20px 10px 10px 10px;
  background: var(--referto-literature-background-color);
  color: var(--referto-content-text-color) !important;
  word-wrap: break-word;
  word-break: break-all;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.reference-title {
  padding: 20px 10px 10px 10px;
  background: var(--referto-title-background-color);
  color: var(--referto-content-text-color) !important;
  writing-mode: vertical-lr;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.reference-source {
  font-size: 16px;
  height: auto;
  line-height: 26px;
  width: fit-content;
  margin: 5px 0;
  max-width: 90%;
  background: var(--referfrom-background-color);
  -webkit-box-shadow: 1px 1px 1px var(--referfrom-text-shadow);
  box-shadow: 1px 1px 1px var(--referfrom-text-shadow);
  border-radius: 8px;
  padding-right: 10px;
}
.reference-source pangu {
  display: none;
}
a.reference-anchor {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  color: var(--referfrom-text-color) !important;
  background: var(--reference-anchor-color);
  height: 30px;
  display: inline-block;
  width: fit-content;
  padding: 0px 0px 0px 10px;
}
a.reference-anchor:hover {
  color: var(--referfrom-text-hover-color) !important;
  text-decoration: none !important;
}
a.reference-anchor:hover .reference-anchor-up {
  color: var(--referfrom-text-hover-color) !important;
}
a.reference-link {
  color: var(--referfrom-link-color) !important;
  padding: 0px 10px;
}
a.reference-link:hover {
  color: var(--referfrom-link-hover-color) !important;
  text-decoration: none !important;
}
.reference-anchor-up {
  color: var(--referfrom-text-color) !important;
  height: 30px;
  width: 40px;
  padding: 0px 0px 0px 10px;
  background: var(--reference-anchor-up-color);
  display: -webkit-inline-box !important;
  display: -moz-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-box !important;
  display: inline-flex !important;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  clip-path: polygon(0 0, 10px 50%, 0 100%, 100% 100%, 100% 0);
}
.site-card-group {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: -8px;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.site-card {
  margin: 8px;
  width: calc(100% / 4 - 16px);
  display: block;
  line-height: 1.4;
  height: 100%;
}
@media screen and (min-width: 2048px) {
  .site-card {
    width: calc(100% / 5 - 16px);
  }
}
@media screen and (max-width: 768px) {
  .site-card {
    width: calc(100% / 3 - 16px);
  }
}
@media screen and (max-width: 500px) {
  .site-card {
    width: calc(100% / 2 - 16px);
  }
}
.site-card .img {
  width: 100%;
  height: 120px;
  overflow: hidden;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2);
  box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2);
  background: #f6f6f6;
}
@media screen and (max-width: 500px) {
  .site-card .img {
    height: 100px;
  }
}
.site-card .img img {
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-transition: -webkit-transform 2s ease;
  -moz-transition: -moz-transform 2s ease;
  -o-transition: -o-transform 2s ease;
  -ms-transition: -ms-transform 2s ease;
  transition: transform 2s ease;
  object-fit: cover;
}
.site-card .info {
  margin-top: 8px;
}
.site-card .info img {
  width: 32px;
  height: 32px;
  pointer-events: none;
  border-radius: 16px;
  float: left;
  margin-right: 8px;
  margin-top: 2px;
}
.site-card .info span {
  display: block;
}
.site-card .info .title {
  font-weight: 600;
  font-size: var(--global-font-size);
  color: #444;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
  -ms-transition: all 0.28s ease;
  transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -webkit-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
}
.site-card .info .desc {
  font-size: var(--global-font-size);
  word-wrap: break-word;
  line-height: 1.2;
  color: #888;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.site-card .img {
  -webkit-transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
  -ms-transition: all 0.28s ease;
  transition: all 0.28s ease;
  -moz-transition: all 0.28s ease;
  -webkit-transition: all 0.28s ease;
  -o-transition: all 0.28s ease;
}
.site-card:hover .img {
  -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1), 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1);
  box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1), 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1);
}
.site-card:hover .info .title {
  color: #ff5722;
}
p.p.subtitle {
  font-weight: bold;
  color: #44b299;
  font-size: 1.25rem !important;
  padding-top: 1.5rem;
}
p.p.subtitle:first-child {
  padding-top: 1rem;
}
span.p.left,
p.p.left {
  display: block;
  text-align: left;
}
span.p.center,
p.p.center {
  display: block;
  text-align: center;
}
span.p.right,
p.p.right {
  display: block;
  text-align: right;
}
span.p.small,
p.p.small {
  font-size: var(--global-font-size);
}
span.p.large,
p.p.large {
  font-size: 2.5rem;
  line-height: 1.4;
}
span.p.huge,
p.p.huge {
  font-size: 4rem;
  line-height: 1.4;
}
span.p.ultra,
p.p.ultra {
  font-size: 6rem;
  line-height: 1.4;
}
span.p.small,
p.p.small,
span.p.large,
p.p.large,
span.p.huge,
p.p.huge,
span.p.ultra,
p.p.ultra {
  margin: 0;
  padding: 0;
}
span.p.bold,
p.p.bold {
  font-weight: bold;
}
span.p.h1,
p.p.h1,
span.p.h2,
p.p.h2 {
  padding-bottom: 0.2rem;
  font-weight: 500;
}
span.p.h1,
p.p.h1 {
  font-size: 1.625rem;
  color: var(--color-h1);
  padding-top: 2em;
}
span.p.h2,
p.p.h2 {
  font-size: 1.625rem;
  color: var(--color-h2);
  padding-top: 2em;
  border-bottom: 1px solid rgba(68,68,68,0.1);
}
span.p.h3,
p.p.h3 {
  font-size: 1.375rem;
  color: var(--color-h3);
  padding-top: 2em;
}
span.p.h4,
p.p.h4 {
  font-size: 1.125rem;
  color: var(--color-h4);
  padding-top: 2em;
}
span.p.h5,
p.p.h5 {
  font-size: 1rem;
  color: var(--color-h5);
  padding-top: 1.5em;
}
span.p.red,
p.p.red {
  color: #e8453c;
}
span.p.yellow,
p.p.yellow {
  color: #fcec60;
}
span.p.green,
p.p.green {
  color: #3dc550;
}
span.p.cyan,
p.p.cyan {
  color: #1bcdfc;
}
span.p.blue,
p.p.blue {
  color: #2196f3;
}
span.p.purple,
p.p.purple {
  color: #9c27b0;
}
span.p.gray,
p.p.gray {
  color: #999;
}
#article-container .tabs {
  position: relative;
  margin: 0 0 20px;
  border-right: 1px solid var(--tab-border-color);
  border-bottom: 1px solid var(--tab-border-color);
  border-left: 1px solid var(--tab-border-color);
}
#article-container .tabs > .nav-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  background: var(--tab-botton-bg);
}
#article-container .tabs > .nav-tabs > .tab {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 768px) {
  #article-container .tabs > .nav-tabs > .tab {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
#article-container .tabs > .nav-tabs > .tab button {
  display: block;
  padding: 8px 18px;
  width: 100%;
  border-top: 2px solid var(--tab-border-color);
  background: var(--tab-botton-bg);
  color: var(--tab-botton-color);
  line-height: 2;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -ms-transition: all 0.4s;
  transition: all 0.4s;
}
#article-container .tabs > .nav-tabs > .tab button i {
  width: 1.5em;
}
#article-container .tabs > .nav-tabs > .tab.active button {
  border-top: 2px solid #f2563b;
  background: var(--tab-button-active-bg);
  cursor: default;
}
#article-container .tabs > .nav-tabs > .tab:not(.active) button:hover {
  border-top: 2px solid var(--tab-button-hover-bg);
  background: var(--tab-button-hover-bg);
}
#article-container .tabs > .tab-contents .tab-item-content {
  position: relative;
  display: none;
  padding: 36px 24px;
}
@media screen and (max-width: 768px) {
  #article-container .tabs > .tab-contents .tab-item-content {
    padding: 24px 14px;
  }
}
#article-container .tabs > .tab-contents .tab-item-content.active {
  display: block;
  -webkit-animation: tabshow 0.5s;
  -moz-animation: tabshow 0.5s;
  -o-animation: tabshow 0.5s;
  -ms-animation: tabshow 0.5s;
  animation: tabshow 0.5s;
}
#article-container .tabs .tab-to-top {
  position: relative;
  display: block;
  margin: 0 0 0 auto;
  color: #99a9bf;
}
@-moz-keyframes tabshow {
  0% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes tabshow {
  0% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes tabshow {
  0% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes tabshow {
  0% {
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
#article-container .timeline {
  margin: 0 0 20px 10px;
  padding: 14px 20px 5px;
  border-left: 2px solid var(--timeline-color, #f2563b);
}
#article-container .timeline.blue {
  --timeline-color: #428bca;
  --timeline-bg: rgba(66,139,202, 0.2);
}
#article-container .timeline.pink {
  --timeline-color: #ff69b4;
  --timeline-bg: rgba(255,105,180, 0.2);
}
#article-container .timeline.red {
  --timeline-color: #f00;
  --timeline-bg: rgba(255,0,0, 0.2);
}
#article-container .timeline.purple {
  --timeline-color: #6f42c1;
  --timeline-bg: rgba(111,66,193, 0.2);
}
#article-container .timeline.orange {
  --timeline-color: #ff8c00;
  --timeline-bg: rgba(255,140,0, 0.2);
}
#article-container .timeline.green {
  --timeline-color: #5cb85c;
  --timeline-bg: rgba(92,184,92, 0.2);
}
#article-container .timeline .timeline-item {
  margin: 0 0 15px;
}
#article-container .timeline .timeline-item:hover .item-circle:before {
  border-color: var(--timeline-color, #f2563b);
}
#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle > p {
  font-weight: 600;
  font-size: 1.2em;
}
#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle:before {
  left: -28px;
  border: 4px solid var(--timeline-color, #f2563b);
}
#article-container .timeline .timeline-item.headline:hover .item-circle:before {
  border-color: var(--pseudo-hover);
}
#article-container .timeline .timeline-item .timeline-item-title {
  position: relative;
}
#article-container .timeline .timeline-item .item-circle:before {
  position: absolute;
  top: 50%;
  left: -27px;
  width: 6px;
  height: 6px;
  border: 3px solid var(--pseudo-hover);
  border-radius: 50%;
  background: var(--card-bg);
  content: '';
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
#article-container .timeline .timeline-item .item-circle > p {
  margin: 0 0 8px;
  font-weight: 500;
}
#article-container .timeline .timeline-item .timeline-item-content {
  position: relative;
  padding: 12px 15px;
  border-radius: 8px;
  background: var(--timeline-bg, #470e05);
  font-size: 0.93em;
  color: #fff;
}
#article-container .timeline .timeline-item .timeline-item-content > :last-child {
  margin-bottom: 0;
}
#article-container .timeline + .timeline {
  margin-top: -20px;
}
.tip {
  padding: 6px 20px;
  position: relative;
  color: #fff;
  margin-bottom: 20px;
  background: #41363c;
  background: -webkit-gradient(linear, left top, right top, from(#41363c), to(#494648));
  background: -webkit-gradient(linear, left top, right top, from(#41363c), to(#494648));
  background: -webkit-gradient(linear, left top, right top, from(#41363c), to(#494648));
  background: -webkit-gradient(linear, left top, right top, from(#41363c), to(#494648));
  background: -webkit-gradient(linear, left top, right top, from(#41363c), to(#494648));
  background: -webkit--webkit-linear-gradient(left, #41363c, #494648);
  background: -webkit--moz-linear-gradient(left, #41363c, #494648);
  background: -webkit--o-linear-gradient(left, #41363c, #494648);
  background: -webkit--ms-linear-gradient(left, #41363c, #494648);
  background: -webkit-linear-gradient(to right, #41363c, #494648);
  background: -webkit-linear-gradient(0deg, #41363c, #494648);
  background: -moz-linear-gradient(0deg, #41363c, #494648);
  background: -o-linear-gradient(0deg, #41363c, #494648);
  background: -ms-linear-gradient(0deg, #41363c, #494648);
  background: linear-gradient(90deg, #41363c, #494648);
  padding: 6px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 5px rgba(50,50,50,0.5);
  -webkit-box-shadow: 0 3px 5px rgba(50,50,50,0.5);
  box-shadow: 0 3px 5px rgba(50,50,50,0.5);
}
.tip p {
  margin: 0 !important;
  padding: 0.5rem 0;
}
.tip:before {
  background: #41363c;
  background: -webkit-gradient(linear, left bottom, left top, from(#41363c), to(#494648));
  background: -webkit-gradient(linear, left bottom, left top, from(#41363c), to(#494648));
  background: -webkit-gradient(linear, left bottom, left top, from(#41363c), to(#494648));
  background: -webkit-gradient(linear, left bottom, left top, from(#41363c), to(#494648));
  background: -webkit-gradient(linear, left bottom, left top, from(#41363c), to(#494648));
  background: -webkit--webkit-linear-gradient(bottom, #41363c, #494648);
  background: -webkit--moz-linear-gradient(bottom, #41363c, #494648);
  background: -webkit--o-linear-gradient(bottom, #41363c, #494648);
  background: -webkit--ms-linear-gradient(bottom, #41363c, #494648);
  background: -webkit-linear-gradient(to top, #41363c, #494648);
  background: -webkit-linear-gradient(90deg, #41363c, #494648);
  background: -moz-linear-gradient(90deg, #41363c, #494648);
  background: -o-linear-gradient(90deg, #41363c, #494648);
  background: -ms-linear-gradient(90deg, #41363c, #494648);
  background: linear-gradient(0deg, #41363c, #494648);
  text-shadow: 0 -1px #41363c;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  position: absolute;
  width: 24px;
  height: 24px;
  line-height: 24.5px;
  left: -12px;
  top: -12px;
  -webkit-box-shadow: 0 0 0 2.5px #f7f8f9;
  -webkit-box-shadow: 0 0 0 2.5px #f7f8f9;
  box-shadow: 0 0 0 2.5px #f7f8f9;
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  text-align: center;
}
.tip ol {
  margin: 0;
}
.tip.info {
  background: #20a0ff;
  background: -webkit-gradient(linear, left top, right top, from(#20a0ff), to(#20b8ff));
  background: -webkit-gradient(linear, left top, right top, from(#20a0ff), to(#20b8ff));
  background: -webkit-gradient(linear, left top, right top, from(#20a0ff), to(#20b8ff));
  background: -webkit-gradient(linear, left top, right top, from(#20a0ff), to(#20b8ff));
  background: -webkit-gradient(linear, left top, right top, from(#20a0ff), to(#20b8ff));
  background: -webkit--webkit-linear-gradient(left, #20a0ff, #20b8ff);
  background: -webkit--moz-linear-gradient(left, #20a0ff, #20b8ff);
  background: -webkit--o-linear-gradient(left, #20a0ff, #20b8ff);
  background: -webkit--ms-linear-gradient(left, #20a0ff, #20b8ff);
  background: -webkit-linear-gradient(to right, #20a0ff, #20b8ff);
  background: -webkit-linear-gradient(0deg, #20a0ff, #20b8ff);
  background: -moz-linear-gradient(0deg, #20a0ff, #20b8ff);
  background: -o-linear-gradient(0deg, #20a0ff, #20b8ff);
  background: -ms-linear-gradient(0deg, #20a0ff, #20b8ff);
  background: linear-gradient(90deg, #20a0ff, #20b8ff);
  padding: 6px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 5px rgba(32,160,255,0.5);
  -webkit-box-shadow: 0 3px 5px rgba(32,160,255,0.5);
  box-shadow: 0 3px 5px rgba(32,160,255,0.5);
}
.tip.info:before {
  background: #20a0ff;
  background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff));
  background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff));
  background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff));
  background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff));
  background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff));
  background: -webkit--webkit-linear-gradient(bottom, #0092ff, #20b8ff);
  background: -webkit--moz-linear-gradient(bottom, #0092ff, #20b8ff);
  background: -webkit--o-linear-gradient(bottom, #0092ff, #20b8ff);
  background: -webkit--ms-linear-gradient(bottom, #0092ff, #20b8ff);
  background: -webkit-linear-gradient(to top, #0092ff, #20b8ff);
  background: -webkit-linear-gradient(90deg, #0092ff, #20b8ff);
  background: -moz-linear-gradient(90deg, #0092ff, #20b8ff);
  background: -o-linear-gradient(90deg, #0092ff, #20b8ff);
  background: -ms-linear-gradient(90deg, #0092ff, #20b8ff);
  background: linear-gradient(0deg, #0092ff, #20b8ff);
  content: "\f129";
  text-shadow: 0 -1px #20a0ff;
}
.tip.success {
  background: #61be33;
  background: -webkit-gradient(linear, left top, right top, from(#61be33), to(#8fce44));
  background: -webkit-gradient(linear, left top, right top, from(#61be33), to(#8fce44));
  background: -webkit-gradient(linear, left top, right top, from(#61be33), to(#8fce44));
  background: -webkit-gradient(linear, left top, right top, from(#61be33), to(#8fce44));
  background: -webkit-gradient(linear, left top, right top, from(#61be33), to(#8fce44));
  background: -webkit--webkit-linear-gradient(left, #61be33, #8fce44);
  background: -webkit--moz-linear-gradient(left, #61be33, #8fce44);
  background: -webkit--o-linear-gradient(left, #61be33, #8fce44);
  background: -webkit--ms-linear-gradient(left, #61be33, #8fce44);
  background: -webkit-linear-gradient(to right, #61be33, #8fce44);
  background: -webkit-linear-gradient(0deg, #61be33, #8fce44);
  background: -moz-linear-gradient(0deg, #61be33, #8fce44);
  background: -o-linear-gradient(0deg, #61be33, #8fce44);
  background: -ms-linear-gradient(0deg, #61be33, #8fce44);
  background: linear-gradient(90deg, #61be33, #8fce44);
  text-shadow: 0 -1px #61be33;
  -webkit-box-shadow: 0 3px 5px rgba(104,195,59,0.5);
  -webkit-box-shadow: 0 3px 5px rgba(104,195,59,0.5);
  box-shadow: 0 3px 5px rgba(104,195,59,0.5);
}
.tip.success:before {
  background: -webkit-gradient(linear, left bottom, left top, from(#52bb1d), to(#95d34b));
  background: -webkit-gradient(linear, left bottom, left top, from(#52bb1d), to(#95d34b));
  background: -webkit-gradient(linear, left bottom, left top, from(#52bb1d), to(#95d34b));
  background: -webkit-gradient(linear, left bottom, left top, from(#52bb1d), to(#95d34b));
  background: -webkit-gradient(linear, left bottom, left top, from(#52bb1d), to(#95d34b));
  background: -webkit--webkit-linear-gradient(bottom, #52bb1d, #95d34b);
  background: -webkit--moz-linear-gradient(bottom, #52bb1d, #95d34b);
  background: -webkit--o-linear-gradient(bottom, #52bb1d, #95d34b);
  background: -webkit--ms-linear-gradient(bottom, #52bb1d, #95d34b);
  background: -webkit-linear-gradient(to top, #52bb1d, #95d34b);
  background: -webkit-linear-gradient(90deg, #52bb1d, #95d34b);
  background: -moz-linear-gradient(90deg, #52bb1d, #95d34b);
  background: -o-linear-gradient(90deg, #52bb1d, #95d34b);
  background: -ms-linear-gradient(90deg, #52bb1d, #95d34b);
  background: linear-gradient(0deg, #52bb1d, #95d34b);
  content: "\f00c";
  text-shadow: 0 -1px #61be33;
}
.tip.warning {
  background: #ff953f;
  background: -webkit-gradient(linear, left top, right top, from(#ff953f), to(#ffb449));
  background: -webkit-gradient(linear, left top, right top, from(#ff953f), to(#ffb449));
  background: -webkit-gradient(linear, left top, right top, from(#ff953f), to(#ffb449));
  background: -webkit-gradient(linear, left top, right top, from(#ff953f), to(#ffb449));
  background: -webkit-gradient(linear, left top, right top, from(#ff953f), to(#ffb449));
  background: -webkit--webkit-linear-gradient(left, #ff953f, #ffb449);
  background: -webkit--moz-linear-gradient(left, #ff953f, #ffb449);
  background: -webkit--o-linear-gradient(left, #ff953f, #ffb449);
  background: -webkit--ms-linear-gradient(left, #ff953f, #ffb449);
  background: -webkit-linear-gradient(to right, #ff953f, #ffb449);
  background: -webkit-linear-gradient(0deg, #ff953f, #ffb449);
  background: -moz-linear-gradient(0deg, #ff953f, #ffb449);
  background: -o-linear-gradient(0deg, #ff953f, #ffb449);
  background: -ms-linear-gradient(0deg, #ff953f, #ffb449);
  background: linear-gradient(90deg, #ff953f, #ffb449);
  text-shadow: 0 -1px #ff953f;
  -webkit-box-shadow: 0 3px 5px rgba(255,154,73,0.5);
  -webkit-box-shadow: 0 3px 5px rgba(255,154,73,0.5);
  box-shadow: 0 3px 5px rgba(255,154,73,0.5);
}
.tip.warning:before {
  background: -webkit-gradient(linear, left bottom, left top, from(#ff8f35), to(#ffc149));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff8f35), to(#ffc149));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff8f35), to(#ffc149));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff8f35), to(#ffc149));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff8f35), to(#ffc149));
  background: -webkit--webkit-linear-gradient(bottom, #ff8f35, #ffc149);
  background: -webkit--moz-linear-gradient(bottom, #ff8f35, #ffc149);
  background: -webkit--o-linear-gradient(bottom, #ff8f35, #ffc149);
  background: -webkit--ms-linear-gradient(bottom, #ff8f35, #ffc149);
  background: -webkit-linear-gradient(to top, #ff8f35, #ffc149);
  background: -webkit-linear-gradient(90deg, #ff8f35, #ffc149);
  background: -moz-linear-gradient(90deg, #ff8f35, #ffc149);
  background: -o-linear-gradient(90deg, #ff8f35, #ffc149);
  background: -ms-linear-gradient(90deg, #ff8f35, #ffc149);
  background: linear-gradient(0deg, #ff8f35, #ffc149);
  content: "\f12a";
  text-shadow: 0 -1px #ff953f;
}
.tip.error {
  background: #ff4949;
  background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff7849));
  background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff7849));
  background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff7849));
  background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff7849));
  background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff7849));
  background: -webkit--webkit-linear-gradient(left, #ff4949, #ff7849);
  background: -webkit--moz-linear-gradient(left, #ff4949, #ff7849);
  background: -webkit--o-linear-gradient(left, #ff4949, #ff7849);
  background: -webkit--ms-linear-gradient(left, #ff4949, #ff7849);
  background: -webkit-linear-gradient(to right, #ff4949, #ff7849);
  background: -webkit-linear-gradient(0deg, #ff4949, #ff7849);
  background: -moz-linear-gradient(0deg, #ff4949, #ff7849);
  background: -o-linear-gradient(0deg, #ff4949, #ff7849);
  background: -ms-linear-gradient(0deg, #ff4949, #ff7849);
  background: linear-gradient(90deg, #ff4949, #ff7849);
  text-shadow: 0 -1px #ff4949;
  -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5);
  -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5);
  box-shadow: 0 3px 5px rgba(255,73,73,0.5);
}
.tip.error:before {
  background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ff7849));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ff7849));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ff7849));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ff7849));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ff7849));
  background: -webkit--webkit-linear-gradient(bottom, #ff3838, #ff7849);
  background: -webkit--moz-linear-gradient(bottom, #ff3838, #ff7849);
  background: -webkit--o-linear-gradient(bottom, #ff3838, #ff7849);
  background: -webkit--ms-linear-gradient(bottom, #ff3838, #ff7849);
  background: -webkit-linear-gradient(to top, #ff3838, #ff7849);
  background: -webkit-linear-gradient(90deg, #ff3838, #ff7849);
  background: -moz-linear-gradient(90deg, #ff3838, #ff7849);
  background: -o-linear-gradient(90deg, #ff3838, #ff7849);
  background: -ms-linear-gradient(90deg, #ff3838, #ff7849);
  background: linear-gradient(0deg, #ff3838, #ff7849);
  content: "\f00d";
  text-shadow: 0 -1px #ff4949;
}
.tip.bolt {
  background: -webkit-gradient(linear, left bottom, left top, from(#3d8b48), to(#477837));
  background: -webkit-gradient(linear, left bottom, left top, from(#3d8b48), to(#477837));
  background: -webkit-gradient(linear, left bottom, left top, from(#3d8b48), to(#477837));
  background: -webkit-gradient(linear, left bottom, left top, from(#3d8b48), to(#477837));
  background: -webkit-gradient(linear, left bottom, left top, from(#3d8b48), to(#477837));
  background: -webkit--webkit-linear-gradient(bottom, #3c3, #459431);
  background: -webkit--moz-linear-gradient(bottom, #3c3, #459431);
  background: -webkit--o-linear-gradient(bottom, #3c3, #459431);
  background: -webkit--ms-linear-gradient(bottom, #3c3, #459431);
  background: -webkit-linear-gradient(to top, #3c3, #459431);
  background: -webkit-linear-gradient(80deg, #78ca33, #25822c);
  background: -moz-linear-gradient(80deg, #78ca33, #25822c);
  background: -o-linear-gradient(80deg, #78ca33, #25822c);
  background: -ms-linear-gradient(80deg, #78ca33, #25822c);
  background: linear-gradient(530deg, #78ca33, #25822c);
  content: "\f00d";
  text-shadow: 0 -1px #4cf706;
}
.tip.bolt:before {
  background: -webkit-gradient(linear, left bottom, left top, from(#3c0), to(#3c0));
  background: -webkit-gradient(linear, left bottom, left top, from(#3c0), to(#3c0));
  background: -webkit-gradient(linear, left bottom, left top, from(#3c0), to(#3c0));
  background: -webkit-gradient(linear, left bottom, left top, from(#3c0), to(#3c0));
  background: -webkit-gradient(linear, left bottom, left top, from(#3c0), to(#3c0));
  background: -webkit--webkit-linear-gradient(bottom, #3c3, #459431);
  background: -webkit--moz-linear-gradient(bottom, #3c3, #459431);
  background: -webkit--o-linear-gradient(bottom, #3c3, #459431);
  background: -webkit--ms-linear-gradient(bottom, #3c3, #459431);
  background: -webkit-linear-gradient(to top, #3c3, #459431);
  background: -webkit-linear-gradient(326deg, #78ca33, #25822c);
  background: -moz-linear-gradient(326deg, #78ca33, #25822c);
  background: -o-linear-gradient(326deg, #78ca33, #25822c);
  background: -ms-linear-gradient(326deg, #78ca33, #25822c);
  background: linear-gradient(776deg, #78ca33, #25822c);
  content: "\f0e7";
  text-shadow: 0 -1px #4cf706;
}
.tip.ban {
  background: #ff4949;
  background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff3443));
  background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff3443));
  background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff3443));
  background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff3443));
  background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff3443));
  background: -webkit--webkit-linear-gradient(left, #ff4949, #ff1022);
  background: -webkit--moz-linear-gradient(left, #ff4949, #ff1022);
  background: -webkit--o-linear-gradient(left, #ff4949, #ff1022);
  background: -webkit--ms-linear-gradient(left, #ff4949, #ff1022);
  background: -webkit-linear-gradient(to right, #ff4949, #ff1022);
  background: -webkit-linear-gradient(0deg, #ff4949, #f03b49);
  background: -moz-linear-gradient(0deg, #ff4949, #f03b49);
  background: -o-linear-gradient(0deg, #ff4949, #f03b49);
  background: -ms-linear-gradient(0deg, #ff4949, #f03b49);
  background: linear-gradient(90deg, #ff4949, #f03b49);
  text-shadow: 0 -1px #ff4949;
  -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5);
  -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5);
  box-shadow: 0 3px 5px rgba(255,73,73,0.5);
}
.tip.ban:before {
  background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ce4617));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ce4617));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ce4617));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ce4617));
  background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ce4617));
  background: -webkit--webkit-linear-gradient(bottom, #ff3838, #d23e49);
  background: -webkit--moz-linear-gradient(bottom, #ff3838, #d23e49);
  background: -webkit--o-linear-gradient(bottom, #ff3838, #d23e49);
  background: -webkit--ms-linear-gradient(bottom, #ff3838, #d23e49);
  background: -webkit-linear-gradient(to top, #ff3838, #d23e49);
  background: -webkit-linear-gradient(90deg, #ff3838, #ff1022);
  background: -moz-linear-gradient(90deg, #ff3838, #ff1022);
  background: -o-linear-gradient(90deg, #ff3838, #ff1022);
  background: -ms-linear-gradient(90deg, #ff3838, #ff1022);
  background: linear-gradient(0deg, #ff3838, #ff1022);
  content: "\f05e";
  text-shadow: 0 -1px #ff4949;
}
.tip.home {
  background: #15e5ff;
  background: -webkit-gradient(linear, left top, right top, from(#5bc6d4) to(#0ec0ef));
  background: -webkit-gradient(linear, left top, right top, from(#5bc6d4) to(#0ec0ef));
  background: -webkit-gradient(linear, left top, right top, from(#5bc6d4) to(#0ec0ef));
  background: -webkit-gradient(linear, left top, right top, from(#5bc6d4) to(#0ec0ef));
  background: -webkit-gradient(linear, left top, right top, from(#5bc6d4) to(#0ec0ef));
  background: -webkit--webkit-linear-gradient(left, #0ec0ef, #80e0f9);
  background: -webkit--moz-linear-gradient(left, #0ec0ef, #80e0f9);
  background: -webkit--o-linear-gradient(left, #0ec0ef, #80e0f9);
  background: -webkit--ms-linear-gradient(left, #0ec0ef, #80e0f9);
  background: -webkit-linear-gradient(to right, #0ec0ef, #80e0f9);
  background: -webkit-linear-gradient(0deg, #0ec0ef, #80e0f7);
  background: -moz-linear-gradient(0deg, #0ec0ef, #80e0f7);
  background: -o-linear-gradient(0deg, #0ec0ef, #80e0f7);
  background: -ms-linear-gradient(0deg, #0ec0ef, #80e0f7);
  background: linear-gradient(90deg, #0ec0ef, #80e0f7);
  text-shadow: 0 -1px #0ec0ef;
  -webkit-box-shadow: 0 3px 5px #01caff;
  -webkit-box-shadow: 0 3px 5px #01caff;
  box-shadow: 0 3px 5px #01caff;
}
.tip.home:before {
  background: -webkit-gradient(linear, left bottom, left top, form(#0ec0ee) to(#0ee0cc));
  background: -webkit-gradient(linear, left bottom, left top, form(#0ec0ee) to(#0ee0cc));
  background: -webkit-gradient(linear, left bottom, left top, form(#0ec0ee) to(#0ee0cc));
  background: -webkit-gradient(linear, left bottom, left top, form(#0ec0ee) to(#0ee0cc));
  background: -webkit-gradient(linear, left bottom, left top, form(#0ec0ee) to(#0ee0cc));
  background: -webkit--webkit-linear-gradient(bottom, #0ec0ee, #0ec2ee);
  background: -webkit--moz-linear-gradient(bottom, #0ec0ee, #0ec2ee);
  background: -webkit--o-linear-gradient(bottom, #0ec0ee, #0ec2ee);
  background: -webkit--ms-linear-gradient(bottom, #0ec0ee, #0ec2ee);
  background: -webkit-linear-gradient(to top, #0ec0ee, #0ec2ee);
  background: -webkit-linear-gradient(90deg, #0ec0ee, #0ec0ea);
  background: -moz-linear-gradient(90deg, #0ec0ee, #0ec0ea);
  background: -o-linear-gradient(90deg, #0ec0ee, #0ec0ea);
  background: -ms-linear-gradient(90deg, #0ec0ee, #0ec0ea);
  background: linear-gradient(0deg, #0ec0ee, #0ec0ea);
  content: "\f015";
  text-shadow: 0 -1px #0ec0ea;
}
.tip.sync {
  background: #00a9ff;
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#c7eef9));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#c7eef9));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#c7eef9));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#c7eef9));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#c7eef9));
  background: -webkit--webkit-linear-gradient(left, #53cff1, #2e9fbd);
  background: -webkit--moz-linear-gradient(left, #53cff1, #2e9fbd);
  background: -webkit--o-linear-gradient(left, #53cff1, #2e9fbd);
  background: -webkit--ms-linear-gradient(left, #53cff1, #2e9fbd);
  background: -webkit-linear-gradient(to right, #53cff1, #2e9fbd);
  background: -webkit-linear-gradient(220deg, #47c0e0, #2dc342);
  background: -moz-linear-gradient(220deg, #47c0e0, #2dc342);
  background: -o-linear-gradient(220deg, #47c0e0, #2dc342);
  background: -ms-linear-gradient(220deg, #47c0e0, #2dc342);
  background: linear-gradient(230deg, #47c0e0, #2dc342);
  text-shadow: 0 -1px #1bcdfc;
  -webkit-box-shadow: 0 3px 5px #1bcdfc;
  -webkit-box-shadow: 0 3px 5px #20b1ad;
  box-shadow: 0 3px 5px #20b1ad;
}
.tip.sync:before {
  background: -webkit-gradient(linear, left bottom, left top, from(#00c3f7), to(#88d3e6));
  background: -webkit-gradient(linear, left bottom, left top, from(#00c3f7), to(#88d3e6));
  background: -webkit-gradient(linear, left bottom, left top, from(#00c3f7), to(#88d3e6));
  background: -webkit-gradient(linear, left bottom, left top, from(#00c3f7), to(#88d3e6));
  background: -webkit-gradient(linear, left bottom, left top, from(#00c3f7), to(#88d3e6));
  background: -webkit--webkit-linear-gradient(bottom, #83e5ff, #0aa8d2);
  background: -webkit--moz-linear-gradient(bottom, #83e5ff, #0aa8d2);
  background: -webkit--o-linear-gradient(bottom, #83e5ff, #0aa8d2);
  background: -webkit--ms-linear-gradient(bottom, #83e5ff, #0aa8d2);
  background: -webkit-linear-gradient(to top, #83e5ff, #0aa8d2);
  background: -webkit-linear-gradient(180deg, #40c0e2, #3dc550);
  background: -moz-linear-gradient(180deg, #40c0e2, #3dc550);
  background: -o-linear-gradient(180deg, #40c0e2, #3dc550);
  background: -ms-linear-gradient(180deg, #40c0e2, #3dc550);
  background: linear-gradient(270deg, #40c0e2, #3dc550);
  content: "\f021";
  text-shadow: 0 -1px #17cfff;
}
.tip.cogs {
  background: #1502ff;
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit--webkit-linear-gradient(left, #5246e2, #5246e2);
  background: -webkit--moz-linear-gradient(left, #5246e2, #5246e2);
  background: -webkit--o-linear-gradient(left, #5246e2, #5246e2);
  background: -webkit--ms-linear-gradient(left, #5246e2, #5246e2);
  background: -webkit-linear-gradient(to right, #5246e2, #5246e2);
  background: -webkit-linear-gradient(220deg, #40c0e2, #5247e2);
  background: -moz-linear-gradient(220deg, #40c0e2, #5247e2);
  background: -o-linear-gradient(220deg, #40c0e2, #5247e2);
  background: -ms-linear-gradient(220deg, #40c0e2, #5247e2);
  background: linear-gradient(230deg, #40c0e2, #5247e2);
  text-shadow: 0 -1px #8278fd;
  -webkit-box-shadow: 0 3px 5px #4037a7;
  -webkit-box-shadow: 1 3px 5px #5e52ec;
  box-shadow: 1 3px 5px #5e52ec;
}
.tip.cogs:before {
  background: -webkit-gradient(linear, left bottom, left top, from(#3020f3), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#3020f3), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#3020f3), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#3020f3), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#3020f3), to(#b1abf5));
  background: -webkit--webkit-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit--moz-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit--o-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit--ms-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit-linear-gradient(to top, #5246e2, #5246e2);
  background: -webkit-linear-gradient(110deg, #40c0e2, #5246e2);
  background: -moz-linear-gradient(110deg, #40c0e2, #5246e2);
  background: -o-linear-gradient(110deg, #40c0e2, #5246e2);
  background: -ms-linear-gradient(110deg, #40c0e2, #5246e2);
  background: linear-gradient(560deg, #40c0e2, #5246e2);
  content: "\f085";
  text-shadow: 0 -1px #098cf5;
}
.tip.key {
  background: #25c33b;
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit--webkit-linear-gradient(left, #648798, #90a4ae);
  background: -webkit--moz-linear-gradient(left, #648798, #90a4ae);
  background: -webkit--o-linear-gradient(left, #648798, #90a4ae);
  background: -webkit--ms-linear-gradient(left, #648798, #90a4ae);
  background: -webkit-linear-gradient(to right, #648798, #90a4ae);
  background: -webkit-linear-gradient(220deg, #90a4ae, #b7a7a7);
  background: -moz-linear-gradient(220deg, #90a4ae, #b7a7a7);
  background: -o-linear-gradient(220deg, #90a4ae, #b7a7a7);
  background: -ms-linear-gradient(220deg, #90a4ae, #b7a7a7);
  background: linear-gradient(230deg, #90a4ae, #b7a7a7);
  text-shadow: 0 -1px #c1c0d4;
  -webkit-box-shadow: 0 3px 5px #d3d2de;
  -webkit-box-shadow: 1 3px 5px #d5d4de;
  box-shadow: 1 3px 5px #d5d4de;
}
.tip.key:before {
  background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
  background: -webkit--webkit-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit--moz-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit--o-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit--ms-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit-linear-gradient(to top, #5246e2, #5246e2);
  background: -webkit-linear-gradient(110deg, #bccdd2, #cfced4);
  background: -moz-linear-gradient(110deg, #bccdd2, #cfced4);
  background: -o-linear-gradient(110deg, #bccdd2, #cfced4);
  background: -ms-linear-gradient(110deg, #bccdd2, #cfced4);
  background: linear-gradient(560deg, #bccdd2, #cfced4);
  content: "\f084";
  text-shadow: 0 -1px #a9b2b9;
}
.tip.bell {
  background: #25c33b;
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
  background: -webkit--webkit-linear-gradient(left, #648798, #90a4ae);
  background: -webkit--moz-linear-gradient(left, #648798, #90a4ae);
  background: -webkit--o-linear-gradient(left, #648798, #90a4ae);
  background: -webkit--ms-linear-gradient(left, #648798, #90a4ae);
  background: -webkit-linear-gradient(to right, #648798, #90a4ae);
  background: -webkit-linear-gradient(220deg, #ffaa0d, #deb455);
  background: -moz-linear-gradient(220deg, #ffaa0d, #deb455);
  background: -o-linear-gradient(220deg, #ffaa0d, #deb455);
  background: -ms-linear-gradient(220deg, #ffaa0d, #deb455);
  background: linear-gradient(230deg, #ffaa0d, #deb455);
  text-shadow: 0 -1px #c1c0d4;
  -webkit-box-shadow: 0 3px 5px #d3d2de;
  -webkit-box-shadow: 1 3px 5px #d5d4de;
  box-shadow: 1 3px 5px #d5d4de;
}
.tip.bell:before {
  background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
  background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
  background: -webkit--webkit-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit--moz-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit--o-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit--ms-linear-gradient(bottom, #5246e2, #5246e2);
  background: -webkit-linear-gradient(to top, #5246e2, #5246e2);
  background: -webkit-linear-gradient(110deg, #f9ae07, #ffb615);
  background: -moz-linear-gradient(110deg, #f9ae07, #ffb615);
  background: -o-linear-gradient(110deg, #f9ae07, #ffb615);
  background: -ms-linear-gradient(110deg, #f9ae07, #ffb615);
  background: linear-gradient(560deg, #f9ae07, #ffb615);
  content: "\f0f3";
  text-shadow: 0 -1px #ffb81b;
}
[data-theme="dark"] .tip {
  filter: brightness(0.7);
}
#article-container .tip a {
  color: #e6eaed;
}
p.typing {
  font: bold 200% Consolas, Monaco, monospace;
  border-right: 0.1em solid;
  width: 26ch;
  margin: 2em 1em;
  white-space: nowrap;
  overflow: hidden;
  -webkit-animation: typing 3s steps(26, end), cursor-blink 0.3s step-end infinite alternate;
  -moz-animation: typing 3s steps(26, end), cursor-blink 0.3s step-end infinite alternate;
  -o-animation: typing 3s steps(26, end), cursor-blink 0.3s step-end infinite alternate;
  -ms-animation: typing 3s steps(26, end), cursor-blink 0.3s step-end infinite alternate;
  animation: typing 3s steps(26, end), cursor-blink 0.3s step-end infinite alternate;
}
@-moz-keyframes typing {
  from {
    width: 0;
  }
}
@-webkit-keyframes typing {
  from {
    width: 0;
  }
}
@-o-keyframes typing {
  from {
    width: 0;
  }
}
@keyframes typing {
  from {
    width: 0;
  }
}
@-moz-keyframes cursor-blink {
  50% {
    border-color: transparent;
  }
}
@-webkit-keyframes cursor-blink {
  50% {
    border-color: transparent;
  }
}
@-o-keyframes cursor-blink {
  50% {
    border-color: transparent;
  }
}
@keyframes cursor-blink {
  50% {
    border-color: transparent;
  }
}
[data-theme='dark'] {
  --global-bg: #0d0d0d;
  --font-color: rgba(255,255,255,0.7);
  --hr-border: rgba(255,255,255,0.4);
  --hr-before-color: rgba(255,255,255,0.7);
  --search-bg: #121212;
  --search-input-color: rgba(255,255,255,0.7);
  --search-result-title: rgba(255,255,255,0.9);
  --preloader-bg: #0d0d0d;
  --preloader-color: rgba(255,255,255,0.7);
  --tab-border-color: #2c2c2c;
  --tab-botton-bg: #2c2c2c;
  --tab-botton-color: rgba(255,255,255,0.7);
  --tab-button-hover-bg: #383838;
  --tab-button-active-bg: #121212;
  --card-bg: #121212;
  --sidebar-bg: #121212;
  --btn-hover-color: #787878;
  --btn-color: rgba(255,255,255,0.7);
  --btn-bg: #1f1f1f;
  --text-bg-hover: #383838;
  --light-grey: rgba(255,255,255,0.7);
  --dark-grey: rgba(255,255,255,0.2);
  --white: rgba(255,255,255,0.9);
  --text-highlight-color: rgba(255,255,255,0.9);
  --blockquote-color: rgba(255,255,255,0.7);
  --blockquote-bg: #2c2c2c;
  --reward-pop: #2c2c2c;
  --toc-link-color: rgba(255,255,255,0.6);
  --hl-color: rgba(255,255,255,0.7);
  --hl-bg: #171717;
  --hltools-bg: #1a1a1a;
  --hltools-color: #90a4ae;
  --hlnumber-bg: #171717;
  --hlnumber-color: rgba(255,255,255,0.4);
  --hlscrollbar-bg: #1f1f1f;
  --hlexpand-bg: linear-gradient(180deg, rgba(23,23,23,0.6), rgba(23,23,23,0.9));
  --scrollbar-color: #1f1f1f;
  --timeline-bg: #1f1f1f;
}
[data-theme='dark'] #article-container code {
  background: #2c2c2c;
}
[data-theme='dark'] #article-container pre > code {
  background: #171717;
}
[data-theme='dark'] #article-container figure.highlight {
  -webkit-box-shadow: none;
  box-shadow: none;
}
[data-theme='dark'] #article-container .note code {
  background: rgba(30,30,30,0.05);
}
[data-theme='dark'] #article-container .aplayer {
  filter: brightness(0.8);
}
[data-theme='dark'] #page-header.nav-fixed > #nav,
[data-theme='dark'] #page-header.not-top-img > #nav {
  background: rgba(18,18,18,0.8);
  -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,0);
  box-shadow: 0 5px 6px -5px rgba(133,133,133,0);
}
[data-theme='dark'] #post-comment #comment-switch {
  background: #2c2c2c !important;
}
[data-theme='dark'] #post-comment #comment-switch .switch-btn {
  filter: brightness(0.8);
}
[data-theme='dark'] .note {
  filter: brightness(0.8);
}
[data-theme='dark'] .hide-button,
[data-theme='dark'] .btn-beautify,
[data-theme='dark'] .hl-label,
[data-theme='dark'] .post-outdate-notice,
[data-theme='dark'] .error-img,
[data-theme='dark'] #article-container iframe,
[data-theme='dark'] .gist,
[data-theme='dark'] .ads-wrap {
  filter: brightness(0.8);
}
[data-theme='dark'] img {
  filter: blur(0) brightness(0.8);
}
[data-theme='dark'] #aside-content .aside-list > .aside-list-item:not(:last-child) {
  border-bottom: 1px dashed rgba(255,255,255,0.1);
}
[data-theme='dark'] #gitalk-container {
  filter: brightness(0.8);
}
[data-theme='dark'] #gitalk-container svg {
  fill: rgba(255,255,255,0.9) !important;
}
[data-theme='dark'] #disqusjs #dsqjs:hover,
[data-theme='dark'] #disqusjs #dsqjs:focus,
[data-theme='dark'] #disqusjs #dsqjs .dsqjs-tab-active,
[data-theme='dark'] #disqusjs #dsqjs .dsqjs-no-comment {
  color: rgba(255,255,255,0.7);
}
[data-theme='dark'] #disqusjs #dsqjs .dsqjs-order-label {
  background-color: #1f1f1f;
}
[data-theme='dark'] #disqusjs #dsqjs .dsqjs-post-body {
  color: rgba(255,255,255,0.7);
}
[data-theme='dark'] #disqusjs #dsqjs .dsqjs-post-body code,
[data-theme='dark'] #disqusjs #dsqjs .dsqjs-post-body pre {
  background: #2c2c2c;
}
[data-theme='dark'] #disqusjs #dsqjs .dsqjs-post-body blockquote {
  color: rgba(255,255,255,0.7);
}
[data-theme='dark'] #artitalk_main #lazy {
  background: #121212;
}
[data-theme='dark'] #operare_artitalk .c2 {
  background: #121212;
}
@media screen and (max-width: 900px) {
  [data-theme='dark'] #card-toc {
    background: #1f1f1f;
  }
}
.read-mode {
  --font-color: #4c4948;
  --readmode-light-color: #fff;
  --white: #4c4948;
  --light-grey: #4c4948;
  --gray: #d6dbdf;
  --hr-border: #d6dbdf;
  --hr-before-color: #b9c2c9;
  --highlight-bg: #f7f7f7;
  --exit-btn-bg: #c0c0c0;
  --exit-btn-color: #fff;
  --exit-btn-hover: #8d8d8d;
  --pseudo-hover: none;
}
[data-theme='dark'] .read-mode {
  --font-color: rgba(255,255,255,0.7);
  --readmode-light-color: #0d0d0d;
  --white: rgba(255,255,255,0.9);
  --light-grey: rgba(255,255,255,0.7);
  --gray: rgba(255,255,255,0.7);
  --hr-border: rgba(255,255,255,0.5);
  --hr-before-color: rgba(255,255,255,0.7);
  --highlight-bg: #171717;
  --exit-btn-bg: #1f1f1f;
  --exit-btn-color: rgba(255,255,255,0.9);
  --exit-btn-hover: #525252;
}
.read-mode {
  background: var(--readmode-light-color);
}
.read-mode .exit-readmode {
  position: fixed;
  top: 30px;
  right: 30px;
  z-index: 100;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--exit-btn-bg);
  color: var(--exit-btn-color);
  font-size: 16px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  -ms-transition: background 0.3s;
  transition: background 0.3s;
}
@media screen and (max-width: 768px) {
  .read-mode .exit-readmode {
    top: initial;
    bottom: 30px;
  }
}
.read-mode .exit-readmode:hover {
  background: var(--exit-btn-hover);
}
.read-mode #aside-content {
  display: none;
}
.read-mode #page-header.post-bg {
  background-color: transparent;
  background-image: none !important;
}
.read-mode #page-header.post-bg:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.read-mode #page-header.post-bg > #post-info {
  text-align: center;
}
.read-mode #post {
  margin: 0 auto;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.read-mode #post:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.read-mode > canvas {
  display: none !important;
}
.read-mode .highlight-tools,
.read-mode #footer,
.read-mode #post > *:not(#post-info):not(.post-content),
.read-mode #nav,
.read-mode .post-outdate-notice,
.read-mode #web-bg,
.read-mode #rightside,
.read-mode .not-top-img {
  display: none !important;
}
.read-mode #article-container a {
  color: #99a9bf;
}
.read-mode #article-container pre,
.read-mode #article-container .highlight:not(.js-file-line-container) {
  background: var(--highlight-bg) !important;
}
.read-mode #article-container pre *,
.read-mode #article-container .highlight:not(.js-file-line-container) * {
  color: var(--font-color) !important;
}
.read-mode #article-container figure.highlight {
  border-radius: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.read-mode #article-container figure.highlight > :not(.highlight-tools) {
  display: block !important;
}
.read-mode #article-container figure.highlight .line:before {
  color: var(--font-color) !important;
}
.read-mode #article-container figure.highlight .hljs {
  background: var(-highlight-bg) !important;
}
.read-mode #article-container h1,
.read-mode #article-container h2,
.read-mode #article-container h3,
.read-mode #article-container h4,
.read-mode #article-container h5,
.read-mode #article-container h6 {
  padding: 0;
}
.read-mode #article-container h1:before,
.read-mode #article-container h2:before,
.read-mode #article-container h3:before,
.read-mode #article-container h4:before,
.read-mode #article-container h5:before,
.read-mode #article-container h6:before {
  content: '';
}
.read-mode #article-container h1:hover,
.read-mode #article-container h2:hover,
.read-mode #article-container h3:hover,
.read-mode #article-container h4:hover,
.read-mode #article-container h5:hover,
.read-mode #article-container h6:hover {
  padding: 0;
}
.read-mode #article-container ul:hover:before,
.read-mode #article-container li:hover:before,
.read-mode #article-container ol:hover:before {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
.read-mode #article-container ol:before,
.read-mode #article-container li:before {
  background: transparent !important;
  color: var(--font-color) !important;
}
.read-mode #article-container ul >li:before {
  border-color: var(--gray) !important;
}
.read-mode #article-container .tabs {
  border: 2px solid var(--tab-border-color);
}
.read-mode #article-container .tabs > .nav-tabs {
  background: transparent;
}
.read-mode #article-container .tabs > .nav-tabs > .tab {
  border-bottom: 0;
}
.read-mode #article-container .tabs > .nav-tabs > .tab button {
  border-top: none !important;
  background: transparent;
}
.read-mode #article-container .tabs > .nav-tabs > .tab button:hover {
  background: none !important;
}
.read-mode #article-container .tabs > .nav-tabs > .tab.active button {
  text-decoration: underline;
}
.read-mode #article-container .tabs > .tab-contents .tab-item-content.active {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  -ms-animation: none;
  animation: none;
}
.read-mode #article-container code {
  color: var(--font-color);
}
.read-mode #article-container blockquote {
  border-color: var(--gray);
  background-color: var(--readmode-light-color);
}
.read-mode #article-container kbd {
  border: 1px solid var(--gray);
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--font-color);
}
.read-mode #article-container .hide-toggle {
  border: 1px solid var(--gray) !important;
}
.read-mode #article-container .hide-button,
.read-mode #article-container .btn-beautify,
.read-mode #article-container .hl-label {
  border: 1px solid var(--gray) !important;
  background: var(--readmode-light-color) !important;
  color: var(--font-color) !important;
}
.read-mode #article-container .note {
  border: 2px solid var(--gray);
  border-left-color: var(--gray) !important;
  filter: none;
  background-color: var(--readmode-light-color) !important;
  color: var(--font-color);
}
.read-mode #article-container .note:before,
.read-mode #article-container .note .note-icon {
  color: var(--font-color);
}
.search-dialog {
  position: fixed;
  top: 10%;
  left: 50%;
  z-index: 1001;
  display: none;
  margin-left: -300px;
  padding: 20px;
  width: 600px;
  border-radius: 8px;
  background: var(--search-bg);
}
@media screen and (max-width: 768px) {
  .search-dialog {
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
.search-dialog hr {
  margin: 20px auto;
}
.search-dialog .search-nav {
  margin: 0 0 14px;
  color: #f2563b;
  font-size: 1.4em;
  line-height: 1;
}
.search-dialog .search-nav .search-dialog-title {
  margin-right: 10px;
}
.search-dialog .search-nav .search-close-button {
  float: right;
  color: #858585;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.search-dialog .search-nav .search-close-button:hover {
  color: #f2563b;
}
#search-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: none;
  background: rgba(0,0,0,0.6);
}
#algolia-search hr {
  display: none;
}
#algolia-search .search-nav {
  height: 40px;
  margin: 0;
}
#algolia-search .search-dialog {
  background: var(--ark-container-background);
  color: #fff;
  backdrop-filter: blur(3px);
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  transform: translateZ(0px);
}
@media screen and (max-width: 768px) {
  #algolia-search .search-dialog {
    border: none;
    border-radius: 0;
  }
}
#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form {
  height: 35px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form input {
  padding: 0 14px;
  height: 100%;
  width: calc(100% - 50px);
  outline: none;
  border: 2px solid #f2563b;
  border-right: 0;
  border-radius: 40px 0 0 40px;
  background: transparent;
  color: var(--search-input-color);
}
#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form button.ais-SearchBox-submit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 100%;
  width: 50px;
  border: 2px solid #f2563b;
  border-left: 0;
  border-radius: 0 40px 40px 0;
}
#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form button.ais-SearchBox-submit svg {
  width: 50%;
  height: 50%;
}
#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form button.ais-SearchBox-submit svg path {
  fill: var(--search-input-color);
}
#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form button.ais-SearchBox-submit:hover svg path {
  fill: #49b1f5;
}
#algolia-search .search-dialog .ais-SearchBox .ais-SearchBox-form span.ais-SearchBox-loadingIndicator {
  position: absolute;
  left: 50%;
  top: 93px;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -o-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
#algolia-search .search-dialog .ais-Hits-list {
  margin: 0;
  padding: 0;
}
#algolia-search .search-dialog .ais-Hits-list a {
  color: var(--search-result-title);
  font-weight: bold;
}
#algolia-search .search-dialog .ais-Hits-list a:hover {
  color: #f2563b;
}
#algolia-search .search-dialog .ais-Hits-list mark {
  background: transparent;
  color: #f47466;
  font-weight: bold;
}
#algolia-search .search-dialog .algolia-hit-item-content {
  margin: 0 0 5px;
  word-break: break-all;
}
#algolia-search .search-dialog .ais-Pagination {
  margin: 10px 0;
  height: 35px;
  padding: 0;
  text-align: center;
}
#algolia-search .search-dialog .ais-Pagination .ais-Pagination-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item {
  display: inline;
  margin: 0 4px;
  padding: 0;
}
#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item .ais-Pagination-link {
  display: inline-block;
  min-width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
}
#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item--selected a {
  background: #49b1f5;
  color: #eee;
  cursor: default;
  border-radius: 5px;
}
#algolia-search .search-dialog .ais-Pagination .ais-Pagination-item--disabled {
  visibility: hidden;
}
#algolia-search .search-dialog .algolia-logo {
  padding-top: 2px;
  width: 80px;
  height: 30px;
}
#algolia-search .search-dialog #algolia-hits > div {
  overflow-y: scroll;
}
@media screen and (min-width: 768px) {
  #algolia-search .search-dialog #algolia-hits > div {
    max-height: calc(80vh - 240px);
  }
}
@media screen and (max-width: 768px) {
  #algolia-search .search-dialog #algolia-hits > div {
    max-height: calc(100vh - 260px);
  }
}
#algolia-search .search-dialog #algolia-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: 30px;
}
#algolia-search .search-dialog #algolia-info .algolia-stats {
  font-size: 14px;
}
#algolia-search .search-dialog #algolia-info .algolia-poweredBy .ais-PoweredBy a {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#algolia-search .search-dialog #algolia-info .ais-PoweredBy-logo path:first-child {
  display: none;
}
#algolia-search .search-dialog #algolia-info .ais-PoweredBy-logo path:nth-child(2),
#algolia-search .search-dialog #algolia-info .ais-PoweredBy-logo path:nth-child(4) {
  fill: #49b1f5;
}
@media screen and (max-width: 768px) {
  .apple #algolia-search #algolia-hits > div {
    height: calc(90vh - 260px);
  }
}
@media screen and (max-width: 450px) {
  .business-center {
    display: none !important;
  }
}
.business-center {
  position: relative;
  margin: 20px auto;
  display: block;
  left: calc(50% - 200px);
}
.business-card {
  width: 400px;
  height: 250px;
}
.business-flip {
  width: inherit;
  height: inherit;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -ms-transition: 0.7s;
  transition: 0.7s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-animation: business-flip 2.5s ease;
  -moz-animation: business-flip 2.5s ease;
  -o-animation: business-flip 2.5s ease;
  -ms-animation: business-flip 2.5s ease;
  animation: business-flip 2.5s ease;
}
.business-front,
.business-back {
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: 15px;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3);
  box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  background-image: -webkit-linear-gradient(left, #111, #555);
  background-image: -moz-linear-gradient(left, #111, #555);
  background-image: -o-linear-gradient(left, #111, #555);
  background-image: -ms-linear-gradient(left, #111, #555);
  background-image: linear-gradient(to right, #111, #555);
  overflow: hidden;
}
.business-front {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.business-strip-bottom,
.business-strip-top {
  position: absolute;
  right: 0;
  height: inherit;
  background-image: -webkit-linear-gradient(top, #ff6767, #ff4545);
  background-image: -moz-linear-gradient(top, #ff6767, #ff4545);
  background-image: -o-linear-gradient(top, #ff6767, #ff4545);
  background-image: -ms-linear-gradient(top, #ff6767, #ff4545);
  background-image: linear-gradient(to bottom, #ff6767, #ff4545);
  -webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
  box-shadow: 0 0 10px 0px rgba(0,0,0,0.5);
}
.business-strip-bottom {
  width: 200px;
  -webkit-transform: skewX(-15deg) translateX(50px);
  -moz-transform: skewX(-15deg) translateX(50px);
  -o-transform: skewX(-15deg) translateX(50px);
  -ms-transform: skewX(-15deg) translateX(50px);
  transform: skewX(-15deg) translateX(50px);
}
.business-strip-top {
  width: 180px;
  -webkit-transform: skewX(20deg) translateX(50px);
  -moz-transform: skewX(20deg) translateX(50px);
  -o-transform: skewX(20deg) translateX(50px);
  -ms-transform: skewX(20deg) translateX(50px);
  transform: skewX(20deg) translateX(50px);
}
.business-logo {
  position: absolute;
  top: 30px;
  right: 25px;
}
.business-Invitation {
  position: relative;
  top: 20px;
  left: 25px;
  text-transform: uppercase;
}
.business-chip {
  position: relative;
  top: 30px;
  left: 25px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 50px;
  height: 40px;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(top right, #ffecc7, #d0b978);
  background-image: -moz-linear-gradient(top right, #ffecc7, #d0b978);
  background-image: -o-linear-gradient(top right, #ffecc7, #d0b978);
  background-image: -ms-linear-gradient(top right, #ffecc7, #d0b978);
  background-image: linear-gradient(to bottom left, #ffecc7, #d0b978);
  overflow: hidden;
}
.business-chip .business-chip-line {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #333;
}
.business-chip .business-chip-line:nth-child(1) {
  top: 13px;
}
.business-chip .business-chip-line:nth-child(2) {
  top: 20px;
}
.business-chip .business-chip-line:nth-child(3) {
  top: 28px;
}
.business-chip .business-chip-line:nth-child(4) {
  left: 25px;
  width: 1px;
  height: 50px;
}
.business-chip .business-chip-main {
  width: 20px;
  height: 25px;
  border: 1px solid #333;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top right, #efdbab, #e1cb94);
  background-image: -moz-linear-gradient(top right, #efdbab, #e1cb94);
  background-image: -o-linear-gradient(top right, #efdbab, #e1cb94);
  background-image: -ms-linear-gradient(top right, #efdbab, #e1cb94);
  background-image: linear-gradient(to bottom left, #efdbab, #e1cb94);
  z-index: 1;
}
.business-wave {
  position: relative;
  top: -10px;
  left: 100px;
}
.business-card-number {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0px 25px 0px;
  font-size: 23px;
  font-family: 'cc font', monospace;
}
.business-end {
  margin-left: 25px;
  text-transform: uppercase;
  font-family: 'cc font', monospace;
}
.business-end .business-end-text {
  font-size: 9px;
  color: rgba(255,255,255,0.8);
}
.business-card-holder {
  margin: 5px 25px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'cc font', monospace;
}
.business-master {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.business-master .business-circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.business-master .business-master-red {
  background-color: #eb001b;
}
.business-master .business-master-yellow {
  margin-left: -10px;
  background-color: rgba(255,209,0,0.7);
}
.business-card {
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
}
.business-card:hover .business-flip {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.business-back {
  -webkit-transform: rotateY(180deg) translateZ(0);
  -moz-transform: rotateY(180deg) translateZ(0);
  -o-transform: rotateY(180deg) translateZ(0);
  -ms-transform: rotateY(180deg) translateZ(0);
  transform: rotateY(180deg) translateZ(0);
  background: #9e9e9e;
}
.business-back .business-strip-black {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  height: 50px;
  background: #000;
}
.business-back .business-ccv {
  position: absolute;
  top: 110px;
  left: 0;
  right: 0;
  height: 36px;
  width: 90%;
  padding: 10px;
  margin: 0 auto;
  border-radius: 5px;
  text-align: right;
  letter-spacing: 1px;
  color: #000;
  background: #fff;
}
.business-back .business-ccv label {
  display: block;
  margin: -30px 0 5px;
  font-size: 10px;
  text-transform: uppercase;
  color: #fff;
}
.business-back .business-ccv div {
  position: relative;
  top: -5px;
}
.business-back .business-terms {
  position: absolute;
  top: 130px;
  padding: 20px;
  font-size: 10px;
  text-align: justify;
}
@font-face {
  font-family: 'cc font';
  src: url("data:application/font-woff2;charset=utf-8;base64,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") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@-moz-keyframes business-flip {
  0%, 100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@-webkit-keyframes business-flip {
  0%, 100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@-o-keyframes business-flip {
  0%, 100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@keyframes business-flip {
  0%, 100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  50% {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
:root {
  --card-friend-class-desc-bgcolor: #111;
  --card-friend-name-color: #fff;
  --card-friend-item-hover: #222;
  --card-friend-descr-color: #797979;
}
[data-theme="dark"] {
  --card-friend-class-desc-bgcolor: #111;
  --card-friend-name-color: #fff;
  --card-friend-item-hover: #222;
  --card-friend-descr-color: #797979;
}
#aside-content .card-widget.card-friend-link {
  padding: 20px 0px;
}
.card-widget.card-friend-link .card-friend-link-container {
  max-height: 460px;
  overflow: scroll;
}
.card-widget.card-friend-link .card-friend-link-container::-webkit-scrollbar {
  display: none;
}
.card-widget.card-friend-link summary.card-friend-class-desc {
  padding: 0px 15px;
  color: var(--card-friend-name-color);
}
.card-widget.card-friend-link details.card-friend-class-name[open] summary.card-friend-class-desc {
  position: sticky;
  top: 0px;
  background: var(--card-friend-class-desc-bgcolor);
  z-index: 1;
}
.card-widget.card-friend-link a.card-friend-item {
  padding: 0px 15px;
  height: 60px;
  width: auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.card-widget.card-friend-link a.card-friend-item:hover {
  background-color: var(--card-friend-item-hover);
}
.card-widget.card-friend-link img.card-friend-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 10px 10px;
}
.card-widget.card-friend-link .offline-friend-link img.card-friend-avatar {
  filter: grayscale(100%);
}
.card-widget.card-friend-link .card-friend-details {
  width: auto;
  height: 60px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.card-widget.card-friend-link .card-friend-name {
  color: var(--card-friend-name-color);
}
.card-widget.card-friend-link .card-friend-descr {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 12em;
  color: var(--card-friend-descr-color);
}
:root {
  --cursor-arrow: url("/img/cur/arrow.cur");
  --cursor-backrunning: url("/img/cur/backrunning.cur");
  --cursor-ban: url("/img/cur/ban.cur");
  --cursor-busy: url("/img/cur/busy.cur");
  --cursor-handwriting: url("/img/cur/handwriting.cur");
  --cursor-help: url("/img/cur/help.cur");
  --cursor-link: url("/img/cur/link.cur");
  --cursor-move: url("/img/cur/move.cur");
  --cursor-input: url("/img/cur/input.cur");
}
body *,
html * {
  cursor: var(--cursor-arrow), auto;
}
img {
  cursor: var(--cursor-handwriting), auto !important;
}
a:hover {
  cursor: var(--cursor-link), auto;
}
input:hover {
  cursor: var(--cursor-input), auto;
}
article p:hover,
article li:hover,
article span:hover,
article h1:hover,
article h2:hover,
article h3:hover,
article h4:hover,
article h5:hover,
article h6:hover {
  cursor: var(--cursor-input), auto;
}
summary:hover {
  cursor: var(--cursor-help), auto !important;
}
button:hover {
  cursor: var(--cursor-backrunning), auto;
}
i:hover {
  cursor: var(--cursor-arrow), auto;
}
#footer-wrap a:hover {
  cursor: var(--cursor-link), auto;
}
#pagination .page-number:hover {
  cursor: var(--cursor-link), auto;
}
#nav .site-page:hover {
  cursor: var(--cursor-link), auto;
}
:root {
  --title-day-display: initial;
  --title-night-display: none;
}
[data-theme="dark"] {
  --title-day-display: none;
  --title-night-display: initial;
}
@media screen and (max-width: 768px) {
  #page-header #site-info #site-title img {
    max-width: 350px;
  }
}
#page-header #site-info #site-title img {
  height: auto;
  width: 100%;
  max-width: 550px;
}
#page-header #site-info #site-title img.site-title-day {
  display: var(--title-day-display);
}
#page-header #site-info #site-title img.site-title-night {
  display: var(--title-night-display);
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  border-radius: 8px;
  cursor: pointer;
  background-color: var(--ark-post-item-border);
}
*::-webkit-scrollbar-thumb:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  display: block !important;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
*::-webkit-scrollbar-corner {
  background-color: transparent;
}
*::-webkit-scrollbar-track {
  background-color: transparent;
}
* ::-moz-selection {
  color: #fff;
  background-color: var(--ark-post-item-border);
}
html {
  overflow-y: overlay;
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
  left: -66px !important;
}
.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
  left: 0px !important;
}
figure.highlight pre .deletion {
  color: #f00 !important;
}
figure.highlight pre .addition {
  color: #00bf03 !important;
}
input.card-widget-visible[type="radio"] {
  display: none;
}
input.card-widget-visible[type="radio"]:checked + div.card-widget {
  visibility: visible !important;
  display: block !important;
  position: fixed !important;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  margin-bottom: auto !important;
  margin-top: auto !important;
  max-width: 300px;
  max-height: 500px;
  width: auto;
  height: fit-content;
  z-index: 22;
  -webkit-animation: cardVisible 0.3s linear forwards !important;
  -moz-animation: cardVisible 0.3s linear forwards !important;
  -o-animation: cardVisible 0.3s linear forwards !important;
  -ms-animation: cardVisible 0.3s linear forwards !important;
  animation: cardVisible 0.3s linear forwards !important;
}
input.card-widget-visible[type="radio"]:checked + div.card-widget > div {
  max-height: 460px;
  overflow: scroll;
}
input.card-widget-visible[type="radio"]:checked + div.card-widget > div::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 900px) {
  #fixed-cardwidget-dashboard {
    display: none;
  }
  label.quit-visible {
    display: none;
  }
}
@media screen and (max-width: 900px) {
  #fixed-cardwidget-dashboard {
    position: fixed;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    background: transparent;
    left: 0;
    top: 40%;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 5px 50px 10px 0px;
    z-index: 21;
  }
  #fixed-cardwidget-dashboard * {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  #fixed-cardwidget-dashboard:hover label.fixed-cardwidget-hover-button,
  #fixed-cardwidget-dashboard input#dashboard-anchor:checked ~ .fixed-cardwidget-hover-button {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    border: 10px solid rgba(255,255,255,0.2);
    background: rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 0 2px inset rgba(0,0,0,0.8);
    box-shadow: 0 0 2px inset rgba(0,0,0,0.8);
  }
  #fixed-cardwidget-dashboard label.fixed-cardwidget-hover-button {
    display: block;
    background: rgba(255,255,255,0.5);
    height: 50px;
    width: 6px;
    border-radius: 3px;
  }
  #fixed-cardwidget-dashboard input#dashboard-anchor {
    display: none;
  }
  #fixed-cardwidget-dashboard input#dashboard-anchor:checked ~ .fixedcard-anchor-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  #fixed-cardwidget-dashboard input#dashboard-anchor:checked ~ .fixedcard-anchor-container .fixedcard-anchor-item {
    -webkit-animation: buttonVisible 0.3s ease-in forwards;
    -moz-animation: buttonVisible 0.3s ease-in forwards;
    -o-animation: buttonVisible 0.3s ease-in forwards;
    -ms-animation: buttonVisible 0.3s ease-in forwards;
    animation: buttonVisible 0.3s ease-in forwards;
  }
  #fixed-cardwidget-dashboard input#dashboard-anchor:checked ~ .fixedcard-anchor-container .fixedcard-anchor-item:nth-child(1) {
    -webkit-transform: rotate(-17deg);
    -moz-transform: rotate(-17deg);
    -o-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    transform: rotate(-17deg);
  }
  #fixed-cardwidget-dashboard input#dashboard-anchor:checked ~ .fixedcard-anchor-container .fixedcard-anchor-item:nth-child(2) {
    -webkit-transform: rotate(17deg);
    -moz-transform: rotate(17deg);
    -o-transform: rotate(17deg);
    -ms-transform: rotate(17deg);
    transform: rotate(17deg);
  }
  #fixed-cardwidget-dashboard input#dashboard-anchor:checked ~ .fixedcard-anchor-container .fixedcard-anchor-item:nth-child(3) {
    -webkit-transform: rotate(-51deg);
    -moz-transform: rotate(-51deg);
    -o-transform: rotate(-51deg);
    -ms-transform: rotate(-51deg);
    transform: rotate(-51deg);
  }
  #fixed-cardwidget-dashboard input#dashboard-anchor:checked ~ .fixedcard-anchor-container .fixedcard-anchor-item:nth-child(4) {
    -webkit-transform: rotate(51deg);
    -moz-transform: rotate(51deg);
    -o-transform: rotate(51deg);
    -ms-transform: rotate(51deg);
    transform: rotate(51deg);
  }
  #fixed-cardwidget-dashboard input#dashboard-anchor:checked ~ .fixedcard-anchor-container .fixedcard-anchor-item:nth-child(5) {
    -webkit-transform: rotate(-85deg);
    -moz-transform: rotate(-85deg);
    -o-transform: rotate(-85deg);
    -ms-transform: rotate(-85deg);
    transform: rotate(-85deg);
  }
  #fixed-cardwidget-dashboard input#dashboard-anchor:checked ~ .fixedcard-anchor-container .fixedcard-anchor-item:nth-child(6) {
    -webkit-transform: rotate(85deg);
    -moz-transform: rotate(85deg);
    -o-transform: rotate(85deg);
    -ms-transform: rotate(85deg);
    transform: rotate(85deg);
  }
  #fixed-cardwidget-dashboard .fixedcard-anchor-container {
    display: none;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    left: -80px;
    width: auto;
  }
  #fixed-cardwidget-dashboard .fixedcard-anchor-container .fixedcard-anchor-item {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: 0px;
    height: 50px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: absolute;
    left: 50px;
    top: 0;
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -o-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
  #fixed-cardwidget-dashboard .fixedcard-anchor-container .fixedcard-anchor-item label.card-widget-visible {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: 10px;
    width: 50px;
    height: 50px;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    color: rgba(0,0,0,0.8);
    background: rgba(255,255,255,0.5);
    border-radius: 50%;
  }
}
input#quit-anchor {
  display: none;
}
input#quit-anchor:checked+ label.quit-visible {
  display: none;
}
label.quit-visible {
  display: block;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(0,0,0,0.3);
  backdrop-filter: blur(5px);
}
@-moz-keyframes cardVisible {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
  to {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes cardVisible {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
  to {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-o-keyframes cardVisible {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
  to {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@keyframes cardVisible {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
  }
  to {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
@-moz-keyframes buttonVisible {
  from {
    width: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    width: 130px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes buttonVisible {
  from {
    width: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    width: 130px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes buttonVisible {
  from {
    width: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    width: 130px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes buttonVisible {
  from {
    width: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    width: 130px;
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
div#post-comment.fixedcomment {
  position: fixed !important;
  top: 0;
  width: 60% !important;
  right: 0;
  padding: 25px 80px 20px 40px !important;
  height: 100%;
  overflow: scroll;
  z-index: 90;
  background: rgba(222,222,222,0.95);
  -webkit-box-shadow: 3px 2px 14px #464340;
  box-shadow: 3px 2px 14px #464340;
  -webkit-animation: fixedright 0.5s linear;
  -moz-animation: fixedright 0.5s linear;
  -o-animation: fixedright 0.5s linear;
  -ms-animation: fixedright 0.5s linear;
  animation: fixedright 0.5s linear;
}
div#post-comment.fixedcomment::-webkit-scrollbar {
  width: 0;
}
div#quit-board {
  display: none;
}
div#quit-board.fixedcomment {
  position: fixed;
  display: block !important;
  left: 0;
  top: 0;
  width: 40%;
  height: 100%;
  z-index: 89 !important;
  background: rgba(25,25,25,0.3);
  filter: blur(4px) !important;
  -webkit-animation: fixedleft 0.5s linear;
  -moz-animation: fixedleft 0.5s linear;
  -o-animation: fixedleft 0.5s linear;
  -ms-animation: fixedleft 0.5s linear;
  animation: fixedleft 0.5s linear;
}
@media screen and (max-width: 768px) {
  div#post-comment.fixedcomment {
    padding: 25px 30px 20px 20px !important;
    width: 90% !important;
    right: 0;
  }
  div#quit-board.fixedcomment {
    width: 10%;
  }
}
[data-theme="dark"] div#post-comment.fixedcomment {
  background: rgba(35,35,35,0.95);
  -webkit-box-shadow: 3px 2px 12px #90a1a4;
  box-shadow: 3px 2px 12px #90a1a4;
}
[data-theme="dark"] div#quit-board.fixedcomment {
  background: rgba(147,146,128,0.3);
}
@-moz-keyframes fixedright {
  from {
    right: -50%;
  }
  to {
    right: 0;
  }
}
@-webkit-keyframes fixedright {
  from {
    right: -50%;
  }
  to {
    right: 0;
  }
}
@-o-keyframes fixedright {
  from {
    right: -50%;
  }
  to {
    right: 0;
  }
}
@keyframes fixedright {
  from {
    right: -50%;
  }
  to {
    right: 0;
  }
}
@-moz-keyframes fixedleft {
  from {
    left: -50%;
  }
  to {
    left: 0;
  }
}
@-webkit-keyframes fixedleft {
  from {
    left: -50%;
  }
  to {
    left: 0;
  }
}
@-o-keyframes fixedleft {
  from {
    left: -50%;
  }
  to {
    left: 0;
  }
}
@keyframes fixedleft {
  from {
    left: -50%;
  }
  to {
    left: 0;
  }
}
@font-face {
  font-family: 'TaikoMagic';
  src: url("https://npm.elemecdn.com/akiblog@1.0.2/fontsdest/REEJI-TaikoMagicGB-Flash-Bold.ttf");
  font-display: swap;
  font-weight: lighter;
}
@font-face {
  font-family: 'ZhuZiAYuanJWD';
  src: url("https://npm.elemecdn.com/akiblog@1.0.2/fontsdest/ZhuZiAWan.ttf");
  font-display: swap;
  font-weight: lighter;
}
@font-face {
  font-family: 'UnidreamLED';
  src: url("https://npm.elemecdn.com/akiblog@1.0.2/fontsdest/UnidreamLED.ttf");
  font-display: swap;
  font-weight: lighter;
}
svg.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 1.85em;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#page-header #site-info #site-title {
  font-family: 'TaikoMagic';
  font-size: 3em !important;
}
a.categoryBar-list-link,
a.blog-slider__title,
a.article-title,
h1.post-title {
  font-family: 'TaikoMagic';
}
#web-bg {
  position: fixed;
  z-index: -999;
  width: 100%;
  height: 100%;
  padding: 0;
}
#web-bg #default-bg,
#web-bg #dark-bg,
#web-bg #mobile-bg,
#web-bg #mobile-dark-bg {
  position: fixed;
  background-attachment: local !important;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  width: 100%;
  height: 100%;
}
#web-bg #dark-bg::before,
#web-bg #mobile-dark-bg::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  content: '';
}
@media screen and (min-width: 900px) {
  #web-bg #default-bg {
    -webkit-animation: web-bg-show 0.3s linear 1 forwards;
    -moz-animation: web-bg-show 0.3s linear 1 forwards;
    -o-animation: web-bg-show 0.3s linear 1 forwards;
    -ms-animation: web-bg-show 0.3s linear 1 forwards;
    animation: web-bg-show 0.3s linear 1 forwards;
  }
  #web-bg #dark-bg {
    -webkit-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -moz-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -o-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -ms-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
  }
  #web-bg #mobile-bg {
    display: none;
  }
  #web-bg #mobile-dark-bg {
    display: none;
  }
  [data-theme="dark"] #web-bg #default-bg {
    -webkit-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -moz-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -o-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -ms-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
  }
  [data-theme="dark"] #web-bg #dark-bg {
    -webkit-animation: web-bg-show 0.3s linear 1 forwards;
    -moz-animation: web-bg-show 0.3s linear 1 forwards;
    -o-animation: web-bg-show 0.3s linear 1 forwards;
    -ms-animation: web-bg-show 0.3s linear 1 forwards;
    animation: web-bg-show 0.3s linear 1 forwards;
  }
}
@media screen and (max-width: 900px) {
  #web-bg #default-bg {
    display: none;
  }
  #web-bg #dark-bg {
    display: none;
  }
  #web-bg #mobile-bg {
    -webkit-animation: web-bg-show 0.3s linear 1 forwards;
    -moz-animation: web-bg-show 0.3s linear 1 forwards;
    -o-animation: web-bg-show 0.3s linear 1 forwards;
    -ms-animation: web-bg-show 0.3s linear 1 forwards;
    animation: web-bg-show 0.3s linear 1 forwards;
  }
  #web-bg #mobile-dark-bg {
    -webkit-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -moz-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -o-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -ms-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
  }
  [data-theme="dark"] #web-bg #mobile-bg {
    -webkit-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -moz-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -o-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    -ms-animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
    animation: web-bg-hidden 0.3s linear 1 0.1s forwards;
  }
  [data-theme="dark"] #web-bg #mobile-dark-bg {
    -webkit-animation: web-bg-show 0.3s linear 1 forwards;
    -moz-animation: web-bg-show 0.3s linear 1 forwards;
    -o-animation: web-bg-show 0.3s linear 1 forwards;
    -ms-animation: web-bg-show 0.3s linear 1 forwards;
    animation: web-bg-show 0.3s linear 1 forwards;
  }
}
@-moz-keyframes web-bg-show {
  0% {
    z-index: -998;
    display: block;
    clip-path: inset(0 100% 0 0);
  }
  100% {
    z-index: -998;
    display: block;
    clip-path: inset(0 0 0 0);
  }
}
@-webkit-keyframes web-bg-show {
  0% {
    z-index: -998;
    display: block;
    clip-path: inset(0 100% 0 0);
  }
  100% {
    z-index: -998;
    display: block;
    clip-path: inset(0 0 0 0);
  }
}
@-o-keyframes web-bg-show {
  0% {
    z-index: -998;
    display: block;
    clip-path: inset(0 100% 0 0);
  }
  100% {
    z-index: -998;
    display: block;
    clip-path: inset(0 0 0 0);
  }
}
@keyframes web-bg-show {
  0% {
    z-index: -998;
    display: block;
    clip-path: inset(0 100% 0 0);
  }
  100% {
    z-index: -998;
    display: block;
    clip-path: inset(0 0 0 0);
  }
}
@-moz-keyframes web-bg-hidden {
  0% {
    z-index: -999;
    display: block;
    clip-path: inset(0 0 0 0);
  }
  99% {
    z-index: -999;
    display: block;
    clip-path: inset(0 0 0 100%);
  }
  100% {
    z-index: -999;
    display: none;
    clip-path: inset(0 0 0 100%);
  }
}
@-webkit-keyframes web-bg-hidden {
  0% {
    z-index: -999;
    display: block;
    clip-path: inset(0 0 0 0);
  }
  99% {
    z-index: -999;
    display: block;
    clip-path: inset(0 0 0 100%);
  }
  100% {
    z-index: -999;
    display: none;
    clip-path: inset(0 0 0 100%);
  }
}
@-o-keyframes web-bg-hidden {
  0% {
    z-index: -999;
    display: block;
    clip-path: inset(0 0 0 0);
  }
  99% {
    z-index: -999;
    display: block;
    clip-path: inset(0 0 0 100%);
  }
  100% {
    z-index: -999;
    display: none;
    clip-path: inset(0 0 0 100%);
  }
}
@keyframes web-bg-hidden {
  0% {
    z-index: -999;
    display: block;
    clip-path: inset(0 0 0 0);
  }
  99% {
    z-index: -999;
    display: block;
    clip-path: inset(0 0 0 100%);
  }
  100% {
    z-index: -999;
    display: none;
    clip-path: inset(0 0 0 100%);
  }
}
:root {
  --ark-cab-border-color: rgba(255,255,255,0.7);
  --ark-cab-shadow-color: rgba(226,248,24,0.8);
}
[data-theme="dark"] {
  --ark-cab-border-color: rgba(255,255,255,0.7);
  --ark-cab-shadow-color: rgba(24,248,229,0.8);
}
#ark-cab-box {
  position: fixed;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#ark-cab-box.arksink {
  z-index: -1000;
}
#ark-cab-box * {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
#ark-cab-box #ark-cab {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(20,20,20,0.5);
  backdrop-filter: blur(8px);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
#ark-cab-box #ark-cab .ark-cab-main-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -o-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  width: 500px;
  height: 500px;
  clip-path: circle(100%);
}
#ark-cab-box #ark-cab .ark-cab-main-container .ark-cab-outside-border {
  height: 360px;
  width: 360px;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 2px dotted;
  border-color: var(--ark-cab-border-color) transparent transparent transparent;
  border-radius: 50%;
}
#ark-cab-box #ark-cab .ark-cab-main-container .ark-cab-outside-border::before {
  content: "";
  position: absolute;
  height: 370px;
  width: 370px;
  top: -5px;
  left: -5px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 30px inset var(--ark-cab-border-color);
  box-shadow: 0 0 0 30px inset var(--ark-cab-border-color);
  clip-path: polygon(50% 50%, 51% 0, 49% 0, 50% 50%, 2% 0, 0 2%, 50% 50%, 0 49%, 0 51%, 50% 50%, 0 98%, 2% 100%, 50% 50%, 49% 100%, 51% 100%, 50% 50%, 98% 100%, 100% 98%, 50% 50%, 100% 51%, 100% 49%, 50% 50%, 100% 2%, 98% 0);
}
#ark-cab-box #ark-cab .ark-cab-main-container .ark-cab-outside-border::after {
  content: "";
  position: absolute;
  height: 344px;
  width: 344px;
  top: 3px;
  left: 0px;
  border-radius: 50%;
  border: 3px dashed var(--ark-cab-border-color);
  clip-path: inset(50% 0 0 0);
}
#ark-cab-box #ark-cab .ark-cab-top-triangle {
  position: absolute;
  display: block;
  width: 280px;
  height: 140px;
  border-radius: 15px;
  background: var(--ark-cab-border-color);
  clip-path: polygon(50% 0, calc(50% - 75px) 0, calc(50% - 100px) 40px, calc(50% - 100px) 60px, 0% calc(100% - 17px), 0 100%, calc(50% - 72px) 30px, calc(50% + 72px) 30px, 100% 100%, 100% calc(100% - 17px), calc(50% + 100px) 60px, calc(50% + 100px) 40px, calc(50% + 75px) 0);
  left: calc(50% - 140px);
  bottom: calc(50% + 220px);
}
#ark-cab-box #ark-cab .ark-cab-bottom-left-triangle {
  position: absolute;
  display: block;
  width: 260px;
  height: 130px;
  border-radius: 15px;
  background: var(--ark-cab-border-color);
  clip-path: polygon(50% 0, calc(50% - 75px) 0, calc(50% - 100px) 40px, calc(50% - 100px) 60px, 0% calc(100% - 17px), 0 100%, calc(50% - 72px) 30px, calc(50% + 72px) 30px, 100% 100%, 100% calc(100% - 17px), calc(50% + 100px) 60px, calc(50% + 100px) 40px, calc(50% + 75px) 0);
  left: calc(50% - 460px);
  top: calc(50% + 160px);
  -webkit-transform: rotateZ(-120deg);
  -moz-transform: rotateZ(-120deg);
  -o-transform: rotateZ(-120deg);
  -ms-transform: rotateZ(-120deg);
  transform: rotateZ(-120deg);
}
#ark-cab-box #ark-cab .ark-cab-bottom-right-triangle {
  position: absolute;
  display: block;
  width: 260px;
  height: 130px;
  border-radius: 15px;
  background: var(--ark-cab-border-color);
  clip-path: polygon(50% 0, calc(50% - 75px) 0, calc(50% - 100px) 40px, calc(50% - 100px) 60px, 0% calc(100% - 17px), 0 100%, calc(50% - 72px) 30px, calc(50% + 72px) 30px, 100% 100%, 100% calc(100% - 17px), calc(50% + 100px) 60px, calc(50% + 100px) 40px, calc(50% + 75px) 0);
  right: calc(50% - 460px);
  top: calc(50% + 160px);
  -webkit-transform: rotateZ(120deg);
  -moz-transform: rotateZ(120deg);
  -o-transform: rotateZ(120deg);
  -ms-transform: rotateZ(120deg);
  transform: rotateZ(120deg);
}
#ark-cab-box #ark-cab .ark-cab-center-left-border {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  position: relative;
  width: 200px;
  height: 60px;
}
#ark-cab-box #ark-cab .ark-cab-center-left-border::before {
  content: "";
  position: absolute;
  display: block;
  width: 200px;
  height: 60px;
  right: 0;
  top: 0;
  background: var(--ark-cab-border-color);
  margin: 0 40px;
  clip-path: polygon(0 calc(100% - 20px), 0 calc(100% - 23px), calc(100% - 80px) calc(100% - 23px), calc(100% - 50px) 30px, calc(100% - 20px) 30px, calc(100% - 20px) calc(100% - 20px), calc(100% - 10px) calc(100% - 20px), calc(100% - 10px) 0, 100% 0, 100% 100%, calc(100% - 10px) 100%, calc(100% - 10px) calc(100% - 20px));
  -webkit-transform: skewX(-40deg);
  -moz-transform: skewX(-40deg);
  -o-transform: skewX(-40deg);
  -ms-transform: skewX(-40deg);
  transform: skewX(-40deg);
}
#ark-cab-box #ark-cab .ark-cab-center-left-border::after {
  content: "";
  position: absolute;
  display: block;
  height: 12px;
  width: 30px;
  top: 15px;
  right: 55px;
  clip-path: polygon(0% 100%, 0% 0%, 17% 0%, 17% 80%, 12% 100%, 20% 100%, 20% 0%, 37% 0%, 37% 80%, 32% 100%, 40% 100%, 40% 0%, 57% 0%, 57% 80%, 52% 100%, 60% 100%, 60% 0%, 77% 0%, 77% 80%, 72% 100%, 80% 100%, 80% 0, 97% 0, 97% 80%, 92% 100%);
  -webkit-transform: skew(-40deg, 0deg);
  -moz-transform: skew(-40deg, 0deg);
  -o-transform: skew(-40deg, 0deg);
  -ms-transform: skew(-40deg, 0deg);
  transform: skew(-40deg, 0deg);
  -webkit-animation: ark-cab-power-flash-left 3s ease infinite;
  -moz-animation: ark-cab-power-flash-left 3s ease infinite;
  -o-animation: ark-cab-power-flash-left 3s ease infinite;
  -ms-animation: ark-cab-power-flash-left 3s ease infinite;
  animation: ark-cab-power-flash-left 3s ease infinite;
}
#ark-cab-box #ark-cab .ark-cab-center-right-border {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  -o-box-ordinal-group: 3;
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3;
  position: relative;
  width: 200px;
  height: 60px;
}
#ark-cab-box #ark-cab .ark-cab-center-right-border::before {
  content: "";
  position: absolute;
  display: block;
  width: 200px;
  height: 60px;
  left: 0;
  top: 0;
  background: var(--ark-cab-border-color);
  margin: 0 40px;
  clip-path: polygon(100% calc(100% - 20px), 100% calc(100% - 23px), 80px calc(100% - 23px), 50px 30px, 20px 30px, 20px calc(100% - 20px), 10px calc(100% - 20px), 10px 0, 0 0, 0 100%, 10px 100%, 10px calc(100% - 20px));
  -webkit-transform: skewX(40deg);
  -moz-transform: skewX(40deg);
  -o-transform: skewX(40deg);
  -ms-transform: skewX(40deg);
  transform: skewX(40deg);
}
#ark-cab-box #ark-cab .ark-cab-center-right-border::after {
  content: "";
  position: absolute;
  display: block;
  height: 12px;
  width: 30px;
  top: 15px;
  left: 55px;
  clip-path: polygon(100% 100%, 100% 0%, 83% 0%, 83% 80%, 88% 100%, 80% 100%, 80% 0%, 63% 0%, 63% 80%, 68% 100%, 60% 100%, 60% 0%, 43% 0%, 43% 80%, 48% 100%, 40% 100%, 40% 0%, 23% 0%, 23% 80%, 28% 100%, 20% 100%, 20% 0, 3% 0, 3% 80%, 8% 100%);
  -webkit-transform: skew(40deg, 0deg);
  -moz-transform: skew(40deg, 0deg);
  -o-transform: skew(40deg, 0deg);
  -ms-transform: skew(40deg, 0deg);
  transform: skew(40deg, 0deg);
  -webkit-animation: ark-cab-power-flash-right 3s ease infinite;
  -moz-animation: ark-cab-power-flash-right 3s ease infinite;
  -o-animation: ark-cab-power-flash-right 3s ease infinite;
  -ms-animation: ark-cab-power-flash-right 3s ease infinite;
  animation: ark-cab-power-flash-right 3s ease infinite;
}
#ark-cab-box #ark-cab .ark-cab-top-left-border {
  position: absolute;
  display: block;
  height: 70px;
  width: calc(50% - 160px);
  background: var(--ark-cab-border-color);
  left: 0;
  bottom: calc(50% + 290px);
  clip-path: polygon(100% 100%, 0 100%, 0 calc(100% - 3px), calc(100% - 160px) calc(100% - 5px), calc(100% - 150px) calc(100% - 10px), calc(100% - 15px) calc(100% - 10px), calc(100% - 15px) calc(100% - 30px), calc(100% - 1px) calc(100% - 40px), calc(100% - 1px) 0, 100% 0);
  -webkit-transform: skew(-35deg, 10deg);
  -moz-transform: skew(-35deg, 10deg);
  -o-transform: skew(-35deg, 10deg);
  -ms-transform: skew(-35deg, 10deg);
  transform: skew(-35deg, 10deg);
}
#ark-cab-box #ark-cab .ark-cab-top-right-border {
  position: absolute;
  display: block;
  height: 70px;
  width: calc(50% - 160px);
  background: var(--ark-cab-border-color);
  right: 0;
  bottom: calc(50% + 290px);
  clip-path: polygon(0 100%, 100% 100%, 100% calc(100% - 3px), 160px calc(100% - 5px), 150px calc(100% - 10px), 15px calc(100% - 10px), 15px calc(100% - 30px), 1px calc(100% - 40px), 1px 0, 0 0);
  -webkit-transform: skew(35deg, -10deg);
  -moz-transform: skew(35deg, -10deg);
  -o-transform: skew(35deg, -10deg);
  -ms-transform: skew(35deg, -10deg);
  transform: skew(35deg, -10deg);
}
#ark-cab-box #ark-cab .ark-cab-top-left-flash {
  position: absolute;
  display: block;
  height: 12px;
  width: 80px;
  bottom: calc(50% + 320px);
  left: calc(50% - 350px);
  clip-path: polygon(0% 100%, 0% 0%, 17% 0%, 17% 80%, 12% 100%, 20% 100%, 20% 0%, 37% 0%, 37% 80%, 32% 100%, 40% 100%, 40% 0%, 57% 0%, 57% 80%, 52% 100%, 60% 100%, 60% 0%, 77% 0%, 77% 80%, 72% 100%, 80% 100%, 80% 0, 97% 0, 97% 80%, 92% 100%);
  -webkit-transform: skew(-30deg, 10deg);
  -moz-transform: skew(-30deg, 10deg);
  -o-transform: skew(-30deg, 10deg);
  -ms-transform: skew(-30deg, 10deg);
  transform: skew(-30deg, 10deg);
  -webkit-animation: ark-cab-power-flash-left 3s ease infinite;
  -moz-animation: ark-cab-power-flash-left 3s ease infinite;
  -o-animation: ark-cab-power-flash-left 3s ease infinite;
  -ms-animation: ark-cab-power-flash-left 3s ease infinite;
  animation: ark-cab-power-flash-left 3s ease infinite;
}
#ark-cab-box #ark-cab .ark-cab-top-right-flash {
  position: absolute;
  display: block;
  height: 12px;
  width: 80px;
  bottom: calc(50% + 320px);
  right: calc(50% - 350px);
  clip-path: polygon(100% 100%, 100% 0%, 83% 0%, 83% 80%, 88% 100%, 80% 100%, 80% 0%, 63% 0%, 63% 80%, 68% 100%, 60% 100%, 60% 0%, 43% 0%, 43% 80%, 48% 100%, 40% 100%, 40% 0%, 23% 0%, 23% 80%, 28% 100%, 20% 100%, 20% 0, 3% 0, 3% 80%, 8% 100%);
  -webkit-transform: skew(30deg, -10deg);
  -moz-transform: skew(30deg, -10deg);
  -o-transform: skew(30deg, -10deg);
  -ms-transform: skew(30deg, -10deg);
  transform: skew(30deg, -10deg);
  -webkit-animation: ark-cab-power-flash-right 3s ease infinite;
  -moz-animation: ark-cab-power-flash-right 3s ease infinite;
  -o-animation: ark-cab-power-flash-right 3s ease infinite;
  -ms-animation: ark-cab-power-flash-right 3s ease infinite;
  animation: ark-cab-power-flash-right 3s ease infinite;
}
#ark-cab-box #ark-cab .ark-cab-bottom-center-border {
  position: absolute;
  top: calc(50% + 160px);
  left: calc(50% - 250px);
  display: block;
  height: 50px;
  width: 500px;
  background: var(--ark-cab-border-color);
  clip-path: polygon(0% 15px, calc(50% - 100px) 0, calc(50% - 70px) calc(100% - 20px), calc(50% + 70px) calc(100% - 20px), calc(50% + 100px) 0, 100% 15px, calc(100% - 3px) 20px, calc(50% + 105px) 7px, calc(50% + 89px) calc(100% - 30px), calc(50% + 90px) calc(100% - 23px), calc(50% + 70px) 100%, calc(50% - 70px) 100%, calc(50% - 90px) calc(100% - 23px), calc(50% - 89px) calc(100% - 30px), calc(50% - 105px) 7px, 3px 20px, 0 15px);
}
#ark-cab-box #ark-cab .ark-cab-bottom-left-border {
  position: absolute;
  display: block;
  height: 90px;
  width: calc(50% - 430px);
  background: var(--ark-cab-border-color);
  left: 30px;
  top: calc(50% + 260px);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 8px) 100%, calc(100% - 6px) 30px, calc(100% - 12px) 32px, calc(100% - 11px) 10px, 10px 12px);
  -webkit-transform: skew(30deg, -10deg);
  -moz-transform: skew(30deg, -10deg);
  -o-transform: skew(30deg, -10deg);
  -ms-transform: skew(30deg, -10deg);
  transform: skew(30deg, -10deg);
}
#ark-cab-box #ark-cab .ark-cab-bottom-right-border {
  position: absolute;
  display: block;
  height: 90px;
  width: calc(50% - 430px);
  background: var(--ark-cab-border-color);
  right: 30px;
  top: calc(50% + 260px);
  clip-path: polygon(100% 0, 0 0, 0 calc(100% - 15px), 8px 100%, 6px 30px, 12px 32px, 11px 10px, calc(100% - 10px) 12px);
  -webkit-transform: skew(-30deg, 10deg);
  -moz-transform: skew(-30deg, 10deg);
  -o-transform: skew(-30deg, 10deg);
  -ms-transform: skew(-30deg, 10deg);
  transform: skew(-30deg, 10deg);
}
#ark-cab-box.arkend * {
  -webkit-transition: all 1s ease-in 0.3s;
  -moz-transition: all 1s ease-in 0.3s;
  -o-transition: all 1s ease-in 0.3s;
  -ms-transition: all 1s ease-in 0.3s;
  transition: all 1s ease-in 0.3s;
}
#ark-cab-box.arkend #ark-cab {
  background: rgba(20,20,20,0);
  backdrop-filter: blur(0px);
  -webkit-transition: all 0.3s ease-in 0.7s;
  -moz-transition: all 0.3s ease-in 0.7s;
  -o-transition: all 0.3s ease-in 0.7s;
  -ms-transition: all 0.3s ease-in 0.7s;
  transition: all 0.3s ease-in 0.7s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-top-left-flash {
  -webkit-transform: skew(-30deg, 10deg) translateY(-1000px);
  -moz-transform: skew(-30deg, 10deg) translateY(-1000px);
  -o-transform: skew(-30deg, 10deg) translateY(-1000px);
  -ms-transform: skew(-30deg, 10deg) translateY(-1000px);
  transform: skew(-30deg, 10deg) translateY(-1000px);
  -webkit-transition: -webkit-transform 0.3s ease-in 0.3s;
  -moz-transition: -moz-transform 0.3s ease-in 0.3s;
  -o-transition: -o-transform 0.3s ease-in 0.3s;
  -ms-transition: -ms-transform 0.3s ease-in 0.3s;
  transition: transform 0.3s ease-in 0.3s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-top-right-flash {
  -webkit-transform: skew(30deg, -10deg) translateY(-1000px);
  -moz-transform: skew(30deg, -10deg) translateY(-1000px);
  -o-transform: skew(30deg, -10deg) translateY(-1000px);
  -ms-transform: skew(30deg, -10deg) translateY(-1000px);
  transform: skew(30deg, -10deg) translateY(-1000px);
  -webkit-transition: -webkit-transform 0.3s ease-in 0.3s;
  -moz-transition: -moz-transform 0.3s ease-in 0.3s;
  -o-transition: -o-transform 0.3s ease-in 0.3s;
  -ms-transition: -ms-transform 0.3s ease-in 0.3s;
  transition: transform 0.3s ease-in 0.3s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-top-left-border {
  -webkit-transform: skew(-35deg, 10deg) translateX(-1000px);
  -moz-transform: skew(-35deg, 10deg) translateX(-1000px);
  -o-transform: skew(-35deg, 10deg) translateX(-1000px);
  -ms-transform: skew(-35deg, 10deg) translateX(-1000px);
  transform: skew(-35deg, 10deg) translateX(-1000px);
  -webkit-transition: -webkit-transform 0.3s ease-in 0.3s;
  -moz-transition: -moz-transform 0.3s ease-in 0.3s;
  -o-transition: -o-transform 0.3s ease-in 0.3s;
  -ms-transition: -ms-transform 0.3s ease-in 0.3s;
  transition: transform 0.3s ease-in 0.3s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-top-right-border {
  -webkit-transform: skew(35deg, -10deg) translateX(1000px);
  -moz-transform: skew(35deg, -10deg) translateX(1000px);
  -o-transform: skew(35deg, -10deg) translateX(1000px);
  -ms-transform: skew(35deg, -10deg) translateX(1000px);
  transform: skew(35deg, -10deg) translateX(1000px);
  -webkit-transition: -webkit-transform 0.3s ease-in 0.3s;
  -moz-transition: -moz-transform 0.3s ease-in 0.3s;
  -o-transition: -o-transform 0.3s ease-in 0.3s;
  -ms-transition: -ms-transform 0.3s ease-in 0.3s;
  transition: transform 0.3s ease-in 0.3s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-bottom-left-border {
  -webkit-transform: skew(30deg, -10deg) translate3d(-3000px, 1000px, 0px);
  -moz-transform: skew(30deg, -10deg) translate3d(-3000px, 1000px, 0px);
  -o-transform: skew(30deg, -10deg) translate3d(-3000px, 1000px, 0px);
  -ms-transform: skew(30deg, -10deg) translate3d(-3000px, 1000px, 0px);
  transform: skew(30deg, -10deg) translate3d(-3000px, 1000px, 0px);
  -webkit-transition: -webkit-transform 0.3s ease-in 0.3s;
  -moz-transition: -moz-transform 0.3s ease-in 0.3s;
  -o-transition: -o-transform 0.3s ease-in 0.3s;
  -ms-transition: -ms-transform 0.3s ease-in 0.3s;
  transition: transform 0.3s ease-in 0.3s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-bottom-right-border {
  -webkit-transform: skew(-30deg, 10deg) translate3d(3000px, 1000px, 0px);
  -moz-transform: skew(-30deg, 10deg) translate3d(3000px, 1000px, 0px);
  -o-transform: skew(-30deg, 10deg) translate3d(3000px, 1000px, 0px);
  -ms-transform: skew(-30deg, 10deg) translate3d(3000px, 1000px, 0px);
  transform: skew(-30deg, 10deg) translate3d(3000px, 1000px, 0px);
  -webkit-transition: -webkit-transform 0.3s ease-in 0.3s;
  -moz-transition: -moz-transform 0.3s ease-in 0.3s;
  -o-transition: -o-transform 0.3s ease-in 0.3s;
  -ms-transition: -ms-transform 0.3s ease-in 0.3s;
  transition: transform 0.3s ease-in 0.3s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-top-triangle {
  -webkit-transform: translateY(-1000px);
  -moz-transform: translateY(-1000px);
  -o-transform: translateY(-1000px);
  -ms-transform: translateY(-1000px);
  transform: translateY(-1000px);
  -webkit-transition: -webkit-transform 0.3s ease-in 0.4s;
  -moz-transition: -moz-transform 0.3s ease-in 0.4s;
  -o-transition: -o-transform 0.3s ease-in 0.4s;
  -ms-transition: -ms-transform 0.3s ease-in 0.4s;
  transition: transform 0.3s ease-in 0.4s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-bottom-left-triangle {
  -webkit-transform: rotateZ(-120deg) translate3d(-1000px, -2000px, 0px);
  -moz-transform: rotateZ(-120deg) translate3d(-1000px, -2000px, 0px);
  -o-transform: rotateZ(-120deg) translate3d(-1000px, -2000px, 0px);
  -ms-transform: rotateZ(-120deg) translate3d(-1000px, -2000px, 0px);
  transform: rotateZ(-120deg) translate3d(-1000px, -2000px, 0px);
  -webkit-transition: -webkit-transform 0.3s ease-in 0.4s;
  -moz-transition: -moz-transform 0.3s ease-in 0.4s;
  -o-transition: -o-transform 0.3s ease-in 0.4s;
  -ms-transition: -ms-transform 0.3s ease-in 0.4s;
  transition: transform 0.3s ease-in 0.4s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-bottom-right-triangle {
  -webkit-transform: rotateZ(120deg) translate3d(1000px, -2000px, 0px);
  -moz-transform: rotateZ(120deg) translate3d(1000px, -2000px, 0px);
  -o-transform: rotateZ(120deg) translate3d(1000px, -2000px, 0px);
  -ms-transform: rotateZ(120deg) translate3d(1000px, -2000px, 0px);
  transform: rotateZ(120deg) translate3d(1000px, -2000px, 0px);
  -webkit-transition: -webkit-transform 0.3s ease-in 0.4s;
  -moz-transition: -moz-transform 0.3s ease-in 0.4s;
  -o-transition: -o-transform 0.3s ease-in 0.4s;
  -ms-transition: -ms-transform 0.3s ease-in 0.4s;
  transition: transform 0.3s ease-in 0.4s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-bottom-center-border {
  -webkit-transform: translateY(1000px);
  -moz-transform: translateY(1000px);
  -o-transform: translateY(1000px);
  -ms-transform: translateY(1000px);
  transform: translateY(1000px);
  -webkit-transition: -webkit-transform 0.4s ease-in 0.5s;
  -moz-transition: -moz-transform 0.4s ease-in 0.5s;
  -o-transition: -o-transform 0.4s ease-in 0.5s;
  -ms-transition: -ms-transform 0.4s ease-in 0.5s;
  transition: transform 0.4s ease-in 0.5s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-center-left-border {
  -webkit-transform: translateX(-1000px);
  -moz-transform: translateX(-1000px);
  -o-transform: translateX(-1000px);
  -ms-transform: translateX(-1000px);
  transform: translateX(-1000px);
  -webkit-transition: -webkit-transform 0.4s ease-in 0.5s;
  -moz-transition: -moz-transform 0.4s ease-in 0.5s;
  -o-transition: -o-transform 0.4s ease-in 0.5s;
  -ms-transition: -ms-transform 0.4s ease-in 0.5s;
  transition: transform 0.4s ease-in 0.5s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-center-right-border {
  -webkit-transform: translateX(1000px);
  -moz-transform: translateX(1000px);
  -o-transform: translateX(1000px);
  -ms-transform: translateX(1000px);
  transform: translateX(1000px);
  -webkit-transition: -webkit-transform 0.4s ease-in 0.5s;
  -moz-transition: -moz-transform 0.4s ease-in 0.5s;
  -o-transition: -o-transform 0.4s ease-in 0.5s;
  -ms-transition: -ms-transform 0.4s ease-in 0.5s;
  transition: transform 0.4s ease-in 0.5s;
}
#ark-cab-box.arkend #ark-cab .ark-cab-main-container {
  clip-path: circle(0%) !important;
  -webkit-transition: clip-path 0.3s ease-in 0.7s;
  -moz-transition: clip-path 0.3s ease-in 0.7s;
  -o-transition: clip-path 0.3s ease-in 0.7s;
  -ms-transition: clip-path 0.3s ease-in 0.7s;
  transition: clip-path 0.3s ease-in 0.7s;
}
@-moz-keyframes ark-cab-power-flash-left {
  from {
    background: -webkit-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -moz-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -o-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -ms-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: linear-gradient(to left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
  }
  to {
    background: -webkit-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -moz-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -o-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -ms-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: linear-gradient(to left, var(--ark-cab-border-color), transparent);
  }
}
@-webkit-keyframes ark-cab-power-flash-left {
  from {
    background: -webkit-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -moz-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -o-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -ms-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: linear-gradient(to left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
  }
  to {
    background: -webkit-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -moz-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -o-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -ms-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: linear-gradient(to left, var(--ark-cab-border-color), transparent);
  }
}
@-o-keyframes ark-cab-power-flash-left {
  from {
    background: -webkit-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -moz-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -o-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -ms-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: linear-gradient(to left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
  }
  to {
    background: -webkit-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -moz-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -o-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -ms-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: linear-gradient(to left, var(--ark-cab-border-color), transparent);
  }
}
@keyframes ark-cab-power-flash-left {
  from {
    background: -webkit-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -moz-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -o-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -ms-linear-gradient(right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: linear-gradient(to left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
  }
  to {
    background: -webkit-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -moz-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -o-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: -ms-linear-gradient(right, var(--ark-cab-border-color), transparent);
    background: linear-gradient(to left, var(--ark-cab-border-color), transparent);
  }
}
@-moz-keyframes ark-cab-power-flash-right {
  from {
    background: -webkit-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -moz-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -o-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -ms-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: linear-gradient(to right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
  }
  to {
    background: -webkit-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -moz-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -o-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -ms-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: linear-gradient(to right, var(--ark-cab-border-color), transparent);
  }
}
@-webkit-keyframes ark-cab-power-flash-right {
  from {
    background: -webkit-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -moz-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -o-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -ms-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: linear-gradient(to right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
  }
  to {
    background: -webkit-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -moz-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -o-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -ms-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: linear-gradient(to right, var(--ark-cab-border-color), transparent);
  }
}
@-o-keyframes ark-cab-power-flash-right {
  from {
    background: -webkit-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -moz-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -o-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -ms-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: linear-gradient(to right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
  }
  to {
    background: -webkit-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -moz-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -o-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -ms-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: linear-gradient(to right, var(--ark-cab-border-color), transparent);
  }
}
@keyframes ark-cab-power-flash-right {
  from {
    background: -webkit-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -moz-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -o-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: -ms-linear-gradient(left, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
    background: linear-gradient(to right, transparent, transparent 20%, var(--ark-cab-border-color) 21%, transparent);
  }
  to {
    background: -webkit-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -moz-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -o-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: -ms-linear-gradient(left, var(--ark-cab-border-color), transparent);
    background: linear-gradient(to right, var(--ark-cab-border-color), transparent);
  }
}
:root {
  --card-author-avatar-groove-border: rgba(244,252,252,0.3);
  --card-author-avatar-dashed-border: rgba(70,162,223,0.3);
  --card-author-name-background: rgba(35,32,32,0.8);
  --card-author-font-color: #fff;
  --card-author-name-decoration: rgba(153,54,44,0.8);
  --card-author-radio: rgba(73,176,245,0.8);
  --card-author-radio-checked: rgba(153,54,44,0.8);
}
[data-theme="dark"] {
  --card-author-avatar-groove-border: rgba(146,206,241,0.6);
  --card-author-avatar-dashed-border: rgba(0,77,119,0.8);
  --card-author-name-background: rgba(80,80,80,0.598);
  --card-author-font-color: #fff;
  --card-author-name-decoration: #f2eff0;
  --card-author-radio: rgba(73,176,245,0.558);
  --card-author-radio-checked: rgba(212,31,31,0.58);
}
.card-widget.card-author {
  height: auto;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.card-widget.card-author .author-main-content .author-check-content label.author-info {
  height: 150px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.card-widget.card-author .author-main-content .author-check-content label.author-info input[type="checkbox"]#author-info {
  display: none;
}
.card-widget.card-author .author-main-content .author-check-content label.author-info input[type="checkbox"]#author-info:checked~ .author-name {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  -o-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-animation: ejectrotate 0.4s cubic-bezier(0.59, 0.01, 0.48, 1.17) 1;
  -moz-animation: ejectrotate 0.4s cubic-bezier(0.59, 0.01, 0.48, 1.17) 1;
  -o-animation: ejectrotate 0.4s cubic-bezier(0.59, 0.01, 0.48, 1.17) 1;
  -ms-animation: ejectrotate 0.4s cubic-bezier(0.59, 0.01, 0.48, 1.17) 1;
  animation: ejectrotate 0.4s cubic-bezier(0.59, 0.01, 0.48, 1.17) 1;
}
.card-widget.card-author .author-main-content .author-check-content label.author-info .author-avatar {
  z-index: 1;
  position: relative;
}
.card-widget.card-author .author-main-content .author-check-content label.author-info .author-avatar img {
  width: 90px;
  height: 90px;
}
.card-widget.card-author .author-main-content .author-check-content label.author-info .author-avatar::before {
  content: "";
  width: 90px;
  height: 90px;
  position: absolute;
  background: transparent;
  border: 10px groove var(--card-author-avatar-groove-border);
  -webkit-box-shadow: 0 0 10px var(--card-author-avatar-dashed-border);
  box-shadow: 0 0 10px var(--card-author-avatar-dashed-border);
  border-radius: 50%;
  left: -10px;
  top: -10px;
  -webkit-animation: borderrotate 3s linear infinite alternate;
  -moz-animation: borderrotate 3s linear infinite alternate;
  -o-animation: borderrotate 3s linear infinite alternate;
  -ms-animation: borderrotate 3s linear infinite alternate;
  animation: borderrotate 3s linear infinite alternate;
}
.card-widget.card-author .author-main-content .author-check-content label.author-info .author-avatar::after {
  content: "";
  width: 80px;
  height: 80px;
  position: absolute;
  background: transparent;
  border: 5px dashed var(--card-author-avatar-dashed-border);
  -webkit-box-shadow: 0 0 5px inset var(--card-author-avatar-groove-border);
  box-shadow: 0 0 5px inset var(--card-author-avatar-groove-border);
  border-radius: 50%;
  left: 0px;
  top: 0px;
  -webkit-animation: borderrotate 10s linear infinite;
  -moz-animation: borderrotate 10s linear infinite;
  -o-animation: borderrotate 10s linear infinite;
  -ms-animation: borderrotate 10s linear infinite;
  animation: borderrotate 10s linear infinite;
}
.card-widget.card-author .author-main-content .author-check-content label.author-info .author-name {
  background: var(--card-author-name-background);
  color: var(--card-author-font-color);
  -webkit-box-shadow: 0 0 10px inset var(--card-author-avatar-groove-border);
  box-shadow: 0 0 10px inset var(--card-author-avatar-groove-border);
  position: relative;
  z-index: 0;
  height: 100px;
  display: none;
  width: 160px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 30px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0 0 -25px;
  clip-path: polygon(0 20px, 20px 0, 100% 0, 100% 15px, calc(100% - 15px) 25px, calc(100% - 15px) calc(100% - 25px), 100% calc(100% - 15px), 100% 100%, calc(50% + 15px) 100%, 50% calc(100% - 15px), 20px calc(100% - 15px), 0 calc(100% - 30px));
}
.card-widget.card-author .author-main-content .author-check-content label.author-info .author-name::before {
  content: "";
  position: absolute;
  height: 100px;
  width: 160px;
  background: var(--card-author-name-decoration);
  clip-path: polygon(15% 30%, 30% 30%, 35% 20%, 20% 20%, 15% 30%, 40% 30%, 45% 20%, 60% 20%, 55% 30%, 35% 30%, 65% 30%, 70% 20%, 85% 20%, 80% 30%, 15% 30%, 15% 70%, 80% 70%, 85% 80%, 20% 80%, 15% 70%, 15% 30%);
}
.card-widget.card-author .author-main-content .author-switch-content {
  width: 100%;
  height: 200px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content {
  width: 60px;
  height: 0;
  margin: 0 5px;
  position: relative;
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content:hover {
  cursor: var(--cursor-link), auto;
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content::after {
  content: "";
  width: 60px;
  height: 20px;
  background: var(--card-author-radio);
  display: block;
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="description"]::after {
  clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="description"]:checked::after {
  background: var(--card-author-radio-checked);
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="description"]:checked~ .author-description-box {
  clip-path: inset(0%);
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="social"]::after {
  clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%);
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="social"]:checked::after {
  background: var(--card-author-radio-checked);
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="social"]:checked~ .author-social-box {
  clip-path: inset(0%);
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="site-data"]::after {
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="site-data"]:checked::after {
  background: var(--card-author-radio-checked);
}
.card-widget.card-author .author-main-content .author-switch-content input[type="radio"].switch-content[value="site-data"]:checked~ .author-data-box {
  clip-path: inset(0%);
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}
.card-widget.card-author .author-main-content .author-switch-content label {
  font-family: 'TaikoMagic';
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  bottom: 0px;
  height: 160px;
  width: 100%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  clip-path: inset(50%);
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}
.card-widget.card-author .author-main-content .author-switch-content label.author-description-box .author-description {
  font-size: 18px !important;
  word-break: break-all;
  color: var(--card-author-font-color) !important;
}
.card-widget.card-author .author-main-content .author-switch-content label.author-social-box {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.card-widget.card-author .author-main-content .author-switch-content label.author-social-box .card-author-button {
  color: var(--card-author-font-color) !important;
}
.card-widget.card-author .author-main-content .author-switch-content label.author-social-box .social-icons a {
  margin: 0 5px;
  font-size: 26px !important;
}
.card-widget.card-author .author-main-content .author-switch-content label.author-data-box .site-data {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.card-widget.card-author .author-main-content .author-switch-content label.author-data-box .site-data a {
  margin: 0 20px;
  color: var(--card-author-font-color);
}
@-moz-keyframes ejectrotate {
  0% {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes ejectrotate {
  0% {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes ejectrotate {
  0% {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes ejectrotate {
  0% {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  100% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes borderrotate {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes borderrotate {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-o-keyframes borderrotate {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes borderrotate {
  0% {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
:root {
  --card-widget-background: rgba(80,80,80,0.8);
  --card-widget-color: #fff;
  --card-widget-content-background: rgba(50,50,50,0.6);
  --card-widget-content-border: rgba(117,118,120,0.8);
  --card-widget-title-background: rgba(40,40,40,0.95);
  --card-widget-title-color: #fff;
  --card-widget-title-corner-background: rgba(153,54,44,0.8);
  --card-widget-title-corner-color: #fff;
}
[data-theme="dark"] {
  --card-widget-background: rgba(39,66,69,0.6);
  --card-widget-color: #fff;
  --card-widget-content-background: rgba(23,25,27,0.5);
  --card-widget-content-border: rgba(0,78,119,0.5);
  --card-widget-title-background: rgba(10,17,35,0.5);
  --card-widget-title-color: #004e77;
  --card-widget-title-corner-background: #37708f;
  --card-widget-title-corner-color: #92cef1;
}
.card-widget:not(.card-clock) {
  font-family: 'SAOUI', 'ZhuZiAYuanJWD';
  background: -webkit-linear-gradient(top, transparent 30px, var(--card-widget-background) 31px, var(--card-widget-background)) !important;
  background: -moz-linear-gradient(top, transparent 30px, var(--card-widget-background) 31px, var(--card-widget-background)) !important;
  background: -o-linear-gradient(top, transparent 30px, var(--card-widget-background) 31px, var(--card-widget-background)) !important;
  background: -ms-linear-gradient(top, transparent 30px, var(--card-widget-background) 31px, var(--card-widget-background)) !important;
  background: linear-gradient(to bottom, transparent 30px, var(--card-widget-background) 31px, var(--card-widget-background)) !important;
  padding: 0px !important;
  clip-path: polygon(0 0, 100% 0, 100% 30px, calc(100% - 60px) 30px, calc(100% - 50px) 45px, calc(100% - 5px) 45px, 100% 50px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 45px, 10px 30px, 0 30px);
}
.card-widget:not(.card-clock) .item-headline {
  border-top: 8px solid var(--card-widget-title-corner-background);
  border-left: 8px solid var(--card-widget-title-corner-background);
  -webkit-box-shadow: 0px 0px 10px var(--card-widget-content-border) inset;
  box-shadow: 0px 0px 10px var(--card-widget-content-border) inset;
  border-top-left-radius: 3px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 20px;
  background: var(--card-widget-title-background);
  color: var(--card-widget-color);
  min-width: 8em;
  width: fit-content;
  clip-path: polygon(0 0, 55px 0, 60px 10px, calc(100% - 15px) 10px, 100% 30px, 100% 100%, 30px 100%, 8px 30px, 0 25px);
  padding: 0px 1em 0px 1em;
  margin: 0px 0px -20px 0px;
  position: sticky;
  top: 0px;
  left: 10px;
}
.card-widget:not(.card-clock) .item-headline:after {
  content: "akilar";
  position: absolute;
  bottom: 0;
  font-size: 12px;
  display: block;
  right: 0;
  line-height: 1em;
  color: var(--card-widget-title-corner-color);
  width: fit-content;
  height: 1em;
  padding: 0 5px 0 10px;
  background: var(--card-widget-title-corner-background);
  clip-path: polygon(5px 0, 100% 0, 100% 100%, 0 100%);
}
.card-widget:not(.card-clock)#card-toc .toc-percentage {
  position: absolute;
  margin: -7px 0px 0px 10px !important;
  font-size: 26px !important;
}
.card-widget:not(.card-clock)#card-toc .toc-content {
  position: relative;
  margin: 25px 5px 5px 5px !important;
  background: var(--card-widget-content-background);
  padding: 5px 5px 5px 8px;
  border: 2px solid var(--card-widget-content-border);
  border-top-right-radius: 3px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 10px;
  clip-path: polygon(0 10px, 10px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0 calc(100% - 10px));
  -webkit-box-shadow: 0 0 5px var(--card-widget-content-border) inset;
  box-shadow: 0 0 5px var(--card-widget-content-border) inset;
}
.card-widget:not(.card-clock)#card-toc .toc-content:not(.card-friend-link-container)::before {
  content: "";
  width: 0px;
  height: calc(100% - 20px);
  position: absolute;
  left: 0;
  top: 5px;
  background: var(--card-widget-content-background);
  border-top: 5px solid var(--card-widget-content-border);
  border-right: 5px solid var(--card-widget-content-border);
  border-bottom: 5px solid var(--card-widget-content-border);
  border-left: 5px solid transparent;
  clip-path: polygon(0 0, 7px 5px, 7px calc(100% - 5px), 0 100%);
}
.card-widget:not(.card-clock)#card-toc .toc-content .toc-link {
  color: var(--card-widget-color) !important;
}
.card-widget:not(.card-clock) .author-main-content {
  position: relative;
  margin: 25px 5px 5px 5px !important;
  background: var(--card-widget-content-background);
  padding: 5px 5px 5px 8px;
  border: 2px solid var(--card-widget-content-border);
  border-top-right-radius: 3px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 10px;
  clip-path: polygon(0 10px, 10px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0 calc(100% - 10px));
  -webkit-box-shadow: 0 0 5px var(--card-widget-content-border) inset;
  box-shadow: 0 0 5px var(--card-widget-content-border) inset;
}
.card-widget:not(.card-clock) .author-main-content:not(.card-friend-link-container)::before {
  content: "";
  width: 0px;
  height: calc(100% - 20px);
  position: absolute;
  left: 0;
  top: 5px;
  background: var(--card-widget-content-background);
  border-top: 5px solid var(--card-widget-content-border);
  border-right: 5px solid var(--card-widget-content-border);
  border-bottom: 5px solid var(--card-widget-content-border);
  border-left: 5px solid transparent;
  clip-path: polygon(0 0, 7px 5px, 7px calc(100% - 5px), 0 100%);
}
.card-widget:not(.card-clock) .card-friend-link-container {
  position: relative;
  margin: 25px 5px 5px 5px !important;
  background: var(--card-widget-content-background);
  padding: 5px 5px 5px 8px;
  border: 2px solid var(--card-widget-content-border);
  border-top-right-radius: 3px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 10px;
  clip-path: polygon(0 10px, 10px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0 calc(100% - 10px));
  -webkit-box-shadow: 0 0 5px var(--card-widget-content-border) inset;
  box-shadow: 0 0 5px var(--card-widget-content-border) inset;
}
.card-widget:not(.card-clock) .card-friend-link-container:not(.card-friend-link-container)::before {
  content: "";
  width: 0px;
  height: calc(100% - 20px);
  position: absolute;
  left: 0;
  top: 5px;
  background: var(--card-widget-content-background);
  border-top: 5px solid var(--card-widget-content-border);
  border-right: 5px solid var(--card-widget-content-border);
  border-bottom: 5px solid var(--card-widget-content-border);
  border-left: 5px solid transparent;
  clip-path: polygon(0 0, 7px 5px, 7px calc(100% - 5px), 0 100%);
}
.card-widget:not(.card-clock) .aside-list {
  position: relative;
  margin: 25px 5px 5px 5px !important;
  background: var(--card-widget-content-background);
  padding: 5px 5px 5px 8px;
  border: 2px solid var(--card-widget-content-border);
  border-top-right-radius: 3px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 10px;
  clip-path: polygon(0 10px, 10px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0 calc(100% - 10px));
  -webkit-box-shadow: 0 0 5px var(--card-widget-content-border) inset;
  box-shadow: 0 0 5px var(--card-widget-content-border) inset;
}
.card-widget:not(.card-clock) .aside-list:not(.card-friend-link-container)::before {
  content: "";
  width: 0px;
  height: calc(100% - 20px);
  position: absolute;
  left: 0;
  top: 5px;
  background: var(--card-widget-content-background);
  border-top: 5px solid var(--card-widget-content-border);
  border-right: 5px solid var(--card-widget-content-border);
  border-bottom: 5px solid var(--card-widget-content-border);
  border-left: 5px solid transparent;
  clip-path: polygon(0 0, 7px 5px, 7px calc(100% - 5px), 0 100%);
}
.card-widget:not(.card-clock) .aside-list .aside-list-item .thumbnail img {
  clip-path: polygon(50% 0%, 95.5% 25%, 95.5% 75%, 50% 100%, 4.5% 75%, 4.5% 25%);
}
.card-widget:not(.card-clock) .aside-list .aside-list-item .content .title {
  color: var(--card-widget-color) !important;
}
.card-widget:not(.card-clock) .aside-list .aside-list-item .comment {
  color: var(--card-widget-color) !important;
}
.card-widget:not(.card-clock) .card-tag-cloud {
  position: relative;
  margin: 25px 5px 5px 5px !important;
  background: var(--card-widget-content-background);
  padding: 5px 5px 5px 8px;
  border: 2px solid var(--card-widget-content-border);
  border-top-right-radius: 3px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 10px;
  clip-path: polygon(0 10px, 10px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0 calc(100% - 10px));
  -webkit-box-shadow: 0 0 5px var(--card-widget-content-border) inset;
  box-shadow: 0 0 5px var(--card-widget-content-border) inset;
}
.card-widget:not(.card-clock) .card-tag-cloud:not(.card-friend-link-container)::before {
  content: "";
  width: 0px;
  height: calc(100% - 20px);
  position: absolute;
  left: 0;
  top: 5px;
  background: var(--card-widget-content-background);
  border-top: 5px solid var(--card-widget-content-border);
  border-right: 5px solid var(--card-widget-content-border);
  border-bottom: 5px solid var(--card-widget-content-border);
  border-left: 5px solid transparent;
  clip-path: polygon(0 0, 7px 5px, 7px calc(100% - 5px), 0 100%);
}
.card-widget:not(.card-clock) .webinfo {
  position: relative;
  margin: 25px 5px 5px 5px !important;
  background: var(--card-widget-content-background);
  padding: 5px 5px 5px 8px;
  border: 2px solid var(--card-widget-content-border);
  border-top-right-radius: 3px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 10px;
  clip-path: polygon(0 10px, 10px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 10px 100%, 0 calc(100% - 10px));
  -webkit-box-shadow: 0 0 5px var(--card-widget-content-border) inset;
  box-shadow: 0 0 5px var(--card-widget-content-border) inset;
}
.card-widget:not(.card-clock) .webinfo:not(.card-friend-link-container)::before {
  content: "";
  width: 0px;
  height: calc(100% - 20px);
  position: absolute;
  left: 0;
  top: 5px;
  background: var(--card-widget-content-background);
  border-top: 5px solid var(--card-widget-content-border);
  border-right: 5px solid var(--card-widget-content-border);
  border-bottom: 5px solid var(--card-widget-content-border);
  border-left: 5px solid transparent;
  clip-path: polygon(0 0, 7px 5px, 7px calc(100% - 5px), 0 100%);
}
.card-widget:not(.card-clock) .webinfo .webinfo-item {
  color: var(--card-widget-color) !important;
}
#content-inner #post .post-copyright {
  margin: 20px 0 0 0;
  font-size: 16px;
  position: relative;
  font-family: 'TaikoMagic';
  text-shadow: 1px 1px 3px #000;
}
#content-inner #post .post-copyright .post-copyright-title {
  font-size: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#content-inner #post .post-copyright .post-copyright-title span.post-copyright-transpond,
#content-inner #post .post-copyright .post-copyright-title span.post-copyright-original {
  color: #3f3f3f;
  background: #cecece;
  text-shadow: 1px 1px 3px #fff;
  padding: 3px 5px;
  margin: 0 10px 0 0;
  border-radius: 5px;
}
#content-inner #post .post-copyright .post-copyright-link {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#content-inner #post .post-copyright .post-copyright-link .post-copyright-url {
  margin: 0 10px 0 0;
}
#content-inner #post .post-copyright .post-copyright-license {
  overflow: hidden;
  max-width: calc(100% - 140px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#content-inner #post .post-copyright .post-copyright-decoration {
  position: absolute;
  font-size: 140px;
  line-height: 140px;
  right: 22px;
  top: calc(50% - 65px);
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #content-inner #post .post-copyright .post-copyright-decoration {
    display: none;
  }
  #content-inner #post .post-copyright .post-copyright-license {
    max-width: 100%;
    -webkit-line-clamp: 3;
  }
}
:root {
  --hr-line-color: #e91417;
}
[data-theme="dark"] {
  --hr-line-color: #4db7d5;
}
hr {
  position: relative;
  margin: 40px auto;
  display: block;
  height: 20px;
  width: 100%;
  background: transparent;
  border: none;
}
hr:hover::before {
  clip-path: polygon(0 0, 60px 100%, calc(100% - 30px) 100%, 100% 50%, calc(100% - 15px) 50%, calc(100% - 35px) calc(100% - 5px), 65px calc(100% - 5px), 15px 0);
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}
hr:hover::after {
  clip-path: polygon(0 50%, 35px 0, calc(100% - 60px) 0, 100% 100%, calc(100% - 15px) 100%, calc(100% - 65px) 5px, 35px 5px, 15px 50%);
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}
hr::before {
  display: block;
  content: "";
  height: 20px;
  width: calc(50% + 60px);
  left: 0px;
  position: absolute;
  background: -webkit-linear-gradient(right, var(--hr-line-color), transparent);
  background: -moz-linear-gradient(right, var(--hr-line-color), transparent);
  background: -o-linear-gradient(right, var(--hr-line-color), transparent);
  background: -ms-linear-gradient(right, var(--hr-line-color), transparent);
  background: linear-gradient(to left, var(--hr-line-color), transparent);
  clip-path: polygon(0 100%, 60px 0, calc(100% - 30px) 0, 100% 50%, calc(100% - 15px) 50%, calc(100% - 35px) 5px, 65px 5px, 15px 100%);
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}
hr::after {
  display: block;
  content: "";
  height: 20px;
  width: calc(50% + 60px);
  right: 0px;
  position: absolute;
  background: -webkit-linear-gradient(left, var(--hr-line-color), transparent);
  background: -moz-linear-gradient(left, var(--hr-line-color), transparent);
  background: -o-linear-gradient(left, var(--hr-line-color), transparent);
  background: -ms-linear-gradient(left, var(--hr-line-color), transparent);
  background: linear-gradient(to right, var(--hr-line-color), transparent);
  clip-path: polygon(0 50%, 35px 100%, calc(100% - 60px) 100%, 100% 0, calc(100% - 15px) 0, calc(100% - 65px) calc(100% - 5px), 35px calc(100% - 5px), 15px 50%);
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}
:root {
  --ark-post-item-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  --ark-post-item-border: rgba(153,54,44,0.8);
  --ark-post-item-background: rgba(67,66,65,0.8);
  --ark-post-item-screen: rgba(61,146,204,0.6);
  --ark-post-item-font-color: #fff;
  --ark-post-item-font-hover: #d97f17;
  --ark-post-item-box-shadow: rgba(111,160,225,0.8);
  --ark-post-item-text-shadow: rgba(50,51,50,0.7);
}
[data-theme="dark"] {
  --ark-post-item-border: rgba(55,112,143,0.8);
  --ark-post-item-background: rgba(47,66,70,0.8);
  --ark-post-item-screen: rgba(61,146,204,0.6);
  --ark-post-item-font-color: #e9e9e9;
  --ark-post-item-font-hover: #887fb9;
  --ark-post-item-box-shadow: rgba(17,170,235,0.8);
  --ark-post-item-text-shadow: rgba(50,51,50,0.7);
}
.recent-post-item#gitcalendarBar {
  background: transparent !important;
}
.recent-post-item#gitcalendarBar div#git_container {
  background: var(--ark-post-item-background);
  border-radius: 15px;
}
.recent-post-item {
  margin: 30px 0px;
}
.recent-post-item.ark-post-card {
  z-index: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
  background: transparent;
}
.recent-post-item.ark-post-card .recent-post-item-headline {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  height: 40px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  font-family: 'UnidreamLED', 'TaikoMagic';
}
.recent-post-item.ark-post-card .recent-post-item-headline .recent-post-time {
  top: 20px;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  width: fit-content;
  height: 40px;
  background: var(--ark-post-item-background);
  color: var(--ark-post-item-font-color);
  padding: 5px 15px;
  font-size: 15px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: relative;
  z-index: 3;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 5px groove var(--ark-post-item-border);
  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  transform: skewX(45deg);
  clip-path: polygon(0 50%, 35px 5px, 50% 5px, 50% 0, 100% 0, 100% 50%, calc(100% - 35px) calc(100% - 5px), 50% calc(100% - 5px), 50% 100%, 0 100%);
}
.recent-post-item.ark-post-card .recent-post-item-headline .recent-post-time * {
  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg);
  margin: 0px 3px;
}
.recent-post-item.ark-post-card .recent-post-item-headline .recent-post-time *:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--ark-post-item-font-hover);
}
.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-sticky {
  left: 20px;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  background: var(--ark-post-item-background);
  border-color: var(--ark-post-item-border);
  font-size: 14px;
  z-index: 3;
  height: 18px;
  line-height: 14px;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg);
  clip-path: inset(0 calc(100% - 25px) 0 0);
  border-width: 1px 10px 0 30px;
  border-style: solid dashed solid groove;
}
.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-sticky * {
  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  transform: skewX(45deg);
  margin: 0px 2px;
  color: var(--ark-post-item-font-color);
}
.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-sticky *:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--ark-post-item-font-hover);
}
.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-sticky:hover {
  clip-path: inset(0 0 0 0);
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
}
.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-sticky:hover~ .recent-post-time {
  top: 40px;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
}
.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-comments {
  right: 20px;
  bottom: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  background: var(--ark-post-item-background);
  border-color: var(--ark-post-item-border);
  font-size: 14px;
  z-index: 3;
  height: 18px;
  line-height: 14px;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  transform: skewX(45deg);
  clip-path: inset(0 0 0 calc(100% - 25px));
  border-width: 1px 30px 0 10px;
  border-style: solid groove solid dashed;
}
.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-comments * {
  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg);
  margin: 0px 2px;
  color: var(--ark-post-item-font-color);
}
.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-comments *:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--ark-post-item-font-hover);
}
.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-comments:hover {
  clip-path: inset(0 0 0 0);
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
}
.recent-post-item.ark-post-card .recent-post-item-headline .article-meta-comments:hover~ .recent-post-time {
  top: 40px;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
}
.recent-post-item.ark-post-card .recent-post-item-bottomline {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  height: 40px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  font-family: 'UnidreamLED', 'TaikoMagic';
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .recent-post-time {
  bottom: 20px;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  width: fit-content;
  height: 40px;
  background: var(--ark-post-item-background);
  color: var(--ark-post-item-font-color);
  padding: 5px 15px;
  font-size: 15px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: relative;
  z-index: 3;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  border: 5px groove var(--ark-post-item-border);
  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  transform: skewX(45deg);
  clip-path: polygon(0 50%, 35px 5px, 50% 5px, 50% 0, 100% 0, 100% 50%, calc(100% - 35px) calc(100% - 5px), 50% calc(100% - 5px), 50% 100%, 0 100%);
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .recent-post-time * {
  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg);
  margin: 0px 3px;
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .recent-post-time *:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--ark-post-item-font-hover);
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-categories {
  left: 20px;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  background: var(--ark-post-item-background);
  border-color: var(--ark-post-item-border);
  font-size: 14px;
  z-index: 3;
  height: 18px;
  line-height: 14px;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  transform: skewX(45deg);
  clip-path: inset(0 calc(100% - 30px) 0 0);
  border-width: 0 10px 1px 30px;
  border-style: solid dashed solid groove;
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-categories * {
  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg);
  margin: 0px 2px;
  color: var(--ark-post-item-font-color);
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-categories *:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--ark-post-item-font-hover);
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-categories:hover {
  clip-path: inset(0 0 0 0);
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-categories:hover~ .recent-post-time {
  bottom: 40px;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-tags {
  right: 20px;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  background: var(--ark-post-item-background);
  border-color: var(--ark-post-item-border);
  font-size: 14px;
  z-index: 3;
  height: 18px;
  line-height: 14px;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
  -webkit-transform: skewX(-45deg);
  -moz-transform: skewX(-45deg);
  -o-transform: skewX(-45deg);
  -ms-transform: skewX(-45deg);
  transform: skewX(-45deg);
  clip-path: inset(0 0 0 calc(100% - 30px));
  border-width: 0 30px 1px 10px;
  border-style: solid groove solid dashed;
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-tags * {
  -webkit-transform: skewX(45deg);
  -moz-transform: skewX(45deg);
  -o-transform: skewX(45deg);
  -ms-transform: skewX(45deg);
  transform: skewX(45deg);
  margin: 0px 2px;
  color: var(--ark-post-item-font-color);
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-tags *:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--ark-post-item-font-hover);
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-tags:hover {
  clip-path: inset(0 0 0 0);
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
}
.recent-post-item.ark-post-card .recent-post-item-bottomline .article-meta-tags:hover~ .recent-post-time {
  bottom: 40px;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
}
.recent-post-item.ark-post-card .recent-post-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  z-index: 0;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: transparent;
  position: relative;
}
.recent-post-item.ark-post-card .recent-post-content:hover a.recent-post-description {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transition: var(--ark-post-item-transition) 0.5s;
  -moz-transition: var(--ark-post-item-transition) 0.5s;
  -o-transition: var(--ark-post-item-transition) 0.5s;
  -ms-transition: var(--ark-post-item-transition) 0.5s;
  transition: var(--ark-post-item-transition) 0.5s;
}
.recent-post-item.ark-post-card .recent-post-content .recent-post-cover {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  background: var(--ark-post-item-background);
  overflow: hidden;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
}
.recent-post-item.ark-post-card .recent-post-content .recent-post-cover img.article-cover {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.recent-post-item.ark-post-card .recent-post-content .recent-post-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  background: var(--ark-post-item-background);
  overflow: hidden;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  z-index: 2;
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
}
.recent-post-item.ark-post-card .recent-post-content .recent-post-info .article-title-link {
  font-size: 24px;
  text-align: center;
  color: var(--ark-post-item-font-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.recent-post-item.ark-post-card .recent-post-content .recent-post-info .article-title-link:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--ark-post-item-font-hover);
}
.recent-post-item.ark-post-card .recent-post-content svg.ark-decoration {
  position: absolute;
  z-index: 0;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  color: var(--ark-post-item-font-color);
  width: 150px;
  height: 150px;
  top: calc(50% - 75px);
  left: calc(50% - 75px);
}
.recent-post-item.ark-post-card .recent-post-content svg.ark-decoration:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--ark-post-item-font-hover);
}
.recent-post-item.ark-post-card .recent-post-content a.recent-post-description {
  z-index: 1;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: var(--ark-post-item-screen);
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px var(--ark-post-item-box-shadow);
  box-shadow: 0 0 10px var(--ark-post-item-box-shadow);
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transition: var(--ark-post-item-transition);
  -moz-transition: var(--ark-post-item-transition);
  -o-transition: var(--ark-post-item-transition);
  -ms-transition: var(--ark-post-item-transition);
  transition: var(--ark-post-item-transition);
  padding: 20px 20px;
}
.recent-post-item.ark-post-card .recent-post-content a.recent-post-description .article-content-text {
  color: var(--ark-post-item-font-color);
  text-shadow: 3px 3px 3px var(--ark-post-item-text-shadow);
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 4;
}
@media screen and (min-width: 900px) {
  .recent-post-item#gitcalendarBar {
    position: relative;
    padding: 30px 30px !important;
  }
  .recent-post-item#gitcalendarBar::before {
    width: 100%;
    z-index: 3;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: var(--ark-post-item-border);
    position: absolute;
    clip-path: polygon(50% 50%, 35px 50%, 30px calc(50% - 5px), 30px 50%, 25px 50%, 25px calc(50% - 25px), 15px calc(50% - 30px), 15px 10px, 30px 0, 10px 0px, 0 10px, 0 calc(100% - 10px), 10px 100%, 30px 100%, 15px calc(100% - 10px), 15px calc(50% + 30px), 25px calc(50% + 25px), 25px 50%, 30px 50%, 30px calc(50% + 5px), 35px 50%, 50% 50%, calc(100% - 35px) 50%, calc(100% - 30px) calc(50% - 5px), calc(100% - 30px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% - 25px), calc(100% - 15px) calc(50% - 30px), calc(100% - 15px) 10px, calc(100% - 30px) 0, calc(100% - 10px) 0px, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, calc(100% - 30px) 100%, calc(100% - 15px) calc(100% - 10px), calc(100% - 15px) calc(50% + 30px), calc(100% - 25px) calc(50% + 25px), calc(100% - 25px) 50%, calc(100% - 30px) 50%, calc(100% - 30px) calc(50% + 5px), calc(100% - 35px) 50%, 50% 50%);
  }
  .recent-post-item.ark-post-card {
    width: 100%;
    height: 320px;
    padding: 0px 30px;
  }
  .recent-post-item.ark-post-card::before {
    width: 100%;
    z-index: 3;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background: var(--ark-post-item-border);
    position: absolute;
    clip-path: polygon(50% 50%, 35px 50%, 30px calc(50% - 5px), 30px 50%, 25px 50%, 25px calc(50% - 25px), 15px calc(50% - 30px), 15px 10px, 30px 0, 10px 0px, 0 10px, 0 calc(100% - 10px), 10px 100%, 30px 100%, 15px calc(100% - 10px), 15px calc(50% + 30px), 25px calc(50% + 25px), 25px 50%, 30px 50%, 30px calc(50% + 5px), 35px 50%, 50% 50%, calc(100% - 35px) 50%, calc(100% - 30px) calc(50% - 5px), calc(100% - 30px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% - 25px), calc(100% - 15px) calc(50% - 30px), calc(100% - 15px) 10px, calc(100% - 30px) 0, calc(100% - 10px) 0px, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, calc(100% - 30px) 100%, calc(100% - 15px) calc(100% - 10px), calc(100% - 15px) calc(50% + 30px), calc(100% - 25px) calc(50% + 25px), calc(100% - 25px) 50%, calc(100% - 30px) 50%, calc(100% - 30px) calc(50% + 5px), calc(100% - 35px) 50%, 50% 50%);
  }
  .recent-post-item.ark-post-card .recent-post-content {
    width: 100%;
    height: 240px;
  }
  .recent-post-item.ark-post-card .recent-post-content.both:hover .recent-post-cover,
  .recent-post-item.ark-post-card .recent-post-content.left:hover .recent-post-cover {
    clip-path: polygon(0 50%, 10px calc(50% - 5px), 30% calc(50% - 5px), 40% 0, 0 0, 0 100%, 40% 100%, 30% calc(50% + 5px), 10px calc(50% + 5px));
    -webkit-transition: var(--ark-post-item-transition);
    -moz-transition: var(--ark-post-item-transition);
    -o-transition: var(--ark-post-item-transition);
    -ms-transition: var(--ark-post-item-transition);
    transition: var(--ark-post-item-transition);
  }
  .recent-post-item.ark-post-card .recent-post-content.both:hover .recent-post-info,
  .recent-post-item.ark-post-card .recent-post-content.left:hover .recent-post-info {
    clip-path: polygon(100% 50%, calc(100% - 10px) calc(50% - 5px), 70% calc(50% - 5px), 60% 0, 100% 0, 100% 100%, 60% 100%, 70% calc(50% + 5px), calc(100% - 10px) calc(50% + 5px));
    -webkit-transition: var(--ark-post-item-transition);
    -moz-transition: var(--ark-post-item-transition);
    -o-transition: var(--ark-post-item-transition);
    -ms-transition: var(--ark-post-item-transition);
    transition: var(--ark-post-item-transition);
  }
  .recent-post-item.ark-post-card .recent-post-content.right:hover .recent-post-cover {
    clip-path: polygon(100% 50%, calc(100% - 10px) calc(50% - 5px), 70% calc(50% - 5px), 60% 0, 100% 0, 100% 100%, 60% 100%, 70% calc(50% + 5px), calc(100% - 10px) calc(50% + 5px));
    -webkit-transition: var(--ark-post-item-transition);
    -moz-transition: var(--ark-post-item-transition);
    -o-transition: var(--ark-post-item-transition);
    -ms-transition: var(--ark-post-item-transition);
    transition: var(--ark-post-item-transition);
  }
  .recent-post-item.ark-post-card .recent-post-content.right:hover .recent-post-info {
    clip-path: polygon(0 50%, 10px calc(50% - 5px), 30% calc(50% - 5px), 40% 0, 0 0, 0 100%, 40% 100%, 30% calc(50% + 5px), 10px calc(50% + 5px));
    -webkit-transition: var(--ark-post-item-transition);
    -moz-transition: var(--ark-post-item-transition);
    -o-transition: var(--ark-post-item-transition);
    -ms-transition: var(--ark-post-item-transition);
    transition: var(--ark-post-item-transition);
  }
  .recent-post-item.ark-post-card .recent-post-content .recent-post-cover {
    width: 50%;
    height: 240px;
  }
  .recent-post-item.ark-post-card .recent-post-content .recent-post-info {
    width: 50%;
    height: 240px;
  }
  .recent-post-item.ark-post-card .recent-post-content .recent-post-info .article-title-link {
    font-size: 24px;
  }
  .recent-post-item.ark-post-card .recent-post-content.both .recent-post-cover,
  .recent-post-item.ark-post-card .recent-post-content.left .recent-post-cover {
    left: 0;
    top: 0;
    border-radius: 15px 0 0 15px;
    clip-path: polygon(calc(100% - 80px) 50%, calc(100% - 50px) calc(50% - 30px), 100% calc(50% - 30px), 100% 0, 0 0, 0 100%, 100% 100%, 100% calc(50% + 30px), calc(100% - 50px) calc(50% + 30px));
  }
  .recent-post-item.ark-post-card .recent-post-content.both .recent-post-info,
  .recent-post-item.ark-post-card .recent-post-content.left .recent-post-info {
    right: 0;
    top: 0;
    border-radius: 0 15px 15px 0;
    clip-path: polygon(80px 50%, 50px calc(50% - 30px), 0 calc(50% - 30px), 0 0, 100% 0, 100% 100%, 0 100%, 0 calc(50% + 30px), 50px calc(50% + 30px));
  }
  .recent-post-item.ark-post-card .recent-post-content.both .recent-post-info .article-title-link,
  .recent-post-item.ark-post-card .recent-post-content.left .recent-post-info .article-title-link {
    margin: 0px 20px 0px 80px;
  }
  .recent-post-item.ark-post-card .recent-post-content.right .recent-post-cover {
    right: 0;
    top: 0;
    border-radius: 0 15px 15px 0;
    clip-path: polygon(80px 50%, 50px calc(50% - 30px), 0 calc(50% - 30px), 0 0, 100% 0, 100% 100%, 0 100%, 0 calc(50% + 30px), 50px calc(50% + 30px));
  }
  .recent-post-item.ark-post-card .recent-post-content.right .recent-post-info {
    left: 0;
    top: 0;
    border-radius: 15px 0 0 15px;
    clip-path: polygon(calc(100% - 80px) 50%, calc(100% - 50px) calc(50% - 30px), 100% calc(50% - 30px), 100% 0, 0 0, 0 100%, 100% 100%, 100% calc(50% + 30px), calc(100% - 50px) calc(50% + 30px));
  }
  .recent-post-item.ark-post-card .recent-post-content.right .recent-post-info .article-title-link {
    margin: 0px 80px 0px 20px;
  }
  .recent-post-item.ark-post-card .recent-post-content a.recent-post-description {
    height: 200px;
    margin: 20px 0;
    width: 60%;
    clip-path: polygon(0 50%, 40px 0, calc(100% - 40px) 0, 100% 50%, calc(100% - 40px) 100%, 40px 100%);
  }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
  #recent-posts {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #recent-posts #pagination {
    width: 100%;
  }
  #recent-posts .recent-post-item.ark-post-card {
    width: 48%;
    height: 360px;
    margin: 0 1% 30px 1%;
  }
  #recent-posts .recent-post-item.ark-post-card .recent-post-time .article-meta-label {
    display: none;
  }
  #recent-posts .recent-post-item.ark-post-card .recent-post-content {
    width: 100%;
    height: 280px;
  }
  #recent-posts .recent-post-item.ark-post-card .recent-post-content:hover .recent-post-cover {
    clip-path: polygon(30% 30px, 20px 30px, 20px calc(100% - 15px), 0 100%, 0 0, 50% 0, calc(100% - 45px) 0, calc(100% - 60px) 15px, calc(30% + 10px) 15px);
    -webkit-transition: var(--ark-post-item-transition);
    -moz-transition: var(--ark-post-item-transition);
    -o-transition: var(--ark-post-item-transition);
    -ms-transition: var(--ark-post-item-transition);
    transition: var(--ark-post-item-transition);
  }
  #recent-posts .recent-post-item.ark-post-card .recent-post-content:hover .recent-post-info {
    clip-path: polygon(70% calc(100% - 30px), calc(100% - 20px) calc(100% - 30px), calc(100% - 20px) 15px, 100% 0, 100% 100%, 50% 100%, 45px 100%, 60px calc(100% - 15px), calc(70% - 10px) calc(100% - 15px));
    -webkit-transition: var(--ark-post-item-transition);
    -moz-transition: var(--ark-post-item-transition);
    -o-transition: var(--ark-post-item-transition);
    -ms-transition: var(--ark-post-item-transition);
    transition: var(--ark-post-item-transition);
  }
  #recent-posts .recent-post-item.ark-post-card .recent-post-content .recent-post-cover {
    width: 100%;
    height: 140px;
    left: 0;
    top: 0;
    border-radius: 15px 15px 0 0;
    clip-path: polygon(50% calc(100% - 30px), calc(50% - 30px) calc(100% - 30px), calc(50% - 45px) 100%, 0 100%, 0 0, 100% 0, 100% 100%, calc(50% + 45px) 100%, calc(50% + 30px) calc(100% - 30px));
  }
  #recent-posts .recent-post-item.ark-post-card .recent-post-content .recent-post-info {
    width: 100%;
    height: 140px;
    left: 0;
    bottom: 0;
    border-radius: 0 0 15px 15px;
    clip-path: polygon(50% 30px, calc(50% - 30px) 30px, calc(50% - 45px) 0, 0 0, 0 100%, 100% 100%, 100% 0, calc(50% + 45px) 0, calc(50% + 30px) 30px);
  }
  #recent-posts .recent-post-item.ark-post-card .recent-post-content .recent-post-info .article-title-link {
    margin: 10px 10px;
    font-size: 18px;
  }
  #recent-posts .recent-post-item.ark-post-card .recent-post-content a.recent-post-description {
    height: 200px;
    margin: 40px 0;
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .recent-post-item.ark-post-card {
    width: 100%;
    height: 360px;
  }
  .recent-post-item.ark-post-card .recent-post-time .article-meta-label {
    display: none;
  }
  .recent-post-item.ark-post-card .recent-post-content {
    width: 100%;
    height: 280px;
  }
  .recent-post-item.ark-post-card .recent-post-content:hover .recent-post-cover {
    clip-path: polygon(30% 30px, 20px 30px, 20px calc(100% - 15px), 0 100%, 0 0, 50% 0, calc(100% - 45px) 0, calc(100% - 60px) 15px, calc(30% + 10px) 15px);
    -webkit-transition: var(--ark-post-item-transition);
    -moz-transition: var(--ark-post-item-transition);
    -o-transition: var(--ark-post-item-transition);
    -ms-transition: var(--ark-post-item-transition);
    transition: var(--ark-post-item-transition);
  }
  .recent-post-item.ark-post-card .recent-post-content:hover .recent-post-info {
    clip-path: polygon(70% calc(100% - 30px), calc(100% - 20px) calc(100% - 30px), calc(100% - 20px) 15px, 100% 0, 100% 100%, 50% 100%, 45px 100%, 60px calc(100% - 15px), calc(70% - 10px) calc(100% - 15px));
    -webkit-transition: var(--ark-post-item-transition);
    -moz-transition: var(--ark-post-item-transition);
    -o-transition: var(--ark-post-item-transition);
    -ms-transition: var(--ark-post-item-transition);
    transition: var(--ark-post-item-transition);
  }
  .recent-post-item.ark-post-card .recent-post-content .recent-post-cover {
    width: 100%;
    height: 140px;
    left: 0;
    top: 0;
    border-radius: 15px 15px 0 0;
    clip-path: polygon(50% calc(100% - 30px), calc(50% - 30px) calc(100% - 30px), calc(50% - 45px) 100%, 0 100%, 0 0, 100% 0, 100% 100%, calc(50% + 45px) 100%, calc(50% + 30px) calc(100% - 30px));
  }
  .recent-post-item.ark-post-card .recent-post-content .recent-post-info {
    width: 100%;
    height: 140px;
    left: 0;
    bottom: 0;
    border-radius: 0 0 15px 15px;
    clip-path: polygon(50% 30px, calc(50% - 30px) 30px, calc(50% - 45px) 0, 0 0, 0 100%, 100% 100%, 100% 0, calc(50% + 45px) 0, calc(50% + 30px) 30px);
  }
  .recent-post-item.ark-post-card .recent-post-content .recent-post-info .article-title-link {
    margin: 10px 10px;
    font-size: 18px;
  }
  .recent-post-item.ark-post-card .recent-post-content a.recent-post-description {
    height: 200px;
    margin: 40px 0;
    width: 70%;
  }
}
:root {
  --ark-menu-background: rgba(80,80,80,0.4);
  --ark-menu-border: rgba(153,54,44,0.8);
}
[data-theme="dark"] {
  --ark-menu-background: rgba(61,147,204,0.4);
  --ark-menu-border: rgba(153,54,44,0.8);
}
#ark-menu-box {
  position: fixed;
  z-index: 1001;
  width: 100vw;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#ark-menu-box * {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
#ark-menu-box.arksink {
  z-index: -1000;
}
#ark-menu-box .ark-menu-horizontal-left {
  display: block;
  position: fixed;
  left: calc(50% - 550px);
  top: calc(50% - 200px);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
#ark-menu-box .ark-menu-horizontal-left .ark-menu-horizontal-left-line {
  display: block;
  height: 400px;
  position: relative;
  width: 23px;
  background: -webkit-repeating-linear-gradient(bottom, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 9.91%);
  background: -moz-repeating-linear-gradient(bottom, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 9.91%);
  background: -o-repeating-linear-gradient(bottom, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 9.91%);
  background: -ms-repeating-linear-gradient(bottom, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 9.91%);
  background: repeating-linear-gradient(to top, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 9.91%);
  -webkit-animation: horizontal-left-move 2s ease-in-out infinite alternate;
  -moz-animation: horizontal-left-move 2s ease-in-out infinite alternate;
  -o-animation: horizontal-left-move 2s ease-in-out infinite alternate;
  -ms-animation: horizontal-left-move 2s ease-in-out infinite alternate;
  animation: horizontal-left-move 2s ease-in-out infinite alternate;
}
#ark-menu-box .ark-menu-horizontal-left .ark-menu-horizontal-left-line::before {
  content: "";
  position: absolute;
  height: 400px;
  left: 0px;
  top: 3%;
  width: 4px;
  background: -webkit-repeating-linear-gradient(bottom, #fff 0%, #fff 3%, transparent 3.01%, transparent 9.91%);
  background: -moz-repeating-linear-gradient(bottom, #fff 0%, #fff 3%, transparent 3.01%, transparent 9.91%);
  background: -o-repeating-linear-gradient(bottom, #fff 0%, #fff 3%, transparent 3.01%, transparent 9.91%);
  background: -ms-repeating-linear-gradient(bottom, #fff 0%, #fff 3%, transparent 3.01%, transparent 9.91%);
  background: repeating-linear-gradient(to top, #fff 0%, #fff 3%, transparent 3.01%, transparent 9.91%);
  clip-path: inset(53% 0 0 0);
}
#ark-menu-box .ark-menu-horizontal-left .ark-menu-horizontal-left-line::after {
  content: "";
  position: absolute;
  height: 400px;
  left: 0px;
  bottom: 3%;
  width: 4px;
  background: -webkit-repeating-linear-gradient(bottom, transparent 0%, transparent 6.9%, #fff 6.91%, #fff 9.91%);
  background: -moz-repeating-linear-gradient(bottom, transparent 0%, transparent 6.9%, #fff 6.91%, #fff 9.91%);
  background: -o-repeating-linear-gradient(bottom, transparent 0%, transparent 6.9%, #fff 6.91%, #fff 9.91%);
  background: -ms-repeating-linear-gradient(bottom, transparent 0%, transparent 6.9%, #fff 6.91%, #fff 9.91%);
  background: repeating-linear-gradient(to top, transparent 0%, transparent 6.9%, #fff 6.91%, #fff 9.91%);
  clip-path: inset(0 0 53% 0);
}
#ark-menu-box .ark-menu-horizontal-right {
  display: block;
  position: fixed;
  right: calc(50% - 550px);
  top: calc(50% - 200px);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
#ark-menu-box .ark-menu-horizontal-right .ark-menu-horizontal-right-line {
  display: block;
  height: 400px;
  position: relative;
  width: 23px;
  background: -webkit-repeating-linear-gradient(bottom, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 9.91%);
  background: -moz-repeating-linear-gradient(bottom, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 9.91%);
  background: -o-repeating-linear-gradient(bottom, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 9.91%);
  background: -ms-repeating-linear-gradient(bottom, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 9.91%);
  background: repeating-linear-gradient(to top, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 9.91%);
  -webkit-animation: horizontal-right-move 2s ease-in-out infinite alternate;
  -moz-animation: horizontal-right-move 2s ease-in-out infinite alternate;
  -o-animation: horizontal-right-move 2s ease-in-out infinite alternate;
  -ms-animation: horizontal-right-move 2s ease-in-out infinite alternate;
  animation: horizontal-right-move 2s ease-in-out infinite alternate;
}
#ark-menu-box .ark-menu-horizontal-right .ark-menu-horizontal-right-line::before {
  content: "";
  position: absolute;
  height: 400px;
  right: 0px;
  top: 3%;
  width: 4px;
  background: -webkit-repeating-linear-gradient(bottom, #fff 0%, #fff 3%, transparent 3.01%, transparent 9.91%);
  background: -moz-repeating-linear-gradient(bottom, #fff 0%, #fff 3%, transparent 3.01%, transparent 9.91%);
  background: -o-repeating-linear-gradient(bottom, #fff 0%, #fff 3%, transparent 3.01%, transparent 9.91%);
  background: -ms-repeating-linear-gradient(bottom, #fff 0%, #fff 3%, transparent 3.01%, transparent 9.91%);
  background: repeating-linear-gradient(to top, #fff 0%, #fff 3%, transparent 3.01%, transparent 9.91%);
  clip-path: inset(53% 0 0 0);
}
#ark-menu-box .ark-menu-horizontal-right .ark-menu-horizontal-right-line::after {
  content: "";
  position: absolute;
  height: 400px;
  right: 0px;
  bottom: 3%;
  width: 4px;
  background: -webkit-repeating-linear-gradient(bottom, transparent 0%, transparent 6.9%, #fff 6.91%, #fff 9.91%);
  background: -moz-repeating-linear-gradient(bottom, transparent 0%, transparent 6.9%, #fff 6.91%, #fff 9.91%);
  background: -o-repeating-linear-gradient(bottom, transparent 0%, transparent 6.9%, #fff 6.91%, #fff 9.91%);
  background: -ms-repeating-linear-gradient(bottom, transparent 0%, transparent 6.9%, #fff 6.91%, #fff 9.91%);
  background: repeating-linear-gradient(to top, transparent 0%, transparent 6.9%, #fff 6.91%, #fff 9.91%);
  clip-path: inset(0 0 53% 0);
}
#ark-menu-box .ark-menu-horizontal-top {
  display: block;
  position: fixed;
  height: 15px;
  width: 200px;
  left: calc(50% - 100px);
  bottom: calc(50% + 120px);
  overflow-x: hidden;
  padding: 5px 0 0 0;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
#ark-menu-box .ark-menu-horizontal-top::before {
  content: "";
  height: 5px;
  width: 10px;
  display: block;
  background: #fff;
  position: absolute;
  bottom: 10px;
  left: 70%;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#ark-menu-box .ark-menu-horizontal-top .ark-menu-horizontal-top-line {
  height: 5px;
  width: 300px;
  position: relative;
  -webkit-animation: horizontal-center-move 3s ease-in infinite alternate;
  -moz-animation: horizontal-center-move 3s ease-in infinite alternate;
  -o-animation: horizontal-center-move 3s ease-in infinite alternate;
  -ms-animation: horizontal-center-move 3s ease-in infinite alternate;
  animation: horizontal-center-move 3s ease-in infinite alternate;
  left: -50px;
  background: -webkit-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 2%);
  background: -moz-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 2%);
  background: -o-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 2%);
  background: -ms-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 2%);
  background: repeating-linear-gradient(to left, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 2%);
}
#ark-menu-box .ark-menu-horizontal-top .ark-menu-horizontal-top-line::before {
  content: "";
  height: 10px;
  position: absolute;
  width: 300px;
  top: 0px;
  left: 0px;
  background: -webkit-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 10%);
  background: -moz-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 10%);
  background: -o-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 10%);
  background: -ms-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 10%);
  background: repeating-linear-gradient(to left, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 10%);
}
#ark-menu-box .ark-menu-horizontal-bottom {
  display: block;
  position: fixed;
  height: 15px;
  width: 200px;
  left: calc(50% - 100px);
  top: calc(50% + 120px);
  overflow-x: hidden;
  padding: 0 0 5px 0;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
#ark-menu-box .ark-menu-horizontal-bottom::before {
  content: "";
  height: 5px;
  width: 10px;
  display: block;
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 30%;
  clip-path: polygon(0 100%, 100% 100%, 50% 0);
}
#ark-menu-box .ark-menu-horizontal-bottom .ark-menu-horizontal-bottom-line {
  height: 5px;
  width: 300px;
  position: relative;
  -webkit-animation: horizontal-center-move 3s ease-out infinite alternate;
  -moz-animation: horizontal-center-move 3s ease-out infinite alternate;
  -o-animation: horizontal-center-move 3s ease-out infinite alternate;
  -ms-animation: horizontal-center-move 3s ease-out infinite alternate;
  animation: horizontal-center-move 3s ease-out infinite alternate;
  left: -50px;
  top: 5px;
  background: -webkit-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 2%);
  background: -moz-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 2%);
  background: -o-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 2%);
  background: -ms-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 2%);
  background: repeating-linear-gradient(to left, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 2%);
}
#ark-menu-box .ark-menu-horizontal-bottom .ark-menu-horizontal-bottom-line::before {
  content: "";
  height: 10px;
  position: absolute;
  width: 300px;
  bottom: 0px;
  left: 0px;
  background: -webkit-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 10%);
  background: -moz-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 10%);
  background: -o-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 10%);
  background: -ms-repeating-linear-gradient(right, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 10%);
  background: repeating-linear-gradient(to left, #fff 0%, #fff 0.5%, transparent 0.51%, transparent 10%);
}
#ark-menu-box #ark-menu {
  clip-path: circle(100%);
  -webkit-transition: clip-path 0.3s linear 0.2s;
  -moz-transition: clip-path 0.3s linear 0.2s;
  -o-transition: clip-path 0.3s linear 0.2s;
  -ms-transition: clip-path 0.3s linear 0.2s;
  transition: clip-path 0.3s linear 0.2s;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
#ark-menu-box #ark-menu::after {
  content: "";
  display: block;
  height: 120%;
  width: 126%;
  position: absolute;
  background: -webkit-linear-gradient(left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), -webkit-linear-gradient(right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
  background: -moz-linear-gradient(left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), -moz-linear-gradient(right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
  background: -o-linear-gradient(left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), -o-linear-gradient(right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
  background: -ms-linear-gradient(left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), -ms-linear-gradient(right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
  background: linear-gradient(to right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), linear-gradient(to left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
  z-index: 3;
  left: -13%;
  top: -10%;
  clip-path: polygon(50% 50%, 45px 50%, 45px 45px, 60px 45px, 65px 40px, 40px 40px, 40px 65px, 45px 60px, 45px 50%, 25px 50%, 25px calc(50% - 15px), 10px calc(50% - 15px), 10px calc(50% - 10px), 25px calc(50% - 10px), 25px calc(50% - 2.5px), 0 calc(50% - 2.5px), 0 50%, 50% 50%, 45px 50%, 45px calc(100% - 45px), 60px calc(100% - 45px), 65px calc(100% - 40px), 40px calc(100% - 40px), 40px calc(100% - 65px), 45px calc(100% - 60px), 45px 50%, 25px 50%, 25px calc(50% + 15px), 10px calc(50% + 15px), 10px calc(50% + 10px), 25px calc(50% + 10px), 25px calc(50% + 2.5px), 0 calc(50% + 2.5px), 0 50%, 50% 50%, calc(100% - 45px) 50%, calc(100% - 45px) 45px, calc(100% - 60px) 45px, calc(100% - 65px) 40px, calc(100% - 40px) 40px, calc(100% - 40px) 65px, calc(100% - 45px) 60px, calc(100% - 45px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% - 15px), calc(100% - 10px) calc(50% - 15px), calc(100% - 10px) calc(50% - 10px), calc(100% - 25px) calc(50% - 10px), calc(100% - 25px) calc(50% - 2.5px), 100% calc(50% - 2.5px), 100% 50%, 50% 50%, calc(100% - 45px) 50%, calc(100% - 45px) calc(100% - 45px), calc(100% - 60px) calc(100% - 45px), calc(100% - 65px) calc(100% - 40px), calc(100% - 40px) calc(100% - 40px), calc(100% - 40px) calc(100% - 65px), calc(100% - 45px) calc(100% - 60px), calc(100% - 45px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% + 15px), calc(100% - 10px) calc(50% + 15px), calc(100% - 10px) calc(50% + 10px), calc(100% - 25px) calc(50% + 10px), calc(100% - 25px) calc(50% + 2.5px), 100% calc(50% + 2.5px), 100% 50%, 50% 50%);
}
#ark-menu-box #ark-menu .ark-menu-pagination {
  position: absolute;
  bottom: 20px;
}
#ark-menu-box #ark-menu .menu-item-container,
#ark-menu-box #ark-menu .menu-item-second-container {
  width: 230px;
  height: 230px;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}
#ark-menu-box #ark-menu .menu-item-container .site-page,
#ark-menu-box #ark-menu .menu-item-second-container .site-page {
  clip-path: polygon(40% 0, 45% 5%, 55% 5%, 60% 0, 100% 0, 100% 40%, 95% 45%, 95% 55%, 100% 60%, 100% 100%, 60% 100%, 55% 95%, 45% 95%, 40% 100%, 0 100%, 0 60%, 5% 55%, 5% 45%, 0 40%, 0 0);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: block;
  width: 230px;
  height: 230px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: var(--ark-menu-background);
  -webkit-box-shadow: 0 0 0 3px inset rgba(233,233,233,0.8);
  box-shadow: 0 0 0 3px inset rgba(233,233,233,0.8);
  border-radius: 50%;
  overflow: hidden;
}
#ark-menu-box #ark-menu .menu-item-container .site-page i.fa-fw,
#ark-menu-box #ark-menu .menu-item-second-container .site-page i.fa-fw,
#ark-menu-box #ark-menu .menu-item-container .site-page svg.icon,
#ark-menu-box #ark-menu .menu-item-second-container .site-page svg.icon {
  position: absolute;
  width: 100px;
  height: 100px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 999;
}
#ark-menu-box #ark-menu .menu-item-container .site-page .site-page-link,
#ark-menu-box #ark-menu .menu-item-second-container .site-page .site-page-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 1000;
  height: 50px;
  width: 150%;
  font-size: 30px;
  font-family: 'TaikoMagic';
  background: var(--ark-menu-border);
  color: #fff;
  text-shadow: 2px 2px 3px #222;
}
#ark-menu-box #ark-menu .menu-item-container .site-page .site-page-link:hover,
#ark-menu-box #ark-menu .menu-item-second-container .site-page .site-page-link:hover {
  color: var(--ark-post-item-font-hover);
}
#ark-menu-box #ark-menu .menu-item-container .site-page .site-page-link,
#ark-menu-box #ark-menu .menu-item-second-container .site-page .site-page-link {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#ark-menu-box #ark-menu .menu-item-container .site-cube-left,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: polygon(40% 0, 45% 5%, 50% 5%, 50% 95%, 45% 95%, 40% 100%, 0 100%, 0 60%, 5% 55%, 5% 45%, 0 40%, 0 0);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: block;
  width: 230px;
  height: 230px;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background: var(--ark-menu-background);
  -webkit-box-shadow: 0 0 0 3px inset rgba(233,233,233,0.8);
  box-shadow: 0 0 0 3px inset rgba(233,233,233,0.8);
  border-radius: 50%;
  overflow: hidden;
}
#ark-menu-box #ark-menu .menu-item-container .site-cube-left i.fa-fw,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left i.fa-fw,
#ark-menu-box #ark-menu .menu-item-container .site-cube-left svg.icon,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left svg.icon {
  position: absolute;
  width: 100px;
  height: 100px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  z-index: 999;
}
#ark-menu-box #ark-menu .menu-item-container .site-cube-left .site-page-link,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left .site-page-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 1000;
  height: 50px;
  width: 150%;
  font-size: 30px;
  font-family: 'TaikoMagic';
  background: var(--ark-menu-border);
  color: #fff;
  text-shadow: 2px 2px 3px #222;
}
#ark-menu-box #ark-menu .menu-item-container .site-cube-left .site-page-link:hover,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left .site-page-link:hover {
  color: var(--ark-post-item-font-hover);
}
#ark-menu-box #ark-menu .menu-item-container .site-cube-left .site-page-link,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-left .site-page-link {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding-left: 10%;
}
#ark-menu-box #ark-menu .menu-item-container .site-cube-right,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-right {
  clip-path: polygon(50% 5%, 55% 5%, 60% 0, 100% 0, 100% 40%, 95% 45%, 95% 55%, 100% 60%, 100% 100%, 60% 100%, 55% 95%, 50% 95%);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow-y: scroll;
  height: 237px;
}
#ark-menu-box #ark-menu .menu-item-container .site-cube-right .menu-item-second,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-right .menu-item-second {
  width: 230px;
  height: 230px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#ark-menu-box #ark-menu .menu-item-container .site-cube-right .menu-item-second .site-page,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-right .menu-item-second .site-page {
  position: relative;
}
#ark-menu-box #ark-menu .menu-item-container .site-cube-right .menu-item-second .site-page .site-page-link,
#ark-menu-box #ark-menu .menu-item-second-container .site-cube-right .menu-item-second .site-page .site-page-link {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  padding-right: 10%;
}
#ark-menu-box #ark-menu-end-btn {
  position: absolute;
  width: 60px;
  height: 60px;
  top: calc(50% + 210px);
  color: var(--ark-cab-border-color);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s linear 0.2s;
  -moz-transition: opacity 0.3s linear 0.2s;
  -o-transition: opacity 0.3s linear 0.2s;
  -ms-transition: opacity 0.3s linear 0.2s;
  transition: opacity 0.3s linear 0.2s;
}
#ark-menu-box #ark-menu-end-btn:hover {
  color: var(--ark-post-item-font-hover);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#ark-menu-box.arkend * {
  -webkit-transition: all 0.7s linear 0.3s;
  -moz-transition: all 0.7s linear 0.3s;
  -o-transition: all 0.7s linear 0.3s;
  -ms-transition: all 0.7s linear 0.3s;
  transition: all 0.7s linear 0.3s;
}
#ark-menu-box.arkend .ark-menu-horizontal-left {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear 0.4s;
  -moz-transition: opacity 0.3s linear 0.4s;
  -o-transition: opacity 0.3s linear 0.4s;
  -ms-transition: opacity 0.3s linear 0.4s;
  transition: opacity 0.3s linear 0.4s;
}
#ark-menu-box.arkend .ark-menu-horizontal-right {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear 0.4s;
  -moz-transition: opacity 0.3s linear 0.4s;
  -o-transition: opacity 0.3s linear 0.4s;
  -ms-transition: opacity 0.3s linear 0.4s;
  transition: opacity 0.3s linear 0.4s;
}
#ark-menu-box.arkend .ark-menu-horizontal-top {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear 0.3s;
  -moz-transition: opacity 0.3s linear 0.3s;
  -o-transition: opacity 0.3s linear 0.3s;
  -ms-transition: opacity 0.3s linear 0.3s;
  transition: opacity 0.3s linear 0.3s;
}
#ark-menu-box.arkend .ark-menu-horizontal-bottom {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear 0.3s;
  -moz-transition: opacity 0.3s linear 0.3s;
  -o-transition: opacity 0.3s linear 0.3s;
  -ms-transition: opacity 0.3s linear 0.3s;
  transition: opacity 0.3s linear 0.3s;
}
#ark-menu-box.arkend #ark-menu {
  clip-path: circle(0);
  -webkit-transition: clip-path 0.3s linear 0.5s;
  -moz-transition: clip-path 0.3s linear 0.5s;
  -o-transition: clip-path 0.3s linear 0.5s;
  -ms-transition: clip-path 0.3s linear 0.5s;
  transition: clip-path 0.3s linear 0.5s;
}
#ark-menu-box.arkend #ark-menu-end-btn {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
@-moz-keyframes horizontal-left-move {
  from {
    -webkit-transform: skewX(5deg) translateY(10px);
    -moz-transform: skewX(5deg) translateY(10px);
    -o-transform: skewX(5deg) translateY(10px);
    -ms-transform: skewX(5deg) translateY(10px);
    transform: skewX(5deg) translateY(10px);
  }
  to {
    -webkit-transform: skewX(5deg) translateY(-10px);
    -moz-transform: skewX(5deg) translateY(-10px);
    -o-transform: skewX(5deg) translateY(-10px);
    -ms-transform: skewX(5deg) translateY(-10px);
    transform: skewX(5deg) translateY(-10px);
  }
}
@-webkit-keyframes horizontal-left-move {
  from {
    -webkit-transform: skewX(5deg) translateY(10px);
    -moz-transform: skewX(5deg) translateY(10px);
    -o-transform: skewX(5deg) translateY(10px);
    -ms-transform: skewX(5deg) translateY(10px);
    transform: skewX(5deg) translateY(10px);
  }
  to {
    -webkit-transform: skewX(5deg) translateY(-10px);
    -moz-transform: skewX(5deg) translateY(-10px);
    -o-transform: skewX(5deg) translateY(-10px);
    -ms-transform: skewX(5deg) translateY(-10px);
    transform: skewX(5deg) translateY(-10px);
  }
}
@-o-keyframes horizontal-left-move {
  from {
    -webkit-transform: skewX(5deg) translateY(10px);
    -moz-transform: skewX(5deg) translateY(10px);
    -o-transform: skewX(5deg) translateY(10px);
    -ms-transform: skewX(5deg) translateY(10px);
    transform: skewX(5deg) translateY(10px);
  }
  to {
    -webkit-transform: skewX(5deg) translateY(-10px);
    -moz-transform: skewX(5deg) translateY(-10px);
    -o-transform: skewX(5deg) translateY(-10px);
    -ms-transform: skewX(5deg) translateY(-10px);
    transform: skewX(5deg) translateY(-10px);
  }
}
@keyframes horizontal-left-move {
  from {
    -webkit-transform: skewX(5deg) translateY(10px);
    -moz-transform: skewX(5deg) translateY(10px);
    -o-transform: skewX(5deg) translateY(10px);
    -ms-transform: skewX(5deg) translateY(10px);
    transform: skewX(5deg) translateY(10px);
  }
  to {
    -webkit-transform: skewX(5deg) translateY(-10px);
    -moz-transform: skewX(5deg) translateY(-10px);
    -o-transform: skewX(5deg) translateY(-10px);
    -ms-transform: skewX(5deg) translateY(-10px);
    transform: skewX(5deg) translateY(-10px);
  }
}
@-moz-keyframes horizontal-right-move {
  from {
    -webkit-transform: skewX(-5deg) translateY(10px);
    -moz-transform: skewX(-5deg) translateY(10px);
    -o-transform: skewX(-5deg) translateY(10px);
    -ms-transform: skewX(-5deg) translateY(10px);
    transform: skewX(-5deg) translateY(10px);
  }
  to {
    -webkit-transform: skewX(-5deg) translateY(-10px);
    -moz-transform: skewX(-5deg) translateY(-10px);
    -o-transform: skewX(-5deg) translateY(-10px);
    -ms-transform: skewX(-5deg) translateY(-10px);
    transform: skewX(-5deg) translateY(-10px);
  }
}
@-webkit-keyframes horizontal-right-move {
  from {
    -webkit-transform: skewX(-5deg) translateY(10px);
    -moz-transform: skewX(-5deg) translateY(10px);
    -o-transform: skewX(-5deg) translateY(10px);
    -ms-transform: skewX(-5deg) translateY(10px);
    transform: skewX(-5deg) translateY(10px);
  }
  to {
    -webkit-transform: skewX(-5deg) translateY(-10px);
    -moz-transform: skewX(-5deg) translateY(-10px);
    -o-transform: skewX(-5deg) translateY(-10px);
    -ms-transform: skewX(-5deg) translateY(-10px);
    transform: skewX(-5deg) translateY(-10px);
  }
}
@-o-keyframes horizontal-right-move {
  from {
    -webkit-transform: skewX(-5deg) translateY(10px);
    -moz-transform: skewX(-5deg) translateY(10px);
    -o-transform: skewX(-5deg) translateY(10px);
    -ms-transform: skewX(-5deg) translateY(10px);
    transform: skewX(-5deg) translateY(10px);
  }
  to {
    -webkit-transform: skewX(-5deg) translateY(-10px);
    -moz-transform: skewX(-5deg) translateY(-10px);
    -o-transform: skewX(-5deg) translateY(-10px);
    -ms-transform: skewX(-5deg) translateY(-10px);
    transform: skewX(-5deg) translateY(-10px);
  }
}
@keyframes horizontal-right-move {
  from {
    -webkit-transform: skewX(-5deg) translateY(10px);
    -moz-transform: skewX(-5deg) translateY(10px);
    -o-transform: skewX(-5deg) translateY(10px);
    -ms-transform: skewX(-5deg) translateY(10px);
    transform: skewX(-5deg) translateY(10px);
  }
  to {
    -webkit-transform: skewX(-5deg) translateY(-10px);
    -moz-transform: skewX(-5deg) translateY(-10px);
    -o-transform: skewX(-5deg) translateY(-10px);
    -ms-transform: skewX(-5deg) translateY(-10px);
    transform: skewX(-5deg) translateY(-10px);
  }
}
@-moz-keyframes horizontal-center-move {
  from {
    left: -100px;
  }
  to {
    left: 0px;
  }
}
@-webkit-keyframes horizontal-center-move {
  from {
    left: -100px;
  }
  to {
    left: 0px;
  }
}
@-o-keyframes horizontal-center-move {
  from {
    left: -100px;
  }
  to {
    left: 0px;
  }
}
@keyframes horizontal-center-move {
  from {
    left: -100px;
  }
  to {
    left: 0px;
  }
}
.nav-fixed #ark-nav-box {
  top: -100px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.nav-fixed.nav-visible #ark-nav-box {
  top: 0px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.ark-nav-box {
  position: fixed;
  width: 100%;
  z-index: 999;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
  top: 0px;
}
.ark-nav-box .ark-nav {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  color: var(--ark-post-item-font-color);
  text-shadow: 1px 1px 2px #494748;
  filter: drop-shadow(0 0px 3px var(--card-widget-content-border));
}
.ark-nav-box .ark-nav a {
  color: var(--ark-post-item-font-color);
}
.ark-nav-box .ark-nav a:hover {
  color: var(--ark-post-item-font-hover);
}
.ark-nav-box .ark-nav::before {
  position: absolute;
  width: 100%;
  background: var(--card-widget-background);
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  content: "";
}
.ark-nav-box .ark-nav .ark-nav-message-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-item {
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-weather .s-sticker-tmp.module {
  color: var(--ark-post-item-font-color) !important;
  font-family: 'TaikoMagic' !important;
}
.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-weather .s-sticker-city.module {
  color: var(--ark-post-item-font-color) !important;
  font-family: 'TaikoMagic' !important;
}
.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-date-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  background: transparent;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  font-family: 'UnidreamLED', 'TaikoMagic';
}
.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-title-box {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  background: transparent;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  font-family: 'TaikoMagic';
}
.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date:hover .ark-nav-message-date-box {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}
.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date:hover .ark-nav-message-title-box {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  transform: rotateX(0deg);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -moz-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -o-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  -ms-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}
.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-function {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-function .ark-nav-function {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 3px;
}
@media screen and (min-width: 768px) {
  .ark-nav-box .ark-nav {
    height: 50px;
  }
  .ark-nav-box .ark-nav::before {
    height: 100px;
    clip-path: polygon(0 100%, 40px 100%, 60px calc(100% - 20px), 220px calc(100% - 20px), 240px calc(100% - 40px), 320px calc(100% - 40px), 380px 10px, calc(100% - 380px) 10px, calc(100% - 320px) calc(100% - 40px), calc(100% - 240px) calc(100% - 40px), calc(100% - 220px) calc(100% - 20px), calc(100% - 60px) calc(100% - 20px), calc(100% - 40px) 100%, 100% 100%, 100% 30px, calc(100% - 30px) 0, 30px 0, 0 30px);
  }
  .ark-nav-box .ark-nav .ark-nav-message-container {
    height: 50px;
    width: 100%;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-item {
    height: 50px;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-weather {
    width: 25%;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date {
    width: 50%;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-date-box {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 50%;
    height: 50px;
    font-size: 20px;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-title-box {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 50%;
    height: 50px;
    font-size: 20px;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-function {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .ark-nav-box .ark-nav {
    height: 50px;
  }
  .ark-nav-box .ark-nav::before {
    height: 100px;
    clip-path: polygon(100% 100%, calc(100% - 40px) 100%, calc(100% - 60px) calc(100% - 20px), calc(100% - 220px) calc(100% - 20px), calc(100% - 240px) calc(100% - 40px), calc(100% - 320px) calc(100% - 40px), calc(100% - 380px) 10px, 0 10px, 0 0, calc(100% - 30px) 0, 100% 30px);
  }
  .ark-nav-box .ark-nav .ark-nav-message-container {
    height: 50px;
    width: 100%;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-item {
    height: 50px;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-weather {
    display: none;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 80%;
    padding-right: 120px;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-date-box {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 80%;
    height: 50px;
    font-size: 20px;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-date .ark-nav-message-title-box {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 80%;
    height: 50px;
    font-size: 20px;
  }
  .ark-nav-box .ark-nav .ark-nav-message-container .ark-nav-message-function {
    padding-right: 30px;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
    width: 20%;
  }
}
:root {
  --ark-left-border-color: #818181;
  --ark-right-border-color: #f58b49;
  --ark-container-background: rgba(50,50,50,0.8);
  --ark-container-font: #fff;
}
[data-theme="dark"] {
  --ark-left-border-color: #37708f;
  --ark-right-border-color: #1849a0;
  --ark-container-background: rgba(30,49,55,0.7);
  --ark-container-font: #fff;
}
#page-header.post-bg {
  height: 100px;
}
#content-inner .post-outdate-notice {
  display: block;
  border: 2px dotted #f00;
  padding: 5px 20px;
  border-radius: 5px;
}
#content-inner #post,
#content-inner #page,
#content-inner #tag,
#content-inner #category,
#content-inner #archive {
  position: relative;
  background: transparent;
  border-radius: 10px;
  padding: 15px 5px 15px 5px !important;
}
#content-inner #article-container,
#content-inner #post-comment,
#content-inner .tag-cloud-list,
#content-inner .category-lists,
#content-inner .post-copyright {
  color: var(--ark-container-font);
  border-radius: 10px;
  padding: 10px 15px;
  width: 100%;
  height: 100%;
  background: var(--ark-container-background);
  backdrop-filter: blur(5px);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@media screen and (min-width: 768px) {
  #content-inner #post,
  #content-inner #page,
  #content-inner #tag,
  #content-inner #category {
    padding: 45px 15px 45px 15px !important;
  }
  #content-inner #post::before,
  #content-inner #page::before,
  #content-inner #tag::before,
  #content-inner #category::before {
    content: "";
    z-index: -1;
    background: var(--ark-left-border-color);
    height: 100%;
    width: 60%;
    position: absolute;
    left: 0;
    top: 0;
    clip-path: polygon(calc(100% - 1px) 27px, 100% 24px, calc(100% - 30px) 24px, calc(100% - 30px) 22px, calc(100% - 45px) 12px, calc(100% - 140px) 12px, calc(100% - 127px) 22px, calc(100% - 30px) 22px, calc(100% - 30px) 24px, calc(100% - 130px) 24px, calc(100% - 143px) 12px, 39px 12px, 0 51px, 0 calc(100% - 51px), 39px calc(100% - 12px), calc(100% - 143px) calc(100% - 12px), calc(100% - 130px) calc(100% - 24px), calc(100% - 1px) calc(100% - 24px), 100% calc(100% - 27px), calc(100% - 30px) calc(100% - 27px), calc(100% - 30px) calc(100% - 22px), calc(100% - 45px) calc(100% - 12px), calc(100% - 140px) calc(100% - 12px), calc(100% - 127px) calc(100% - 22px), calc(100% - 30px) calc(100% - 22px), calc(100% - 30px) calc(100% - 27px), calc(100% - 132px) calc(100% - 27px), calc(100% - 145px) calc(100% - 15px), 41px calc(100% - 15px), 3px calc(100% - 54px), 3px 54px, 41px 15px, calc(100% - 145px) 15px, calc(100% - 132px) 27px);
  }
  #content-inner #post::after,
  #content-inner #page::after,
  #content-inner #tag::after,
  #content-inner #category::after {
    content: "";
    z-index: -1;
    background: var(--ark-right-border-color);
    height: 100%;
    width: 40%;
    position: absolute;
    right: 0;
    top: 0;
    clip-path: polygon(0 0, 40px 23px, calc(100% - 39px) 23px, 100% 51px, 100% calc(100% - 51px), calc(100% - 39px) calc(100% - 23px), 40px calc(100% - 23px), 0 100%, 0 calc(100% - 5px), 40px calc(100% - 27px), calc(100% - 41px) calc(100% - 27px), calc(100% - 5px) calc(100% - 53px), calc(100% - 5px) 53px, calc(100% - 41px) 27px, 42px 27px, 0 5px);
  }
  #content-inner #article-container,
  #content-inner #post-comment,
  #content-inner .tag-cloud-list,
  #content-inner .category-lists,
  #content-inner .post-copyright {
    padding: 30px 25px;
    clip-path: polygon(20px 20px, 0px 40px, 0px calc(100% - 20px), 20px 100%, 100px 100%, 120px calc(100% - 20px), calc(50% - 20px) calc(100% - 20px), 50% 100%, calc(100% - 20px) 100%, 100% calc(100% - 20px), 100% 40px, calc(100% - 20px) 19px, 50% 20px, calc(50% - 20px) 0px, calc(50% - 160px) 0px, calc(50% - 180px) 20px);
  }
  #post #post-info {
    clip-path: polygon(20px 20px, 0 40px, 0 calc(100% - 20px), 20px 100%, 100px 100%, 120px calc(100% - 20px), calc(50% - 20px) calc(100% - 20px), 50% 100%, calc(100% - 20px) 100%, 100% calc(100% - 20px), 100% 40px, calc(100% - 20px) 20px, calc(50% + 80px) 20px, calc(50% + 60px) 0, calc(50% - 60px) 0, calc(50% - 80px) 20px);
  }
}
#post #post-info {
  position: relative;
  width: 100%;
  height: 200px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
  border-radius: 15px;
  margin: 0 0 20px 0;
}
#post #post-info * {
  color: var(--ark-post-item-font-color);
  -webkit-box-shadow: 1px 1px 2px inset var;
  box-shadow: 1px 1px 2px inset var;
}
#post #post-info .ark-post-info-cover {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  z-index: 0;
}
#post #post-info .ark-post-info-cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
#post #post-info .post-meta-date {
  width: 350px;
  font-size: 16px;
  text-shadow: 2px 2px 3px #000;
  background: rgba(153,54,44,0.8);
  font-family: 'UnidreamLED';
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  height: 30px;
  top: calc(50% - 15px);
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 2;
}
#post #post-info .post-meta-date * {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
#post #post-info .post-meta-date .post-meta-date-item-first {
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
#post #post-info .post-meta-date .post-meta-date-item-second {
  position: absolute;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#post #post-info .post-meta-date:hover .post-meta-date-item-first {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#post #post-info .post-meta-date:hover .post-meta-date-item-second {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
#post #post-info .ark-post-item-info {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--ark-post-item-screen);
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  z-index: 0;
}
#post #post-info .ark-post-item-info .ark-post-item-title {
  border-style: dotted;
  border-width: 0 0 3px 0;
  width: 100%;
  height: 100px;
  line-height: 100px;
  color: var(--ark-post-item-font-color);
  font-family: 'TaikoMagic';
  border-color: rgba(153,54,44,0.8);
  display: block;
  overflow: hidden;
}
#post #post-info .ark-post-item-info .ark-post-item-title h1.post-title {
  float: left;
  height: 100px;
  white-space: nowrap;
  -webkit-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  -moz-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  -o-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  -ms-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  min-width: 100%;
  text-align: center;
}
#post #post-info .ark-post-item-info #post-meta {
  color: var(--ark-post-item-font-color);
  text-align: start;
  height: 100px;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-line-pack: end;
  -webkit-align-content: flex-end;
  align-content: flex-end;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
}
#post #post-info .ark-post-item-info #post-meta input[type="checkbox"] {
  display: none;
}
#post #post-info .ark-post-item-info #post-meta input[type="checkbox"]:checked+ label {
  width: 100%;
  -webkit-transition: width ease-in-out 0.5s;
  -moz-transition: width ease-in-out 0.5s;
  -o-transition: width ease-in-out 0.5s;
  -ms-transition: width ease-in-out 0.5s;
  transition: width ease-in-out 0.5s;
}
#post #post-info .ark-post-item-info #post-meta > label {
  width: 20px;
  height: 22px;
  line-height: 22px;
  max-width: fit-content;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: width ease-in-out 0.5s;
  -moz-transition: width ease-in-out 0.5s;
  -o-transition: width ease-in-out 0.5s;
  -ms-transition: width ease-in-out 0.5s;
  transition: width ease-in-out 0.5s;
}
#post #post-info .ark-post-item-info #post-meta > label:hover {
  width: 100%;
  -webkit-transition: width ease-in-out 0.5s;
  -moz-transition: width ease-in-out 0.5s;
  -o-transition: width ease-in-out 0.5s;
  -ms-transition: width ease-in-out 0.5s;
  transition: width ease-in-out 0.5s;
}
#post #post-info .ark-post-info-decoration {
  width: 150px;
  height: 150px;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  position: absolute;
  top: calc(50% - 75px);
  left: calc(50% - 75px);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  #post #post-info {
    clip-path: polygon(20px 20px, 0 40px, 0 calc(100% - 20px), 20px 100%, 100px 100%, 120px calc(100% - 20px), calc(50% - 20px) calc(100% - 20px), 50% 100%, calc(100% - 20px) 100%, 100% calc(100% - 20px), 100% 40px, calc(100% - 20px) 20px, calc(50% + 80px) 20px, calc(50% + 60px) 0, calc(50% - 60px) 0, calc(50% - 80px) 20px);
  }
  #post #post-info .ark-post-info-cover {
    width: calc(25% + 100px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 200px) 100%, 0 100%);
  }
  #post #post-info .post-meta-date {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    left: calc(25% - 175px);
  }
  #post #post-info .ark-post-item-info {
    width: calc(75% + 100px);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 200px 0);
    padding: 0 0 0 140px;
  }
  #post #post-info .ark-post-item-info .ark-post-item-title {
    padding: 0 10px 0 20px;
  }
  #post #post-info .ark-post-item-info .ark-post-item-title h1.post-title {
    font-size: 36px;
  }
  #post #post-info .ark-post-item-info #post-meta {
    padding: 0px 20px 20px 0px;
    font-size: 16px;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  #post #post-info .ark-post-info-cover {
    width: calc(25% + 50px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100%, 0 100%);
  }
  #post #post-info .post-meta-date {
    -webkit-transform: rotateZ(-60deg);
    -moz-transform: rotateZ(-60deg);
    -o-transform: rotateZ(-60deg);
    -ms-transform: rotateZ(-60deg);
    transform: rotateZ(-60deg);
    left: calc(25% - 175px);
  }
  #post #post-info .ark-post-item-info {
    width: calc(75% + 50px);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 100px 0);
    padding: 0 0 0 60px;
  }
  #post #post-info .ark-post-item-info .ark-post-item-title {
    padding: 0 20px 0 40px;
  }
  #post #post-info .ark-post-item-info .ark-post-item-title h1.post-title {
    font-size: 32px;
  }
  #post #post-info .ark-post-item-info #post-meta {
    padding: 0px 15px 20px 5px;
    font-size: 16px;
    line-height: 20px;
  }
}
:root {
  --rightside-background: rgba(14,14,14,0.95);
  --rightside-background-hover: rgba(180,50,35,0.95);
  --rightside-font-color: #fff;
  --rightside-box-shadow: #888;
  --rightside-icon-background: rgba(101,103,107,0.6);
  --rightside-icon-color: #fff;
  --rightside-icon-shadow: #262728;
  --rightside-corner-background: #c27314;
  --rightside-corner-color: #cdcdcd;
  --rightside-corner-shadow: #222;
  --rightside-m-background-color: #2e302f;
  --rightside-m-border-color: #be7321;
  --rightside-m-icon-color: #fff;
  --rightside-m-icon-background: #707472;
  --rightside-m-icon-border-color: #464a58;
  --rightside-m-hover-color: #8c2c20;
  --rightside-transition: all 0.5s cubic-bezier(0.59, 0.01, 0.48, 1.17);
}
[data-theme="dark"] {
  --rightside-background: rgba(35,50,68,0.75);
  --rightside-background-hover: rgba(54,124,197,0.9);
  --rightside-font-color: #fff;
  --rightside-box-shadow: #2983be;
  --rightside-icon-background: rgba(45,45,60,0.6);
  --rightside-icon-color: #2983be;
  --rightside-icon-shadow: #191a19;
  --rightside-corner-background: #2983be;
  --rightside-corner-color: #fff;
  --rightside-corner-shadow: #222;
  --rightside-m-background-color: #2e302f;
  --rightside-m-border-color: #2556ab;
  --rightside-m-icon-color: #fff;
  --rightside-m-icon-background: #707472;
  --rightside-m-icon-border-color: #141e29;
  --rightside-m-hover-color: rgba(40,42,45,0.9);
}
#rightside {
  font-family: 'SAOUI', 'TaikoMagic', 'ZhuZiAYuanJWD';
  position: fixed;
  z-index: 100;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
#rightside #rightside-config-hide {
  height: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  -ms-transition: -ms-transform 0.4s;
  transition: transform 0.4s;
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
#rightside #rightside-config-hide.show {
  height: auto;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#rightside #rightside-config-hide.status {
  height: auto;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#rightside > div > button,
#rightside > div > label,
#rightside > div > a {
  text-align: center;
  font-size: 16px;
}
#rightside #mobile-toc-button {
  display: none;
}
@media screen and (max-width: 900px) {
  #rightside #mobile-toc-button {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  #rightside #hide-aside-btn {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  #rightside {
    bottom: 60px;
    right: -48px;
  }
  #rightside:hover> div > button,
  #rightside:hover> div > label,
  #rightside:hover> div > a {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -ms-transition: -ms-transform 0.4s;
    transition: transform 0.4s;
  }
  #rightside:hover> div > button i,
  #rightside:hover> div > label i,
  #rightside:hover> div > a i,
  #rightside:hover> div > button svg,
  #rightside:hover> div > label svg,
  #rightside:hover> div > a svg {
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -ms-transition: -ms-transform 0.4s;
    transition: transform 0.4s;
  }
  #rightside:hover> div > button span,
  #rightside:hover> div > label span,
  #rightside:hover> div > a span {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    clip-path: inset(0);
    -webkit-transition: all 0.3s 0.2s;
    -moz-transition: all 0.3s 0.2s;
    -o-transition: all 0.3s 0.2s;
    -ms-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
  }
  #rightside> div > button,
  #rightside> div > label,
  #rightside> div > a {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin-bottom: 5px;
    position: relative;
    padding: 6px 15px 0px 0px;
    width: 135px;
    height: 50px;
    -webkit-transform: rotateZ(-90deg);
    -moz-transform: rotateZ(-90deg);
    -o-transform: rotateZ(-90deg);
    -ms-transform: rotateZ(-90deg);
    transform: rotateZ(-90deg);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -o-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -ms-transition: -ms-transform 0.4s;
    transition: transform 0.4s;
    border-radius: 0px;
    background-color: var(--rightside-background);
    color: var(--rightside-font-color);
    clip-path: polygon(100% 0, 60px 0, 50px 10px, 30px 10px, 0 40px, 0 100%, 50px 100%, 60px 40px, calc(100% - 10px) 40px, 100% 30px);
    -webkit-box-shadow: 1px 0px 5px var(--rightside-box-shadow) inset;
    box-shadow: 1px 0px 5px var(--rightside-box-shadow) inset;
    border-radius: 35px 0px 30px 0px;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  #rightside> div > button i,
  #rightside> div > label i,
  #rightside> div > a i,
  #rightside> div > button svg,
  #rightside> div > label svg,
  #rightside> div > a svg {
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -o-transition: -o-transform 0.4s;
    -ms-transition: -ms-transform 0.4s;
    transition: transform 0.4s;
    background: var(--rightside-icon-shadow);
    border: 1px solid var(--rightside-icon-color);
    -webkit-box-shadow: 0px 0px 10px var(--rightside-icon-shadow) inset;
    box-shadow: 0px 0px 10px var(--rightside-icon-shadow) inset;
    color: var(--rightside-icon-color);
    border-radius: 50%;
    width: 27px;
    height: 27px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
  }
  #rightside> div > button span,
  #rightside> div > label span,
  #rightside> div > a span {
    margin: 10px 3px 0px 0px;
    text-shadow: 1px 2px 3px var(--rightside-box-shadow);
    line-height: 1em;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    clip-path: inset(50%);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
  }
  #rightside> div > button::before,
  #rightside> div > label::before,
  #rightside> div > a::before {
    content: "akilar";
    font-size: 12px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-shadow: 0px 0px 2px var(--rightside-corner-shadow) inset;
    box-shadow: 0px 0px 2px var(--rightside-corner-shadow) inset;
    width: 35px;
    padding: 0px 0px 0px 7px;
    height: 12px;
    line-height: 12px;
    position: absolute;
    background: var(--rightside-corner-background);
    color: var(--rightside-corner-color);
    bottom: -1px;
    left: -1px;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 0 100%);
  }
  #rightside> div > button::after,
  #rightside> div > label::after,
  #rightside> div > a::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    background: var(--rightside-icon-color);
    top: -1px;
    right: -1px;
    clip-path: polygon(50% 0%, 100% 0%, 100% 50%, 85% 50%, 85% 15%, 50% 15%, 55% 0%, 27% 0%, 27% 30%, 27% 57%, 0% 57%, 0% 70%, 27% 70%, 27% 100%, 40% 100%, 40% 70%, 70% 70%, 70% 57%, 40% 57%, 40% 30%, 27% 30%, 27% 0%);
  }
  #rightside> div > button:hover,
  #rightside> div > label:hover,
  #rightside> div > a:hover {
    background: var(--rightside-background-hover);
  }
  #rightside> div > button:hover i,
  #rightside> div > label:hover i,
  #rightside> div > a:hover i {
    color: var(--rightside-background-hover);
  }
}
@media screen and (max-width: 900px) {
  #rightside {
    bottom: 150px;
    right: -48px;
  }
  #rightside> div > button,
  #rightside> div > label,
  #rightside> div > a {
    display: block;
    background: var(--rightside-m-background-color);
    position: relative;
    margin-bottom: 10px;
    border-radius: 3px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  #rightside> div > button i,
  #rightside> div > label i,
  #rightside> div > a i,
  #rightside> div > button svg,
  #rightside> div > label svg,
  #rightside> div > a svg {
    background: var(--rightside-m-icon-background);
    color: var(--rightside-m-icon-color);
    width: 25px;
    height: 25px;
    padding: 3px 3px;
    border: 2px solid var(--rightside-m-icon-border-color);
    border-radius: 50%;
  }
  #rightside> div > button span,
  #rightside> div > label span,
  #rightside> div > a span {
    display: none;
  }
  #rightside> div > button::before,
  #rightside> div > label::before,
  #rightside> div > a::before {
    content: "";
    z-index: 2;
    background: var(--rightside-m-border-color);
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0px;
    top: 0px;
    clip-path: polygon(50% 50%, 50% 10px, calc(50% - 3px) 10px, calc(50% - 5px) 0, calc(50% + 5px) 0, calc(50% + 3px) 10px, 50% 10px, 50% 50%, 50% calc(100% - 10px), calc(50% - 3px) calc(100% - 10px), calc(50% - 5px) 100%, calc(50% + 5px) 100%, calc(50% + 3px) calc(100% - 10px), 50% calc(100% - 10px), 50% 50%, 10px 50%, 10px calc(50% - 3px), 0 calc(50% - 5px), 0 calc(50% + 5px), 10px calc(50% + 3px), 10px 50%, 50% 50%, calc(100% - 10px) 50%, calc(100% - 10px) calc(50% - 3px), 100% calc(50% - 5px), 100% calc(50% + 5px), calc(100% - 10px) calc(50% + 3px), calc(100% - 10px) 50%, 50% 50%);
    -webkit-transition: var(--rightside-transition);
    -moz-transition: var(--rightside-transition);
    -o-transition: var(--rightside-transition);
    -ms-transition: var(--rightside-transition);
    transition: var(--rightside-transition);
  }
  #rightside> div > button::after,
  #rightside> div > label::after,
  #rightside> div > a::after {
    content: "";
    z-index: 1;
    background: var(--rightside-m-icon-background);
    width: 35px;
    height: 35px;
    position: absolute;
    border-radius: 3px;
    left: 0px;
    top: 0px;
    clip-path: polygon(10% 100%, 10% 0%, 0% 0%, 0% 100%, 10% 100%, 35% 100%, 40% 94%, 60% 94%, 65% 100%, 35% 100%, 35% 0%, 40% 6%, 60% 6%, 60% 0%, 35% 0%, 35% 100%, 90% 100%, 90% 0, 100% 0, 100% 100%, 35% 100%);
  }
  #rightside> div > button:hover,
  #rightside> div > label:hover,
  #rightside> div > a:hover {
    background: var(--rightside-m-hover-color);
  }
  #rightside> div > button:hover::before,
  #rightside> div > label:hover::before,
  #rightside> div > a:hover::before {
    left: -8px;
    top: -8px;
    width: 49px;
    height: 49px;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -webkit-transition: var(--rightside-transition);
    -moz-transition: var(--rightside-transition);
    -o-transition: var(--rightside-transition);
    -ms-transition: var(--rightside-transition);
    transition: var(--rightside-transition);
  }
}
.recent-post-item#swiperBar {
  width: 100%;
  position: relative;
}
.recent-post-item#swiperBar #ark-swiper-container {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper {
  width: 100%;
  height: 200px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item {
  position: relative;
  width: 100%;
  height: 200px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 3px inset var(--ark-post-item-box-shadow);
  box-shadow: 0 0 3px inset var(--ark-post-item-box-shadow);
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-cover {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  z-index: 0;
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-cover img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-time {
  width: 350px;
  color: var(--ark-post-item-font-color);
  font-size: 25px;
  text-shadow: 2px 2px 3px #000;
  background: rgba(153,54,44,0.8);
  font-family: 'UnidreamLED';
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  height: 30px;
  top: calc(50% - 15px);
  left: calc(50% - 175px);
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 2;
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-time span {
  margin: 0 3px;
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--ark-post-item-screen);
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  z-index: 0;
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title {
  border-style: dotted;
  border-width: 0 0 3px 0;
  width: 100%;
  height: 80px;
  color: var(--ark-post-item-font-color);
  font-family: 'TaikoMagic';
  border-color: rgba(153,54,44,0.8);
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title .ark-swiper-item-title-link {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title .ark-swiper-item-title-link:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  color: var(--ark-post-item-font-hover);
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description {
  color: var(--ark-post-item-font-color);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  text-align: start;
  height: 130px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description .ark-swiper-item-description-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-decoration {
  width: 150px;
  height: 150px;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  position: absolute;
  top: calc(50% - 75px);
  left: calc(50% - 75px);
  z-index: -1;
}
.recent-post-item#swiperBar #ark-swiper-container .ark-swiper-pagination {
  bottom: 5px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .recent-post-item#swiperBar {
    height: 260px;
    padding: 30px 30px;
  }
  .recent-post-item#swiperBar::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background: var(--ark-post-item-border);
    z-index: 3;
    left: 0;
    top: 0;
    clip-path: polygon(50% 50%, 50% 0, calc(50% - 10px) 0, 30% 0, calc(30% - 10px) 10px, 10px 15px, 0 25px, 25px 25px, 30px 20px, calc(30% + 10px) 20px, calc(30% + 20px) 10px, calc(50% - 30px) 10px, calc(50% - 10px) 0, 50% 0, 50% 50%, 50% 0, calc(50% + 10px) 0, 70% 0, calc(70% + 10px) 10px, calc(100% - 10px) 15px, 100% 25px, calc(100% - 25px) 25px, calc(100% - 30px) 20px, calc(70% - 10px) 20px, calc(70% - 20px) 10px, calc(50% + 30px) 10px, calc(50% + 10px) 0, 50% 0, 50% 50%, 50% 100%, calc(50% - 10px) 100%, 30% 100%, calc(30% - 10px) calc(100% - 10px), 10px calc(100% - 15px), 0 calc(100% - 25px), 25px calc(100% - 25px), 30px calc(100% - 20px), calc(30% + 10px) calc(100% - 20px), calc(30% + 20px) calc(100% - 10px), calc(50% - 30px) calc(100% - 10px), calc(50% - 10px) 100%, 50% 100%, 50% 50%, 50% 100%, calc(50% + 10px) 100%, 70% 100%, calc(70% + 10px) calc(100% - 10px), calc(100% - 10px) calc(100% - 15px), 100% calc(100% - 25px), calc(100% - 25px) calc(100% - 25px), calc(100% - 30px) calc(100% - 20px), calc(70% - 10px) calc(100% - 20px), calc(70% - 20px) calc(100% - 10px), calc(50% + 30px) calc(100% - 10px), calc(50% + 10px) 100%, 50% 100%, 50% 50%);
  }
  .recent-post-item#swiperBar::after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background: -webkit-linear-gradient(left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), -webkit-linear-gradient(right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
    background: -moz-linear-gradient(left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), -moz-linear-gradient(right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
    background: -o-linear-gradient(left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), -o-linear-gradient(right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
    background: -ms-linear-gradient(left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), -ms-linear-gradient(right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
    background: linear-gradient(to right, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent), linear-gradient(to left, var(--ark-post-item-screen) 30px, #e9e9e9, #e9e9e9 60px, transparent);
    z-index: 3;
    left: 0;
    top: 0;
    clip-path: polygon(50% 50%, 45px 50%, 45px 45px, 60px 45px, 65px 40px, 40px 40px, 40px calc(50% - 10px), 45px calc(50% - 10px), 45px 50%, 25px 50%, 25px calc(50% - 15px), 10px calc(50% - 15px), 10px calc(50% - 10px), 25px calc(50% - 10px), 25px calc(50% - 2.5px), 0 calc(50% - 2.5px), 0 50%, 50% 50%, 45px 50%, 45px calc(100% - 45px), 60px calc(100% - 45px), 65px calc(100% - 40px), 40px calc(100% - 40px), 40px calc(50% + 10px), 45px calc(50% + 10px), 45px 50%, 25px 50%, 25px calc(50% + 15px), 10px calc(50% + 15px), 10px calc(50% + 10px), 25px calc(50% + 10px), 25px calc(50% + 2.5px), 0 calc(50% + 2.5px), 0 50%, 50% 50%, calc(100% - 45px) 50%, calc(100% - 45px) 45px, calc(100% - 60px) 45px, calc(100% - 65px) 40px, calc(100% - 40px) 40px, calc(100% - 40px) calc(50% - 10px), calc(100% - 45px) calc(50% - 10px), calc(100% - 45px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% - 15px), calc(100% - 10px) calc(50% - 15px), calc(100% - 10px) calc(50% - 10px), calc(100% - 25px) calc(50% - 10px), calc(100% - 25px) calc(50% - 2.5px), 100% calc(50% - 2.5px), 100% 50%, 50% 50%, calc(100% - 45px) 50%, calc(100% - 45px) calc(100% - 45px), calc(100% - 60px) calc(100% - 45px), calc(100% - 65px) calc(100% - 40px), calc(100% - 40px) calc(100% - 40px), calc(100% - 40px) calc(50% + 10px), calc(100% - 45px) calc(50% + 10px), calc(100% - 45px) 50%, calc(100% - 25px) 50%, calc(100% - 25px) calc(50% + 15px), calc(100% - 10px) calc(50% + 15px), calc(100% - 10px) calc(50% + 10px), calc(100% - 25px) calc(50% + 10px), calc(100% - 25px) calc(50% + 2.5px), 100% calc(50% + 2.5px), 100% 50%, 50% 50%);
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-cover {
    width: calc(50% + 100px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 200px) 100%, 0 100%);
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-time {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info {
    width: calc(50% + 100px);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 200px 0);
    padding: 0 0 0 140px;
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title {
    padding: 15px 20px 0 60px;
    font-size: 20px;
    line-height: 25px;
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title .ark-swiper-item-title-link {
    -webkit-line-clamp: 2;
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description {
    padding: 10px 20px 10px 10px;
    font-size: 16px;
    line-height: 30px;
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description .ark-swiper-item-description-text {
    -webkit-line-clamp: 3;
  }
}
@media screen and (max-width: 768px) {
  .recent-post-item#swiperBar {
    height: 200px;
    padding: 0px 0px;
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-cover {
    width: calc(50% + 50px);
    clip-path: polygon(0 0, 100% 0, calc(100% - 100px) 100%, 0 100%);
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-time {
    -webkit-transform: rotateZ(-60deg);
    -moz-transform: rotateZ(-60deg);
    -o-transform: rotateZ(-60deg);
    -ms-transform: rotateZ(-60deg);
    transform: rotateZ(-60deg);
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info {
    width: calc(50% + 50px);
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 100px 0);
    padding: 0 0 0 60px;
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title {
    padding: 10px 16px 0 45px;
    font-size: 16px;
    line-height: 20px;
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info a.ark-swiper-item-title .ark-swiper-item-title-link {
    -webkit-line-clamp: 2;
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description {
    padding: 0px 15px 10px 5px;
    font-size: 14px;
    line-height: 20px;
  }
  .recent-post-item#swiperBar #ark-swiper-container .ark-swiper-wrapper .ark-swiper-item .ark-swiper-item-info .ark-swiper-item-description .ark-swiper-item-description-text {
    -webkit-line-clamp: 4;
  }
}
#aside-content .card-tags .card-tag-cloud,
#page .tag-cloud-list .card-tag-cloud {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box {
  position: relative;
  z-index: 1;
  background: transparent;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #fff;
  font-family: 'UnidreamLED', 'TaikoMagic';
  border-radius: 3px;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box::before,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box::before {
  content: "";
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: #172433;
  border-radius: 3px;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box::after,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box::after {
  content: "";
  z-index: -1;
  position: absolute;
  display: block;
  background: transparent;
  border-color: #fd4000;
  border-style: dotted solid solid none;
  border-radius: 3px;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-name-box,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-name-box {
  overflow: hidden;
  z-index: 1;
  margin: 0 3px 0 0;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-name-box span.ark-tags-name,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-name-box span.ark-tags-name {
  float: left;
  white-space: nowrap;
  -webkit-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  -moz-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  -o-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  -ms-animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  animation: text-roll 4s cubic-bezier(0.6, 0, 0.5, 1) alternate infinite;
  min-width: 100%;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-length,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-length {
  z-index: 1;
  position: relative;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-length::after,
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-length::after {
  content: "";
  position: absolute;
  -webkit-box-shadow: 0px 0px 0px 0.5px inset #232323;
  box-shadow: 0px 0px 0px 0.5px inset #232323;
  background: -webkit-linear-gradient(left, #fd4000 var(--percentage), #fd4000, #fff var(--percentage), #fff);
  background: -moz-linear-gradient(left, #fd4000 var(--percentage), #fd4000, #fff var(--percentage), #fff);
  background: -o-linear-gradient(left, #fd4000 var(--percentage), #fd4000, #fff var(--percentage), #fff);
  background: -ms-linear-gradient(left, #fd4000 var(--percentage), #fd4000, #fff var(--percentage), #fff);
  background: linear-gradient(to right, #fd4000 var(--percentage), #fd4000, #fff var(--percentage), #fff);
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box {
  width: 80px;
  height: 60px;
  margin: 0 4px 4px 0;
  padding: 0 10px 0 5px;
  font-size: 12px;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box::before {
  width: 80px;
  height: 60px;
  clip-path: polygon(0px 6px, 40px 6px, 45px 0, 100% 0, 100% calc(50% - 12px), calc(100% - 5px) calc(50% - 10px), calc(100% - 5px) calc(50% + 10px), 100% calc(50% + 12px), 100% 100%, 10px 100%, 0 calc(100% - 10px));
  -webkit-box-shadow: 0px 0px 0px 3px inset #4a4f56;
  box-shadow: 0px 0px 0px 3px inset #4a4f56;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box::after {
  top: 4px;
  left: 2px;
  width: 72px;
  height: 41px;
  border-width: 3px 5px 10px 0px;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-name-box {
  width: 4em;
  height: 12px;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-name-box span.ark-tags-name {
  line-height: 12px;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-length {
  line-height: 12px;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-box span.ark-tags-length::after {
  width: 60px;
  height: 3px;
  right: 0px;
  bottom: -10px;
}
#aside-content .card-tags .card-tag-cloud a.ark-tags-button {
  background: #000;
  width: 200px;
  height: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  font-size: 12px;
  font-family: 'UnidreamLED', 'TaikoMagic';
  text-align: center;
  -webkit-box-shadow: 0px 0px 0px 3px inset #4a4f56;
  box-shadow: 0px 0px 0px 3px inset #4a4f56;
  border-radius: 3px;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box {
  width: 100px;
  height: 70px;
  margin: 0 4px 4px 4px;
  padding: 0 10px 0 5px;
  font-size: 12px;
}
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box::before {
  width: 100px;
  height: 70px;
  clip-path: polygon(0px 6px, 40px 6px, 45px 0, 100% 0, 100% calc(50% - 12px), calc(100% - 5px) calc(50% - 10px), calc(100% - 5px) calc(50% + 10px), 100% calc(50% + 12px), 100% 100%, 10px 100%, 0 calc(100% - 10px));
  -webkit-box-shadow: 0px 0px 0px 3px inset #4a4f56;
  box-shadow: 0px 0px 0px 3px inset #4a4f56;
}
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box::after {
  top: 4px;
  left: 2px;
  width: 92px;
  height: 50px;
  border-width: 3px 5px 10px 0px;
}
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-name-box {
  width: 6em;
  height: 14px;
}
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-name-box span.ark-tags-name {
  line-height: 12px;
}
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-length {
  line-height: 12px;
}
#page .tag-cloud-list .card-tag-cloud a.ark-tags-box span.ark-tags-length::after {
  width: 80px;
  height: 3px;
  right: 0px;
  bottom: -12px;
}
@-moz-keyframes text-roll {
  from {
    margin-left: 0;
  }
  to {
    margin-left: 100%;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-webkit-keyframes text-roll {
  from {
    margin-left: 0;
  }
  to {
    margin-left: 100%;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@-o-keyframes text-roll {
  from {
    margin-left: 0;
  }
  to {
    margin-left: 100%;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes text-roll {
  from {
    margin-left: 0;
  }
  to {
    margin-left: 100%;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.tk-input .el-textarea__inner {
  height: 130px !important;
}
.tk-input .el-textarea__inner:focus {
  background-image: none !important;
}
.tk-comment * {
  font-size: 16px !important;
}
.tk-comment .tk-main .tk-row {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.tk-comment .tk-main .tk-replies .tk-avatar {
  height: 2.5em;
  width: 2.5em;
  margin: 0 10px;
}
.tk-comment .tk-main .tk-replies .tk-avatar .tk-avatar-img {
  height: 2.5em;
  width: 2.5em;
}
@media screen and (max-width: 600px) {
  .tk-comment .tk-main .tk-extras {
    display: none;
  }
  .tk-comment .tk-main .tk-replies {
    left: -50px;
  }
  .tk-comment .tk-main .tk-content {
    position: relative;
    padding: 5px 5px 5px 10px;
    line-height: 1.2;
    width: fit-content;
    max-width: 100%;
    background: -webkit-linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -webkit-linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -webkit-repeating-linear-gradient(315deg, rgba(66,177,226,0.6), transparent 0.2px);
    background: -moz-linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -moz-linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -moz-repeating-linear-gradient(315deg, rgba(66,177,226,0.6), transparent 0.2px);
    background: -o-linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -o-linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -o-repeating-linear-gradient(315deg, rgba(66,177,226,0.6), transparent 0.2px);
    background: -ms-linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -ms-linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -ms-repeating-linear-gradient(315deg, rgba(66,177,226,0.6), transparent 0.2px);
    background: linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), repeating-linear-gradient(135deg, rgba(66,177,226,0.6), transparent 0.2px);
    border-width: 2px 2px 7px 2px;
    border-style: solid;
    border-color: var(--ark-left-border-color);
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, calc(100% - 80px) 100%, calc(100% - 85px) calc(100% - 5px), 15px calc(100% - 5px), 0 calc(100% - 20px));
  }
}
@media screen and (min-width: 600px) {
  .tk-comment .tk-main > .tk-row {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    background: var(--ark-left-border-color);
    width: fit-content;
    padding: 0px 80px 0px 10px;
    clip-path: polygon(0 0, calc(100% - 80px) 0, calc(100% - 50px) calc(100% - 5px), calc(100% - 5px) calc(100% - 5px), 100% 100%, 0 100%);
  }
  .tk-comment .tk-main .tk-content {
    position: relative;
    padding: 5px 5px 5px 10px;
    width: fit-content;
    min-width: 350px;
    max-width: 100%;
    background: -webkit-linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -webkit-linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -webkit-repeating-linear-gradient(315deg, rgba(66,177,226,0.6), transparent 0.9px);
    background: -moz-linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -moz-linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -moz-repeating-linear-gradient(315deg, rgba(66,177,226,0.6), transparent 0.9px);
    background: -o-linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -o-linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -o-repeating-linear-gradient(315deg, rgba(66,177,226,0.6), transparent 0.9px);
    background: -ms-linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -ms-linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -ms-repeating-linear-gradient(315deg, rgba(66,177,226,0.6), transparent 0.9px);
    background: linear-gradient(225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), linear-gradient(45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), repeating-linear-gradient(135deg, rgba(66,177,226,0.6), transparent 0.9px);
    margin: 0 80px 0 0;
    border-width: 2px 2px 7px 2px;
    border-style: solid;
    border-color: var(--ark-left-border-color);
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, calc(100% - 80px) 100%, calc(100% - 85px) calc(100% - 5px), 15px calc(100% - 5px), 0 calc(100% - 20px));
  }
  .tk-comment.tk-master {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .tk-comment.tk-master .tk-main {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .tk-comment.tk-master .tk-main > .tk-row {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0px 10px 0px 80px !important;
    clip-path: polygon(100% 0, 80px 0, 50px calc(100% - 5px), 5px calc(100% - 5px), 0 100%, 100% 100%) !important;
  }
  .tk-comment.tk-master .tk-main > .tk-row .tk-meta {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -o-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .tk-comment.tk-master .tk-main .tk-content {
    position: relative;
    padding: 15px 30px 15px 15px;
    line-height: 1.5;
    margin: 0 0 0 80px;
    border-width: 2px 2px 7px 2px;
    border-style: solid;
    background: -webkit-linear-gradient(315deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -webkit-linear-gradient(135deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -webkit-repeating-linear-gradient(45deg, rgba(66,177,226,0.6), transparent 0.9px);
    background: -moz-linear-gradient(315deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -moz-linear-gradient(135deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -moz-repeating-linear-gradient(45deg, rgba(66,177,226,0.6), transparent 0.9px);
    background: -o-linear-gradient(315deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -o-linear-gradient(135deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -o-repeating-linear-gradient(45deg, rgba(66,177,226,0.6), transparent 0.9px);
    background: -ms-linear-gradient(315deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -ms-linear-gradient(135deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), -ms-repeating-linear-gradient(45deg, rgba(66,177,226,0.6), transparent 0.9px);
    background: linear-gradient(-225deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), linear-gradient(-45deg, var(--ark-left-border-color), var(--ark-left-border-color) 10px, transparent 10px), repeating-linear-gradient(45deg, rgba(66,177,226,0.6), transparent 0.9px);
    clip-path: polygon(100% 0, 15px 0, 0 15px, 0 100%, 80px 100%, 85px calc(100% - 5px), calc(100% - 15px) calc(100% - 5px), 100% calc(100% - 20px));
  }
}
:root {
  --recent-post-background: rgba(50,50,50,0.9);
  --recent-post-color: #fff;
  --recent-post-content-border: rgba(117,118,120,0.8);
  --recent-post-title-background: rgba(40,40,40,0.95);
  --recent-post-title-color: #fff;
  --recent-post-title-corner-background: rgba(153,54,44,0.8);
  --recent-post-title-corner-color: rgba(233,233,233,0.9);
}
[data-theme="dark"] {
  --recent-post-background: rgba(40,40,40,0.8);
  --recent-post-color: #fff;
  --recent-post-content-border: rgba(0,78,119,0.5);
  --recent-post-title-background: rgba(10,17,35,0.5);
  --recent-post-title-color: #004e77;
  --recent-post-title-corner-background: #37708f;
  --recent-post-title-corner-color: #92cef1;
}
.recent-post-item:has(#git_container) {
  background: var(--recent-post-background);
}
.recent-post-item:has(#categoryBar) {
  background: -webkit-linear-gradient(top, transparent 30px, var(--recent-post-background) 31px, var(--recent-post-background)) !important;
  background: -moz-linear-gradient(top, transparent 30px, var(--recent-post-background) 31px, var(--recent-post-background)) !important;
  background: -o-linear-gradient(top, transparent 30px, var(--recent-post-background) 31px, var(--recent-post-background)) !important;
  background: -ms-linear-gradient(top, transparent 30px, var(--recent-post-background) 31px, var(--recent-post-background)) !important;
  background: linear-gradient(to bottom, transparent 30px, var(--recent-post-background) 31px, var(--recent-post-background)) !important;
  padding: 20px 0px 0px 0px !important;
  clip-path: polygon(0 0, 100% 0, 100% 30px, calc(100% - 5px) 30px, 100% 45px, 100% 50px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 45px, 10px 30px, 0 30px);
}
.recent-post-item:has(#categoryBar) .recent-post-item-headline {
  border-top: 8px solid var(--recent-post-title-corner-background);
  border-left: 8px solid var(--recent-post-title-corner-background);
  -webkit-box-shadow: 0px 0px 10px var(--recent-post-content-border) inset;
  box-shadow: 0px 0px 10px var(--recent-post-content-border) inset;
  border-top-left-radius: 3px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 20px;
  background: var(--recent-post-title-background);
  color: var(--recent-post-color);
  min-width: 8em;
  width: fit-content;
  clip-path: polygon(0 0, 55px 0, 60px 10px, calc(100% - 15px) 10px, 100% 30px, 100% 100%, 30px 100%, 8px 30px, 0 25px);
  padding: 0px 1em 0px 1em;
  margin: 0px 0px -20px 0px;
  position: relative;
  top: -20px;
  left: 10px;
}
.recent-post-item:has(#categoryBar) .recent-post-item-headline:after {
  content: "akilar";
  position: absolute;
  bottom: 0;
  font-size: 12px;
  display: block;
  right: 0;
  line-height: 1em;
  color: var(--recent-post-title-corner-color);
  width: fit-content;
  height: 1em;
  padding: 0 5px 0 10px;
  background: var(--recent-post-title-corner-background);
  clip-path: polygon(5px 0, 100% 0, 100% 100%, 0 100%);
}
.recent-post-item #git_container {
  color: var(--recent-post-color);
}