@media (min-width: 992px) {
  .post-details-container .subscribe-widget {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (min-width: 1200px) {
  .post-details-container .subscribe-widget {
    padding-left: 0;
    padding-right: 0;
  }
}

.post-details {
  max-width: 92rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0.4rem 4.5rem;
}
@media (min-width: 760px) {
  .post-details {
    padding: 0 0.4rem 5rem;
  }
}
@media (min-width: 1200px) {
  .post-details {
    max-width: 94rem;
    padding: 0 2rem 2rem 0;
  }
}
.post-details strong {
  font-weight: 700;
}
.post-details .ads-container {
  padding: 0;
}
@media (min-width: 760px) {
  .post-details .ads-container {
    padding: 3rem 1.5rem;
  }
}

.post-header {
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.5rem;
}
@media (min-width: 500px) {
  .post-header {
    max-width: 41rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 760px) {
  .post-header {
    padding: 0 2.4rem;
    max-width: 92rem;
  }
}
@media (min-width: 1200px) {
  .post-header {
    padding: 0 4rem 0 2rem;
    max-width: none;
  }
}
.post-header h1 {
  font-size: 2.7rem;
  line-height: 3.5rem;
  margin: 2.3rem -0.1rem 0.8rem;
  font-weight: 900;
}
@media (min-width: 760px) {
  .post-header h1 {
    font-size: 3.8rem;
    line-height: 4.7rem;
    margin: 2.1rem -0.1rem 0.6rem;
  }
}

.post-info {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  margin-bottom: 1.6rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 760px) {
  .post-info {
    min-height: 40px;
    max-width: 41rem;
  }
}
@media (min-width: 1200px) {
  .post-info {
    max-width: 80rem;
    margin-left: 0;
  }
}
@media (min-width: 1850px) {
  /*.post-info {
    max-width: 89rem;
    margin-left: 0;
  }*/
}
.post-review .post-info { 
  max-width: none;
}

.post-info .disqus-comment-count img {
  display: none;
}
.post-info .post-author {
  margin-left: auto;
}
.post-info .post-author,
.post-info .dot-sep,
.post-info .post-timestamp {
  color: var(--body-color);
}

.post-comments {
  display: flex;
  align-items: center;
}
.post-comments span {
  margin-left: 0.9rem;
}

.post-comments {
  margin-left: -1.5rem;
  /*padding: 1.3rem 1.4rem;*/
  padding: 1.2rem 0 1.2rem 1.4rem;
}
.post-comments span {
  margin-top: -0.2rem;
  margin-bottom: -0.2rem;
}

.post-info .post-bookmark {
  color: var(--body-color);
  margin-left: 0.3rem;
}
.post-info .post-bookmark svg {
  fill: none;
}
.post-info .post-bookmark.active {
  color: var(--primary) !important;
}
.post-info .post-bookmark.active svg {
  fill: currentColor;
}

.post-cover {
  position: relative;
  background-color: var(--gray-300);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%23e1eaed'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%23d5e1e5'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 2.4rem;
  overflow: hidden;
}
.dark .post-cover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%2331373a'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%2350585c'/%3E%3C/g%3E%3C/svg%3E");
}
@media (min-width: 500px) {
  .post-cover {
    background-size: 11.2rem;
  }
}
.post-cover::before, .dark .post-cover::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 2.4rem;
  pointer-events: none;
  z-index: 1;
}
.post-cover::before {
  transform: translate3d(0, 0, 0);
  transition: 0.25s;
  background-color: var(--body-color);
  opacity: 0;
}
.dark .post-cover::before {
  /*background-color: var(--body-bg);
  opacity: 0.15;*/
}
.dark .post-cover::after {
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.post-cover a {
  display: block;
}
.post-cover img {
  width: 100%;
  height: auto;
  max-height: 600px;
  object-fit: cover;
}
body:not(.is-tablet) .post-cover:hover::before, .post-cover:active::before {
  opacity: 0.45;
}

.post-main {
  padding: 0 1.1rem;
  margin-left: auto;
  margin-right: auto;
}
.post-main > * + * {
  margin-top: 1.5rem;
}
@media (min-width: 760px) {
  .post-main > * + * {
    margin-top: 2rem;
  }
}
.post-main img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 1850px) {
  .post-main img.alignnone.size-large {
    width: 100%;
    height: auto;
  }
}
.post-main img.alignleft {
  float: left;
  margin-right: 20px;
}
.post-main img.alignright {
  float: right;
  margin-left: 20px;  
}
.post-main .twitter-tweet {
  width: calc(100% + 2.2rem) !important;
  margin: 3rem -1.1rem !important;
}
@media (min-width: 500px) {
  .post-main .twitter-tweet {
    width: calc(100% + 4rem) !important;
    margin: 3rem -2rem !important;
  }
}
@media (min-width: 760px) {
  .post-main .twitter-tweet {
    width: 100% !important;
    margin: 4rem auto !important;
  }
}
.post-main .iframe-wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  aspect-ratio: 16/9;
  margin-top: 2.2rem;
  margin-bottom: 2.4rem;
  margin-left: -1rem;
  margin-right: -1rem;
  border-radius: 1.2rem;
}
@media (min-width: 500px) {
  .post-main .iframe-wrapper {
    margin-top: 2.9rem;
    margin-bottom: 3.1rem;
    margin-left: 0;
    margin-right: 0;
  }
}
.post-main .iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.post-main u {
  text-decoration: none;
}
.post-main h2 + h3,
.post-main h2 + p,
.post-main h3 + p,
.post-main h3 + ul,
.post-main h3 + ol,
.post-main p + p {
  margin-top: 0;
}
@media (min-width: 760px) {
  .post-main h2 + .table-wrapper,
.post-main h3 + .table-wrapper {
    margin-top: 0;
  }
}
.post-main h2.story-conclusion + figure {
  margin-top: 1.5rem;
}
@media (min-width: 760px) {
  .post-main h2.story-conclusion + figure {
    margin-top: 2rem;
  }
}
.post-main h2.story-conclusion + h4 {
  margin-top: 0;
}
.post-main .story-chart-wrapper + h2.story-conclusion {
  margin-top: 9rem;
}
@media (min-width: 760px) {
  .post-main .story-chart-wrapper + h2.story-conclusion {
    margin-top: 8rem;
  }
}
@media (min-width: 500px) {
  .post-main {
    max-width: 41rem;
    padding: 0;
  }
}
@media (min-width: 760px) {
  .post-main {
    /*padding: 4.4rem 7.6rem 0;*/
    padding: 4.4rem 5rem 0 7rem;
    max-width: 91.2rem;
  }
}
.post-main a {
  position: relative;
  color: inherit;
  background-image: linear-gradient(to right, var(--primary), var(--primary));
  background-position: 0 100%;
  background-size: 100% 1px;
  background-repeat: no-repeat;
}
body:not(.is-tablet) .post-main a:hover {
  color: var(--primary);
}
.post-main a:active {
  color: var(--primary);
  border-radius: 0.4rem 0.4rem 0 0;
  background-color: rgba(255, 0, 85, 0.1);
}
.dark .post-main a:active {
  background-color: rgba(255, 26, 102, 0.1);
}
.post-main p {
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin-bottom: 0;
  padding-top: 0.8rem;
  padding-bottom: 0.6rem;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  font-weight: 500;
}
@media (min-width: 760px) {
  .post-main p {
    line-height: 2.75rem;
    font-weight: 500;
    padding-top: 1.1rem;
    padding-bottom: 0.9rem;
  }
}
.post-main .story-products-wrapper h2,
.post-main h2.story-conclusion {
  display: inline-block;
  /*font-size: 2.7rem;*/
  /*line-height: 3.3rem;
  font-weight: 900;
  padding-top: 0.9rem;
  padding-bottom: 0.8rem;*/
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 800;
  padding-top: 0.9rem;
  padding-bottom: 0;
  background: linear-gradient(90deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}
@media (min-width: 760px) {
  .post-main .story-products-wrapper h2,
  .post-main h2.story-conclusion {
    /*font-size: 3.2rem;
    line-height: 3.7rem;
    font-weight: 800;
    padding-top: 1.4rem;
    padding-bottom: 1.3rem;*/
  }
}
.post-main h1, .post-main h2 {
  font-size: 2.4rem;
  line-height: 3.3rem;
  font-weight: 800;
  padding-top: 0.8rem;
  padding-bottom: 0.7rem;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}
@media (min-width: 760px) {
  .post-main h1, .post-main h2 {
    line-height: 3.7rem;
    padding-top: 1.1rem;
    padding-bottom: 1rem;
  }
}
.post-main h3,
.post-main h4 {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 800;
  padding-top: 0.8rem;
  padding-bottom: 0.6rem;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}
@media (min-width: 760px) {
  .post-main h3,
.post-main h4 {
    line-height: 3.4rem;
    padding-top: 1.1rem;
    padding-bottom: 0.9rem;
  }
}
.post-main h5,
.post-main h6 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 800;
}
.post-main ul,
.post-main ol {
  display: grid;
  font-size: 1.6rem;
  line-height: 2.6rem;
  padding-left: 0;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  margin-bottom: 0;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  margin-top: 0;
}
@media (min-width: 760px) {
  .post-main ul,
.post-main ol {
    line-height: 3rem;
    font-weight: 500;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
  }
}
.post-main li {
  position: relative;
  padding-left: 1.5rem;
  list-style: none;
}
.post-main li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10'%3E%3Cg transform='translate(-593 -158)'%3E%3Crect width='7' height='10' transform='translate(593 158)' opacity='0'/%3E%3Cpath d='M4742,1659l3,3-3,3' transform='translate(-4147 -1499)' fill='none' stroke='%23f05' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -0.1rem;
}
.dark .post-main li::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10'%3E%3Cg transform='translate(-593 -158)'%3E%3Crect width='7' height='10' transform='translate(593 158)' opacity='0'/%3E%3Cpath d='M4742,1659l3,3-3,3' transform='translate(-4147 -1499)' fill='none' stroke='%23ff1a66' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
}
.post-main ol {
  counter-reset: li;
}
.post-main ol li {
  padding-left: 2rem;
}
.post-main ol li::before, .dark .post-main ol li::before {
  content: counter(li) ". ";
  color: var(--primary);
  counter-increment: li;
  margin-top: 0;
}
.post-main figure {
  display: grid;
  /*grid-template-columns: 1fr;*/
  position: relative;
  text-align: center;
  margin: 3rem -1.1rem;
}
@media (min-width: 500px) {
  .post-main figure {
    margin: 3rem -2rem;
  }
}
@media (min-width: 760px) {
  .post-main figure {
    margin: 4rem 0;
  }
}
/*.dark .post-main figure::before, .dark .post-main figure::after {
  content: "";
  grid-column: 1/-1;
  grid-row: 1;
  border-radius: 1.2rem;
  pointer-events: none;
  z-index: 1;
}
.dark .post-main figure::before {
  background-color: var(--body-bg);
  opacity: 0.15;
}
.dark .post-main figure::after {
  border: 1px solid rgba(255, 255, 255, 0.07);
}*/
.post-main figure img {
  border-radius: 1.2rem;
}
.post-main figure > a {
  grid-column: 1/-1;
  grid-row: 1;
  background: none;
  background-color: var(--gray-300) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%23e1eaed'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%23d5e1e5'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 1.2rem !important;
}
.dark .post-main figure > a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%2331373a'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%2350585c'/%3E%3C/g%3E%3C/svg%3E");
}
@media (min-width: 500px) {
  .post-main figure > a {
    background-size: 11.2rem;
  }
}
.post-main figure > a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--body-color);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
  border-radius: 1.2rem;
  transition: 0.25s;
}
.dark .post-main figure > a::before {
  background-color: var(--body-bg);
}
body:not(.is-tablet) .post-main figure:hover a::before, .post-main figure:active a::before {
  opacity: 0.45;
}
.post-main figure + figure {
  margin-top: 3rem;
}
@media (min-width: 760px) {
  .post-main figure + figure {
    margin-top: 4rem;
  }
}
.post-details figure {
  position: relative;
}
.post-details figcaption {
  text-align: left;
  /*grid-column: 1/-1;
  grid-row: 2;*/
  padding: 1.6rem 1.1rem;
  line-height: 1.9rem;
}
@media (min-width: 760px) {
  .post-details figcaption {
    padding: 1.6rem 2rem;
  }
}
.post-details figcaption::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.1rem;
  background-color: var(--gray-300);
  border-radius: 0.05rem;
}
.post-main blockquote {
  position: relative;
  padding: 1rem 1rem 1rem 2.1rem;
  margin-bottom: 0;
  background-color: var(--gray-300);
}
@media (min-width: 500px) {
  .post-main blockquote {
    padding: 2rem 1.5rem 2rem 3rem;
  }
}
.post-main blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  /*top: 0.5rem;
  bottom: 0.5rem;*/
  top: 0;
  bottom: 0;
  width: 1rem;
  /*background-color: var(--gray-400);*/
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
  border-radius: 0.1rem;
}
@media (min-width: 760px) {
  .post-main blockquote::before {
    /*top: 0.8rem;
    bottom: 1rem;*/
    top: 0;
    bottom: 0;
  }
}
@media (min-width: 500px) {
  .post-main blockquote::before {
    left: 0;
  }
}
.post-main blockquote.quote {
  padding-top: 7.1rem;
}
@media (min-width: 760px) {
  .post-main blockquote.quote {
    padding-top: 1.1rem;
  }
}
.post-main blockquote.quote::before {
  top: 1.4rem !important;
  left: calc(50% - 2.9rem) !important;
  bottom: auto !important;
  width: 5.8rem;
  height: 4.1rem;
  border-radius: 0;
  background: url("../images/blockquote-light.svg") no-repeat;
}
.dark .post-main blockquote.quote::before {
  background: url("../images/blockquote-dark.svg") no-repeat;
}
@media (min-width: 760px) {
  .post-main blockquote.quote::before {
    top: 0.2rem !important;
    left: -7.5rem !important;
  }
}
.post-main blockquote p,
.post-main blockquote div {
  font-size: 1.6rem;
  line-height: 2.5rem;
  padding: 0.2rem 0 0;
  font-weight: 500;
}
@media (min-width: 760px) {
  .post-main blockquote p,
.post-main blockquote div {
    padding: 0;
    line-height: 2.75rem;
  }
}
.post-main blockquote.quote p, .post-main blockquote.quote div {
  font-family: 'Crimson Pro', serif;
  font-size: 3.7rem;
  line-height: 4.1rem;
  font-weight: 800;
}
.post-main blockquote.quote p a, .post-main blockquote.quote div a {
  background-size: 100% 2px;
}
@media (min-width: 500px) {
  .post-main blockquote.quote p, .post-main blockquote.quote div {
    margin-top: -0.2rem;
    margin-bottom: 0.3rem;
  }
}
.post-main blockquote h2 {
  padding: 0 0 0.1rem;
}
.post-main blockquote h3,
.post-main blockquote h4 {
  padding: 0;
}
.post-main blockquote h2:not(:first-child),
.post-main blockquote h3:not(:first-child),
.post-main blockquote h4:not(:first-child) {
  margin-top: 3.2rem;
}
@media (min-width: 760px) {
  .post-main blockquote h2:not(:first-child),
.post-main blockquote h3:not(:first-child),
.post-main blockquote h4:not(:first-child) {
    margin-top: 4rem;
  }
}
.post-main blockquote p:not(:first-child),
.post-main blockquote div:not(:first-child) {
  margin-top: 1.2rem;
}
@media (min-width: 760px) {
  .post-main blockquote p:not(:first-child),
.post-main blockquote div:not(:first-child) {
    margin-top: 2rem;
  }
}
.post-main blockquote ul {
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: 500;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 0.1rem;
  margin-top: 1.2rem;
}
.post-main blockquote ul:first-child {
  margin-top: 0;
}
@media (min-width: 760px) {
  .post-main blockquote ul {
    line-height: 3rem;
    margin-top: 1.8rem;
    padding-top: 0.2rem;
  }
  .post-main blockquote ul:first-child {
    padding-top: 0;
  }
}
.post-main blockquote ul * {
  color: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
}
.post-main blockquote li::before {
  content: "";
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  border: 0.2rem solid var(--primary);
}
@media (min-width: 760px) {
  .post-main blockquote li::before {
    top: 1.3rem;
  }
}
.dark .post-main blockquote li::before {
  content: "";
}
.post-main blockquote li ul {
  margin-top: 0;
  margin-bottom: 1.8rem;
}
.post-main .table-wrapper {
  width: calc(100% + 2.2rem);
  margin-left: -1.1rem;
  margin-right: -1.1rem;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
  line-height: 1.9rem;
  overflow: auto;
}
@media (min-width: 760px) {
  .post-main .table-wrapper {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    margin-top: 0;
    margin-bottom: 4rem;
    position: relative;
  }
}
.post-main .table-wrapper ul {
  display: block;
  font-size: 1.3rem;
  line-height: 1.9rem;
  margin: 0;
  padding: 0;
  padding-left: 1.5rem;
  font-weight: 400;
}
.post-main .table-wrapper li {
  padding: 0;
  list-style: initial;
}
.post-main .table-wrapper li::before {
  display: none;
}
.post-main .table-wrapper p {
  font-size: 1.3rem;
  line-height: 1.9rem;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
.post-main .table-wrapper table {
  min-width: 100%;
}
.post-main .table-wrapper thead {
  vertical-align: bottom;
}
.post-main .table-wrapper th {
  text-transform: uppercase;
}
@media (min-width: 760px) {
  .post-main .table-wrapper thead::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0.1rem;
    border-radius: 0.05rem;
    background-color: var(--gray-300);
  }
  .post-main .table-wrapper th {
    padding: 1.6rem 0.75rem 1.5rem;
  }
  .post-main .table-wrapper tr:nth-child(even) {
    background-color: var(--gray-300);
  }
  .post-main .table-wrapper tr:nth-child(even) td:first-child,
  .post-main .table-wrapper tr:nth-child(even) th:first-child {
    border-radius: 1.2rem 0 0 1.2rem;
  }
  .post-main .table-wrapper tr:nth-child(even) td:last-child,
  .post-main .table-wrapper tr:nth-child(even) th:last-child {
    border-radius: 0 1.2rem 1.2rem 0;
  }
  .post-main .table-wrapper tr:nth-child(even) td:only-child,
  .post-main .table-wrapper tr:nth-child(even) th:only-child {
    border-radius: 1.2rem 1.2rem 1.2rem 1.2rem;
  }
  .post-main .table-wrapper td {
    vertical-align: top;
    padding: 1.6rem 0.75rem 1.5rem;
  }
  .post-main .table-wrapper tr td:first-child,
  .post-main .table-wrapper tr th:first-child {
     padding-left: 2rem;
  }
  .post-main .table-wrapper tr td:last-child,
  .post-main .table-wrapper tr th:last-child {
     padding-right: 2rem;
  }
  .post-main .table-wrapper thead + tbody tr:first-child td {
    padding-top: 1.7rem;
  }
}
@media (max-width: 759.98px) {
  .post-main .table-wrapper thead::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0.1rem;
    border-radius: 0.05rem;
    background-color: var(--gray-300);
  }
  .post-main .table-wrapper th {
    padding: 1rem 0.5rem 1rem;
  }
  .post-main .table-wrapper tr:nth-child(even) {
    background-color: var(--gray-300);
  }
  .post-main .table-wrapper tr:nth-child(even) td:first-child,
  .post-main .table-wrapper tr:nth-child(even) th:first-child {
    border-radius: 1.2rem 0 0 1.2rem;
  }
  .post-main .table-wrapper tr:nth-child(even) td:last-child,
  .post-main .table-wrapper tr:nth-child(even) th:last-child {
    border-radius: 0 1.2rem 1.2rem 0;
  }
  .post-main .table-wrapper tr:nth-child(even) td:only-child,
  .post-main .table-wrapper tr:nth-child(even) th:only-child {
    border-radius: 1.2rem 1.2rem 1.2rem 1.2rem;
  }
  .post-main .table-wrapper td {
    vertical-align: top;
    padding: 1rem 0.5rem 1rem;
  }
  .post-main .table-wrapper tr td:first-child,
  .post-main .table-wrapper tr th:first-child {
     padding-left: 1.1rem;
  }
  .post-main .table-wrapper tr td:last-child,
  .post-main .table-wrapper tr th:last-child {
     padding-right: 1.1rem;
  }
  .post-main .table-wrapper thead + tbody tr:first-child td {
    padding-top: 1.7rem;
  }
}
/*@media (max-width: 759.98px) {
  .post-main .table-wrapper thead {
    display: none;
  }
  .post-main .table-wrapper tr {
    display: block;
  }
  .post-main .table-wrapper tr:nth-child(even) td,
.post-main .table-wrapper tr:nth-child(even) th {
    background-color: var(--gray-300);
  }
  .post-main .table-wrapper tr:nth-child(even) td:first-child,
.post-main .table-wrapper tr:nth-child(even) th:first-child {
    border-radius: 1.2rem 1.2rem 0 0;
  }
  .post-main .table-wrapper tr:nth-child(even) td:last-child,
.post-main .table-wrapper tr:nth-child(even) th:last-child {
    border-radius: 0 0 1.2rem 1.2rem;
  }
  .post-main .table-wrapper td,
.post-main .table-wrapper th {
    position: relative;
    display: grid;
    width: 100%;
    grid-gap: 0 3rem;
    grid-template-columns: 1fr 1fr;
    padding: 1.6rem 1.5rem 1.5rem;
  }
  .post-main .table-wrapper td *,
.post-main .table-wrapper th * {
    grid-column: 2;
  }
  .post-main .table-wrapper td::before,
.post-main .table-wrapper th::before {
    content: attr(data-label);
    font-weight: 700;
    text-transform: uppercase;
    grid-column: 1;
    grid-row: span 99;
  }
  .post-main .table-wrapper td::after,
.post-main .table-wrapper th::after {
    content: "";
    position: absolute;
    left: calc(50% - 0.1rem);
    top: 0;
    bottom: 0;
    width: 0.1rem;
    background-color: var(--gray-400);
  }
  .post-main .table-wrapper td:last-child,
.post-main .table-wrapper th:last-child {
    border-bottom: 0;
  }
  .post-main .table-wrapper tr:first-child td:first-child::after,
.post-main .table-wrapper tr:first-child th:first-child::after {
    border-radius: 0.05rem 0.05rem 0 0;
  }
  .post-main .table-wrapper tr:last-child td:last-child::after,
.post-main .table-wrapper tr:last-child th:last-child::after {
    border-radius: 0 0 0.05rem 0.05rem;
  }
}*/
.post-main .ads-container.floated + p {
  margin-top: 1.5rem;
}
@media (min-width: 760px) {
  .post-main .ads-container.floated + p {
    margin-top: 1.6rem;
  }
}

.wccf_video_tag { margin-bottom: 3rem; }
.story-related {
  position: relative;
  padding: 2.6rem 1rem 2.5rem 1rem;
  margin: 3rem 0 3rem 0;
  cursor: pointer;
  border: 1px solid var(--gray-300);
  border-radius: 1.2rem;
  background-color: var(--gray-200);
  clear: both;
}
@media (min-width: 760px) {
  .story-related {
    padding: 2.6rem 1.9rem 2.5rem 1.9rem;
    margin: 4rem 0 4rem 0;
  }
}
.story-notice::after/*, .story-related::after*/ {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.1rem;
  right: -1.1rem;
  border: 1px solid var(--gray-300);
  border-radius: 1.2rem;
  pointer-events: none;
}
@media (min-width: 760px) {
  .story-related::after {
    left: -2rem;
    right: -2rem;
  }
}
.story-related header {
  display: flex;
  align-items: center;
  margin-top: 0.1rem;
  margin-bottom: 0.9rem;
  line-height: 1.9rem;
}
.story-related strong {
  text-transform: uppercase;
}
.story-related .text-muted {
  position: relative;
  padding-left: 2.2rem;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}
.story-related .text-muted::before {
  content: "";
  position: absolute;
  top: 0.8rem;
  left: 1.1rem;
  width: 0.2rem;
  height: 0.2rem;
  background-color: var(--gray-800);
  border-radius: 0.1rem;
}
.story-related h5 {
  color: var(--primary);
}
.story-related h5 a {
  position: static;
  background-color: transparent !important;
  background-size: 0 1px;
  transition: 0.4s background-size cubic-bezier(0, 0, 0, 1);
}
.story-related h5 a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.1rem;
  right: -1.1rem;
  border-radius: 1.2rem;
}
@media (min-width: 760px) {
  .story-related h5 a::before {
    left: -2rem;
    right: -2rem;
  }
}
body:not(.is-tablet) .story-related:hover h5 a, .story-related:active h5 a {
  background-size: 100% 1px;
}

.story-products-wrapper {
  padding-bottom: 2rem;
}

.story-products {
  display: grid;
  grid-gap: 2.1rem 2.1rem;
  grid-auto-flow: column;
  justify-items: center;
  overflow-x: scroll;
  padding: 1.5rem 0 2.3rem;
  margin-left: -6.1rem;
  margin-right: -6.2rem;
}
@media (max-width: 1199px) {
  .story-products {
    margin-left: -3.1rem;
    margin-right: -3.1rem;
  }
}
.story-products::before {
  content: "";
  width: 0;
}
.story-products::after {
  content: "";
  width: 0.1rem;
}
@media (min-width: 500px) {
  .story-products {
    margin-left: calc((50vw - 20.5rem) * -1);
    margin-right: calc((50vw - 20.5rem) * -1);
  }
  .story-products::before {
    width: calc(50vw - 27rem);
  }
  .story-products::after {
    width: calc(50vw - 27rem);
  }
}
@media (min-width: 760px) {
  .story-products {
    padding: 2rem 0 3.3rem;
    margin-left: -8rem;
    margin-right: -8rem;
  }
  .story-products::before {
    width: 1.9rem;
  }
  .story-products::after {
    width: 1.9rem;
  }
}
@media (min-width: 992px) {
  .story-products {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    /*flex-wrap: wrap;*/
    overflow: initial;
  }
  .story-products::before {
    display: none;
  }
  .story-products::after {
    display: none;
  }
}

.product-single {
  min-width: 18.8rem;
  position: relative;
  cursor: pointer;
}
@media (min-width: 992px) {
  .product-single:nth-child(3n+4)::before {
    content: "";
    position: absolute;
    left: -0.1rem;
    top: -2.1rem;
    width: 76rem;
    height: 0.1rem;
    background-color: var(--gray-300);
  }
}
.product-single h5 a {
  position: static;
  color: inherit;
  background-color: transparent !important;
  background-image: linear-gradient(to right, currentColor, currentColor);
  background-position: 0 100%;
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: 0.4s background-size cubic-bezier(0, 0, 0, 1);
}
.product-single h5 a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
body:not(.is-tablet) .product-single:hover .thumb-img::before, .product-single:active .thumb-img::before {
  opacity: 0.45;
}
body:not(.is-tablet) .product-single:hover h5 a, .product-single:active h5 a {
  background-size: 100% 1px;
}

.product-thumb {
  width: 9rem;
  height: 6.6rem;
  flex: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg transform='translate(-136 -188)'%3E%3Crect width='38' height='38' transform='translate(136 188)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20540,23199a2,2,0,0,1-1.4-3.43l4.982-4.982h0a2,2,0,0,1,2.891.061l4.924,4.922a2,2,0,0,1-1.4,3.43Z' transform='translate(-20398 -22980)' fill='%23e1eaed'/%3E%3Cpath d='M20546.654,23217H20541l13.412-13.418a1.992,1.992,0,0,1,2.826,0l9.922,9.928a2,2,0,0,1-1.334,3.49Zm-2.826-21a3,3,0,1,1,3,3A3,3,0,0,1,20543.828,23196Z' transform='translate(-20397.828 -22998)' fill='%23d5e1e5'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--gray-300);
  border-radius: 1.2rem;
  margin-left: auto;
  overflow: hidden;
  border: 1px solid var(--gray-300);
}
.dark .product-thumb {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg transform='translate(-136 -188)'%3E%3Crect width='38' height='38' transform='translate(136 188)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20540,23199a2,2,0,0,1-1.4-3.43l4.982-4.982h0a2,2,0,0,1,2.891.061l4.924,4.922a2,2,0,0,1-1.4,3.43Z' transform='translate(-20398 -22980)' fill='%2331373a'/%3E%3Cpath d='M20546.654,23217H20541l13.412-13.418a1.992,1.992,0,0,1,2.826,0l9.922,9.928a2,2,0,0,1-1.334,3.49Zm-2.826-21a3,3,0,1,1,3,3A3,3,0,0,1,20543.828,23196Z' transform='translate(-20397.828 -22998)' fill='%2350585c'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.product-thumb .thumb-img {
  height: 6.6rem;
}

.product-info {
  padding-top: 1.1rem;
  padding-right: 2rem;
  min-width: 0;
  margin-bottom: -0.5rem;
}
.product-info h5 {
  margin-bottom: 0.5rem;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  line-height: 2rem;
}
.product-info strong {
  display: inline-block;
  color: var(--primary);
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  padding-top: 0.1rem;
  line-height: 1.9rem;
}

.related-stories {
  max-width: 84rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 500px) {
  .related-stories {
    padding: 0 5rem;
  }
}
@media (min-width: 760px) {
  .related-stories {
    /*padding: 0 4rem;*/
    /*padding: 0 5rem 0 3rem;*/
    margin-bottom: -5rem;
  }
}
@media (min-width: 1200px) {
  .related-stories {
    margin-bottom: 0;
  }
}
.related-stories .section-heading {
  --pt: 5.9rem;
  --pb: 5.2rem;
}
.related-stories .section-heading svg {
  margin-bottom: 1.3rem;
}
@media (min-width: 760px) {
  .related-stories .section-heading {
    --pt: 3.9rem;
    --pb: 7.2rem;
  }
}
@media (min-width: 1200px) {
  .related-stories .section-heading {
    --pt: 1.9rem;
    --pb: 6.1rem;
  }
  .related-stories .section-heading svg {
    margin-bottom: 1.2rem;
  }
}
.related-stories .post-preview.cover.single {
  margin-bottom: 2rem;
}
@media (min-width: 760px) {
  .related-stories .post-preview.cover.single {
    margin-bottom: 0;
  }
}
.related-stories .post-preview.cover.single .thumb-img {
  height: 24rem;
}
@media only screen and (min-width: 361px) {
  .related-stories .post-preview.cover.single .thumb-img {
    height: 28rem;
  }
}
@media (min-width: 760px) {
  .related-stories .post-preview.cover.single .thumb-img {
    height: 44rem;
  }
}
@media (min-width: 760px) {
  .related-stories .post-preview.cover.single .post-content {
    padding: 0 3rem 0.5rem;
    transform: none;
    max-width: 66rem;
  }
}
@media (min-width: 1200px) {
  .related-stories .post-preview.cover.single .post-content {
    max-width: 69rem;
  }
}
@media (min-width: 760px) {
  .related-stories .post-preview.cover.single .post-title {
    --title-fs: 2.4rem;
    --title-lh: 2.9rem;
    margin-bottom: 0.8rem;
  }
}
.related-stories .post-preview.split {
  --title-fs: 1.4rem;
  --title-lh: 1.7rem;
  --title-fw: 500;
  --title-lines: 3;
  grid-gap: 1rem;
}
@media (min-width: 500px) {
  .related-stories .post-preview.split {
    max-width: 41.8rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .related-stories .post-preview.split {
    --title-fs: 1.6rem;
    --title-lh: 2.2rem;
    --title-lines: 4;
  }
}
@media (min-width: 1850px) {
  /*.related-stories .post-preview.split {
    --title-fs: 1.8rem;
    --title-lh: 2.8rem;
  }*/
}
.related-stories .post-preview.split .post-thumb {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg transform='translate(-136 -188)'%3E%3Crect width='38' height='38' transform='translate(136 188)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20540,23199a2,2,0,0,1-1.4-3.43l4.982-4.982h0a2,2,0,0,1,2.891.061l4.924,4.922a2,2,0,0,1-1.4,3.43Z' transform='translate(-20398 -22980)' fill='%23e1eaed'/%3E%3Cpath d='M20546.654,23217H20541l13.412-13.418a1.992,1.992,0,0,1,2.826,0l9.922,9.928a2,2,0,0,1-1.334,3.49Zm-2.826-21a3,3,0,1,1,3,3A3,3,0,0,1,20543.828,23196Z' transform='translate(-20397.828 -22998)' fill='%23d5e1e5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dark .related-stories .post-preview.split .post-thumb {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg transform='translate(-136 -188)'%3E%3Crect width='38' height='38' transform='translate(136 188)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20540,23199a2,2,0,0,1-1.4-3.43l4.982-4.982h0a2,2,0,0,1,2.891.061l4.924,4.922a2,2,0,0,1-1.4,3.43Z' transform='translate(-20398 -22980)' fill='%2331373a'/%3E%3Cpath d='M20546.654,23217H20541l13.412-13.418a1.992,1.992,0,0,1,2.826,0l9.922,9.928a2,2,0,0,1-1.334,3.49Zm-2.826-21a3,3,0,1,1,3,3A3,3,0,0,1,20543.828,23196Z' transform='translate(-20397.828 -22998)' fill='%2350585c'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.related-stories .post-preview.split .thumb-img {
  width: 7.7rem;
  height: 7.7rem;
}
@media (min-width: 1200px) {
  .related-stories .post-preview.split .thumb-img {
    width: 11.6rem;
    height: 11.6rem;
  }
}
@media (min-width: 1850px) {
  /*.related-stories .post-preview.split .thumb-img {
    width: 14rem;
    height: 14rem;
  }*/
}
.related-stories .post-preview.split .play-btn {
  display: none !important;
}
.related-stories .post-preview.split .play-btn.play-btn-sm {
  display: flex !important;
}
.related-stories .youtube-widget-sm {
  margin-bottom: 3rem;
}
@media (min-width: 500px) {
  .related-stories .youtube-widget-sm {
    max-width: 41.8rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.story-gallery {
  position: relative;
}

.gallery-nav {
  position: absolute;
  left: 0.2rem;
  bottom: 0.2rem;
  display: flex;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  padding: 0.5rem;
  border-radius: 2.5rem;
  z-index: 1;
}
.gallery-nav span {
  font-weight: 500;
  padding: 1.1rem 0.8rem 0;
  line-height: 1.9rem;
  cursor: default;
}

.gallery-next,
.gallery-prev {
  display: grid;
  place-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  cursor: pointer;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.15);
  margin-right: 0.5rem;
}
body:not(.is-tablet) .gallery-next:hover,
body:not(.is-tablet) .gallery-prev:hover {
  border: 0;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
}
.gallery-next:active,
.gallery-prev:active {
  border: 0;
  background: linear-gradient(135deg, var(--primary-active) 0%, var(--grad2-active) 60%, var(--grad3-active) 100%) !important;
}

.gallery-next svg {
  margin-left: 0.2rem;
}

.gallery-prev svg {
  margin-right: 0.2rem;
  transform: rotate(180deg);
}

.aside-widget.youtube-widget-sm .thumb-item {
  cursor: pointer;
}
.aside-widget.youtube-widget-sm .thumb-img {
  height: 20rem;
}
.aside-widget.youtube-widget-sm .thumb-sm .thumb-img {
  height: 9rem;
}
.dark .aside-widget.youtube-widget-sm .widget-sm-thumb::before {
  border-radius: 0 0 1.2rem 1.2rem;
}

.post-main .story-notice,
.post-main .note {
  font-size: 1.3rem !important;
  line-height: 2.1rem !important;
  padding: 1rem 0.5rem 0.9rem;
  color: var(--gray-800);
  /*border: 1px solid var(--gray-400);
  border-radius: 1.2rem;*/
  margin-top: 0.7rem !important;
  position: relative;
}

.post-main > .story-notice:last-child {
  margin-bottom: 1.5rem;
}
@media (min-width: 760px) {
  .post-main > .story-notice:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .post-main > .story-notice:last-child {
    margin-bottom: 2rem;
  }
}

.story-share {
  display: none;
  margin-top: 1.6rem;
  /*margin-left: -12rem;*/
  /*margin-left: -7.8rem;*/
  margin-left: -7rem;
  margin-bottom: -26rem;
  z-index: 2;
}
.post-review .story-share {
  margin-left: -14.5rem;
  margin-bottom: -25.6rem;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .story-share {
    display: block;
  }
}
.story-share + p {
  /*margin-top: 3rem;*/
}
@media (min-width: 760px) {
  .story-share + p {
    margin-top: -0.4rem;
  }
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .story-share + p {
    margin-top: 2rem;
  }
}

.share-single {
  display: grid;
  place-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 2rem;
  background-color: var(--body-bg);
  border: 1px solid var(--gray-300);
  cursor: pointer;
  transition: 0.4s width cubic-bezier(0, 0, 0, 1);
}
.share-single:hover {
  color: #fff;
  border: 0;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
  width: 6rem;
}
.share-single:active {
  color: #fff;
  border: 0;
  background: linear-gradient(135deg, var(--primary-active) 0%, var(--grad2-active) 60%, var(--grad3-active) 100%);
}
.share-single + .share-single {
  margin-top: 2rem;
}
.share-single.copylink svg {
  margin-left: -0.1rem;
  margin-bottom: -0.1rem;
}

.story-share-sm {
  position: fixed;
  bottom: 7rem;
  left: 1.4rem;
  padding: 10px;
  z-index: 5;
  display: flex;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--body-bg);
  background-color: #0a0c0d;
  opacity: 1;
  transition: 0.25s opacity 0.15s cubic-bezier(0, 0, 0, 1);
  box-shadow: 0px -1px 5px rgba(57, 116, 135, 0.15);
}
.dark .story-share-sm {
  /*box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.25);*/
  background-color: white;
}
.story-share-sm::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  /*background-color: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(0.6rem);
  backdrop-filter: blur(0.6rem);*/
}
.dark .story-share-sm::before {
  /*background-color: rgba(22, 26, 28, 0.92);*/
}
.story-share-sm:active {
  box-shadow: none;
}
.story-share-sm:active::before {
  background-color: var(--gray-400);
}
.dark .story-share-sm:active::before {
  background-color: var(--gray-300);
}
.share-dialog-wrapper.active ~ .story-share-sm {
  opacity: 0;
}
.story-share-sm span {
  margin-bottom: 1.5rem;
}
.story-share-sm span {
  margin-left: 0.9rem;
}
@media (min-width: 500px) {
  .story-share-sm {
    transition: none !important;
  }
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .story-share-sm {
    display: none;
  }
}

@media (min-width: 760px) {
  table.flipped {
    --cell-height: 5rem;
    --cell-6: 6.9rem;
    position: relative;
    display: flex;
    z-index: 0;
    pointer-events: none;
  }
  table.flipped::before {
    content: "";
    position: absolute;
    top: 6rem;
    bottom: 7.9rem;
    right: -1rem;
    width: 0;
    box-shadow: 0 0 2rem 1rem rgba(57, 116, 135, 0.15);
    pointer-events: none;
    z-index: -1;
  }
  .dark table.flipped::before {
    box-shadow: 0 0 2rem 1rem rgba(0, 0, 0, 0.25);
  }
  table.flipped::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -8rem;
    width: 8rem;
    background-color: var(--body-bg);
    pointer-events: none;
    z-index: 0;
  }
  table.flipped tr:nth-child(even) {
    background-color: transparent;
  }
  table.flipped td:nth-child(even) {
    background-color: var(--gray-300);
  }
  table.flipped th,
table.flipped td {
    display: block;
    height: var(--cell-height, 5rem);
  }
  table.flipped th:first-child,
table.flipped td:first-child {
    height: var(--cell-1, var(--cell-height, 5rem));
  }
  table.flipped th:nth-child(2),
table.flipped td:nth-child(2) {
    height: var(--cell-2, var(--cell-height, 5rem));
  }
  table.flipped th:nth-child(3),
table.flipped td:nth-child(3) {
    height: var(--cell-3, var(--cell-height, 5rem));
  }
  table.flipped th:nth-child(4),
table.flipped td:nth-child(4) {
    height: var(--cell-4, var(--cell-height, 5rem));
  }
  table.flipped th:nth-child(5),
table.flipped td:nth-child(5) {
    height: var(--cell-5, var(--cell-height, 5rem));
  }
  table.flipped th:nth-child(6),
table.flipped td:nth-child(6) {
    height: var(--cell-6, var(--cell-height, 5rem));
  }
  table.flipped th:nth-child(7),
table.flipped td:nth-child(7) {
    height: var(--cell-7, var(--cell-height, 5rem));
  }
  table.flipped th:nth-child(8),
table.flipped td:nth-child(8) {
    height: var(--cell-8, var(--cell-height, 5rem));
  }
  table.flipped th:nth-child(9),
table.flipped td:nth-child(9) {
    height: var(--cell-9, var(--cell-height, 5rem));
  }
  table.flipped th:nth-child(10),
table.flipped td:nth-child(10) {
    height: var(--cell-10, var(--cell-height, 5rem));
  }
  table.flipped th:nth-child(11),
table.flipped td:nth-child(11) {
    height: var(--cell-11, var(--cell-height, 5rem));
  }
  table.flipped th:nth-child(12),
table.flipped td:nth-child(12) {
    height: var(--cell-12, var(--cell-height, 5rem));
  }
  table.flipped thead {
    position: relative;
    padding-bottom: 1.9rem;
  }
  table.flipped thead::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.6rem;
    background-color: transparent;
    box-shadow: 0 -1px 0 0 var(--gray-300);
  }
  table.flipped thead tr {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--body-bg);
  }
  table.flipped thead tr::after {
    content: "";
    position: absolute;
    top: 6rem;
    bottom: 6rem;
    left: 5rem;
    right: 1rem;
    pointer-events: none;
    box-shadow: 0 0 2rem 1rem rgba(57, 116, 135, 0.15);
    z-index: -1;
  }
  .dark table.flipped thead tr::after {
    box-shadow: 0 0 2rem 1rem rgba(0, 0, 0, 0.25);
  }
  table.flipped thead th {
    width: 14rem;
  }
  table.flipped tbody {
    display: flex;
    width: 100%;
    position: relative;
    padding-bottom: 0.3rem;
    padding-left: 0.8rem;
    z-index: -2;
    overflow-x: scroll;
    pointer-events: auto;
    scrollbar-color: var(--gray-800) var(--body-bg);
  }
  table.flipped tbody::-webkit-scrollbar {
    height: 1.6rem;
  }
  table.flipped tbody::-webkit-scrollbar-track {
    box-sizing: content-box;
    background: var(--body-bg);
  }
  table.flipped tbody::-webkit-scrollbar-thumb {
    background-color: var(--gray-800);
    border: 0.2rem solid var(--body-bg);
    border-radius: 0.8rem;
  }
  table.flipped tbody tr {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-basis: 100%;
  }
  table.flipped tbody tr::after {
    content: "";
    position: absolute;
    bottom: -0.3rem;
    left: -0.8rem;
    right: 0;
    height: 0.1rem;
    pointer-events: none;
    background-color: var(--gray-300);
    background-attachment: fixed;
  }
  table.flipped tbody td {
    min-width: 15rem;
  }
  table.flipped tbody tr:first-child td {
    padding-top: 1.6rem;
  }
  table.flipped tbody tr:first-child td:nth-child(even) {
    border-top-left-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem;
  }
  table.flipped tbody tr:last-child td:nth-child(even) {
    border-top-right-radius: 1.2rem;
    border-bottom-right-radius: 1.2rem;
  }
  table.flipped tbody tr:last-child {
    padding-right: 0.8rem;
  }
  table.flipped tbody tr:nth-child(even) td:first-child,
table.flipped tbody tr:nth-child(even) td:last-child {
    border-radius: 0;
  }
}
@media (min-width: 992px) {
  .post-review-container .subscribe-widget {
    padding-left: 4rem;
    padding-right: 4rem;
    max-width: 94rem;
  }
}
@media (min-width: 1200px) {
  .post-review-container .subscribe-widget {
    padding-left: 0;
    padding-right: 0;
  }
}

.post-main-wrapper {
  position: relative;
}
.post-main-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -3.1rem;
  height: 0.1rem;
  background-color: var(--gray-300);
}
@media (min-width: 760px) {
  .post-main-wrapper::before {
    top: -0.1rem;
  }
}
@media (min-width: 1200px) {
  .post-main-wrapper::before {
    top: -2.8rem;
  }
}

.post-review {
  max-width: 92rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
@media (min-width: 500px) {
  .post-review {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 760px) {
  .post-review {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.post-review .post-info {
  position: relative;
  padding-top: 7.1rem;
  padding-left: 1.1rem;
  padding-right: 1.1rem;
  padding-bottom: 3.1rem;
}
@media (min-width: 760px) {
  .post-review .post-info {
    padding-top: 9.5rem;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 5.8rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .post-review .post-info {
    padding-bottom: 5.8rem;
    margin-bottom: 2.7rem;
  }
}
.post-review .post-main {
  padding-bottom: 4.5rem;
}
@media (min-width: 760px) {
  .post-review .post-main {
    padding-top: 2.4rem;
    /*padding-left: 6rem;
    padding-right: 6rem;*/
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 6rem;
  }
}
@media (min-width: 1200px) {
  .post-review .post-main {
    padding-top: 1.7rem;
  }
  .post-review .post-main .ads-container:not(.floated) {
    margin-left: -10.5rem;
    margin-right: -10.5rem;
  }
}
.post-review .post-main .btn-gradient {
  display: flex;
  width: 100%;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media (min-width: 760px) {
  .post-review .post-main .btn-gradient {
    width: 43rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4rem;
    margin-bottom: 6rem;
  }
}

.story-info {
  margin-left: -1.1rem;
  margin-right: -1.1rem;
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 760px) {
  .story-info {
    /*margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 2rem;
    padding-bottom: 1rem;*/
    float: right;
    padding: 3.5rem 0 1rem 2rem;
    margin: 0;
    width: 450px;
  }
}
.story-info header {
  color: var(--body-bg);
  background-color: var(--body-color);
  border-radius: 1.2rem;
  text-transform: uppercase;
  text-align: center;
  padding: 1.6rem 1.5rem 1.5rem;
  font-weight: 800;
  line-height: 1.9rem;
}
.story-info .info-data {
  display: flex;
  flex-wrap: wrap;
}
.story-info .info-item {
  position: relative;
  flex-basis: 50%;
  padding: 1.6rem 1.1rem;
}
@media (min-width: 760px) {
  .story-info .info-item {
    padding: 1.6rem 2rem;
  }
}
.story-info .info-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--gray-300);
  height: 0.1rem;
  border-radius: 0.05rem;
  pointer-events: none;
}
.story-info-product .info-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: var(--gray-300);
  height: 0.1rem;
  border-radius: 0.05rem;
  pointer-events: none;
}
.story-info .info-item:first-child {
  padding-top: 1.5rem;
}
.story-info .info-item:first-child::before {
  display: none;
}
.story-info .info-item:nth-child(even)::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0.1rem;
  border-radius: 0.05rem;
  background-color: var(--gray-300);
  pointer-events: none;
}
.story-info .info-item:nth-child(2) {
  padding-top: 1.5rem;
}
.story-info .info-item:nth-child(2)::before {
  display: none;
}
.story-info .info-item:nth-child(2)::after {
  top: 1rem;
}
.story-info .info-item:last-child::after {
  bottom: 1rem;
}
.story-info-product .info-item:nth-child(2)::before {
  display: inline-block;
}
.story-info-product .info-item:nth-child(even)::after {
  left:  auto;
  right: 0;
}
.story-info-product .info-item:first-child { 
  flex-basis: 100%;
  text-align: center;
}
.story-info h5 {
  font-weight: 600;
  line-height: 2.2rem;
  margin-bottom: 0.2rem;
}
@media (min-width: 1200px) {
  .story-info h5 {
    margin-top: -0.1rem;
    margin-bottom: -0.1rem;
    line-height: 2.4rem;
  }
}
.story-info span {
  display: block;
  line-height: 1.7rem;
}

.story-verdict {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.1rem;
  padding-bottom: 0.8rem;
}
@media (min-width: 760px) {
  .story-verdict {
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.story-verdict h6 {
  font-size: 1.3rem;
}
.story-verdict > * {
  flex-basis: 100%;
}
@media (min-width: 760px) {
  .story-verdict > * {
    flex-basis: 50%;
    padding: 1.6rem 2rem 1.1rem;
  }
}
.story-verdict > * + * {
  margin-top: 3.4rem;
}
@media (min-width: 760px) {
  .story-verdict > * + * {
    margin-top: 0;
  }
}
.story-verdict ul {
  padding-top: 0.2rem;
  padding-bottom: 0;
}
@media (min-width: 760px) {
  .story-verdict ul {
    padding-top: 0.4rem;
  }
}
.story-verdict h6 {
  font-weight: 900;
  line-height: 1.9rem;
  text-transform: uppercase;
}

.story-rating-wrapper > * + * {
  margin-top: 1.5rem;
}
@media (min-width: 760px) {
  .story-rating-wrapper > * + * {
    margin-top: 2rem;
  }
}

.story-rating {
  position: relative;
  margin-left: -1.1rem;
  margin-right: -1.1rem;
  padding-top: 1.5rem;
  margin-bottom: 3rem;
}
@media (min-width: 500px) {
  .story-rating {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
.story-rating::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  /*top: 6rem;*/
  top: -2rem;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: var(--gray-300);
}
.story-rating::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: var(--gray-300);
}
@media (min-width: 500px) {
  .story-rating::before, .story-rating::after {
    left: calc(((100vw - 45.8rem) / -2));
    right: calc(((100vw - 45.8rem) / -2));
  }
}
@media (min-width: 760px) {
  .story-rating {
    padding-top: 2rem;
    padding-bottom: 3rem;
    margin-bottom: 4rem;
  }
  .story-rating::before {
    top: 8rem;
    left: min(-5.6rem, calc((100vw - 80.8rem) / -2));
    right: min(-5.6rem, calc((100vw - 80.8rem) / -2));
  }
  .story-rating::after {
    left: min(-5.6rem, calc((100vw - 80.8rem) / -2));
    right: min(-5.6rem, calc((100vw - 80.8rem) / -2));
  }
}
@media (min-width: 992px) {
  .story-rating {
    margin-bottom: 0;
  }
  .story-rating::before {
    left: calc(((100vw - var(--scroll-bar, 0px)) - 80.8rem) / -2);
    right: calc(((100vw - var(--scroll-bar, 0px)) - 80.8rem) / -2);
    /*top: 8rem;*/
    top: -20px;
  }
  .story-rating::after {
    display: none;
  }
}
.story-rating .rating-inner {
  display: flex;
}
.story-rating header {
  font-size: 2.4rem;
  line-height: 3.3rem;
  font-weight: 900;
  padding: 2.3rem 1.1rem;
}
@media (min-width: 500px) {
  .story-rating header {
    padding: 2.3rem 2rem;
  }
}

.rating-img {
  /*max-width: 60rem;*/
  max-width: 64rem;
  height: 21.8rem;
  margin-top: 7.6rem;
  position: relative;
  background-color: var(--gray-300);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%23e1eaed'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%23d5e1e5'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 2.4rem;
  cursor: pointer;
  overflow: hidden;
}
.dark .rating-img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 56 56'%3E%3Cg transform='translate(-126 -181)'%3E%3Crect width='56' height='56' transform='translate(126 181)' fill='%23fff' opacity='0'/%3E%3Cpath d='M20536,23203a2,2,0,0,1-1.414-3.418h0l8.941-8.936a2,2,0,0,1,2.955.008l8.934,8.928h0A2,2,0,0,1,20554,23203Z' transform='translate(-20403 -22977)' fill='%2331373a'/%3E%3Cpath d='M20539.654,23224H20534l20.418-20.416a2,2,0,0,1,2.844.018l16.984,16.984a2.015,2.015,0,0,1,.582,1.27v.291a2.007,2.007,0,0,1-2,1.854Zm.174-29.5a4.5,4.5,0,1,1,4.5,4.5A4.5,4.5,0,0,1,20539.828,23194.5Z' transform='translate(-20397.828 -22998)' fill='%2350585c'/%3E%3C/g%3E%3C/svg%3E");
}
@media (min-width: 500px) {
  .rating-img {
    height: 28rem;
  }
}
@media (min-width: 760px) {
  .rating-img {
    height: 34rem;
    /*margin-left: -4.5rem;*/
    margin-top: 12.1rem;
  }
}
@media (min-width: 992px) {
  .rating-img {
    flex: 1;
    height: 40rem;
    margin-top: 12.1rem;
    /*margin-left: max(-24rem, calc((100vw - 83rem) / -2));*/
  }
}
@media (min-width: 1200px) {
  .rating-img {
    /*margin-left: -24rem;*/
  }
}
.rating-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rating-img::before, .dark .rating-img::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 2.4rem;
  pointer-events: none;
  z-index: 1;
}
.rating-img::before {
  transform: translate3d(0, 0, 0);
  transition: 0.25s;
  background-color: var(--body-color);
  opacity: 0;
}
.dark .rating-img::before {
  background-color: var(--body-bg);
  opacity: 0.25;
}
.dark .rating-img::after {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body:not(.is-tablet) .rating-img:hover::before, .rating-img:active::before {
  opacity: 0.45;
}

.rating-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  margin-left: 1rem;
}
@media (min-width: 760px) {
  .rating-wrapper {
    margin-left: 4rem;
    padding-left: 2rem;
    width: 25.4rem;
  }
}
@media (min-width: 992px) {
  .rating-wrapper {
    width: 40rem;
  }
  .rating-wrapper::after {
    content: "";
    position: absolute;
    left: 2rem;
    right: -3rem;
    bottom: 0;
    height: 0.1rem;
    border-radius: 0.05rem;
    background-color: var(--gray-300);
  }
}
@media (min-width: 992px) {
  .rating-wrapper .h1 {
    margin-top: 4.7rem;
    margin-bottom: 5.1rem;
    font-size: 3.8rem;
    line-height: 4.7rem;
    font-weight: 900;
  }
}

.rating-bar {
  text-align: center;
}
.rating-bar .bar {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 2.5rem;
  width: 12.4rem;
  height: 22.6rem;
  border-radius: 2.4rem;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
}
@media (min-width: 500px) {
  .rating-bar .bar {
    height: 28.8rem;
  }
}
@media (min-width: 760px) {
  .rating-bar .bar {
    width: 15.4rem;
    height: 39.1rem;
    margin-bottom: 2.6rem;
  }
}
@media (min-width: 992px) {
  .rating-bar .bar {
    height: 34.8rem;
    margin-bottom: 1rem;
  }
}
.rating-bar .bar span {
  color: #fff;
  font-size: 2.4rem;
  line-height: 3.3rem;
  font-weight: 600;
  padding-bottom: 0.6rem;
}
@media (min-width: 760px) {
  .rating-bar .bar span {
    font-size: 3.5rem;
    line-height: 4.5rem;
    padding-bottom: 0.4rem;
  }
}
.rating-bar strong {
  display: block;
  font-size: 1.1rem;
  line-height: 1.7rem;
  padding-top: 0.1rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 760px) {
  .rating-bar strong {
    font-size: 1.3rem;
  }
}

.story-chart-wrapper {
  position: relative;
  padding-top: 0.8rem;
  z-index: 0;
}
.story-chart-wrapper + .story-chart-wrapper {
  margin-top: 4rem;
}
@media (min-width: 760px) {
  .story-chart-wrapper {
    padding-top: 1.1rem;
  }
}

.chart-header {
  position: relative;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-header {
    position: sticky;
    top: 6.2rem;
    z-index: 2;
  }
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .chart-horizontal .chart-header {
    top: 10.2rem;
  }
}
.chart-header::before {
  content: "";
  position: absolute;
  left: -1.1rem;
  top: 0.7rem;
  bottom: -0.9rem;
  width: 0.2rem;
  border-radius: 0.1rem;
  background-color: var(--body-color);
  z-index: 2;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-header::before {
    left: -2rem;
    bottom: -2rem;
  }
}
@media (min-width: 760px) {
  .chart-header::before {
    top: 0.9rem;
  }
}
@media (min-width: 992px) {
  .chart-horizontal .chart-header::after {
    content: "";
    position: absolute;
    top: -1.2rem;
    bottom: -4rem;
    left: calc((100vw - 76rem) / -2);
    right: 0;
    background-color: rgba(255, 255, 255, 0.92);
    -webkit-backdrop-filter: blur(0.6rem);
    backdrop-filter: blur(0.6rem);
    pointer-events: none;
    z-index: -1;
  }
  .dark .chart-horizontal .chart-header::after {
    background-color: rgba(22, 26, 28, 0.92);
  }
}
@media (min-width: 1200px) {
  .chart-horizontal .chart-header::after {
    left: calc((100vw - 122rem) / -2);
  }
}
@media (min-width: 1920px) {
  .chart-horizontal .chart-header::after {
    left: calc((100vw - 200rem) / -2);
  }
}
.chart-header h5 {
  color: var(--body-color);
  line-height: 2.6rem;
  margin: 0;
}
@media (min-width: 760px) {
  .chart-header h5 {
    line-height: 3rem;
  }
}

.chart-legend {
  display: flex;
  justify-content: center;
  padding-top: 1.9rem;
  padding-bottom: 2.5rem;
  font-weight: 600;
}
.chart-legend > * + * {
  margin-left: 4rem;
}
@media (min-width: 760px) {
  .chart-legend {
    padding-top: 2.7rem;
    padding-bottom: 3.5rem;
  }
}
@media (min-width: 992px) {
  .chart-horizontal .chart-legend {
    padding-bottom: 2.4rem;
  }
}

.legend-item {
  position: relative;
  padding-left: 2.2rem;
  line-height: 1.9rem;
}
.legend-item::before {
  content: "";
  position: absolute;
  top: -0.1rem;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 1.6rem;
  height: 1rem;
  border-radius: 0.5rem;
}
.legend-item:first-of-type::before {
  background-color: var(--primary);
}
.legend-item:nth-of-type(2)::before {
  background-color: #29ccb1;
}
.legend-item:nth-of-type(3)::before {
  background-color: #ffaf38;
}
.legend-item:nth-of-type(4)::before {
  background-color: #38c7ff;
}

.story-chart {
  display: grid;
}
@media (min-width: 992px) {
  .chart-horizontal .story-chart {
    padding-top: 4rem;
  }
}

.chart-bg,
.chart-fg {
  grid-row: 1/-1;
  grid-column: 1/-1;
  min-width: 0;
}

.chart-bg {
  padding-bottom: 4.9rem;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-bg {
    padding-bottom: 0;
  }
}

.chart-lines {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  height: 18.7rem;
  font-size: 1.2rem;
  color: var(--gray-800);
  font-weight: 500;
}
@media (min-width: 500px) {
  .chart-lines {
    height: 30.7rem;
  }
}
@media (min-width: 992px) {
  .chart-horizontal .chart-lines {
    height: 100%;
    flex-direction: row;
  }
}
.chart-header .chart-lines {
  display: none;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-header .chart-lines {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4rem;
    height: auto !important;
  }
}
.chart-lines > * {
  position: relative;
  height: 0.1rem;
  margin-left: 3.5rem;
  margin-right: -1.1rem;
  border-radius: 0.05rem;
}
@media (min-width: 500px) {
  .chart-lines > * {
    margin-right: 0;
  }
}
.chart-lines > *:nth-child(odd) {
  background-color: var(--gray-300);
}
@media (min-width: 992px) {
  .chart-horizontal .chart-lines > *:nth-child(odd) {
    background-color: transparent;
  }
}
.chart-lines > *:nth-child(even) {
  opacity: 0;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-lines > *:nth-child(even) {
    opacity: 1;
    background-color: var(--gray-300);
  }
}
.chart-lines > *:first-child {
  background-color: transparent;
}
.chart-lines > *:last-child {
  background-color: transparent;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-lines > * {
    margin-left: 0;
    width: 0.1rem;
    height: 100%;
  }
}
.chart-lines > * span {
  position: absolute;
  left: -3.5rem;
  top: -0.5rem;
  width: 2rem;
  text-align: right;
  z-index: 2;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-lines > * span {
    left: 0;
    width: auto;
    top: -3.4rem;
    text-align: left;
    opacity: 0;
  }
  .chart-horizontal .chart-header .chart-lines > * span {
    opacity: 1;
  }
}
@media (min-width: 992px) {
  .chart-horizontal .chart-lines > *:last-child {
    opacity: 0;
  }
}

.chart-fg {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-fg {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}
.chart-fg::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.5rem;
  width: 5rem;
  background-color: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(0.6rem);
  backdrop-filter: blur(0.6rem);
  transition: backdrop-filter 0.25s ease-out, -webkit-backdrop-filter 0.25s ease-out;
  z-index: 1;
}
.dark .chart-fg::before {
  background-color: rgba(22, 26, 28, 0.92);
}
@media (min-width: 500px) {
  .chart-fg::before {
    left: calc(((100vw - 41rem) / -2));
    width: calc(((100vw - 41rem) / 2) + 3.5rem);
  }
}
@media (min-width: 760px) {
  .chart-fg::before {
    left: min(-8rem, calc((100vw - 72rem) / -2));
    width: max(11.5rem, calc((100vw - 65rem) / 2));
  }
}
@media (min-width: 992px) {
  .chart-fg::before {
    left: -1.5rem;
    width: 5rem;
  }
  .chart-horizontal .chart-fg::before {
    display: none;
  }
}

.chart-data {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: auto;
  height: 100%;
  font-size: 1.2rem;
  font-weight: 500;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-bottom: 1rem;
  overflow: auto;
}
@media (min-width: 500px) {
  .chart-data {
    margin-left: calc((100vw - 41rem) / -2);
    margin-right: calc((100vw - 41rem) / -2);
  }
}
@media (min-width: 760px) {
  .chart-data {
    padding-bottom: 2.5rem;
    margin-left: min(-8rem, calc((100vw - 72rem) / -2));
    margin-right: min(-8rem, calc((100vw - 72rem) / -2));
  }
}
@media (min-width: 992px) {
  .chart-data {
    margin-left: 0;
    margin-right: 0;
  }
  .chart-horizontal .chart-data {
    padding-bottom: 0;
    overflow: initial;
    flex-direction: column;
    align-items: stretch;
  }
}
.chart-data > * {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  flex: 0 1 0%;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-data > * {
    flex-direction: row;
  }
  .chart-horizontal .chart-data > *::before {
    content: "";
    position: absolute;
    left: -0.9rem;
    bottom: -1.1rem;
    width: 0.9rem;
    height: 0.1rem;
    border-radius: 0.05rem;
    background: var(--gray-400);
  }
}
.chart-data > * span {
  padding-top: 2.5rem;
  text-align: center;
  overflow: hidden;
  word-break: break-word;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-data > * span {
    text-align: left;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: calc(100% + 2rem);
    padding-top: 0;
    min-width: 4rem;
    width: calc((100vw - 92rem) / 2);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: initial;
  }
}
@media (min-width: 1024px) {
  .chart-horizontal .chart-data > * span {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .chart-horizontal .chart-data > * span {
    width: calc((100vw - 92rem) / 2);
  }
}
.chart-data > * + * {
  margin-left: 1rem;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-data > * + * {
    margin-left: 0;
    /*margin-top: 4.1rem;*/
    margin-top: 2.1rem;
  }
}
.chart-data > *:first-child {
  padding-left: 5rem;
}
@media (min-width: 500px) {
  .chart-data > *:first-child {
    padding-left: calc(((100vw - 41rem) / 2) + 3.5rem);
  }
}
@media (min-width: 760px) {
  .chart-data > *:first-child {
    padding-left: max(11.5rem, calc((100vw - 65rem) / 2));
  }
}
@media (min-width: 992px) {
  .chart-data > *:first-child {
    padding-left: 5rem;
  }
  .chart-horizontal .chart-data > *:first-child {
    padding-left: 0;
  }
}
.chart-data > *:last-child::before {
  display: none;
}
@media (min-width: 500px) {
  .chart-data > *:last-child {
    padding-right: calc((100vw - 41rem) / 2);
  }
}
@media (min-width: 760px) {
  .chart-data > *:last-child {
    padding-right: max(8rem, calc((100vw - 72rem) / 2));
  }
}
@media (min-width: 992px) {
  .chart-data > *:last-child {
    padding-right: 0;
  }
}
.chart-data > *:only-child .chart-item > * {
  width: 10.3rem;
  border-radius: 0.6rem;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-data > *:only-child .chart-item > * {
    height: 8.3rem !important;
    /*width: auto;*/
  }
}
.chart-horizontal .chart-data > *:first-child:nth-last-child(2) .chart-item > *,
.chart-horizontal .chart-data > *:first-child:nth-last-child(2) ~ * .chart-item > * {
  /*height: 4.3rem;*/
  border-radius: 0.6rem;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-data > *:first-child:nth-last-child(2) .chart-item > *,
  .chart-horizontal .chart-data > *:first-child:nth-last-child(2) ~ * .chart-item > * {
    height: 2.3rem !important;
    line-height: 2.3rem !important;
    /*width: auto;*/
  }
}
.chart-horizontal .chart-data > *:first-child:nth-last-child(3) .chart-item > *,
.chart-horizontal .chart-data > *:first-child:nth-last-child(3) ~ * .chart-item > * {
  height: 2.3rem;
  border-radius: 0.6rem;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-data > *:first-child:nth-last-child(3) .chart-item > *,
  .chart-horizontal .chart-data > *:first-child:nth-last-child(3) ~ * .chart-item > * {
    /*height: 2.3rem !important;*/
    /*width: auto;*/
  }
}

.chart-item {
  height: 18.7rem;
  display: flex;
  flex-direction: row-reverse;
  transform: rotate(180deg);
  padding: 0 2.5rem;
  position: relative;
}
.chart-item:hover::before {
  content: "";
  position: absolute;
  top: -0.9rem;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, var(--gray-300) 0%, var(--gray-300) 50%, rgba(0, 0, 0, 0) 100%);
  border-radius: 1.2rem;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-item:hover::before {
    /*top: -1.8rem;
    bottom: -1.8rem;*/
    top: -1rem;
    bottom: -1rem;
    left: -0.9rem;
    right: -0.9rem;
    background: linear-gradient(90deg, var(--gray-300) 0%, var(--gray-300) 50%, rgba(0, 0, 0, 0) 100%);
  }
}
@media (min-width: 500px) {
  .chart-item {
    height: 30.7rem;
  }
}
.chart-item > * {
  color: white;
  text-align: center;
  transform: rotate(180deg);
  font-size: 80%;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-item {
    height: auto;
    transform: none;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding: 0;
  }
}
.chart-item > * {
  position: relative;
  width: 3rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-item > * {
    height: 1.1rem !important;
    width: auto;
    color: white;
    text-align: right;
    padding-right: 7px;
    transform: rotate(0deg);
  }
}
.chart-item > *:only-child {
  width: 4.3rem;
  border-radius: 0.6rem;
}
@media (min-width: 992px) {

  .chart-horizontal .chart-data > div:nth-last-child( -n+6 ) > .chart-item > div,
  .chart-horizontal .chart-data > div:nth-last-child( -n+6 ) ~ div > .chart-item > div {
    height: 2rem !important;
    line-height: 2rem;

  }

  .chart-horizontal .chart-data > div:nth-last-child( n+7 ) > .chart-item > div,
  .chart-horizontal .chart-data > div:nth-last-child( n+7 ) ~ div > .chart-item > div {
    height: 2rem !important;
    line-height: 2rem;
  }

  /*.chart-horizontal .chart-item > *:only-child {
    height: 2.3rem !important;
    width: auto;
  }*/

}
.chart-item > * + * {
  margin-right: 1.1rem;
}
@media (min-width: 992px) {
  .chart-horizontal .chart-item > * + * {
    margin-right: 0;
    margin-top: 1.1rem;
  }
}
.chart-item > *:first-child {
  background: linear-gradient(180deg, var(--primary) 0%, var(--primary-grad3) 100%);
}
.chart-item > *:nth-child(2) {
  background: linear-gradient(180deg, #29ccb1 0%, #42dbdb 100%);
}
.chart-item > *:nth-child(3) {
  background: linear-gradient(180deg, #ffaf38 0%, #ffc338 100%);
}
.chart-item > *:nth-child(4) {
  background: linear-gradient(180deg, #38c7ff 0%, #4de1ff 100%);
}
@media (min-width: 992px) {
  .chart-horizontal .chart-item > *:first-child {
    background: linear-gradient(90deg, var(--primary-grad3) 0%, var(--primary) 100%);
  }
  .chart-horizontal .chart-item > *:nth-child(2) {
    background: linear-gradient(90deg, #29ccb1 0%, #42dbdb 100%);
  }
  .chart-horizontal .chart-item > *:nth-child(3) {
    background: linear-gradient(90deg, #ffaf38 0%, #ffc338 100%);
  }
   .chart-horizontal .chart-item > *:nth-child(4) {
    background: linear-gradient(90deg, #38c7ff 0%, #4de1ff 100%);
  }
}

.chart-item > *[data-value="1"] {
  height: 1%;
}

.chart-item > *[data-value="2"] {
  height: 2%;
}

.chart-item > *[data-value="3"] {
  height: 3%;
}

.chart-item > *[data-value="4"] {
  height: 4%;
}

.chart-item > *[data-value="5"] {
  height: 5%;
}

.chart-item > *[data-value="6"] {
  height: 6%;
}

.chart-item > *[data-value="7"] {
  height: 7%;
}

.chart-item > *[data-value="8"] {
  height: 8%;
}

.chart-item > *[data-value="9"] {
  height: 9%;
}

.chart-item > *[data-value="10"] {
  height: 10%;
}

.chart-item > *[data-value="11"] {
  height: 11%;
}

.chart-item > *[data-value="12"] {
  height: 12%;
}

.chart-item > *[data-value="13"] {
  height: 13%;
}

.chart-item > *[data-value="14"] {
  height: 14%;
}

.chart-item > *[data-value="15"] {
  height: 15%;
}

.chart-item > *[data-value="16"] {
  height: 16%;
}

.chart-item > *[data-value="17"] {
  height: 17%;
}

.chart-item > *[data-value="18"] {
  height: 18%;
}

.chart-item > *[data-value="19"] {
  height: 19%;
}

.chart-item > *[data-value="20"] {
  height: 20%;
}

.chart-item > *[data-value="21"] {
  height: 21%;
}

.chart-item > *[data-value="22"] {
  height: 22%;
}

.chart-item > *[data-value="23"] {
  height: 23%;
}

.chart-item > *[data-value="24"] {
  height: 24%;
}

.chart-item > *[data-value="25"] {
  height: 25%;
}

.chart-item > *[data-value="26"] {
  height: 26%;
}

.chart-item > *[data-value="27"] {
  height: 27%;
}

.chart-item > *[data-value="28"] {
  height: 28%;
}

.chart-item > *[data-value="29"] {
  height: 29%;
}

.chart-item > *[data-value="30"] {
  height: 30%;
}

.chart-item > *[data-value="31"] {
  height: 31%;
}

.chart-item > *[data-value="32"] {
  height: 32%;
}

.chart-item > *[data-value="33"] {
  height: 33%;
}

.chart-item > *[data-value="34"] {
  height: 34%;
}

.chart-item > *[data-value="35"] {
  height: 35%;
}

.chart-item > *[data-value="36"] {
  height: 36%;
}

.chart-item > *[data-value="37"] {
  height: 37%;
}

.chart-item > *[data-value="38"] {
  height: 38%;
}

.chart-item > *[data-value="39"] {
  height: 39%;
}

.chart-item > *[data-value="40"] {
  height: 40%;
}

.chart-item > *[data-value="41"] {
  height: 41%;
}

.chart-item > *[data-value="42"] {
  height: 42%;
}

.chart-item > *[data-value="43"] {
  height: 43%;
}

.chart-item > *[data-value="44"] {
  height: 44%;
}

.chart-item > *[data-value="45"] {
  height: 45%;
}

.chart-item > *[data-value="46"] {
  height: 46%;
}

.chart-item > *[data-value="47"] {
  height: 47%;
}

.chart-item > *[data-value="48"] {
  height: 48%;
}

.chart-item > *[data-value="49"] {
  height: 49%;
}

.chart-item > *[data-value="50"] {
  height: 50%;
}

.chart-item > *[data-value="51"] {
  height: 51%;
}

.chart-item > *[data-value="52"] {
  height: 52%;
}

.chart-item > *[data-value="53"] {
  height: 53%;
}

.chart-item > *[data-value="54"] {
  height: 54%;
}

.chart-item > *[data-value="55"] {
  height: 55%;
}

.chart-item > *[data-value="56"] {
  height: 56%;
}

.chart-item > *[data-value="57"] {
  height: 57%;
}

.chart-item > *[data-value="58"] {
  height: 58%;
}

.chart-item > *[data-value="59"] {
  height: 59%;
}

.chart-item > *[data-value="60"] {
  height: 60%;
}

.chart-item > *[data-value="61"] {
  height: 61%;
}

.chart-item > *[data-value="62"] {
  height: 62%;
}

.chart-item > *[data-value="63"] {
  height: 63%;
}

.chart-item > *[data-value="64"] {
  height: 64%;
}

.chart-item > *[data-value="65"] {
  height: 65%;
}

.chart-item > *[data-value="66"] {
  height: 66%;
}

.chart-item > *[data-value="67"] {
  height: 67%;
}

.chart-item > *[data-value="68"] {
  height: 68%;
}

.chart-item > *[data-value="69"] {
  height: 69%;
}

.chart-item > *[data-value="70"] {
  height: 70%;
}

.chart-item > *[data-value="71"] {
  height: 71%;
}

.chart-item > *[data-value="72"] {
  height: 72%;
}

.chart-item > *[data-value="73"] {
  height: 73%;
}

.chart-item > *[data-value="74"] {
  height: 74%;
}

.chart-item > *[data-value="75"] {
  height: 75%;
}

.chart-item > *[data-value="76"] {
  height: 76%;
}

.chart-item > *[data-value="77"] {
  height: 77%;
}

.chart-item > *[data-value="78"] {
  height: 78%;
}

.chart-item > *[data-value="79"] {
  height: 79%;
}

.chart-item > *[data-value="80"] {
  height: 80%;
}

.chart-item > *[data-value="81"] {
  height: 81%;
}

.chart-item > *[data-value="82"] {
  height: 82%;
}

.chart-item > *[data-value="83"] {
  height: 83%;
}

.chart-item > *[data-value="84"] {
  height: 84%;
}

.chart-item > *[data-value="85"] {
  height: 85%;
}

.chart-item > *[data-value="86"] {
  height: 86%;
}

.chart-item > *[data-value="87"] {
  height: 87%;
}

.chart-item > *[data-value="88"] {
  height: 88%;
}

.chart-item > *[data-value="89"] {
  height: 89%;
}

.chart-item > *[data-value="90"] {
  height: 90%;
}

.chart-item > *[data-value="91"] {
  height: 91%;
}

.chart-item > *[data-value="92"] {
  height: 92%;
}

.chart-item > *[data-value="93"] {
  height: 93%;
}

.chart-item > *[data-value="94"] {
  height: 94%;
}

.chart-item > *[data-value="95"] {
  height: 95%;
}

.chart-item > *[data-value="96"] {
  height: 96%;
}

.chart-item > *[data-value="97"] {
  height: 97%;
}

.chart-item > *[data-value="98"] {
  height: 98%;
}

.chart-item > *[data-value="99"] {
  height: 99%;
}

.chart-item > *[data-value="100"] {
  height: 100%;
}

@media (min-width: 992px) {
  .chart-horizontal .chart-item > *[data-value="1"] {
    width: 1%;
  }
  .chart-horizontal .chart-item > *[data-value="2"] {
    width: 2%;
  }
  .chart-horizontal .chart-item > *[data-value="3"] {
    width: 3%;
  }
  .chart-horizontal .chart-item > *[data-value="4"] {
    width: 4%;
  }
  .chart-horizontal .chart-item > *[data-value="5"] {
    width: 5%;
  }
  .chart-horizontal .chart-item > *[data-value="6"] {
    width: 6%;
  }
  .chart-horizontal .chart-item > *[data-value="7"] {
    width: 7%;
  }
  .chart-horizontal .chart-item > *[data-value="8"] {
    width: 8%;
  }
  .chart-horizontal .chart-item > *[data-value="9"] {
    width: 9%;
  }
  .chart-horizontal .chart-item > *[data-value="10"] {
    width: 10%;
  }
  .chart-horizontal .chart-item > *[data-value="11"] {
    width: 11%;
  }
  .chart-horizontal .chart-item > *[data-value="12"] {
    width: 12%;
  }
  .chart-horizontal .chart-item > *[data-value="13"] {
    width: 13%;
  }
  .chart-horizontal .chart-item > *[data-value="14"] {
    width: 14%;
  }
  .chart-horizontal .chart-item > *[data-value="15"] {
    width: 15%;
  }
  .chart-horizontal .chart-item > *[data-value="16"] {
    width: 16%;
  }
  .chart-horizontal .chart-item > *[data-value="17"] {
    width: 17%;
  }
  .chart-horizontal .chart-item > *[data-value="18"] {
    width: 18%;
  }
  .chart-horizontal .chart-item > *[data-value="19"] {
    width: 19%;
  }
  .chart-horizontal .chart-item > *[data-value="20"] {
    width: 20%;
  }
  .chart-horizontal .chart-item > *[data-value="21"] {
    width: 21%;
  }
  .chart-horizontal .chart-item > *[data-value="22"] {
    width: 22%;
  }
  .chart-horizontal .chart-item > *[data-value="23"] {
    width: 23%;
  }
  .chart-horizontal .chart-item > *[data-value="24"] {
    width: 24%;
  }
  .chart-horizontal .chart-item > *[data-value="25"] {
    width: 25%;
  }
  .chart-horizontal .chart-item > *[data-value="26"] {
    width: 26%;
  }
  .chart-horizontal .chart-item > *[data-value="27"] {
    width: 27%;
  }
  .chart-horizontal .chart-item > *[data-value="28"] {
    width: 28%;
  }
  .chart-horizontal .chart-item > *[data-value="29"] {
    width: 29%;
  }
  .chart-horizontal .chart-item > *[data-value="30"] {
    width: 30%;
  }
  .chart-horizontal .chart-item > *[data-value="31"] {
    width: 31%;
  }
  .chart-horizontal .chart-item > *[data-value="32"] {
    width: 32%;
  }
  .chart-horizontal .chart-item > *[data-value="33"] {
    width: 33%;
  }
  .chart-horizontal .chart-item > *[data-value="34"] {
    width: 34%;
  }
  .chart-horizontal .chart-item > *[data-value="35"] {
    width: 35%;
  }
  .chart-horizontal .chart-item > *[data-value="36"] {
    width: 36%;
  }
  .chart-horizontal .chart-item > *[data-value="37"] {
    width: 37%;
  }
  .chart-horizontal .chart-item > *[data-value="38"] {
    width: 38%;
  }
  .chart-horizontal .chart-item > *[data-value="39"] {
    width: 39%;
  }
  .chart-horizontal .chart-item > *[data-value="40"] {
    width: 40%;
  }
  .chart-horizontal .chart-item > *[data-value="41"] {
    width: 41%;
  }
  .chart-horizontal .chart-item > *[data-value="42"] {
    width: 42%;
  }
  .chart-horizontal .chart-item > *[data-value="43"] {
    width: 43%;
  }
  .chart-horizontal .chart-item > *[data-value="44"] {
    width: 44%;
  }
  .chart-horizontal .chart-item > *[data-value="45"] {
    width: 45%;
  }
  .chart-horizontal .chart-item > *[data-value="46"] {
    width: 46%;
  }
  .chart-horizontal .chart-item > *[data-value="47"] {
    width: 47%;
  }
  .chart-horizontal .chart-item > *[data-value="48"] {
    width: 48%;
  }
  .chart-horizontal .chart-item > *[data-value="49"] {
    width: 49%;
  }
  .chart-horizontal .chart-item > *[data-value="50"] {
    width: 50%;
  }
  .chart-horizontal .chart-item > *[data-value="51"] {
    width: 51%;
  }
  .chart-horizontal .chart-item > *[data-value="52"] {
    width: 52%;
  }
  .chart-horizontal .chart-item > *[data-value="53"] {
    width: 53%;
  }
  .chart-horizontal .chart-item > *[data-value="54"] {
    width: 54%;
  }
  .chart-horizontal .chart-item > *[data-value="55"] {
    width: 55%;
  }
  .chart-horizontal .chart-item > *[data-value="56"] {
    width: 56%;
  }
  .chart-horizontal .chart-item > *[data-value="57"] {
    width: 57%;
  }
  .chart-horizontal .chart-item > *[data-value="58"] {
    width: 58%;
  }
  .chart-horizontal .chart-item > *[data-value="59"] {
    width: 59%;
  }
  .chart-horizontal .chart-item > *[data-value="60"] {
    width: 60%;
  }
  .chart-horizontal .chart-item > *[data-value="61"] {
    width: 61%;
  }
  .chart-horizontal .chart-item > *[data-value="62"] {
    width: 62%;
  }
  .chart-horizontal .chart-item > *[data-value="63"] {
    width: 63%;
  }
  .chart-horizontal .chart-item > *[data-value="64"] {
    width: 64%;
  }
  .chart-horizontal .chart-item > *[data-value="65"] {
    width: 65%;
  }
  .chart-horizontal .chart-item > *[data-value="66"] {
    width: 66%;
  }
  .chart-horizontal .chart-item > *[data-value="67"] {
    width: 67%;
  }
  .chart-horizontal .chart-item > *[data-value="68"] {
    width: 68%;
  }
  .chart-horizontal .chart-item > *[data-value="69"] {
    width: 69%;
  }
  .chart-horizontal .chart-item > *[data-value="70"] {
    width: 70%;
  }
  .chart-horizontal .chart-item > *[data-value="71"] {
    width: 71%;
  }
  .chart-horizontal .chart-item > *[data-value="72"] {
    width: 72%;
  }
  .chart-horizontal .chart-item > *[data-value="73"] {
    width: 73%;
  }
  .chart-horizontal .chart-item > *[data-value="74"] {
    width: 74%;
  }
  .chart-horizontal .chart-item > *[data-value="75"] {
    width: 75%;
  }
  .chart-horizontal .chart-item > *[data-value="76"] {
    width: 76%;
  }
  .chart-horizontal .chart-item > *[data-value="77"] {
    width: 77%;
  }
  .chart-horizontal .chart-item > *[data-value="78"] {
    width: 78%;
  }
  .chart-horizontal .chart-item > *[data-value="79"] {
    width: 79%;
  }
  .chart-horizontal .chart-item > *[data-value="80"] {
    width: 80%;
  }
  .chart-horizontal .chart-item > *[data-value="81"] {
    width: 81%;
  }
  .chart-horizontal .chart-item > *[data-value="82"] {
    width: 82%;
  }
  .chart-horizontal .chart-item > *[data-value="83"] {
    width: 83%;
  }
  .chart-horizontal .chart-item > *[data-value="84"] {
    width: 84%;
  }
  .chart-horizontal .chart-item > *[data-value="85"] {
    width: 85%;
  }
  .chart-horizontal .chart-item > *[data-value="86"] {
    width: 86%;
  }
  .chart-horizontal .chart-item > *[data-value="87"] {
    width: 87%;
  }
  .chart-horizontal .chart-item > *[data-value="88"] {
    width: 88%;
  }
  .chart-horizontal .chart-item > *[data-value="89"] {
    width: 89%;
  }
  .chart-horizontal .chart-item > *[data-value="90"] {
    width: 90%;
  }
  .chart-horizontal .chart-item > *[data-value="91"] {
    width: 91%;
  }
  .chart-horizontal .chart-item > *[data-value="92"] {
    width: 92%;
  }
  .chart-horizontal .chart-item > *[data-value="93"] {
    width: 93%;
  }
  .chart-horizontal .chart-item > *[data-value="94"] {
    width: 94%;
  }
  .chart-horizontal .chart-item > *[data-value="95"] {
    width: 95%;
  }
  .chart-horizontal .chart-item > *[data-value="96"] {
    width: 96%;
  }
  .chart-horizontal .chart-item > *[data-value="97"] {
    width: 97%;
  }
  .chart-horizontal .chart-item > *[data-value="98"] {
    width: 98%;
  }
  .chart-horizontal .chart-item > *[data-value="99"] {
    width: 99%;
  }
  .chart-horizontal .chart-item > *[data-value="100"] {
    width: 100%;
  }
}
.wccf-stock-quote {
  font-size: 80%;
}

.wccf-stock-quote.plus {
  color: #009d59;
}

.wccf-stock-quote.minus {
  color: #000;
}

.wccf-stock-quote .fetching {
  background: url(https://cdn.wccftech.com/files/loading-bar.gif) no-repeat center right;
  width: 24px;
  height: 11px;
  display: inline-block;
  background-size: 16px 11px;
}

.wccf-stock-quote .quote-na {
  display: none;
}

.no-after:after {
  content: none !important;
}

.sidebar-youtube-player {
  position: relative;
  padding-top: 66.67%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}

.sidebar-youtube-player iframe,
.sidebar-youtube-player .sidebar-youtube-placeholder {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.instagram-media {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 15px !important;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div.juxtapose {
  width: 100%;
  font-family: Helvetica, Arial, sans-serif;
  margin-bottom: 15px;
}

div.jx-slider {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

div.jx-handle {
  position: absolute;
  height: 100%;
  width: 40px;
  cursor: col-resize;
  z-index: 15;
  margin-left: -20px;
}

.vertical div.jx-handle {
  height: 40px;
  width: 100%;
  cursor: row-resize;
  margin-top: -20px;
  margin-left: 0;
}

div.jx-control {
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  width: 3px;
  background-color: #fff;
}

.vertical div.jx-control {
  height: 3px;
  width: 100%;
  background-color: #fff;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

div.jx-controller {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  height: 60px;
  width: 9px;
  margin-left: -3px;
  background-color: #fff;
}

.vertical div.jx-controller {
  height: 9px;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  top: -3px;
  position: relative;
}

div.jx-arrow {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  transition: all 0.2s ease;
}

.vertical div.jx-arrow {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  transition: all 0.2s ease;
}

div.jx-arrow.jx-left {
  left: 2px;
  border-style: solid;
  border-width: 8px 8px 8px 0;
  border-color: transparent #fff transparent transparent;
}

div.jx-arrow.jx-right {
  right: 2px;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #fff;
}

.vertical div.jx-arrow.jx-left {
  left: 0;
  top: 2px;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #fff transparent;
}

.vertical div.jx-arrow.jx-right {
  right: 0;
  top: initial;
  bottom: 2px;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #fff transparent transparent transparent;
}

div.jx-handle:active div.jx-arrow.jx-left,
div.jx-handle:hover div.jx-arrow.jx-left {
  left: -1px;
}

div.jx-handle:active div.jx-arrow.jx-right,
div.jx-handle:hover div.jx-arrow.jx-right {
  right: -1px;
}

.vertical div.jx-handle:active div.jx-arrow.jx-left,
.vertical div.jx-handle:hover div.jx-arrow.jx-left {
  left: 0;
  top: 0;
}

.vertical div.jx-handle:active div.jx-arrow.jx-right,
.vertical div.jx-handle:hover div.jx-arrow.jx-right {
  right: 0;
  bottom: 0;
}

div.jx-image {
  position: absolute;
  height: 100%;
  display: inline-block;
  top: 0;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}

.vertical div.jx-image {
  width: 100%;
  left: 0;
  top: initial;
}

div.jx-image img {
  height: 100%;
  z-index: 5;
  position: absolute;
  max-height: none;
  max-width: none;
  max-height: initial;
  max-width: initial;
}

.vertical div.jx-image img {
  height: initial;
  width: 100%;
}

div.jx-image.jx-left {
  left: 0;
  background-position: left;
}

div.jx-image.jx-left img {
  left: 0;
}

div.jx-image.jx-right {
  right: 0;
  background-position: right;
}

div.jx-image.jx-right img {
  right: 0;
  bottom: 0;
}

.veritcal div.jx-image.jx-left {
  top: 0;
  background-position: top;
}

.veritcal div.jx-image.jx-left img {
  top: 0;
}

.vertical div.jx-image.jx-right {
  bottom: 0;
  background-position: bottom;
}

.veritcal div.jx-image.jx-right img {
  bottom: 0;
}

div.jx-image div.jx-label {
  font-size: 1em;
  padding: 0.25em 0.75em;
  position: relative;
  display: inline-block;
  top: 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  z-index: 10;
  white-space: nowrap;
  line-height: 18px;
  vertical-align: middle;
}

div.jx-image.jx-left div.jx-label {
  float: left;
  left: 0;
}

div.jx-image.jx-right div.jx-label {
  float: right;
  right: 0;
}

.vertical div.jx-image div.jx-label {
  display: table;
  position: absolute;
}

.vertical div.jx-image.jx-right div.jx-label {
  left: 0;
  bottom: 0;
  top: initial;
}

div.jx-credit {
  line-height: 1.1;
  font-size: 0.75em;
}

div.jx-credit em {
  font-weight: 700;
  font-style: normal;
}

div.jx-image.transition {
  transition: width 0.5s ease;
}

div.jx-handle.transition {
  transition: left 0.5s ease;
}

.vertical div.jx-image.transition {
  transition: height 0.5s ease;
}

.vertical div.jx-handle.transition {
  transition: top 0.5s ease;
}

a.jx-knightlab {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  display: table;
  height: 14px;
  line-height: 14px;
  padding: 1px 4px 1px 5px;
  position: absolute;
  right: 0;
  text-decoration: none;
  z-index: 10;
}

a.jx-knightlab div.knightlab-logo {
  display: inline-block;
  vertical-align: middle;
  height: 8px;
  width: 8px;
  background-color: #c34528;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: -1.25px;
  position: relative;
  cursor: pointer;
}

a.jx-knightlab:hover {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.35);
}

a.jx-knightlab:hover div.knightlab-logo {
  background-color: #ce4d28;
}

a.jx-knightlab span.juxtapose-name {
  display: table-cell;
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 10px;
  padding-left: 0.375em;
  vertical-align: middle;
  line-height: normal;
}

a.jx-knightlab:focus,
div.jx-controller:focus,
div.jx-image.jx-left div.jx-label:focus,
div.jx-image.jx-right div.jx-label:focus {
  background: #eae34a;
  color: #000;
}

a.jx-knightlab:focus span.juxtapose-name {
  color: #000;
  border: none;
}


.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}
#lg-counter,.lg-outer .lg-video-cont{vertical-align:middle;display:inline-block}
@font-face{font-family:lg;src:url(//cdn.wccftech.com/fonts/lg.eot?n1z373);src:url(//cdn.wccftech.com/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(//cdn.wccftech.com/fonts/lg.woff?n1z373) format("woff"),url(//cdn.wccftech.com/fonts/lg.ttf?n1z373) format("truetype"),url(//cdn.wccftech.com/fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}
.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080}
.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}
.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}
@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}
.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}
.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}
.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}
.lg-sub-html{bottom:0;color:#EEE;font-size:13px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}
.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}
#lg-counter{color:#999;font-size:16px;padding-left:20px;padding-top:12px}
.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}
.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}
.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-toogle-thumb:hover{color:#FFF}.lg-outer .lg-video-cont{max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url(https://cdn.wccftech.com/files/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(https://cdn.wccftech.com/files/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(https://cdn.wccftech.com/files/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}
.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(https://cdn.wccftech.com/files/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(https://cdn.wccftech.com/files/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}
.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.group:after,.group:before{display:table;content:"";line-height:0}.group:after{clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}
.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}
.lg-outer .lg-item{background:url(https://cdn.wccftech.com/files/loading.gif) center center no-repeat;display:none!important}
.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}
.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:calc(100% - 40px)}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-d1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}
.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}

#lg-counter .logo { margin-right: 10px; display: none; }
#lg-counter .logo a { width: 144px; height: 19px;}