/*!-------------------------------------------*\
  CSS Custom Properties - start
\*-------------------------------------------*/
:root {
  --primary: #ff0055;
  --primary-active: #e5004c;
  --primary-grad2: #ff4133;
  --grad2-active: #e53a2e;
  --primary-grad3: #ff7633;
  --grad3-active: #e56a2e;
  --primary-d: #ff1a66;
  --primary-grad2-d: #ff5448;
  --primary-grad3-d: #ff8448;
  --danger: #f00;
  --danger-active: #e50000;
  --body-bg: #fff;
  --body-color: #000;
  /*--body-bg-d: #161a1c;*/
  --body-bg-d: #0a0c0d;
  --ad-bg: #b4c6cc;
  --gray-200: #f8fbfc;
  --gray-300: #edf3f5;
  --gray-400: #e1eaed;
  --gray-500: #d5e1e5;
  --gray-600: #b4c6cc;
  --gray-800: #91a8b0;
  --gray-850: #869ea6;
  --gray-875: #758e96;
  --gray-900: #688189;
  --font-sans-serif: Inter, sans-serif;
  --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/*!-------------------------------------------*\
  CSS Custom Properties for dark mode
\*-------------------------------------------*/
:root.dark {
  --primary: #ff1a66;
  --primary-active: #e5175c;
  --primary-grad2: #ff5448;
  --grad2-active: #e54b41;
  --primary-grad3: #ff8448;
  --grad3-active: #e57741;
  --body-bg: #0a0c0d;
  /*--body-color: #e4e8ea;*/
  --body-color: #edf3f5;
  --ad-bg: #282e31;
  --gray-200: #1b1f21;
  --gray-300: #23292c;
  --gray-400: #282e31;
  --gray-800: #9aa2a6;
  --gray-900: #50585c;
  --gray-950: #31373a;
  --danger: #ff3333;
  --danger-active: #e52e2e;
}

/*!-------------------------------------------*\
  CSS Custom Properties- end
\*-------------------------------------------*/
/*!-------------------------------------------*\
  General Styles start
\*-------------------------------------------*/
html {
  overflow-x: hidden;
}
html.dark {
  background-color: var(--body-bg);
}

body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "case" 1, "cpsp" 1, "liga" 0, "cv01" 1, "ss01" 1, "cv05" 1, "cv06" 1;
  -moz-font-feature-settings: "case" 1, "cpsp" 1, "liga" 0, "cv01" 1, "ss01" 1, "cv05" 1, "cv06" 1;
  -ms-font-feature-settings: "case" 1, "cpsp" 1, "liga" 0, "cv01" 1, "ss01" 1, "cv05" 1, "cv06" 1;
  font-feature-settings: "case" 1, "cpsp" 1, "liga" 0, "cv01" 1, "ss01" 1, "cv05" 1, "cv06" 1;
  padding-bottom: env(safe-area-inset-bottom);
  overflow-x: hidden;
}
@media (min-width: 760px) {
  body {
    padding-bottom: 0;
  }
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-weight: 800;
}

.headroom { transition: transform 200ms linear; } .headroom--pinned { transform: translateY(0%); } .headroom--unpinned { transform: translateY(-84px); } .headroom--top {}
.disqus-comment-count img { vertical-align: text-bottom; padding-right: 3px; width: 19px; height: 15px; }
.dark .disqus-comment-count img {  filter: invert(68%) sepia(11%) saturate(162%) hue-rotate(155deg) brightness(92%) contrast(95%); }

.loader {
  position: relative;
  pointer-events: none;
}
.loader:before, .loader:after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 5px);
  border-radius: 50%;
  background-color: var(--gray-600);
  animation: loaderBounce 1.5s infinite ease-in-out;
  animation-fill-mode: both;
}
.loader:before {
  margin: 0 0 0 -4px;
}
.loader:after {
  animation-delay: 0.3s;
  margin: 0 0 0 6px;
}

@keyframes loaderBounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes scaleUp {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slideFromRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideFromLeft {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideRightSpecial {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideLeftSpecial {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
.link-primary {
  position: relative;
  color: var(--primary);
  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) .link-primary:hover {
  color: var(--primary);
}
.link-primary:active {
  color: var(--primary);
  border-radius: 0.4rem 0.4rem 0 0;
  background-color: rgba(255, 0, 85, 0.1);
}
.dark .link-primary:active {
  background-color: rgba(255, 26, 102, 0.1);
}

/*!-------------------------------------------*\
  General Styles end
\*-------------------------------------------*/
/*!-------------------------------------------*\
  Debug grid (just for development) - start
\*-------------------------------------------*/
.debug-grid {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

.debug-grid-col {
  height: 100vh;
  background-color: rgba(0, 255, 255, 0.25);
}

/*!-------------------------------------------*\
  Debug grid (just for development) - end
\*-------------------------------------------*/
/*!-------------------------------------------*\
  Custom button styles - start
\*-------------------------------------------*/
.btn-secondary {
  color: var(--body-color);
  background-color: var(--gray-300);
  border-color: var(--gray-300);
  border-radius: 2.1rem;
  font-weight: 700;
}
.btn-secondary:active {
  background-color: var(--gray-400);
  border-color: var(--gray-400);
}
.dark .btn-secondary {
  color: var(--body-color);
  background-color: var(--gray-400);
  border-color: var(--gray-400);
}
.dark .btn-secondary:active {
  background-color: var(--gray-300);
  border-color: var(--gray-300);
}

.btn-secondary-outline {
  background-color: transparent;
}
body:not(.is-tablet) .btn-secondary-outline:hover {
  background-color: var(--gray-300);
}
.btn-secondary-outline:active {
  background-color: var(--gray-400) !important;
  border-color: var(--gray-400) !important;
}
.dark .btn-secondary-outline {
  color: var(--body-color);
  background-color: transparent;
  border-color: var(--gray-300);
}
.dark .btn-secondary-outline:active {
  background-color: var(--gray-300) !important;
  border-color: var(--gray-300) !important;
}
.dark body:not(.is-tablet) .btn-secondary-outline:hover {
  background-color: var(--gray-400);
  border-color: var(--gray-400);
}

.btn-gradient-outline {
  border-color: var(--primary);
}
.btn-gradient-outline span {
  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;
}
body:not(.is-tablet) .btn-gradient-outline:hover {
  border-color: transparent;
  background-color: rgba(255, 0, 85, 0.07);
}
.dark body:not(.is-tablet) .btn-gradient-outline:hover {
  background-color: rgba(255, 26, 102, 0.1);
}
.btn-gradient-outline:active {
  border-color: transparent;
  background-color: rgba(255, 0, 85, 0.1) !important;
}
.dark .btn-gradient-outline:active {
  background-color: rgba(255, 26, 102, 0.14) !important;
}

.btn-gradient-d {
  color: #fff;
  background: linear-gradient(135deg, var(--primary-d) 0%, var(--primary-grad2-d) 60%, var(--primary-grad3-d) 100%);
  font-weight: 600;
  padding: 1.1rem 1.7rem 1rem 1.5rem;
  border: 0;
  border-radius: 2.1rem;
}
.btn-gradient-d:active {
  background: linear-gradient(135deg, #e5175c 0%, #e54b41 60%, #e57741 100%);
}

.btn-gradient {
  color: #fff;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
  font-weight: 600;
  border: 0;
  padding: 1.1rem 1.7rem 1rem;
}
.btn-gradient.btn-lg {
  padding: 1.5rem 2.1rem 1.4rem;
}
.btn-gradient:active {
  background: linear-gradient(135deg, var(--primary-active) 0%, var(--grad2-active) 60%, var(--grad3-active) 100%);
}
.btn-gradient ~ .loader {
  display: none;
  position: relative;
  margin-left: 3.8rem;
}
@media (max-width: 599.98px) {
  .btn-gradient ~ .loader {
    margin: 0;
    margin-right: 3rem;
    top: -2.5rem;
    align-self: flex-end;
  }
}
.btn-gradient ~ .loader:before, .btn-gradient ~ .loader:after {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
}
body.is-processing .btn-gradient {
  position: relative;
  opacity: 0.5;
}
body.is-processing .btn-gradient ~ .loader {
  display: block;
}

.btn-light {
  color: var(--body-color);
  background-color: var(--body-bg);
  font-weight: 700;
}
.dark .btn-light {
  color: var(--body-bg);
  background-color: var(--body-color);
}
.btn-light:active {
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.dark .btn-light:active {
  color: var(--body-bg);
  background-color: rgba(228, 232, 234, 0.85) !important;
}

.btn-dark {
  color: var(--body-bg);
  background-color: var(--body-color);
  border-color: transparent;
  font-weight: 700;
}
body:not(.is-tablet) .btn-dark:hover {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
}
.btn-dark:active {
  background: linear-gradient(135deg, var(--primary-active) 0%, var(--grad2-active) 60%, var(--grad3-active) 100%) !important;
}

.btn-youtube {
  color: #fff;
  background-color: var(--danger);
  border-color: var(--danger);
  border-radius: 2.1rem;
  font-weight: 600;
}
.btn-youtube:active {
  background-color: var(--danger-active);
  border-color: var(--danger-active);
}
.btn-youtube svg {
  margin-top: 0.1rem;
  margin-left: -0.6rem;
  margin-right: 1.2rem;
}
.btn-youtube.inverse {
  color: var(--danger);
  background-color: #fff;
  border-color: #fff;
}
.btn-youtube.inverse:active {
  background-color: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0);
}

.btn-subscribe {
  color: #fff;
  background-color: var(--primary);
  border-color: var(--primary);
  font-weight: 700;
}
.btn-subscribe:active {
  background-color: var(--primary-active);
  border-color: var(--primary-active);
}

.btn-icon {
  width: 4.2rem;
  height: 4.2rem;
  padding: 0;
  border: 0;
  display: grid;
  place-content: center;
}

@media (min-width: 1200px) and (max-width: 1849px) {
  .col-xxl-9 {
     width: 886px;
  }
  .col-xxl-3 {
    width: 320px;
  }
  .event-wrapper .col-xxl-9, .deals .col-xxl-9 {
   width: 866px; 
  }
}
@media (min-width: 1849px) {
  .col-xxl-9 {
     width: 886px;
  }
  .col-xxl-3 {
    width: 320px;
  }
  .event-wrapper .col-xxl-9, .deals .col-xxl-9 {
   width: 866px; 
  }
}

/*!-------------------------------------------*\
  Custom button styles - end
\*-------------------------------------------*/
/*!-------------------------------------------*\
  Navigation menu - start
\*-------------------------------------------*/
.responsive-nav-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0);
  z-index: 3;
  visibility: hidden;
  transition: 0.65s cubic-bezier(0, 0, 0, 1);
}
.dark .responsive-nav-wrapper {
  background-color: rgba(228, 232, 234, 0);
}
.responsive-nav-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0);
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
  transition: 0.25s backdrop-filter 0.4s, 0.25s -webkit-backdrop-filter 0.4s, 0.4s background-color cubic-bezier(0, 0, 0, 1);
}
.responsive-nav-wrapper.active {
  visibility: visible;
}
.responsive-nav-wrapper.active::before {
  background-color: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(0.6rem);
  backdrop-filter: blur(0.6rem);
}
.dark .responsive-nav-wrapper.active::before {
  background-color: rgba(22, 26, 28, 0.92);
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .responsive-nav-wrapper {
    transition: none;
  }
  body:not(.is-tablet) .responsive-nav-wrapper::before {
    transition: none;
    display: none;
  }
  .is-tablet .responsive-nav-wrapper .container-xxl {
    max-width: none;
  }
}

.responsive-nav {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  color: var(--body-color);
  background-color: var(--body-bg);
  width: 25.6rem;
  box-shadow: 3px 0px 15px rgba(57, 116, 135, 0.15);
  overflow: hidden;
  transform: translateX(-100%);
  transition: 0.4s transform cubic-bezier(0, 0, 0, 1);
}
.active .responsive-nav {
  transform: translateX(0);
}
.dark .responsive-nav {
  box-shadow: 3px 0px 15px rgba(0, 0, 0, 0.25);
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .responsive-nav {
    position: absolute;
    top: 2rem;
    bottom: auto;
    transform: translateX(0);
    left: -0.7rem;
    width: 20rem;
    border-radius: 2.4rem;
    box-shadow: 0px 5px 40px rgba(57, 116, 135, 0.15);
    overflow: initial;
    z-index: 3;
  }
  .dark body:not(.is-tablet) .responsive-nav {
    color: var(--body-color);
    background-color: var(--gray-400);
    box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.25);
  }
}
.logged-in .responsive-nav .scrollable header {
  width: 5rem;
  padding-right: 0;
  padding-left: 0;
}
.logged-in .responsive-nav .scrollable header span {
  display: none;
}
.responsive-nav header {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 800;
  min-height: 5rem;
  padding: 1.4rem 2.5rem 1.4rem 4.9rem;
  border-radius: 1.2rem;
  cursor: pointer;
}
.responsive-nav header::after {
  content: "";
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  left: 0.4rem;
  right: 0.4rem;
  border-radius: 1.2rem;
  z-index: -1;
}
.responsive-nav header:active::after {
  background-color: var(--gray-400) !important;
}
.dark .responsive-nav header:active::after {
  background-color: var(--gray-300) !important;
}
@media (min-width: 1200px) {
  .dark body:not(.is-tablet) .responsive-nav header:active::after {
    background-color: var(--gray-950) !important;
  }
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .responsive-nav header {
    min-height: 0;
    margin: 0;
    margin-bottom: 0.9rem;
    padding: 1rem 2.5rem 1rem 4.5rem;
    border-radius: 2.1rem;
  }
  body:not(.is-tablet) .responsive-nav header::after {
    display: none;
  }
  body:not(.is-tablet) .responsive-nav header:hover, .responsive-nav header:active {
    background-color: var(--gray-300);
  }
  .dark body:not(.is-tablet) .responsive-nav header:hover, .dark .responsive-nav header:active {
    background-color: var(--gray-900);
  }
}
.responsive-nav section {
  display: flex;
  flex-direction: column;
  background-color: var(--gray-200);
  flex: 1;
  z-index: 0;
}
.responsive-nav section footer {
  margin-top: auto;
  padding-top: 0.6rem;
}
.responsive-nav section .social-links {
  justify-content: center;
  color: var(--body-color);
  margin-bottom: 0.7rem;
}
.responsive-nav section .social-links a {
  width: 4.2rem !important;
}
.responsive-nav section .social-links a:active {
  background: none !important;
}
.responsive-nav section .social-links a + a {
  margin-left: 1.7rem;
}

.responsive-nav-divider {
  height: 0.1rem;
  background-color: var(--gray-300);
  margin: 0 0.4rem;
}

.responsive-nav-link {
  position: relative;
  display: block;
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 1.4rem;
  padding-left: 4.9rem;
  border-radius: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.responsive-nav-link::after {
  content: "";
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  left: 0.4rem;
  right: 0.4rem;
  border-radius: 1.2rem;
  z-index: -1;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .responsive-nav-link::after {
    border-radius: 2.1rem;
  }
  body:not(.is-tablet) .responsive-nav-link:hover::after, .responsive-nav-link:active::after {
    background-color: var(--gray-300);
  }
  .dark body:not(.is-tablet) .responsive-nav-link:hover::after, .dark .responsive-nav-link:active::after {
    background-color: var(--gray-900);
  }
}
.responsive-nav-link:active::after {
  background-color: var(--gray-400) !important;
}
.dark .responsive-nav-link:active::after {
  background-color: var(--gray-300) !important;
}
@media (min-width: 1200px) {
  .dark body:not(.is-tablet) .responsive-nav-link:active::after {
    background-color: var(--gray-950) !important;
  }
}
.responsive-nav-link.active, body:not(.is-tablet) .responsive-nav-link.active:hover, .responsive-nav-link.active:active {
  color: var(--primary);
  background-color: transparent !important;
}
.dark .responsive-nav-link.active, .dark body:not(.is-tablet) .responsive-nav-link.active:hover, .dark .responsive-nav-link.active:active {
  color: var(--primary-d);
}
.responsive-nav-link.active::after, body:not(.is-tablet) .responsive-nav-link.active:hover::after, .responsive-nav-link.active:active::after {
  background-color: transparent !important;
}
.responsive-nav-link.active::before, body:not(.is-tablet) .responsive-nav-link.active:hover::before, .responsive-nav-link.active:active::before {
  content: "";
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  left: 0.4rem;
  right: 0.4rem;
  background-color: currentColor;
  border-radius: 2.1rem;
  opacity: 0.07;
  z-index: -1;
}
.dark .responsive-nav-link.active::before, .dark body:not(.is-tablet) .responsive-nav-link.active:hover::before, .dark .responsive-nav-link.active:active::before {
  opacity: 0.1;
}
.responsive-nav-link.active span, body:not(.is-tablet) .responsive-nav-link.active:hover span, .responsive-nav-link.active:active span {
  position: relative;
  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;
}

.scrollable {
  order: -1;
}

.scrollable,
.subnav {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  overflow-y: auto;
  min-width: 25.6rem;
  transition: 0.4s transform cubic-bezier(0, 0, 0, 1);
  transform: translateX(0);
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .scrollable,
body:not(.is-tablet) .subnav {
    overflow: hidden;
    min-width: 20rem;
    padding-bottom: 0;
  }
}
.sub .scrollable,
.sub .subnav {
  transform: translateX(-100%);
}

.subnav {
  order: 3;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .subnav {
    display: none !important;
  }
}

.sub.company .subnav.company {
  order: 2;
}

.sub.topics .subnav.topics {
  order: 1;
}

.sub.sections .subnav.sections {
  order: 0;
}

.responsive-nav-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 2rem;
  padding-bottom: env(safe-area-inset-bottom);
  width: 25.6rem;
  z-index: 3;
}
.responsive-nav-footer::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -1px 0 0 rgba(104, 156, 173, 0.12);
  z-index: -1;
}
.dark .responsive-nav-footer::before {
  box-shadow: 0 -1px 0 0 rgba(111, 127, 133, 0.15);
}
.responsive-nav-footer::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(rgba(255, 255, 255, 0.5) 0%, white 100%);
  -webkit-backdrop-filter: blur(0.6rem);
  backdrop-filter: blur(0.6rem);
  z-index: -1;
}
.dark .responsive-nav-footer::after {
  background: linear-gradient(rgba(22, 26, 28, 0.5) 0%, #161a1c 100%);
}
.responsive-nav-footer .social-links {
  justify-content: center;
  color: var(--body-color);
  margin-bottom: 0.7rem;
}
.responsive-nav-footer .social-links a {
  width: 4.2rem !important;
}
.responsive-nav-footer .social-links a:active {
  background: none !important;
}
.responsive-nav-footer .social-links a + a {
  margin-left: 1.7rem;
}
.responsive-nav-footer .account-btns {
  display: flex;
  justify-content: center;
  padding: 0 0 0.7rem;
}
.responsive-nav-footer .account-btns > * {
  text-transform: uppercase;
}
.responsive-nav-footer .account-btns .btn-gradient {
  font-weight: 800;
  padding: 1.1rem 3rem 1rem 2.8rem;
}
.responsive-nav-footer .account-btns .btn-gradient:last-child {
  display: none;
}
.logged-in .responsive-nav-footer .account-btns .btn-gradient:first-child {
  display: none;
}
.logged-in .responsive-nav-footer .account-btns .btn-gradient:last-child {
  display: block;
}
.responsive-nav-footer .account-btns > .btn + .btn {
  margin-left: 0.4rem;
}
.responsive-nav-footer .account-btns svg {
  margin-right: 0.8rem;
}
.logged-in .responsive-nav-footer .account-btns svg {
  margin-top: -0.1rem;
  margin-bottom: -0.1rem;
}
.responsive-nav-footer .account-btns svg:only-child {
  margin: 0;
}

.responsive-nav-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  width: 5rem;
  height: 5rem;
  place-content: center;
}

.subnav-arrow {
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  width: 5rem;
  height: 5rem;
  place-content: center;
  color: var(--gray-600);
}
:active > .subnav-arrow {
  color: var(--body-text);
}

/*!-------------------------------------------*\
  Navigation menu - end
\*-------------------------------------------*/
/*!-------------------------------------------*\
  Search wrapper - start
\*-------------------------------------------*/
.search-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  z-index: 3;
}
.search-wrapper.active {
  display: block;
}
.search-wrapper.show-results {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 3;
}
.search-wrapper.show-results::before {
  content: "";
  position: absolute;
  top: 5rem;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(0.6rem);
  backdrop-filter: blur(0.6rem);
}
.dark .search-wrapper.show-results::before {
  background-color: rgba(22, 26, 28, 0.92);
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .search-wrapper.show-results::before {
    display: none;
  }
}

.search-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0;
  z-index: 2;
  pointer-events: none;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .search-container {
    padding: 0 4.7rem;
    max-width: 1206px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1850px) {
  /*body:not(.is-tablet) .search-container {
    padding: 0 4.7rem;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }*/
}
.search-container > * {
  pointer-events: auto;
}

/**
 * Search Input
 */
.search-input {
  position: relative;
  z-index: 3;
}
.search-input.shadow {
  box-shadow: 0 1px 0 0 rgba(104, 156, 173, 0.12);
}
.dark .search-input.shadow {
  box-shadow: 0 1px 0 0 rgba(111, 127, 133, 0.15);
}
.review-page .search-input, .category-page .search-input {
  color: var(--body-color);
}
.search-input::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: backdrop-filter 0.25s ease-out, -webkit-backdrop-filter 0.25s ease-out;
  background-color: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(0.6rem);
  backdrop-filter: blur(0.6rem);
}
.dark .search-input::before {
  background-color: rgba(22, 26, 28, 0.92);
}
@media (min-width: 1200px) {
  .search-input::before {
    background-color: var(--gray-300);
  }
  .dark .search-input::before {
    background-color: var(--gray-300);
  }
  .dark .review-page .search-input::before, .dark .category-page .search-input::before {
    background-color: var(--gray-300);
  }
  body:not(.is-tablet) .review-page.invert .search-input::before, body:not(.is-tablet) .category-page.invert .search-input::before {
    background-color: var(--gray-300);
  }
  .is-tablet .search-input::before {
    background-color: rgba(255, 255, 255, 0.92);
  }
}
.search-input input {
  position: relative;
  width: 100%;
  color: var(--body-color);
  background-color: transparent;
  font-size: 1.6rem;
  line-height: 2.8rem;
  border: 0;
  outline: 0;
  padding: 1.1rem 4.9rem;
  z-index: 3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .search-input input {
    padding: 2.1rem 5.2rem;
  }
}
.search-input input::placeholder {
  color: var(--gray-800);
  opacity: 1;
}
.search-input input:focus::placeholder {
  color: var(--gray-600);
}
.dark .search-input input:focus::placeholder {
  color: var(--gray-900);
}
.search-input svg {
  position: absolute;
  left: 1.4rem;
  top: 2.7rem;
  z-index: 4;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .search-input svg {
    left: 2rem;
    top: 2.6rem;
    pointer-events: none;
  }
}
.search-input .search-close {
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.2rem;
  z-index: 4;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .search-input .search-close {
    display: none;
  }
}
.search-input .search-close::after {
  content: "";
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  left: 0.4rem;
  right: 0.4rem;
  border-radius: 1.2rem;
  z-index: -1;
}
.search-input .search-close:active::after {
  background-color: var(--gray-500);
}
.dark .search-input .search-close:active::after {
  background-color: var(--gray-300);
}
.search-input .search-close svg {
  position: static;
}

/**
 * Search Clear
 */
.search-clear {
  display: none;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  border-radius: 1.2rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 4;
  cursor: pointer;
}
.search-clear.show {
  display: flex;
}
.search-clear::after {
  content: "";
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  left: 0.4rem;
  right: 0.4rem;
  border-radius: 1.2rem;
  z-index: -1;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .search-clear {
    display: flex;
    right: 5.5rem;
    top: 1.4rem;
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
  }
  body:not(.is-tablet) .search-clear::after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
  }
}
.review-page .search-clear, .category-page .search-clear {
  color: var(--body-color);
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .search-clear:hover::after {
    background-color: var(--gray-400);
  }
  .dark body:not(.is-tablet) .search-clear:hover::after {
    background-color: var(--gray-900);
  }
  .dark body:not(.is-tablet) .search-clear:active::after {
    background-color: var(--gray-950) !important;
  }
}
.search-clear:active::after {
  background-color: var(--gray-500) !important;
}
.dark .search-clear:active::after {
  background-color: var(--gray-300) !important;
}

/**
 * Search Results
 */
.search-results {
  display: none;
  position: relative;
  box-shadow: 0px 5px 40px rgba(57, 116, 135, 0.15);
  padding: 5.1rem 0.4rem 0;
  margin-top: -5rem;
  max-height: 100vh;
  overflow: auto;
  z-index: 2;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .search-results {
    padding-top: 12rem;
    margin-top: -12rem;
    border-radius: 0 0 2.4rem 2.4rem;
    background: var(--body-bg);
  }
}
.show-results .search-results {
  display: block;
}
.dark .search-results {
  background: var(--gray-400);
  box-shadow: 0px 5px 40px #161a1c;
}
.search-results > footer {
  display: inline-flex;
  padding: 2.6rem 4.2rem 4.5rem;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .search-results > footer {
    padding: 4.1rem 5.8rem 5.5rem;
  }
  .is-tablet .search-results > footer {
    padding: 2.6rem 4.2rem 4.5rem;
  }
}
body:not(.is-tablet) .search-results > footer:hover h5, .search-results > footer:active h5 {
  background-size: 100% 1px;
}
.search-results h5 {
  color: var(--primary);
  position: relative;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0;
  background-image: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
  background-position: 0px 95%;
  background-size: 0px 1px;
  background-repeat: no-repeat;
  padding: 0.2rem 0;
  transition: 0.4s background-size cubic-bezier(0, 0, 0, 1);
}

.search-result-item {
  position: relative;
  padding: 1.4rem 4.2rem 1.5rem;
  border-radius: 1.2rem;
  cursor: pointer;
}
.search-result-item + .search-result-item {
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .search-result-item {
    padding: 0.9rem 5.9rem 1rem;
  }
  .is-tablet .search-result-item {
    padding: 1.4rem 4.2rem 1.5rem;
  }
  .search-result-item + .search-result-item {
    margin-top: 0;
  }
  .is-tablet .search-result-item + .search-result-item {
    margin-top: 1rem;
  }
}
.search-result-item h4 {
  color: var(--body-color);
  display: block;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 800;
  margin: 0 0 0.3rem;
  word-break: break-word;
}
@media (min-width: 1200px) {
  .search-result-item h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .is-tablet .search-result-item h4 {
    white-space: normal;
  }
}
.search-result-item footer {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.search-result-item > svg {
  color: var(--gray-600);
  position: absolute;
  left: 1rem;
  top: 1.7rem;
  z-index: 2;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .search-result-item > svg {
    left: 2.6rem;
    top: 1.2rem;
  }
  .is-tablet .search-result-item > svg {
    left: 1rem;
    top: 1.7rem;
  }
}
.dark .search-result-item > svg {
  color: var(--gray-900);
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .search-result-item:hover {
    background-color: var(--gray-300);
  }
  .dark body:not(.is-tablet) .search-result-item:hover {
    background-color: var(--body-color);
  }
  body:not(.is-tablet) .search-result-item:hover h4,
body:not(.is-tablet) .search-result-item:hover > svg {
    color: var(--primary);
  }
  body:not(.is-tablet) .search-result-item:hover h4 span {
    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;
  }
  body:not(.is-tablet) .search-result-item:hover .post-author,
body:not(.is-tablet) .search-result-item:hover .post-timestamp,
body:not(.is-tablet) .search-result-item:hover .dot-sep {
    color: var(--body-color);
  }
  .dark body:not(.is-tablet) .search-result-item:hover .post-author,
.dark body:not(.is-tablet) .search-result-item:hover .post-timestamp,
.dark body:not(.is-tablet) .search-result-item:hover .dot-sep {
    color: var(--body-bg);
  }
}
.search-result-item:active {
  background-color: var(--gray-400);
}
.search-result-item:active h4,
.search-result-item:active > svg {
  color: var(--primary);
}
.search-result-item:active h4 span {
  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;
}
.search-result-item:active .post-author,
.search-result-item:active .post-timestamp,
.search-result-item:active .dot-sep {
  color: var(--body-color);
}
.dark .search-result-item:active .post-author,
.dark .search-result-item:active .post-timestamp,
.dark .search-result-item:active .dot-sep {
  color: var(--body-bg);
}

.search-empty {
  display: none;
  position: relative;
  height: calc(100vh - 7rem);
  padding: 0 0.4rem;
}
.search-empty p {
  height: 100%;
  font-size: 1.6rem;
  line-height: 2.6rem;
  margin: 0;
  padding: 0 2rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.search-empty::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);
}
.show-empty .search-empty {
  display: block;
}
.search-empty .search-result-item h4 {
  margin: 0 0 -0.1rem;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .search-empty {
    display: none !important;
  }
}

.share-dialog-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0);
  z-index: 1000000;
  visibility: hidden;
  overflow: auto;
  transition: 0.4s cubic-bezier(0, 0, 0, 1);
}
@media (min-width: 500px) {
  .share-dialog-wrapper {
    transition: 0s cubic-bezier(0, 0, 0, 1);
  }
}
.dark .share-dialog-wrapper {
  background-color: rgba(228, 232, 234, 0);
}
.share-dialog-wrapper::before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0);
  transition: 0.4s cubic-bezier(0, 0, 0, 1);
  transform: translate3d(0, 0, 0);
}
.share-dialog-wrapper.active {
  visibility: visible;
  transition: 0.4s cubic-bezier(0, 0, 0, 1);
}
.share-dialog-wrapper.active::before {
  background-color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}
.dark .share-dialog-wrapper.active::before {
  background-color: rgba(22, 26, 28, 0.5);
}

.share-dialog {
  min-height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 500px) {
  .share-dialog {
    padding: 4rem 0;
  }
}

.share-dialog-inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: var(--body-color);
  border-radius: 2.4rem 2.4rem 0 0;
  padding: 0.1rem 0 0;
  overflow: hidden;
  transform: translateY(100%);
  transition: 0.25s transform cubic-bezier(0, 0, 0, 1);
  box-shadow: 0px -3px 15px rgba(57, 116, 135, 0.15);
  z-index: 0;
}
.active .share-dialog-inner {
  transform: translateY(0);
}
.dark .share-dialog-inner {
  box-shadow: 0px -3px 15px rgba(0, 0, 0, 0.25);
  color: var(--body-bg);
}
.share-dialog-inner::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 .share-dialog-inner::before {
  background-color: rgba(22, 26, 28, 0.92);
}
@media (min-width: 500px) {
  .share-dialog-inner {
    position: relative;
    border-radius: 2.4rem;
    width: 45rem;
    transform: none !important;
    transition: none !important;
  }
}
.share-dialog-inner header {
  position: relative;
  color: var(--body-color);
  font-size: 1.2rem;
  line-height: 1.9rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 1.5rem 2rem 1.6rem;
  text-align: center;
  z-index: 1;
}
.share-dialog-inner footer {
  position: relative;
  z-index: 1;
  padding: 2.1rem 5rem 0;
  padding-bottom: env(safe-area-inset-bottom);
}
.share-dialog-inner footer .btn {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  margin-bottom: 0.4rem;
  background-color: var(--gray-300);
  border-color: var(--gray-300);
  border-radius: 2.1rem;
}
@media (min-width: 500px) {
  .share-dialog-inner footer .btn {
    width: 30rem;
    margin: 0 auto 0.4rem;
  }
}
.dark .share-dialog-inner footer .btn {
  background-color: var(--gray-400);
  border-color: var(--gray-400);
}
.share-dialog-inner footer .btn:active {
  background-color: var(--gray-400);
  border-color: var(--gray-400);
}
.dark .share-dialog-inner footer .btn:active {
  background-color: var(--gray-300);
  border-color: var(--gray-300);
}
.share-dialog-inner nav {
  width: 100%;
  padding: 0.4rem 0;
}
.share-dialog-inner nav a {
  position: relative;
  color: var(--body-color);
  display: block;
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding: 1.4rem;
  padding-left: 4.9rem;
  border-radius: 1.2rem;
}
.share-dialog-inner nav a::after {
  content: "";
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  left: 0.4rem;
  right: 0.4rem;
  border-radius: 1.2rem;
  z-index: -1;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .share-dialog-inner nav a {
    border-radius: 2.1rem;
    padding: 1rem;
    padding-left: 5.6rem;
  }
}
.share-dialog-inner nav a:active::after {
  background-color: var(--gray-400);
}
.dark .share-dialog-inner nav a:active::after {
  background-color: var(--gray-300);
}
.share-dialog-inner nav a:active::after span {
  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;
}
.share-dialog-inner nav a:active::after svg {
  color: var(--primary);
}
.share-dialog-inner nav i {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  width: 5rem;
  height: 5rem;
  place-content: center;
}

.icon-dark {
  display: none !important;
}

.dark .icon-light {
  display: none !important;
}
.dark .icon-dark {
  display: grid !important;
}

.tabs-container > input,
.tabs-container .tabs-content > * {
  display: none;
}

.tabs-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  overflow-x: scroll;
}
@media (min-width: 760px) {
  .tabs-nav ul {
    margin: 0 0 0 -2.9rem;
    overflow: hidden;
  }
}

.tabs-nav li {
  text-align: center;
}

.tab-label.active ~ .tabs-content .tab-panel,
#tab1:checked ~ .tabs-content .tab1,
#tab2:checked ~ .tabs-content .tab2,
#tab3:checked ~ .tabs-content .tab3,
#tab4:checked ~ .tabs-content .tab4 {
  display: block;
}

.tab-label.active,
#tab1:checked ~ nav .tab1,
#tab2:checked ~ nav .tab2,
#tab3:checked ~ nav .tab3,
#tab4:checked ~ nav .tab4 {
  color: var(--primary);
}
.tab-label.active .tab-text,
#tab1:checked ~ nav .tab1 .tab-text,
#tab2:checked ~ nav .tab2 .tab-text,
#tab3:checked ~ nav .tab3 .tab-text,
#tab4:checked ~ nav .tab4 .tab-text {
  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;
}
.tab-label.active::before,
#tab1:checked ~ nav .tab1::before,
#tab2:checked ~ nav .tab2::before,
#tab3:checked ~ nav .tab3::before,
#tab4:checked ~ nav .tab4::before {
  content: "";
  position: absolute;
  left: 0.4rem;
  right: 0.4rem;
  bottom: 0;
  height: 0.3rem;
  border-radius: 0.15rem;
  background-color: var(--primary);
  transition: left 0.25s cubic-bezier(0, 0, 0, 1), right 0.25s cubic-bezier(0, 0, 0, 1);
}
@media (min-width: 760px) {
  .tab-label.active::before,
#tab1:checked ~ nav .tab1::before,
#tab2:checked ~ nav .tab2::before,
#tab3:checked ~ nav .tab3::before,
#tab4:checked ~ nav .tab4::before {
    left: 3rem;
    right: 3rem;
  }
}

.tab-label.active ~ nav .tab-panel .tab-text {
  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;
}

.tab-label {
  position: relative;
  display: flex;
  font-size: 1.3rem;
  line-height: 1.9rem;
  font-weight: 800;
  cursor: pointer;
}
.tab-label::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.2rem;
  height: 0.1rem;
  border-radius: 0.05rem;
}
.tab-label:hover::before {
  background-color: var(--body-color);
}

.tab-label.active:hover::before {
  background-color: var(--primary);
}

.search-page-wrapper,
.videos-page-wrapper {
  position: relative;
}
.search-page-wrapper .tabs-container,
.videos-page-wrapper .tabs-container {
  padding-top: 1.6rem;
}
@media (min-width: 760px) {
  .search-page-wrapper .tabs-container,
.videos-page-wrapper .tabs-container {
    padding-top: 0;
  }
}
/*
.search-page-wrapper::before,
.videos-page-wrapper::before {
  content: "";
  position: absolute;
  left: 0.4rem;
  right: 0.4rem;
  top: 5.5rem;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: var(--gray-300);
}
@media (min-width: 760px) {
  .search-page-wrapper::before,
  .videos-page-wrapper::before {
    top: 7rem;
  }
}
*/
.search-page-wrapper > .container::before,
.videos-page-wrapper > .container::before {
  content: "";
  position: absolute;
  left: 0.4rem;
  right: 0.4rem;
  top: 7.1rem;
  height: 0.1rem;
  max-width: 1130px;
  margin: auto;
  border-radius: 0.05rem;
  background-color: var(--gray-300);
}
@media (min-width: 1850px) {
  .search-page-wrapper > .container::before,
  .videos-page-wrapper > .container::before {
    /*max-width: 1280px;*/
  }

}
@media (min-width: 760px) {
  .search-page-wrapper > .container::before,
  .videos-page-wrapper > .container::before {
    top: 7rem;
  }
}
.search-page-wrapper .tabs-nav ul,
.videos-page-wrapper .tabs-nav ul {
  padding-right: 7rem;
}
.search-page-wrapper .tabs-nav .tab-label,
.videos-page-wrapper .tabs-nav .tab-label {
  align-items: center;
  padding: 1rem 1.6rem 1.3rem;
}
@media (min-width: 760px) {
  .search-page-wrapper .tabs-nav .tab-label,
.videos-page-wrapper .tabs-nav .tab-label {
    padding: 2.5rem 3rem 2.8rem;
  }
}
.search-page-wrapper .tabs-content,
.videos-page-wrapper .tabs-content {
  padding-top: 2.8rem;
}

.videos-page-wrapper .tabs-container {
  margin-bottom: -0.1rem;
}
@media (min-width: 500px) {
  .videos-page-wrapper .tabs-container {
    margin-bottom: 0;
  }
}
@media (min-width: 760px) {
  .videos-page-wrapper .tabs-nav ul {
    margin-left: -2.9rem;
  }
}

.search-filter header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search-filter > header {
  position: relative;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  padding: 1.1rem 0 1.1rem 2rem;
  margin-bottom: 3.1rem;
}
.search-filter > header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.3rem;
  height: 0.3rem;
  background-color: var(--body-color);
}
.search-filter ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search-filter li + li {
  margin-top: 0.3rem;
}
.search-filter section {
  margin-top: 1rem;
  border: 1px solid var(--gray-300);
  padding: 0 0.6rem 0.6rem;
  border-radius: 1.2rem;
}
.search-filter section header {
  font-size: 1.2rem;
  line-height: 1.9rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 1.4rem 1.5rem 1.4rem 1.3rem;
  cursor: pointer;
}
.search-filter section .collapser {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.search-filter section.is-collapsed header {
  padding-right: 1.2rem;
  margin-bottom: -0.6rem;
}
.search-filter section.is-collapsed .collapser {
  color: var(--gray-800);
  transform: rotate(90deg);
}
.search-filter section.is-collapsed header:hover .collapser {
  color: var(--body-color);
}
.search-filter section.is-collapsed ul {
  display: none;
}
.search-filter .checkbox,
.search-filter .radio {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1.1rem 1.2rem 1rem 1.3rem;
  border-radius: 2.1rem;
}
body:not(.is-tablet) .search-filter .checkbox:hover,
body:not(.is-tablet) .search-filter .radio:hover {
  background-color: var(--gray-300);
}
.dark body:not(.is-tablet) .search-filter .checkbox:hover,
.dark body:not(.is-tablet) .search-filter .radio:hover {
  background-color: var(--gray-400);
}
.search-filter .checkbox:active,
.search-filter .radio:active {
  background-color: var(--gray-400) !important;
}
.dark .search-filter .checkbox:active,
.dark .search-filter .radio:active {
  background-color: var(--gray-300) !important;
}
.search-filter .checkbox input:checked ~ span,
.search-filter .radio input:checked ~ span {
  color: var(--primary);
}
.search-filter .checkbox span:last-child {
  color: var(--gray-800);
  margin-left: auto;
}
.search-filter .checkmark,
.search-filter .radiomark {
  top: 1.3rem;
  left: 1.3rem;
}

.reset-filter {
  position: relative;
  display: grid;
  place-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border: 1px solid var(--gray-300);
  border-radius: 1.2rem;
  cursor: pointer;
}
body:not(.is-tablet) .reset-filter:hover {
  background-color: var(--gray-300);
}
.dark body:not(.is-tablet) .reset-filter:hover {
  border-color: var(--gray-400);
  background-color: var(--gray-400);
}
.reset-filter:active {
  border-color: var(--gray-400) !important;
  background-color: var(--gray-400) !important;
}
.dark .reset-filter:active {
  border-color: var(--gray-300) !important;
  background-color: var(--gray-300) !important;
}

.search-filter-dialog-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0);
  z-index: 6;
  visibility: hidden;
  overflow: auto;
  transition: 0.4s cubic-bezier(0, 0, 0, 1);
}
@media (min-width: 500px) {
  .search-filter-dialog-wrapper {
    transition: 0s cubic-bezier(0, 0, 0, 1);
  }
}
.dark .search-filter-dialog-wrapper {
  background-color: rgba(228, 232, 234, 0);
}
.search-filter-dialog-wrapper::before {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0);
  transition: 0.4s cubic-bezier(0, 0, 0, 1);
  transform: translate3d(0, 0, 0);
}
.search-filter-dialog-wrapper.active {
  visibility: visible;
  transition: 0.4s cubic-bezier(0, 0, 0, 1);
}
.search-filter-dialog-wrapper.active::before {
  background-color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}
.dark .search-filter-dialog-wrapper.active::before {
  background-color: rgba(22, 26, 28, 0.5);
}

.search-filter-dialog {
  min-height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 500px) {
  .search-filter-dialog {
    padding: 4rem 0;
  }
}

.search-filter-dialog-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: var(--body-color);
  overflow: hidden;
  transform: translateY(100%);
  transition: 0.25s transform cubic-bezier(0, 0, 0, 1);
  box-shadow: 0px -3px 15px rgba(57, 116, 135, 0.15);
  z-index: 0;
}
.active .search-filter-dialog-inner {
  transform: translateY(0);
}
.dark .search-filter-dialog-inner {
  box-shadow: 0px -3px 15px rgba(0, 0, 0, 0.25);
}
@media (min-width: 500px) {
  .search-filter-dialog-inner {
    border-radius: 2.4rem 2.4rem 0 0;
  }
}
@media (min-width: 500px) {
  .search-filter-dialog-inner {
    position: relative;
    border-radius: 2.4rem;
    width: 45rem;
    transform: none !important;
    transition: none !important;
  }
  .search-filter-dialog-inner::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 .search-filter-dialog-inner::before {
    background-color: rgba(22, 26, 28, 0.92);
  }
}
@media (min-width: 500px) {
  .search-filter-dialog-inner .tap-target::after {
    border-radius: 2rem;
  }
}
.search-filter-dialog-inner > header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  padding: 0 1.4rem;
  z-index: 1;
}
@media (min-width: 500px) {
  .search-filter-dialog-inner > header {
    height: auto;
  }
}
.search-filter-dialog-inner > header.shadow {
  box-shadow: 0 1px 0 0 rgba(104, 156, 173, 0.12);
}
.dark .search-filter-dialog-inner > header.shadow {
  box-shadow: 0 1px 0 0 rgba(111, 127, 133, 0.15);
}
@media (min-width: 500px) {
  .search-filter-dialog-inner > header.shadow {
    box-shadow: none !important;
  }
}
.search-filter-dialog-inner > header::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 .search-filter-dialog-inner > header::before {
  background-color: rgba(22, 26, 28, 0.92);
}
@media (min-width: 500px) {
  .search-filter-dialog-inner > header::before {
    display: none !important;
  }
}
.search-filter-dialog-inner > header span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.9rem;
  line-height: 2.9rem;
  font-weight: 600;
  padding: 1.1rem 5.4rem;
  z-index: -1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-filter-dialog-inner main {
  position: relative;
  height: 100%;
  padding-bottom: env(safe-area-inset-bottom);
}
.search-filter-dialog-inner main::before {
  content: "";
  position: absolute;
  top: 5rem;
  bottom: 5rem;
  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 .search-filter-dialog-inner main::before {
  background-color: rgba(22, 26, 28, 0.92);
}
@media (min-width: 500px) {
  .search-filter-dialog-inner main::before {
    display: none;
  }
}
.search-filter-dialog-inner main > div {
  height: 100%;
  overflow: auto;
  padding-top: 5.3rem;
  padding-bottom: 7.4rem;
}
@media (min-width: 500px) {
  .search-filter-dialog-inner main > div {
    padding-top: 5.1rem;
    padding-bottom: 7rem;
  }
}
.search-filter-dialog-inner section header {
  font-size: 1.2rem;
  line-height: 1.9rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 1.4rem 1.7rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.search-filter-dialog-inner section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search-filter-dialog-inner section li {
  padding: 0 0.4rem;
}
.search-filter-dialog-inner section li + li {
  margin-top: 0.8rem;
}
.search-filter-dialog-inner section .checkbox,
.search-filter-dialog-inner section .radio {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1.1rem 1.2rem 1rem 1.3rem;
  border-radius: 2.1rem;
}
body:not(.is-tablet) .search-filter-dialog-inner section .checkbox:hover,
body:not(.is-tablet) .search-filter-dialog-inner section .radio:hover {
  background-color: var(--gray-300);
}
.dark body:not(.is-tablet) .search-filter-dialog-inner section .checkbox:hover,
.dark body:not(.is-tablet) .search-filter-dialog-inner section .radio:hover {
  background-color: var(--gray-400);
}
.search-filter-dialog-inner section .checkbox:active,
.search-filter-dialog-inner section .radio:active {
  background-color: var(--gray-400) !important;
}
.dark .search-filter-dialog-inner section .checkbox:active,
.dark .search-filter-dialog-inner section .radio:active {
  background-color: var(--gray-300) !important;
}
.search-filter-dialog-inner section .checkbox input:checked ~ span,
.search-filter-dialog-inner section .radio input:checked ~ span {
  color: var(--primary);
}
.search-filter-dialog-inner section .checkbox span:last-child {
  color: var(--gray-800);
  margin-left: auto;
}
.search-filter-dialog-inner section .checkmark,
.search-filter-dialog-inner section .radiomark {
  top: 1.3rem;
  left: 1.3rem;
}
.search-filter-dialog-inner section .checkbox-text,
.search-filter-dialog-inner section .radio-text {
  padding-left: 3.2rem;
}
.search-filter-dialog-inner section + section {
  border-top: 1px solid var(--gray-300);
  padding-top: 0.1rem;
  margin-top: 0.4rem;
}
.search-filter-dialog-inner footer {
  position: absolute;
  bottom: 0;
  left: -1rem;
  right: -1rem;
  z-index: 1;
}
@media (min-width: 500px) {
  .search-filter-dialog-inner footer {
    box-shadow: none;
  }
}
.search-filter-dialog-inner footer .btn {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  padding: 1.3rem 2.1rem;
  padding-bottom: calc(env(safe-area-inset-bottom) + 1.3rem);
  border-radius: 0;
  background-color: var(--body-bg);
  box-shadow: 0px -1px 5px rgba(57, 116, 135, 0.15);
}
.dark .search-filter-dialog-inner footer .btn {
  box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.25);
}
.search-filter-dialog-inner footer .btn:active span {
  opacity: 0.5;
}
@media (min-width: 500px) {
  .search-filter-dialog-inner footer .btn {
    width: 30rem;
    margin: 0 auto 0.4rem;
    border-radius: 2.5rem;
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
    background-color: var(--gray-300);
    border-color: var(--gray-300);
    border-radius: 2.1rem;
    box-shadow: none;
  }
  .dark .search-filter-dialog-inner footer .btn {
    background-color: var(--gray-400);
    border-color: var(--gray-400);
  }
  .search-filter-dialog-inner footer .btn:active {
    background-color: var(--gray-400) !important;
    border-color: var(--gray-400) !important;
  }
  .search-filter-dialog-inner footer .btn:active span {
    opacity: 1;
  }
  .dark .search-filter-dialog-inner footer .btn:active {
    background-color: var(--gray-300) !important;
    border-color: var(--gray-300) !important;
  }
}

.tabs-filter {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 1rem;
  right: 0;
  width: 7rem;
  height: 4.5rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.92) 50%, #fff 100%);
  z-index: 1;
}
.dark .tabs-filter {
  background: linear-gradient(90deg, rgba(22, 26, 28, 0) 0%, rgba(22, 26, 28, 0.92) 50%, #161a1c 100%);
}
.tabs-filter .tap-target {
  margin-bottom: -0.5rem;
  margin-left: 0;
  margin-right: 0;
}

.checkbox,
.radio {
  cursor: pointer;
  user-select: none;
  position: relative;
  font-size: 1.3rem;
  line-height: 2.1rem;
}

.checkbox input,
.radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark,
.radiomark {
  position: absolute;
  top: 0.2rem;
  left: 0;
  height: 1.6rem;
  width: 1.6rem;
  border-radius: 0.5rem;
}
.checkmark::before,
.radiomark::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid var(--gray-300);
  border-radius: 0.5rem;
}

.radiomark {
  border-radius: 50%;
}
.radiomark::before {
  border-radius: 50%;
}

body:not(.is-tablet) .checkbox:hover .checkmark,
.checkbox:active .checkmark,
body:not(.is-tablet) .radio:hover .radiomark,
.radio:active .radiomark {
  background-color: var(--body-bg);
}
.dark body:not(.is-tablet) .checkbox:hover .checkmark,
.dark .checkbox:active .checkmark,
.dark body:not(.is-tablet) .radio:hover .radiomark,
.dark .radio:active .radiomark {
  background-color: var(--body-color);
}

body:not(.is-tablet) .checkbox:hover .checkmark:before,
.checkbox:active .checkmark:before,
body:not(.is-tablet) .radio:hover .radiomark:before,
.radio:active .radiomark:before {
  display: none;
}

.checkbox input:checked ~ .checkmark,
.radio input:checked ~ .radiomark {
  background-image: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
}

.checkbox .checkmark:after {
  content: "";
  position: absolute;
  left: 0.1rem;
  top: 0.1rem;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg transform='translate(-1072 -578)'%3E%3Crect width='14' height='14' transform='translate(1072 578)' fill='%23b4c6cc' opacity='0'/%3E%3Cpath d='M1076,587l2,2,4-6' transform='translate(0 -1)' fill='none' stroke='%23b4c6cc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.dark .checkbox .checkmark:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg transform='translate(-1072 -578)'%3E%3Crect width='14' height='14' transform='translate(1072 578)' fill='%2350585c' opacity='0'/%3E%3Cpath d='M1076,587l2,2,4-6' transform='translate(0 -1)' fill='none' stroke='%2350585c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.checkbox input:checked ~ .checkmark,
.radio input:checked ~ .radiomark {
  border: 0;
}

.checkbox input:checked ~ .checkmark:before,
.radio input:checked ~ .radiomark:before {
  display: none;
}

.checkbox input:checked ~ .checkmark:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg transform='translate(-1072 -578)'%3E%3Crect width='14' height='14' transform='translate(1072 578)' fill='%23fff' opacity='0'/%3E%3Cpath d='M1076,587l2,2,4-6' transform='translate(0 -1)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.radio .radiomark:after {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: var(--gray-600);
}
.dark .radio .radiomark:after {
  background-color: var(--gray-900);
}

.radio input:checked ~ .radiomark:after {
  background-color: #fff;
}

.checkbox-text,
.radio-text {
  font-weight: 500;
  padding-left: 2.5rem;
}

.pagination-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 1.5rem 3rem;
  font-weight: 500;
}
@media (min-width: 500px) {
  .pagination-container {
    padding: 0 0 3rem;
  }
}
@media (min-width: 1200px) {
  .pagination-container {
    padding-bottom: 8rem;
  }
}

.pagination-next,
.pagination-prev {
  display: grid;
  place-items: center;
  height: 5rem;
  border-radius: 2.5rem;
  cursor: pointer;
  flex-grow: 1;
  flex-shrink: 0;
}
.pagination-next.disabled,
.pagination-prev.disabled {
  cursor: default;
  color: var(--gray-600);
  background: none !important;
  border: 1px solid var(--gray-300);
}
@media (min-width: 992px) {
  .pagination-next,
.pagination-prev {
    width: 17.4rem;
    flex: none;
  }
}

.pagination-next {
  color: #fff;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
  margin-left: 0.2rem;
}
@media (min-width: 760px) {
  .pagination-next {
    margin-left: 2rem;
  }
}
.pagination-next:active {
  background: linear-gradient(135deg, var(--primary-active) 0%, var(--grad2-active) 60%, var(--grad3-active) 100%);
}
.pagination-next svg {
  margin-left: 0.2rem;
}

.pagination-prev {
  background-color: var(--gray-300);
  margin-right: 0.2rem;
}
@media (min-width: 760px) {
  .pagination-prev {
    margin-right: 2rem;
  }
}
.dark .pagination-prev {
  background-color: var(--gray-400);
}
.pagination-prev:active {
  background-color: var(--gray-400);
}
.dark .pagination-prev:active {
  background-color: var(--gray-300);
}
.pagination-prev svg {
  margin-right: 0.2rem;
  transform: rotate(180deg);
}

.pagination-pages {
  order: 3;
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  border: 1px solid var(--gray-300);
  border-radius: 2.5rem;
  margin-top: 0.4rem;
}
@media (min-width: 992px) {
  .pagination-pages {
    order: 0;
    flex-basis: auto;
    flex-grow: 1;
    margin-top: 0;
  }
}
.pagination-pages > ul {
  margin: 0;
  display: flex;
}

.pagination-link {
  position: relative;
  display: block;
  font-size: 1.3rem;
  line-height: 1.9rem;
  padding: 1.5rem 1.6rem 1.4rem;
}
.pagination-link::before {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  height: 0.1rem;
  border-radius: 0.05rem;
  transition: 0.25s cubic-bezier(0, 0, 0, 1);
}
.pagination-link:hover::before {
  left: 0.6rem;
  right: 0.6rem;
  background-color: var(--body-color);
}
.pagination-link.active span {
  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;
}
.pagination-link.active::before {
  left: 0;
  right: 0;
  background-color: var(--primary);
}

.pagination-more {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2.1rem;
  height: 4.8rem;
}
.pagination-more span {
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: var(--body-color);
  box-shadow: -0.5rem 0 0 var(--body-color), 0.5rem 0 0 var(--body-color);
}

.appbar-container {
  position: fixed;
  bottom: 0;
  left: -1rem;
  right: -1rem;
  padding: 0 1rem;
  z-index: 4;
  display: none;
  padding-bottom: env(safe-area-inset-bottom);
  box-shadow: 0px -1px 5px rgba(57, 116, 135, 0.15);
}
.logged-in .appbar-container {
  display: flex;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .appbar-container {
    display: none;
  }
}
.dark .appbar-container {
  box-shadow: 0px -1px 5px rgba(0, 0, 0, 0.25);
}
.appbar-container::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 .appbar-container::before {
  background-color: rgba(22, 26, 28, 0.92);
}

.appbar-item {
  position: relative;
  display: grid;
  place-content: center;
  height: 5rem;
  flex-basis: 100%;
  border-radius: 1.2rem;
}
.appbar-item::after {
  content: "";
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  left: 0.4rem;
  right: 0.4rem;
  border-radius: 1.2rem;
  z-index: -1;
}
.appbar-item:active::after {
  background-color: var(--gray-300);
}
.appbar-item.active {
  color: var(--primary);
}
.appbar-item.active::after {
  background-color: var(--primary);
  opacity: 0.07;
}

.page-alert {
  position: fixed;
  left: 0;
  right: 0;
  top: 0.6rem;
  display: flex;
  justify-content: center;
  z-index: 9999;
  pointer-events: none;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .page-alert {
    top: 2.6rem;
  }
}

.alert {
  font-size: 1.1rem;
  line-height: 1.7rem;
  font-weight: 500;
  text-align: center;
  padding: 1.1rem 1.7rem 1rem;
  border-radius: 1.9rem;
  color: var(--body-bg);
  background-color: var(--body-color);
  pointer-events: auto;
}

.alert-danger {
  color: #fff;
  background-color: var(--danger);
}

.toast-alert {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  bottom: 0.4rem;
  left: 0.4rem;
  color: var(--body-bg);
  background-color: var(--body-color);
  padding: 1.6rem 4rem 1.5rem 2rem;
  border-radius: 1.2rem;
  transform: translateX(-100%);
  transition: 0.4s transform cubic-bezier(0, 0, 0, 1);
  z-index: 9999;
}
.toast-alert.show {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
.logged-in .toast-alert {
  bottom: 5.4rem;
}
@media (min-width: 500px) {
  .toast-alert {
    bottom: 2rem;
    left: 2rem;
  }
  .logged-in .toast-alert {
    bottom: 7rem;
  }
}
@media (min-width: 1200px) {
  .toast-alert {
    bottom: 2rem !important;
  }
}
.toast-alert p {
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.9rem;
  margin-right: -0.1rem;
  margin-left: -0.1rem;
}

.modal-close {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  padding: 0;
  border: 0;
  color: var(--gray-875);
  background-color: transparent;
  border: 1px solid var(--gray-300);
  display: flex;
  width: 4.2rem;
  height: 4.2rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.1rem;
}
.dark .modal-close {
  color: var(--gray-800);
  border: 1px solid var(--gray-950);
}
body:not(.is-tablet) .modal-close:hover {
  color: var(--body-color);
  background: var(--gray-300);
}
.dark body:not(.is-tablet) .modal-close:hover {
  color: var(--body-color);
  background: var(--gray-950);
}
.modal-close:active {
  border-color: var(--gray-400) !important;
  background: var(--gray-400) !important;
}

.modal-content {
  box-shadow: 0 0.5rem 4rem rgba(57, 116, 135, 0.15);
}
.is-processing .modal-content {
  pointer-events: none;
}
.dark .modal-content {
  box-shadow: 0 0.5rem 4rem rgba(0, 0, 0, 0.25);
  background-color: var(--gray-300);
}

.modal-title {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
}

.modal-body .form-control {
  font-size: 1.6rem !important;
  line-height: 2.2rem !important;
}
.modal-body .form-control-line .form-control {
  padding-bottom: 0.7rem !important;
}
.dark .modal-body .form-control-line .form-control:focus::placeholder {
  color: var(--gray-900);
}
.modal-body .form-control-line::after {
  left: 0.1rem;
  right: 0.1rem;
}
.dark .modal-body .form-control-line::after {
  background-color: var(--gray-950);
}
.dark .modal-body .form-control-line:focus-within::after {
  background-color: var(--gray-900);
}

.modal-footer {
  justify-content: flex-start;
  padding: 0 4rem 4rem;
}
.modal-footer .btn + .btn {
  margin-top: 0.4rem;
}
@media (min-width: 500px) {
  .modal-footer .btn + .btn {
    margin-top: 0;
    margin-left: 1rem;
  }
}
.modal-footer .btn-gradient {
  padding-left: 1.9rem;
  padding-right: 1.9rem;
}
.modal-footer .btn-secondary-outline {
  font-weight: 600;
}
.dark .modal-footer .btn-secondary-outline {
  border-color: var(--gray-950);
}
.dark body:not(.is-tablet) .modal-footer .btn-secondary-outline:hover {
  background-color: var(--gray-950);
  border-color: var(--gray-950);
}
.dark .modal-footer .btn-secondary-outline:active {
  background-color: var(--gray-400) !important;
  border-color: var(--gray-400) !important;
}
.modal-footer .btn + .btn-secondary-outline {
  font-weight: 400;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.modal-help-block {
  line-height: 1.9rem;
  margin-top: 0.1rem;
  margin-bottom: 2.7rem;
}

.modal-body-text {
  line-height: 1.9rem;
  margin-top: 2.1rem;
  margin-bottom: 0.5rem;
}

.modal-backdrop {
  opacity: 1 !important;
  -webkit-backdrop-filter: blur(0.6rem);
  backdrop-filter: blur(0.6rem);
  background-color: rgba(255, 255, 255, 0.92);
}
.dark .modal-backdrop {
  background-color: rgba(22, 26, 28, 0.92);
}

.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.nano > .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.nano > .nano-content:focus {
  outline: 0;
}

.nano > .nano-content::-webkit-scrollbar {
  display: none;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}

.nano > .nano-pane {
  position: absolute;
  width: 0.8rem;
  right: 0;
  top: 2.2rem;
  bottom: 1rem;
  border-radius: 0.4rem;
}

.nano > .nano-pane > .nano-slider {
  background: #91A8B0;
  position: relative;
  border-radius: 0.4rem;
}
.nano > .nano-pane > .nano-slider::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.4rem);
  left: 0.2rem;
  width: 0.4rem;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: #fff;
  box-shadow: 0 0.7rem 0 0 #fff;
}
.dark .nano > .nano-pane > .nano-slider {
  background: #9AA2A6;
}
.dark .nano > .nano-pane > .nano-slider::before {
  background-color: #161a1c;
  box-shadow: 0 0.7rem 0 0 #161a1c;
}

.main-header {
  position: relative;
  z-index: 5;
  /*height: 5rem;*/
}
@media (min-width: 1356px) {
  body:not(.is-tablet) .main-header {
    height: auto;
  }
}
@media (min-width: 1356px) {
  body:not(.is-tablet) .main-header.profile-page {
    display: none;
  }
}
.main-header.account-page {
  height: auto;
  color: var(--body-bg);
}
.dark .main-header.account-page {
  color: var(--body-color);
}
.main-header.review-page {
  height: 46rem !important;
  color: var(--body-bg);
}
.dark .main-header.review-page {
  color: var(--body-color);
}
@media (min-width: 500px) {
  .main-header.review-page {
    height: 64rem !important;
  }
}
@media (min-width: 760px) {
  .main-header.review-page {
    height: 80rem !important;
  }
}
@media (min-width: 1200px) {
  .main-header.review-page {
    height: 100vh !important;
  }
}
@media only screen and (min-width: 600px) and (orientation: landscape) {
  .main-header.review-page {
    height: 100vh !important;
  }
}
.main-header.review-page .review-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  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;
}
.dark .main-header.review-page .review-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) {
  .main-header.review-page .review-cover {
    background-size: 11.2rem;
  }
}
.dark .main-header.review-page .review-cover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40rem;
  background: linear-gradient(182.5deg, rgba(22, 26, 28, 0) 0%, rgba(22, 26, 28, 0) 42%, #161a1c 84%, #161a1c 96%);
}
.main-header.review-page .review-cover::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 1;
}
.dark .main-header.review-page .review-cover::before {
  background-color: rgba(22, 26, 28, 0.35);
}
.main-header.review-page .cover-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
}
.main-header.review-page .page-header {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  bottom: -4.5rem;
  margin: auto;
}
.is-tablet .main-header.review-page .page-header {
  bottom: -4.4rem;
}
@media (min-width: 760px) {
  .is-tablet .main-header.review-page .page-header {
    bottom: -7rem;
  }
}
@media (min-width: 500px) {
  .main-header.review-page .page-header {
    max-width: 41rem;
  }
}
@media (min-width: 760px) {
  .main-header.review-page .page-header {
    max-width: 85rem;
    left: 2.3rem;
    right: 2.3rem;
    padding-left: 6.5rem;
    padding-right: 6.5rem;
    bottom: -7rem;
  }
}
@media (min-width: 992px) {
  .main-header.review-page .page-header {
    /*padding-left: 4.5rem;
    padding-right: 4.5rem;*/
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .main-header.review-page .page-header {
    left: 0;
    right: 0;
  }
}
.main-header.review-page .page-header .badge + .badge {
  margin-left: 1rem;
}
.main-header.review-page h1 {
  margin-top: 3.1rem;
  font-size: 2.7rem;
  line-height: 4.4rem;
  font-weight: 800;
}
.is-tablet .main-header.review-page h1 {
  margin-top: 3rem;
}
@media (min-width: 760px) {
  .main-header.review-page h1 {
    font-size: 3.8rem;
    line-height: 7.1rem;
    margin-top: 2.9rem;
  }
}
.main-header.review-page h1 span {
  color: var(--body-bg);
  background-color: var(--body-color);
  padding: 0.6rem 0 0.5rem;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  box-shadow: 1rem 0 0 var(--body-color), -1rem 0 0 var(--body-color);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  word-wrap: break-word;
}
.is-tablet .main-header.review-page h1 span {
  padding: 0.5rem 0;
}
.dark .main-header.review-page h1 span {
  color: var(--body-color);
  background-color: var(--gray-300);
  box-shadow: 1rem 0 0 var(--gray-300), -1rem 0 0 var(--gray-300);
}
@media (min-width: 760px) {
  .main-header.review-page h1 span {
    padding: 1.1rem 0;
    box-shadow: 1.9rem 0 0 var(--body-color), -1.9rem 0 0 var(--body-color);
  }
  .is-tablet .main-header.review-page h1 span {
    padding: 1.1rem 0 1rem;
  }
  .dark .main-header.review-page h1 span {
    box-shadow: 1.9rem 0 0 var(--gray-300), -1.9rem 0 0 var(--gray-300);
  }
}
.main-header.category-page {
  /*height: 18.6rem !important;
  margin-bottom: -4.2rem;*/
}
@media (min-width: 760px) {
  .main-header.category-page {
    height: auto !important;
    /*height: 42rem !important;
    color: var(--body-bg);*/
  }
}
@media (min-width: 1200px) {
  .main-header.category-page {
    margin-bottom: 0;
  }
  /*body:not(.is-tablet) .main-header.category-page {
    height: 58.2rem !important;
    margin-bottom: 1.6rem;
  }*/
}
.main-header.category-page::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background: linear-gradient(10deg, #fff 0%, #fff 40%, #48ff87 60%, #f05 100%);*/
  z-index: -1;
  opacity: 0.15;
}
@media (min-width: 760px) {
  .main-header.category-page::before {
    background: none;
    content: none;
    /*background: rgba(0, 0, 0, 0.35);
    opacity: 1;*/
  }
}
.dark .main-header.category-page::before {
  background: rgba(22, 26, 28, 0);
}
.main-header.category-page::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--body-bg);
}
@media (min-width: 760px) {
  .main-header.category-page::after {
    height: 4rem;
    content:  none;
  }
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .main-header.category-page::after {
    height: 3rem;
  }
}
.dark .main-header.category-page {
  color: var(--body-color);
}
/*.dark .main-header.category-page::after {
  height: 42rem !important;
  background: linear-gradient(182.5deg, rgba(22, 26, 28, 0.35) 0%, rgba(22, 26, 28, 0.35) 42%, #161a1c 84%, #161a1c 96%);
  z-index: -1;
}
@media (min-width: 1200px) {
  .dark .main-header.category-page::after {
    height: 58.2rem !important;
  }
}*/
.main-header.category-page .page-cover {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--gray-300);
  background-size: cover;
  background-position: center;
  /*background-image: url(../../assets/images/Gaming-Cover-Blurred.jpg);*/
  z-index: -2;
}
@media (min-width: 760px) {
  .main-header.category-page .page-cover {
    display: block;
  }
}
.main-header.category-page .page-cover::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(6rem);
}
.main-header.category-page .page-cover img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-header.category-page .page-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4.3rem;
}
@media (min-width: 760px) {
  .main-header.category-page .page-header {
    padding-top: 16.7rem;
    display: none;
  }
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .main-header.category-page .page-header {
    padding-top: 14.5rem;
  }
}
.main-header.category-page .page-header h1 {
  font-family: 'Passion One', sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 760px) {
  .main-header.category-page .page-header h1 {
    font-size: 6.8rem;
    margin-bottom: 0.1rem;
  }
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .main-header.category-page .page-header h1 {
    font-size: 8.3rem;
    margin-bottom: 0.6rem;
  }
}
.main-header.category-page .page-header h1 span {
  background: linear-gradient(135deg, 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;
}
.main-header.category-page .page-header p {
  font-size: 1.3rem;
  line-height: 2.1rem;
  font-weight: 500;
  padding-top: 0.1rem;
}
@media (min-width: 760px) {
  .main-header.category-page .page-header p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding-top: 0.3rem;
  }
}

.logo {
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 5.2rem;
  height: 5.8rem;
  margin: auto;
  transition: 0.4s opacity cubic-bezier(0, 0, 0, 1);
}
.logo.logo-sm {
  width: 4.2rem;
  height: 4.2rem;
}
@media (min-width: 720px) {
  .logo {
    position: static;
    width: auto;
    height: auto;
  }
}

.topbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
  padding: 0 0.4rem;
  /*overflow: hidden;*/
}
.topbar {
  box-shadow: 0 1px 0 0 rgba(104, 156, 173, 0.12);
}
.dark .topbar {
  box-shadow: 0 1px 0 0 rgba(111, 127, 133, 0.15);
}

.account-page .topbar {
  position: absolute;
}
.topbar::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.account-page .topbar::before {
  display: none !important;
}
.topbar.shadow {
  box-shadow: 0 1px 0 0 rgba(104, 156, 173, 0.12);
}
.account-page .topbar.shadow {
  box-shadow: none !important;
}
.dark .topbar.shadow {
  box-shadow: 0 1px 0 0 rgba(111, 127, 133, 0.15);
}
.topbar.shadow::before {
  background-color: rgba(255, 255, 255, 0.92);
  -webkit-backdrop-filter: blur(0.6rem);
  backdrop-filter: blur(0.6rem);
}
.dark .topbar.shadow::before {
  background-color: rgba(22, 26, 28, 0.92);
}
@media (max-width: 759.98px) {
  /*.topbar.shadow::before, */.dark .topbar.shadow::before {
    background-color: rgba(22, 26, 28, 0.92);
  }
}
.category-page .topbar, .review-page .topbar {
  background-color: transparent;
}
@media (min-width: 1200px) {
  .category-page .topbar:not(.shadow), .review-page .topbar:not(.shadow) {
    /*box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);*/
  }
  .dark .category-page .topbar:not(.shadow), .dark .review-page .topbar:not(.shadow) {
    /*box-shadow: 0 1px 0 0 rgba(228, 232, 234, 0.1);*/
  }
  .is-tablet .category-page .topbar:not(.shadow), .is-tablet .review-page .topbar:not(.shadow) {
    box-shadow: none;
  }
}
.review-page.invert .topbar, .category-page.invert .topbar {
  color: var(--body-color);
}
.review-page.invert .topbar::before, .category-page.invert .topbar::before {
  background-color: rgba(255, 255, 255, 0.92);
}
.dark .review-page.invert .topbar::before, .dark .category-page.invert .topbar::before {
  background-color: rgba(22, 26, 28, 0.92);
}
.is-tablet .review-page.invert .search-wrapper.active ~ .topbar::before, .is-tablet .category-page.invert .search-wrapper.active ~ .topbar::before {
  background-color: rgba(255, 255, 255, 0);
  -webkit-backdrop-filter: blur(0);
  backdrop-filter: blur(0);
}
.dark .is-tablet .review-page.invert .search-wrapper.active ~ .topbar::before, .dark .is-tablet .category-page.invert .search-wrapper.active ~ .topbar::before {
  background-color: rgba(22, 26, 28, 0);
}
@media (max-width: 499.98px) {
  .dialog-open .topbar {
    box-shadow: none !important;
  }
  .dialog-open .topbar::before {
    -webkit-backdrop-filter: blur(0) !important;
    backdrop-filter: blur(0) !important;
    background-color: transparent !important;
  }
}
.topbar .page-heading {
  position: fixed;
  top: 5.5rem;
  left: 0;
  right: 0;
  pointer-events: none;
  display: none;
  justify-content: center;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .topbar .page-heading.show {
    display: flex;
  }
}
.topbar .page-heading .badge {
  padding-left: 4rem;
  padding-right: 4rem;
  text-transform: uppercase;
  font-weight: 800;
}
@media (min-width: 1200px) {
  .topbar {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    box-shadow: 0 1px 0 0 rgba(104, 156, 173, 0.12);
  }
  .dark .topbar {
    box-shadow: 0 1px 0 0 rgba(111, 127, 133, 0.15);
  }
  .is-tablet .topbar {
    padding: 0 0.4rem;
    box-shadow: none !important;
  }
  .is-tablet .topbar.shadow {
    box-shadow: 0 1px 0 0 rgba(104, 156, 173, 0.12) !important;
  }
  .is-tablet .account-page .topbar {
    box-shadow: none !important;
  }
}

.tap-target {
  display: flex;
  width: 4rem;
  height: 5rem;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 1.2rem;
  z-index: 0;
}
.tap-target::after {
  content: "";
  position: absolute;
  top: 0.4rem;
  bottom: 0.4rem;
  left: 0.4rem;
  right: 0.4rem;
  border-radius: 1.2rem;
  z-index: -1;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .tap-target::after {
    top: 0.3rem;
    bottom: 0.3rem;
    left: 0.3rem;
    right: 0.3rem;
  }
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .tap-target {
    width: 4.8rem;
    height: 4.8rem;
  }
  body:not(.is-tablet) .tap-target:hover::after {
    background: var(--gray-300);
  }
  .dark body:not(.is-tablet) .tap-target:hover::after {
    background: var(--gray-400);
  }
  body:not(.is-tablet) .category-page .tap-target:hover, body:not(.is-tablet) .review-page .tap-target:hover {
    color: var(--body-color);
  }
  .dark body:not(.is-tablet) .category-page .tap-target:hover, .dark body:not(.is-tablet) .review-page .tap-target:hover {
    color: var(--body-bg);
  }
  body:not(.is-tablet) .category-page .tap-target:hover::after, body:not(.is-tablet) .review-page .tap-target:hover::after {
    background-color: var(--body-bg);
  }
  .dark body:not(.is-tablet) .category-page .tap-target:hover::after, .dark body:not(.is-tablet) .review-page .tap-target:hover::after {
    background-color: var(--body-color);
  }
  .dark body:not(.is-tablet) .review-page.invert .tap-target:hover, .dark body:not(.is-tablet) .category-page.invert .tap-target:hover {
    color: var(--body-color);
  }
  body:not(.is-tablet) .review-page.invert .tap-target:hover::after, body:not(.is-tablet) .category-page.invert .tap-target:hover::after {
    background-color: var(--gray-300);
  }
  .dark body:not(.is-tablet) .review-page.invert .tap-target:hover::after, .dark body:not(.is-tablet) .category-page.invert .tap-target:hover::after {
    background-color: var(--gray-400);
  }
}
.tap-target:active::after {
  background: var(--gray-400) !important;
}
.dark .tap-target:active::after {
  background: var(--gray-300) !important;
}
@media (min-width: 760px) {
  .category-page .tap-target:active, .review-page .tap-target:active {
    color: var(--body-color);
  }
  .dark .category-page .tap-target:active, .dark .review-page .tap-target:active {
    color: var(--body-bg);
  }
  .category-page .tap-target:active::after, .review-page .tap-target:active::after {
    background: rgba(255, 255, 255, 0.85) !important;
  }
  .dark .category-page .tap-target:active::after, .dark .review-page .tap-target:active::after {
    background: rgba(228, 232, 234, 0.85) !important;
  }
  .dark .review-page.invert .tap-target:active, .dark .category-page.invert .tap-target:active {
    color: var(--body-color);
  }
  .review-page.invert .tap-target:active::after, .category-page.invert .tap-target:active::after {
    background-color: var(--gray-400) !important;
  }
  .dark .review-page.invert .tap-target:active::after, .dark .category-page.invert .tap-target:active::after {
    background-color: var(--gray-300) !important;
  }
}

@media (min-width: 1200px) {
  .tap-target + .tap-target {
    margin-left: 1rem;
  }
  .is-tablet .tap-target + .tap-target {
    margin-left: 0.2rem;
  }

  .category-page .topbar:not(.shadow) .search-toggle::before,
.category-page .topbar:not(.shadow) .user-account::before,
.review-page .topbar:not(.shadow) .search-toggle::before,
.review-page .topbar:not(.shadow) .user-account::before {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .dark .category-page .topbar:not(.shadow) .search-toggle::before,
.dark .category-page .topbar:not(.shadow) .user-account::before,
.dark .review-page .topbar:not(.shadow) .search-toggle::before,
.dark .review-page .topbar:not(.shadow) .user-account::before {
    background-color: rgba(228, 232, 234, 0.1);
  }
}
.menu-back svg {
  transform: rotate(180deg);
}

.menu-toggle {
  /*margin-left: -1.4rem;*/
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .menu-toggle {
    margin-left: -1.6rem;
  }
}

.action-back {
  margin-left: -1.4rem;
}
.account-page .action-back:active {
  color: var(--body-color) !important;
}
.account-page .action-back:active::after {
  background: rgba(255, 255, 255, 0.85) !important;
}
.account-page.login .action-back:active, .account-page.signup .action-back:active {
  color: var(--body-color) !important;
}
.account-page.login .action-back:active::after, .account-page.signup .action-back:active::after {
  background: var(--gray-400) !important;
}

.action-reset-filter {
  margin-right: -1.4rem;
}

.action-bookmark {
  margin-right: -1.4rem;
}
.action-bookmark svg {
  fill: none;
}
.action-bookmark.active svg {
  fill: currentColor;
}

.user-login {
  margin-right: -1.4rem;
  margin-left: -0.2rem;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .user-login {
    margin: 0 !important;
  }
}

.user-account {
  margin-right: -1.4rem;
}

.tap-target + .user-profile, .user-profile:only-child {
  /*margin-right: -1.4rem;*/
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .tap-target + .user-profile, body:not(.is-tablet) .user-profile:only-child {
    margin-right: -1.6rem;
  }
}

.search-filter-toggle {
  margin-right: -1.4rem;
  margin-left: 0.2rem;
}

.topnav {
  padding-top: 5.6rem;
  padding-bottom: 1rem;
  white-space: nowrap;
  overflow-x: scroll;
}
@media (min-width: 1200px) {
  .topnav {
    padding-top: 7.6rem;
    overflow-x: hidden;
  }
}
.topnav .social-links {
  width: 15.5rem;
  justify-content: flex-end;
}

.primary-nav {
  font-weight: 500;
}
.primary-nav a {
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 0.5rem 1rem;
  border-radius: 1.2rem;
}
@media (min-width: 1200px) {
  .primary-nav a {
    padding: 1rem 1.5rem;
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
}
.primary-nav a + a {
  margin-left: 0.8rem;
}
body:not(.is-tablet) .primary-nav a:hover {
  background: var(--gray-300);
}
.dark body:not(.is-tablet) .primary-nav a:hover {
  background: var(--gray-400);
}
/*body:not(.is-tablet) .category-page .primary-nav a:hover,*/ body:not(.is-tablet) .review-page .primary-nav a:hover {
  color: var(--body-color);
  background-color: var(--body-bg);
}
/*.dark body:not(.is-tablet) .category-page .primary-nav a:hover,*/ .dark body:not(.is-tablet) .review-page .primary-nav a:hover {
  color: var(--body-bg);
  background-color: var(--body-color);
}
.primary-nav a:active {
  background: var(--gray-400) !important;
}
.dark .primary-nav a:active {
  background: var(--gray-300) !important;
}
.category-page .primary-nav a:active, .review-page .primary-nav a:active {
  color: var(--body-color);
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.dark .category-page .primary-nav a:active, .dark .review-page .primary-nav a:active {
  color: var(--body-bg);
  background-color: rgba(228, 232, 234, 0.85) !important;
}
.primary-nav a.active,
.primary-nav body:not(.is-tablet) a.active:hover {
  color: var(--body-bg);
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%) !important;
}
.dark .primary-nav a.active {
  color: #fff;
}
.dark body:not(.is-tablet) .primary-nav a.active:hover {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%) !important;
}

.dark-mode-toggle {
  width: 16.2rem;
  margin-left: -1.3rem;
}
.dark-mode-toggle a {
  display: inline-flex;
  padding: 1.1rem 1.5rem 1rem 1.1rem;
  border-radius: 1.2rem;
  font-size: 1.3rem;
  line-height: 2.1rem;
}
body:not(.is-tablet) .dark-mode-toggle a:hover {
  background: var(--gray-300);
}
.dark body:not(.is-tablet) .dark-mode-toggle a:hover {
  background: var(--gray-400);
}
.dark-mode-toggle a:active {
  background: var(--gray-400) !important;
}
.dark .dark-mode-toggle a:active {
  background: var(--gray-300) !important;
}
body:not(.is-tablet) .category-page .dark-mode-toggle a:hover, body:not(.is-tablet) .review-page .dark-mode-toggle a:hover {
  color: var(--body-color);
  background-color: var(--body-bg);
}
.dark body:not(.is-tablet) .category-page .dark-mode-toggle a:hover, .dark body:not(.is-tablet) .review-page .dark-mode-toggle a:hover {
  color: var(--body-bg);
  background-color: var(--body-color);
}
.category-page .dark-mode-toggle a:active, .review-page .dark-mode-toggle a:active {
  color: var(--body-color);
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.dark .category-page .dark-mode-toggle a:active, .dark .review-page .dark-mode-toggle a:active {
  color: var(--body-bg);
  background-color: rgba(228, 232, 234, 0.85) !important;
}
.dark-mode-toggle svg {
  margin: -0.1rem;
}
.dark .dark-mode-toggle svg {
  margin: 0;
}
.dark-mode-toggle span {
  margin-left: 0.7rem;
  font-weight: 500;
}

.social-links {
  display: flex;
  align-items: center;
}
.social-links a {
  display: grid;
  place-content: center;
  width: 3.6rem;
  height: 4.2rem;
  border-radius: 1.2rem;
}
body:not(.is-tablet) .social-links a:hover {
  background: var(--gray-300);
}
.dark body:not(.is-tablet) .social-links a:hover {
  background: var(--gray-400);
}
body:not(.is-tablet) .category-page .social-links a:hover, body:not(.is-tablet) .review-page .social-links a:hover {
  color: var(--body-color);
  background-color: var(--body-bg);
}
.dark body:not(.is-tablet) .category-page .social-links a:hover, .dark body:not(.is-tablet) .review-page .social-links a:hover {
  color: var(--body-bg);
  background-color: var(--body-color);
}
.social-links a:active {
  background: var(--gray-400) !important;
}
.dark .social-links a:active {
  background: var(--gray-300) !important;
}
.category-page .social-links a:active, .review-page .social-links a:active {
  color: var(--body-color);
  background-color: rgba(255, 255, 255, 0.85) !important;
}
.dark .category-page .social-links a:active, .dark .review-page .social-links a:active {
  color: var(--body-bg);
  background-color: rgba(228, 232, 234, 0.85) !important;
}
.social-links a + a {
  margin-left: 0.2rem;
}
.topnav .social-links {
  margin-right: -1.1rem;
}

.main-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main-heading h1 {
  font-size: 3.2rem;
  line-height: 4rem;
}
.main-heading svg {
  margin-top: -0.1rem;
  margin-bottom: 1.3rem;
}

.category-heading {
  color: var(--primary);
  font-size: 1.2rem;
  line-height: 1.9rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}

.top-stories-category {
  position: relative;
  padding-bottom: 2.6rem;
}
@media (min-width: 1200px) {
  .top-stories-category.sep-left-top {
    margin-top: -4.4rem;
  }
}
/*@media (min-width: 1200px) {
  .top-stories-category.sep-left-top::before {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: -2.1rem;
    width: 0.1rem;
    height: 15rem;
    background-color: var(--primary);
    background: linear-gradient(0deg, var(--primary-grad3) 0%, var(--primary-grad2) 40%, var(--primary) 100%);
    border-radius: 0.5rem;
  }
  .top-stories-category.sep-right-center::before {
    content: "";
    position: absolute;
    top: calc(50% - 11.5rem);
    right: -2.1rem;
    width: 0.1rem;
    height: 23rem;
    background-color: var(--primary);
    background: linear-gradient(0deg, var(--primary-grad3) 0%, var(--primary-grad2) 40%, var(--primary) 100%);
    border-radius: 0.5rem;
  }
  .top-stories-category.sep-left-bottom::before {
    content: "";
    position: absolute;
    bottom: 1.6rem;
    left: -2.1rem;
    width: 0.1rem;
    height: 15rem;
    background-color: var(--primary);
    background: linear-gradient(0deg, var(--primary-grad3) 0%, var(--primary-grad2) 40%, var(--primary) 100%);
    border-radius: 0.5rem;
  }
}*/

@media (min-width: 760px) {
  .deals .section-heading {
    --pt: 4.9rem;
    --pb: 7.2rem;
  }
  .cover-stories .section-heading, .recent-stories .section-heading {
    --pt: 4.9rem;
    --pb: 7.2rem;
  }
}
@media (min-width: 1200px) {
  .deals .section-heading {
    --pt: 5.1rem;
    --pb: 5.1rem;
  }
  .cover-stories .section-heading {
    --pt: 3.6rem;
    --pb: 5.1rem;
  }
  .recent-stories .section-heading {
    --pt: 5.1rem;
    --pb: 5.1rem;
  }
}

.recent-stories .section-heading p {
  font-size: 1.3rem;
  line-height: 2.1rem;
  font-weight: 500;
  padding-top: 0.1rem;
  margin-bottom: 0;
}
@media (min-width: 760px) {
  .recent-stories .section-heading p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    padding-top: 1rem;
    margin-bottom: 0;
  }
}

[data-bs-toggle] svg {
  pointer-events: none;
}

/*!-------------------------------------------*\
  Footer Styles start
\*-------------------------------------------*/
.primary-footer {
  position: relative;
  padding: 3rem 0.4rem 0;
  padding-bottom: 75px;
}
.story-share-sm + .primary-footer {
  padding-bottom: 4.9rem;
}
@media (min-width: 760px) {
  .primary-footer {
    padding: 10.1rem 0.4rem 0;
    padding-bottom: 120px;
    z-index: 100;
  }
}
@media (min-width: 1200px) {
  .primary-footer {
    padding: 0;
    padding-bottom: 120px;
  }
  .primary-footer .container {
    display: flex;
    position: relative;
    padding-top: 7.6rem;
  }
}
.primary-footer h6 {
  display: inline-block;
  font-weight: 800;
  font-size: 1.2rem;
  line-height: 1.9rem;
  margin-bottom: 1.3rem;
  padding-top: 0.1rem;
  text-transform: uppercase;
}
.primary-footer ul {
  margin-bottom: 3.8rem;
}
.primary-footer ul a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  padding: 0.7rem 0;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  background-image: linear-gradient(to right, var(--primary) 0%, var(--primary) 100%);
  background-position: 0px 78%;
  background-size: 0px 1px;
  background-repeat: no-repeat;
  transition: 0.2s color cubic-bezier(0, 0, 0, 1), 0.2s background-size cubic-bezier(0, 0, 0, 1);
}
body:not(.is-tablet) .primary-footer ul a:hover, .primary-footer ul a:active {
  color: var(--primary);
  background-size: 100% 1px;
}
.primary-footer form {
  position: relative;
  margin-bottom: 3rem;
}
.primary-footer form button {
  position: absolute;
  top: 0;
  right: -1.4rem;
}
.primary-footer form .form-control {
  color: #fff;
  border-left: 0;
  border-right: 0;
  padding-left: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding-right: 4.6rem;
  border-color: transparent !important;
  background-color: transparent !important;
}
.primary-footer form .form-control::placeholder {
  color: #fff;
}
.primary-footer form .form-control:focus::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.primary-footer form .my-border-bottom::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: var(--gray-300);
}
.primary-footer form:focus-within::after {
  background-color: var(--gray-400);
}
.dark .primary-footer form:focus-within::after {
  background-color: var(--gray-950);
}
.primary-footer .btn-newsletter {
  color: #fff;
  padding: 1.1rem;
}
.dark body:not(.is-tablet) .primary-footer .btn-newsletter:hover, .dark .primary-footer .btn-newsletter:active {
  color: #fff;
}
@media (max-width: 759.98px) {
  .primary-footer .btn-newsletter {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
    border: 0;
    padding: 1.5rem;
    border-radius: 2.5rem;
    top: 7.9rem;
    left: 0.1rem;
    right: auto;
    width: calc(100% - 0.2rem);
  }
  .primary-footer .btn-newsletter:active {
    background: linear-gradient(135deg, var(--primary-active) 0%, var(--grad2-active) 60%, var(--grad3-active) 100%);
  }
}

.col-social {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.col-topics,
.col-sections,
.col-company {
  flex: none;
  width: 16.2rem;
}

.col-topics,
.col-sections {
  margin-right: 13rem;
}

.col-company {
  margin-right: 6.9rem;
}

.social-list-footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 3rem 0;
}
@media (min-width: 1200px) {
  .social-list-footer {
    padding: 0;
  }
}
.social-list-footer a {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 2.8rem;
  font-weight: 500;
  padding: 0.4rem 0;
  cursor: pointer;
}
body:not(.is-tablet) .social-list-footer a:hover {
  color: var(--primary);
}
body:not(.is-tablet) .social-list-footer a:hover::after {
  content: "";
  position: absolute;
  bottom: 0.8rem;
  left: 0;
  right: 0;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: var(--primary);
}
.social-list-footer a svg {
  flex-shrink: 0;
  margin-left: 0.1rem;
  margin-right: 1.3rem;
}
.social-list-footer a:nth-child(2) svg {
  margin-left: -0.1rem;
  margin-right: 1.1rem;
}

.social-links-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 0 2.5rem;
}
.social-links-footer a {
  display: grid;
  place-content: center;
  width: 8.4rem;
  height: 4.2rem;
  background-color: var(--body-bg);
  border: 1px solid var(--gray-300);
  border-radius: 2.1rem;
  cursor: pointer;
}
body:not(.is-tablet) .social-links-footer a:hover {
  color: #fff;
  background-color: var(--gray-300);
}
.dark body:not(.is-tablet) .social-links-footer a:hover {
  border-color: var(--gray-400);
  background-color: var(--gray-400);
}
.social-links-footer a:active {
  border-color: var(--gray-400) !important;
  background-color: var(--gray-400) !important;
}
.dark .social-links-footer a:active {
  border-color: var(--gray-300) !important;
  background-color: var(--gray-300) !important;
}
.social-links-footer a + a {
  margin-left: 1rem;
}

.copyright {
  text-align: center;
  padding-bottom: 2.4rem;
  line-height: 2.1rem;
}
.copyright p {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .copyright {
    margin-top: auto;
    text-align: left;
    padding-bottom: 4.5rem;
    margin-left: -0.1rem;
    margin-right: -0.1rem;
  }
}

.footer-notice {
  position: relative;
  margin-top: 3rem;
  padding-bottom: 100px;
}
@media (min-width: 1200px) {
  .footer-notice {
    margin-top: 0;
  }
  .footer-notice::before {
    content: "";
    position: absolute;
    left: 0.4rem;
    right: 0.4rem;
    top: 0;
    height: 0.1rem;
    background-color: var(--gray-300);
    border-radius: 0.05rem;
  }
}

.footer-notice p {
  max-width: 76rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3rem;
  line-height: 2.1rem;
  text-align: center;
  padding: 3.6rem 1.9rem 2.4rem;
}
.dark .footer-notice p {
  color: var(--body-color);
  background-color: var(--gray-300);
}
@media (max-width: 1355.98px) {
  .footer-notice p {
    color: var(--body-bg);
    background-color: var(--body-color);
    border-radius: 1.2rem;
  }
  .dark .footer-notice p {
    color: var(--body-color);
    background-color: var(--gray-300);
  }
}
@media (min-width: 1200px) {
  .footer-notice p {
    max-width: 97rem;
    padding: 3.6rem 2.9rem 2.4rem;
  }
}

.subscribe-now {
  position: relative;
  padding: 5.4rem 2.5rem 4rem;
  margin: 0 0 5.5rem;
  background: var(--gray-300) url("../images/Img-85.webp") no-repeat;
  background-size: cover;
  border-radius: 2.4rem;
  color: white;
}
@media (min-width: 760px) {
  .subscribe-now {
    background-image: url("../images/Img-84.webp");
    border-radius: 1.2rem;
    margin: 0 0.4rem;
    padding: 11rem 2.5rem 12rem;
  }
}
.subscribe-now::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(190deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.65) 51.23%, rgba(0, 0, 0, 0.95) 100%);
  border-radius: 2.4rem;
}
@media (min-width: 760px) {
  .subscribe-now::before {
    border-radius: 1.2rem;
  }
}
.subscribe-now p {
  position: relative;
  color: var(--body-bg);
  font-size: 2.1rem;
  line-height: 2.9rem;
  font-weight: 800;
  max-width: 63rem;
  margin: 0 auto 3.7rem;
  z-index: 1;
}
@media (min-width: 760px) {
  .subscribe-now p {
    font-size: 3.8rem;
    line-height: 4.8rem;
    margin: 0 auto 3.4rem;
    text-align: center;
  }
}
.dark .subscribe-now p {
  color: var(--body-color);
}
.subscribe-now form {
  position: relative;
  max-width: 34rem;
  margin: 0 auto;
  z-index: 1;
}

/*!-------------------------------------------*\
  Footer Styles end
\*-------------------------------------------*/
.main-container {
  position: relative;
  z-index: 1;
}
@media (max-width: 1199px) {
  .main-container {
    padding-top: 2.2rem;
  }
  .account-page + .main-container {
    padding-top: 0;
  }
  .category-page + .main-container {
    /*padding-top: 4.2rem;*/
    padding-top: 2rem;
  }
}
@media (max-width: 759.98px) {
  .category-page + .main-container {
    /*padding-top: 6rem;*/
  }
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .main-container > .ads-container:first-child,
  /*body:not(.is-tablet) .main-container > .video-details-wrapper:first-child*/ {
    margin-top: -1.5rem;
  }
}
.main-container > .cover-stories:first-child {
  margin-top: 1.4rem;
}
.main-container.animNext, .main-container.animBack {
  pointer-events: none;
}
@media (max-width: 599.98px) {
  .main-container.step-1, .main-container.step-2, .main-container.step-3 {
    overflow: hidden;
    z-index: 5;
  }
}
@media(max-width: 599.98px) {
  .main-container.home-page {
    padding-top: 0;
  }
}
.top-stories {
  padding-bottom: 1.4rem;
}

.page-title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.9rem;
  line-height: 2.9rem;
  font-weight: 600;
  padding: 1.1rem 10.4rem;
  pointer-events: none;
  opacity: 0;
  transition: 0.4s opacity cubic-bezier(0, 0, 0, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1355.98px) {
  .shadow .page-title {
    opacity: 1;
  }
  .shadow .page-title ~ .logo {
    opacity: 0;
  }
  .category-page .page-title {
    opacity: 0 !important;
  }
  .category-page .page-title ~ .logo {
    opacity: 1 !important;
  }
  .category-page .page-heading.show ~ * .page-title {
    opacity: 1 !important;
  }
  .category-page .page-heading.show ~ * .page-title ~ .logo {
    opacity: 0 !important;
  }
}
body.is-tablet .page-heading.show ~ * .page-title {
  opacity: 1;
}
body.is-tablet .page-heading.show ~ * .page-title ~ .logo {
  opacity: 0;
}

.profile-avatar {
  position: relative;
  flex: none;
  width: 12.8rem;
  height: 12.8rem;
  background-color: var(--gray-300);
  border-radius: 50%;
  overflow: hidden;
}
.profile-avatar img {
  width: 100%;
  height: 100%;
}
.dark .profile-avatar {
  background-color: var(--gray-400);
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .profile-avatar {
    width: 16.4rem;
    height: 16.4rem;
  }
}
.dark .profile-avatar.added::before, .dark .profile-avatar.added::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
}
.dark .profile-avatar.added::before {
  background-color: var(--body-bg);
  opacity: 0.15;
}
.dark .profile-avatar.added::after {
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.user-header {
  display: none;
  flex-direction: column;
  align-items: center;
  margin-top: -1.2rem;
  padding-bottom: 1.4rem;
}
.logged-in .user-header {
  display: flex;
}
.user-header .profile-avatar {
  margin-bottom: 1.3rem;
  color: #c5d4d9;
}
.dark .user-header .profile-avatar {
  color: var(--gray-900);
}
.user-header .user-name {
  font-size: 1.8rem;
  line-height: 3rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: -0.2rem;
}
.user-header .user-handle {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  color: var(--gray-800);
  text-align: center;
}
.dark .user-header .user-handle {
  color: var(--gray-900);
}
.user-header .btn {
  margin-top: 1.5rem;
  margin-bottom: 1.9rem;
  padding-right: 1.5rem;
  padding-left: 1.2rem;
  font-weight: 600;
}
.user-header .btn svg {
  margin-right: 0.7rem;
}
.user-header nav {
  width: 100%;
}

/*!-------------------------------------------*\
  Overwrite bootstrap styles - start
\*-------------------------------------------*/
.btn svg {
  flex: none;
}

.form-control {
  line-height: 2.1rem;
  padding: 1rem 1.4rem 0.9rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-control:focus {
  border-color: var(--gray-500);
}
.form-control:focus::placeholder {
  color: var(--gray-600);
}
.dark .form-control {
  border-color: var(--gray-300);
}
.dark .form-control::placeholder {
  color: var(--gray-900);
}
.dark .form-control:focus {
  border-color: var(--gray-950);
}
.dark .form-control:focus::placeholder {
  color: var(--gray-950);
}

.form-control-lg {
  font-weight: 500;
  line-height: 1.75;
  padding: 1rem 1.7rem;
}

.tooltip {
  pointer-events: none;
}

.tt-action {
  margin-top: -1.4rem !important;
}

.form-control.is-invalid {
  border-color: var(--danger);
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.4rem;
  font-size: 1.2rem;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.4rem;
  font-size: 1.2rem;
  color: var(--danger);
}

.is-invalid ~ .invalid-feedback,
.is-valid ~ .valid-feedback {
  display: block;
}

.badge {
  display: inline-flex;
  align-items: center;
  line-height: 1.1;
  position: relative;
}
.badge span + span {
  position: relative;
  padding-left: 2.3rem;
}
.badge span + span::before {
  content: "";
  position: absolute;
  left: 1.1rem;
  top: -0.4rem;
  bottom: -0.4rem;
  width: 0.1rem;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 0.05rem;
}

.bg-light {
  --rating: 0;
  color: var(--primary);
  background-color: #fff;
}
.bg-light svg {
  margin: -0.1rem 1rem -0.1rem -0.4rem;
  transform: rotate(-90deg);
  stroke-dasharray: calc(var(--rating) * 3.8) 38;
}

.tt-share {
  padding: 0 2.6rem;
}

.dropdown-share {
  border-radius: 2.4rem;
  padding: 1.2rem;
  padding-top: 4.9rem;
  top: 0 !important;
  transform: translate(-0.4rem, -0.4rem);
}
.dropdown-share::before {
  content: "Share on";
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  font-size: 1.2rem;
  line-height: 1.9rem;
  font-weight: 800;
  text-transform: uppercase;
  text-align: center;
}
.dropdown-share.show {
  display: flex;
}
.dropdown-share a {
  display: grid;
  place-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 1.2rem;
}
body:not(.is-tablet) .dropdown-share a:hover {
  background-color: var(--gray-300);
}
.dark body:not(.is-tablet) .dropdown-share a:hover {
  background-color: var(--gray-900);
}
.dropdown-share a:active {
  border-color: var(--gray-400);
  background-color: var(--gray-400) !important;
}
.dark .dropdown-share a:active {
  border-color: var(--gray-950);
  background-color: var(--gray-950) !important;
}
.dropdown-share a + a {
  margin-left: 0.5rem;
}
@media (max-width: 499.98px) {
  .dropdown-share {
    transform: translateY(-4px) translateX(-1px) !important;
  }
}

.dropdown-pagination {
  height: 23rem;
  width: 17.8rem;
  color: var(--body-bg);
  background-color: var(--body-color);
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  margin-left: -6.7rem !important;
  box-shadow: none !important;
}
.dark .dropdown-pagination {
  background-color: var(--gray-400);
}
.dropdown-pagination.show {
  display: flex;
  flex-wrap: wrap;
}
.dropdown-pagination a {
  display: grid;
  place-content: center;
  width: 7.4rem;
  height: 4.2rem;
  border-radius: 1rem;
  flex: 0 0 calc(50% - 0.4rem);
  color: var(--body-bg);
  margin: 0.2rem;
  font-size: 1.3rem;
  line-height: 1.9rem;
  font-weight: 500;
  border: 1px solid var(--body-bg-d);
}
.dark .dropdown-pagination a {
  color: var(--body-color);
  border-color: var(--gray-950);
}
body:not(.is-tablet) .dropdown-pagination a:hover {
  color: var(--body-color);
  border: 0;
  background-color: var(--body-bg);
}
.dark body:not(.is-tablet) .dropdown-pagination a:hover {
  color: var(--body-bg);
  background-color: var(--body-color);
}
.dropdown-pagination a:active {
  background-color: rgba(255, 255, 255, 0.8) !important;
}
.dark .dropdown-pagination a:active {
  color: var(--body-bg) !important;
  background-color: rgba(228, 232, 234, 0.85) !important;
}
.dropdown-pagination a.active {
  border: 0;
  color: var(--primary) !important;
  background: rgba(255, 26, 102, 0.25) !important;
}
.dropdown-pagination .dropdown-pagination-inner {
  display: flex;
  min-width: 0;
  max-width: 100%;
  flex-wrap: wrap;
  padding-right: 2.2rem;
}
.dropdown-pagination .nano-pane {
  right: 0.8rem;
  top: 0.8rem;
  bottom: 0.8rem;
}
.dropdown-pagination .nano-slider {
  height: 8rem !important;
  background: var(--body-bg) !important;
}
.dark .dropdown-pagination .nano-slider {
  background: var(--body-color) !important;
}
.dropdown-pagination .nano-slider::before {
  background: var(--body-color) !important;
  box-shadow: 0 0.7rem 0 0 var(--body-color) !important;
}
.dark .dropdown-pagination .nano-slider::before {
  background: var(--gray-400) !important;
  box-shadow: 0 0.7rem 0 0 var(--gray-400) !important;
}

.tt-password {
  margin-top: -1.1rem !important;
}

.form-control-line {
  position: relative;
}
.form-control-line .form-control {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-top: 0.2rem;
  padding-bottom: 0.6rem;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.3rem;
  background-color: transparent;
  border-color: transparent !important;
}
.form-control-line::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: var(--gray-300);
}
.form-control-line:focus-within::after {
  background-color: var(--gray-400);
}
.dark .form-control-line:focus-within::after {
  background-color: var(--gray-950);
}
.form-control-line.has-error::after {
  background-color: var(--danger) !important;
}
.form-control-line .form-help {
  display: none;
  position: absolute;
  left: 0;
  bottom: -2.6rem;
  font-size: 1.2rem;
  line-height: 1.9rem;
}
.form-control-line.has-error .form-help {
  display: block;
  color: var(--danger);
}

@media (max-width: 499.98px) {
  .modal-header,
.modal-body {
    padding-left: 1.4rem;
    padding-right: 1.4rem;
  }

  .modal-footer {
    padding: 0 5rem 0.4rem;
  }
  .modal-footer .btn {
    flex-basis: 100%;
    padding-top: 1.4rem;
    padding-bottom: 1.3rem;
    border-radius: 2.5rem;
  }
  .modal-footer .btn-gradient {
    padding-top: 1.5rem;
    padding-bottom: 1.4rem;
    border-radius: 2.5rem !important;
  }
}
.tt-topbar {
  margin-top: -0.3rem !important;
}

.tt-tag {
  margin-top: 0.5rem !important;
}

.tooltip {
  display: none !important;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .tooltip {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .container-xxl-fluid {
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1441px) {
  .container-xxl-fluid {
    /*max-width: 1920px;*/
    max-width: 1580px;
    margin-left: auto;
    margin-right: auto;
  }
}

.tt-chart {
  display: block !important;
  padding: 0.6rem 0;
}
@media (min-width: 992px) {
  .tt-chart {
    padding: 2.4rem 0;
  }
}
.tt-chart .tooltip-inner {
  padding: 1.5rem 3rem 1.5rem 2rem;
  text-align: left;
  border-radius: 2.4rem;
  color: var(--body-color);
  background-color: var(--body-bg);
  box-shadow: 0px 5px 40px rgba(57, 116, 135, 0.15);
}
.dark .tt-chart .tooltip-inner {
  color: var(--body-bg);
  background-color: var(--body-color);
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.15);
}
.tt-chart .tooltip-inner div {
  color: var(--gray-800);
  font-size: 1.2rem;
  line-height: 1.9rem;
  font-weight: 500;
  margin-bottom: 1.1rem;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}
.tt-chart p {
  margin: 0;
  position: relative;
  font-size: 1.3rem;
  line-height: 1.9rem;
  padding-left: 1.6rem;
}
.tt-chart p span {
  font-weight: 600;
}
.tt-chart p::before {
  content: "";
  position: absolute;
  top: 0.4rem;
  left: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 2px solid;
}
.tt-chart p:first-of-type::before {
  border-color: var(--primary);
}
.tt-chart p:nth-of-type(2)::before {
  border-color: #29ccb1;
}
.tt-chart p:nth-of-type(3)::before {
  border-color: #ffaf38;
}
.tt-chart p + p {
  margin-top: 0.3rem;
}

/*!-------------------------------------------*\
  Overwrite bootstrap styles - end
\*-------------------------------------------*/
/*!-------------------------------------------*\
  Helpful utility classes - start
\*-------------------------------------------*/
.ms-1x {
  margin-left: 0.1rem;
}

.ms-2x {
  margin-left: 0.2rem;
}

.ms-3x {
  margin-left: 0.3rem;
}

.ms-4x {
  margin-left: 0.4rem;
}

.ms-6x {
  margin-left: 0.6rem;
}

.ms-7x {
  margin-left: 0.7rem;
}

.ms-8x {
  margin-left: 0.8rem;
}

.ms-9x {
  margin-left: 0.9rem;
}

.ms-n1x {
  margin-left: -0.1rem;
}

.ms-n2x {
  margin-left: -0.2rem;
}

.ms-n3x {
  margin-left: -0.3rem;
}

.ms-n4x {
  margin-left: -0.4rem;
}

.ms-n6x {
  margin-left: -0.6rem;
}

.ms-n7x {
  margin-left: -0.7rem;
}

.ms-n8x {
  margin-left: -0.8rem;
}

.ms-n9x {
  margin-left: -0.9rem;
}

.me-1x {
  margin-right: 0.1rem;
}

.me-2x {
  margin-right: 0.2rem;
}

.me-3x {
  margin-right: 0.3rem;
}

.me-4x {
  margin-right: 0.4rem;
}

.me-6x {
  margin-right: 0.6rem;
}

.me-7x {
  margin-right: 0.7rem;
}

.me-8x {
  margin-right: 0.8rem;
}

.me-9x {
  margin-right: 0.9rem;
}

.me-n1x {
  margin-right: -0.1rem;
}

.me-n2x {
  margin-right: -0.2rem;
}

.me-n3x {
  margin-right: -0.3rem;
}

.me-n4x {
  margin-right: -0.4rem;
}

.me-n6x {
  margin-right: -0.6rem;
}

.me-n7x {
  margin-right: -0.7rem;
}

.me-n8x {
  margin-right: -0.8rem;
}

.me-n9x {
  margin-right: -0.9rem;
}

.my-n1x {
  margin-top: -0.1rem;
  margin-bottom: -0.1rem;
}

.mt-n3 {
  margin-top: -1rem;
}

.fw-medium {
  font-weight: 500 !important;
}

.pos-relative {
  position: relative !important;
}

.list-unstyled {
  list-style: none;
  padding-left: 0;
}

.block-scroll {
  overflow: hidden;
  overscroll-behavior-y: none;
}

.rounded-base {
  border-radius: 1.2rem;
}

.text-primary {
  color: var(--primary) !important;
}

.text-black {
  color: var(--body-color) !important;
}

.gradient-primary {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
}

.gradient-category {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
  margin-right: 1.9rem !important;
}
.gradient-heading {
  background: linear-gradient(135deg, var(--primary-grad3) 0%, var(--primary-grad2) 60%, var(--primary) 100%);
}

.gradient-text {
  background: linear-gradient(135deg, 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;
}

.gradient-text-dark {
  background: linear-gradient(135deg, var(--primary-d) 0%, var(--primary-grad2-d) 60%, var(--primary-grad3-d) 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
}

.gradient-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.gradient-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.9) 100%);
}
.dark .gradient-overlay::after {
  background: transparent;
}

.is-processing {
  pointer-events: none !important;
}

@media (min-width: 760px) {
  .px-md-4x {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
@media (min-width: 1200px) {
  .px-xxl-4x {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}

@media (min-width: 500px) {
  .overflow-sm-visible {
    overflow: visible !important;
  }
}
@media (min-width: 760px) {
  .overflow-md-visible {
    overflow: visible !important;
  }

  .overflow-md-hidden {
    overflow: hidden !important;
  }
}
@media (min-width: 992px) {
  .overflow-lg-visible {
    overflow: visible !important;
  }
}
@media (min-width: 1200px) {
  .overflow-xxl-visible {
    overflow: visible !important;
  }
}
.is-tablet .tab-none {
  display: none !important;
}

@media (min-width: 1200px) {
  .is-tablet .tab-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .is-tablet .tab-flex {
    display: flex !important;
  }
}

.only-tab-block {
  display: none !important;
}
.is-tablet .only-tab-block {
  display: block !important;
}

.only-tab-flex {
  display: none !important;
}
.is-tablet .only-tab-flex {
  display: flex !important;
}

.only-tab-grid {
  display: none !important;
}
.is-tablet .only-tab-grid {
  display: grid !important;
}

/*!-------------------------------------------*\
  Helpful utility classes - end
\*-------------------------------------------*/
/*!-------------------------------------------*\
  Ads styles - start
\*-------------------------------------------*/
.ads-container {
  display: flex;
  justify-content: center;
  /*padding: 3rem 0;*/
}
@media (min-width: 760px) {
  .ads-container.floated {
    float: left;
    margin-right: 3.8rem;
    padding: 3rem 0;
  }
}

.ad {
  display: block;
  position: relative;
  /*background: none !important;*/
  z-index: 0;
}
.ad::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background-color: var(--ad-bg);*/
  /*border-radius: 2.4rem;*/
  z-index: -1;
}
.bg-horizontal { height: 105px; }
.bg-horizontal:before { color: #BBB; font-size: 9px; text-align: center; content: 'Advertisement'; text-transform: uppercase; display: block; width: 100%; }
.bg-horizontal > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-horizontal-light-2.webp"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 728px 90px; min-width: 728px; height: 90px; overflow: hidden !important; }
.dark .bg-horizontal > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-horizontal-dark-2.webp"); }
.bg-horizontal .pgAdWrapper { height:90px !important; }

.bg-horizontal-2 { height: 265px; }
.bg-horizontal-2:before { color: #BBB; font-size: 9px; text-align: center; content: 'Advertisement'; text-transform: uppercase; display: block; width: 100%; }
.bg-horizontal-2 > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-horizontal-light-2.webp"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 728px 90px; min-width: 728px; height: 250px; overflow: hidden !important; display: flex; justify-content: center; align-items: center; }
.dark .bg-horizontal-2 > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-horizontal-dark-2.webp"); }

.bg-square { height: 265px; }
  .bg-square > div { height: 250px;  overflow: hidden;}
.bg-square-mobile { height: 360px; }
  .bg-square-mobile > div { height: 345px; overflow: hidden;  }

.bg-square-mobile-without-bg { height: 360px; }
  .bg-square-mobile-without-bg > div { height: 345px; overflow: hidden;  }  

.bg-square:before, .bg-square-mobile:before, .bg-square-mobile-without-bg:before { color: #BBB; font-size: 9px; text-align: center; content: 'Advertisement'; text-transform: uppercase; display: block; width: 100%; }
.bg-square > div, .bg-square-mobile > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-square-light-1.webp"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 300px 250px; }
.dark .bg-square > div, .dark .bg-square-mobile > div { background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-square-dark-1.webp"); }

.bg-vertical  { height: 615px; overflow: hidden; }
.bg-vertical:before { color: #BBB; font-size: 9px; text-align: center; content: 'Advertisement'; text-transform: uppercase; display: block; width: 100%; }
.bg-vertical > div {
  background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-vertical-light-1.webp");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 300px 600px;
  min-height: 600px;
}
.dark .bg-vertical > div {
  background-image: url("https://wccftech.com/wp-content/uploads/2022/11/bg-vertical-dark-1.webp");
}
.ad.ad-1-2 {
  width: 30rem;
  height: 25rem;
}
.ad.ad-1-3 {
  width: 30rem;
  height: 60rem;
}
.ad.ad-2-1 {
  width: 72.8rem;
  height: 9rem;
}
.ad.ad-3-1 {
  /*width: 97rem;*/
  height: 9rem;
}
.ad.ad-3-2 {
  width: 97rem;
  height: 25rem;
}
.ad img {
  max-width: 100%;
  height: auto;
}

/*!-------------------------------------------*\
  Ads styles - end
\*-------------------------------------------*/
.explore-all {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--body-bg);
  text-transform: uppercase;
  font-weight: 800;
  padding: 1.2rem 0 1.1rem;
  margin: 0.1rem auto 0;
  max-width: 28rem;
  cursor: pointer;
  border-radius: 1.2rem;
  z-index: 1;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
}
@media (min-width: 500px) {
  .explore-all {
    max-width: 28rem;
    margin: 0.1rem auto 4rem;
  }
}
@media (min-width: 760px) {
  .explore-all {
    max-width: 41rem;
    margin: 0.1rem auto 6rem;
  }
}
@media (min-width: 1200px) {
  .explore-all {
    font-size: 1.2rem;
    margin: 4rem 2rem 0;
    padding: 4rem 0 3.5rem;
  }
}
.explore-all:active {
  background: linear-gradient(135deg, var(--primary-active) 0%, var(--grad2-active) 60%, var(--grad3-active) 100%);
}
.explore-all span {
  line-height: 1.5;
}
.dark .explore-all {
  color: #fff;
}

.explore-all-icon {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: 1.5rem;
  transition: 0.4s color cubic-bezier(0, 0, 0, 1);
}
@media (min-width: 1200px) {
  .explore-all-icon {
    display: flex;
  }
}
body:not(.is-tablet) :hover > .explore-all-icon, :active > .explore-all-icon {
  color: var(--primary);
}
.explore-all-icon svg {
  position: relative;
  z-index: 2;
}
.explore-all-icon::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  transition: 0.4s border cubic-bezier(0, 0, 0, 1);
}
body:not(.is-tablet) :hover > .explore-all-icon::before, :active > .explore-all-icon::before {
  border: 16px solid white;
}

.explore-link a {
  font-size: 1.2rem;
  line-height: 1.9rem;
  font-weight: 800;
  text-transform: uppercase;
  position: relative;
  color: var(--primary);
}
.explore-link a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.1rem;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: currentColor;
}

.scroller-list {
  display: grid;
  grid-gap: 2rem;
  grid-auto-flow: column;
  overflow-x: scroll;
}
.scroller-list::before, .scroller-list::after {
  content: "";
  width: 1.6rem;
}
.top-stories .scroller-list::before, .top-stories .scroller-list::after, .deals .scroller-list::before, .deals .scroller-list::after, .tech-finance .scroller-list::before, .tech-finance .scroller-list::after {
  content: "";
  width: calc(50vw - 16rem);
}
@media (min-width: 760px) {
  .top-stories .scroller-list, .deals .scroller-list, .tech-finance .scroller-list {
    grid-gap: 4rem;
  }
  .top-stories .scroller-list::before, .top-stories .scroller-list::after, .deals .scroller-list::before, .deals .scroller-list::after, .tech-finance .scroller-list::before, .tech-finance .scroller-list::after {
    content: "";
    width: calc(50vw - 24.5rem);
  }
}
@media (min-width: 1200px) {
  .dominant-stories .scroller-list, .deals .scroller-list, .tech-finance .scroller-list {
    display: block;
    overflow-x: initial;
  }
  .dominant-stories .scroller-list::before, .dominant-stories .scroller-list::after, .deals .scroller-list::before, .deals .scroller-list::after, .tech-finance .scroller-list::before, .tech-finance .scroller-list::after {
    display: none;
  }
}
.scroller-list .post-preview.thumbless {
  width: 41rem;
  padding-top: 3.4rem;
  padding-bottom: 1.5rem;
}

.cover-stories {
  position: relative;
  margin-bottom: 2rem;
}
@media (min-width: 500px) and (max-width: 759.98px) {
  .cover-stories {
    margin-bottom: 2.2rem;
  }
  .cover-stories::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2.1rem;
    height: 0.1rem;
    background-color: var(--gray-300);
    pointer-events: none;
  }
}
.cover-stories .container-xxl-fluid, .cover-stories .container-first {
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  .cover-stories {
    margin-bottom: 1rem;
  }
  .cover-stories .container-first, .cover-stories .container-xxl-fluid {
    margin-bottom: 0;
    padding-bottom: 2.2rem;
  }
  .cover-stories .container:last-child {
    margin-top: -2.2rem;
  }
}

.cover-stories-sm {
  margin-bottom: 2rem;
}
.cover-stories-sm .col-md-6:first-child .post-preview::before {
  display: none;
}
@media (min-width: 1200px) {
  .cover-stories-sm {
    margin-bottom: -0.3rem;
  }
  .cover-stories-sm .container {
    padding-bottom: 4.3rem;
  }
}

.section-heading {
  --fs: 2.1rem;
  --lh: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: var(--pt, 5.8rem);
  padding-bottom: var(--pb, 5.2rem);
}
@media (min-width: 1200px) {
  .section-heading {
    --fs: 3.2rem;
    --lh: 4rem;
    --pb: 12.1rem;
    --pt: 6.9rem;
  }
}
.section-heading h2 {
  font-size: var(--fs);
  line-height: var(--lh);
}
.section-heading svg {
  margin-bottom: 1.3rem;
}
@media (min-width: 1200px) {
  .section-heading svg {
    margin-bottom: 1.2rem;
  }
}

.aside-heading {
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 1.9rem;
  margin-top: -0.6rem;
}

.post-preview {
  --title-fs: 1.8rem;
  --title-lh: 2.8rem;
  --margin: 0;
  --title-fw: 800;
  --title-lines: 4;
  position: relative;
  margin-bottom: 2rem;
  padding: 0 0.7rem;
}
@media (min-width: 760px) {
  .post-preview {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .post-preview {
    --title-fs: 3.2rem;
    --title-lh: 4rem;
    --margin: -0.1rem;
    display: grid;
  }
}
.post-preview:focus-within {
  z-index: 2;
}

.post-thumb {
  position: relative;
  grid-area: thumb;
  border-radius: 1.2rem;
  overflow: hidden;
  z-index: -1;
  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;
}
.dark .post-thumb {
  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");
}
.dark .post-thumb::before, .dark .post-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 1.2rem;
  pointer-events: none;
  z-index: 1;
}
.dark .post-thumb::before {
  /*background-color: var(--body-bg);
  opacity: 0.15;*/
}
.dark .post-thumb::after {
  border: 1px solid rgba(255, 255, 255, 0.07);
}

.thumb-img {
  position: relative;
  background-size: cover;
  background-position: center;
  z-index: 0;
  height: 24rem;
}
.is-video .thumb-img {
  background-color: var(--gray-300);
}
.thumb-img::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);
  transition: 0.25s;
}
.dark .thumb-img::before {
  background-color: var(--body-bg);
}


@media only screen and (min-width: 361px) {
  .thumb-img {
    height: 28rem;
    width: 100%;
    object-fit: cover;
  }
}
.post-content {
  grid-area: content;
  /*z-index: 1;*/
  padding: 2.4rem 1.1rem 0.5rem;
  min-width: 0;
  max-width: 100%;
}

.post-title {
  font-size: var(--title-fs);
  line-height: var(--title-lh);
  font-weight: var(--title-fw);
  margin-left: var(--margin);
  margin-right: var(--margin);
  margin-bottom: 0.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--title-lines);
  overflow: hidden;
}

.post-title a {
  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);
}
.post-title a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}
.post-preview.cover-sm .post-title a:visited, .recent-stories .post-title a:visited {
  color: var(--gray-900);
}
.post-preview.cover.single .post-title a:visited {
  color: var(--body-bg);
}
.dark .post-preview.cover.single .post-title a:visited {
  color: var(--body-color);
}

.post-footer {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  margin-bottom: -0.1rem;
}

.post-actions {
  position: relative;
  flex: none;
  display: flex;
  margin-left: -1.4rem;
  margin-right: 1.5rem;
}

.post-share,
.post-bookmark {
  display: flex;
  color: var(--gray-800);
  transition: 0.4s color cubic-bezier(0, 0, 0, 1);
}
body:not(.is-tablet) .post-share:hover, .post-share:active,
body:not(.is-tablet) .post-bookmark:hover,
.post-bookmark:active {
  color: var(--primary) !important;
}

.post-share {
  /*padding: 1.3rem 1.2rem 1.3rem 1.3rem;*/
  padding: 1rem 1rem 1rem 1.3rem;
  z-index: 0;
}

.post-bookmark {
  position: relative;
  padding: 1rem 1rem;
}
.post-bookmark svg {
  fill: none;
}
.post-bookmark.active {
  color: var(--primary) !important;
}
.post-bookmark.active:before {
  content: "";
  position: absolute;
  left: 0.3rem;
  top: 0.8rem;
  width: 3.6rem;
  height: 2.5rem;
  background-color: var(--primary);
  opacity: 0.07;
  border-radius: 1.25rem;
}
.dark .post-bookmark.active:before {
  opacity: 0.1;
}
.post-bookmark.active:active:before {
  opacity: 0.1;
}
.dark .post-bookmark.active:active:before {
  opacity: 0.14;
}

.dot-sep {
  flex: none;
  display: flex;
  margin-left: 1rem;
  margin-right: 1rem;
  pointer-events: none;
  color: var(--gray-800);
}

.post-comments, .post-category {
  /*color: var(--primary);*/
  color: var(--gray-800);
  min-width: 0;
}
.post-comments span, .post-category span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-author {
  color: var(--gray-800);
  min-width: 0;
}
.post-author span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.post-timestamp {
  flex-shrink: 0;
  color: var(--gray-800);
}

body:not(.is-tablet) .post-preview:hover .thumb-img::before,
.post-preview:active .thumb-img::before {
  opacity: 0.45;
}
body:not(.is-tablet) .post-preview:hover .post-title a,
.post-preview:active .post-title a {
  background-size: 100% 1px;
}

.cover-stories .post-preview.cover {
  position: relative;
  margin-bottom: 2.1rem;
}
.cover-stories .post-preview.cover::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.5rem;
  height: 0.1rem;
  background-color: var(--gray-300);
  pointer-events: none;
}
@media (max-width: 759.98px) {
  .cover-stories .container-xxl-fluid .col-md-6:first-child .post-preview.cover {
    margin-bottom: 2rem;
  }
}
.cover-stories .container-xxl-fluid .col-md-6:first-child .post-preview.cover::before {
  display: none;
}
@media (min-width: 500px) {
  .cover-stories .post-preview.cover {
    margin-bottom: 2rem;
  }
  .cover-stories .post-preview.cover::before {
    display: none;
  }
  .post-preview.cover .post-content {
    padding-left: 0;
  }
}
@media (min-width: 760px) {
  .cover-stories .post-preview.cover {
    margin-bottom: 4rem;
  }
  .post-preview.cover .thumb-img {
    height: 24rem;
  }
}
@media (min-width: 992px) {
  .post-preview.cover .thumb-img {
    height: 28rem;
  }
}
@media (min-width: 1150px) {
  .post-preview.cover .post-thumb {
    background-size: 11.2rem;
  }
  .post-preview.cover .thumb-img {
    height: 30.4rem;
  }
  .cover-stories .container-first .post-preview.cover .thumb-img {
    height: 30.4rem;
  }
}
@media (min-width: 1350px) {
  .post-preview.cover .post-thumb {
    background-size: 11.2rem;
  }
  .post-preview.cover .thumb-img {
    height: 34.4rem;
  }
  .cover-stories .container-first .post-preview.cover .thumb-img {
    height: 34.4rem;
  }
}
/*@media (min-width: 1441px) {
  .post-preview.cover .post-thumb {
    background-size: 11.2rem;
  }
  .post-preview.cover .thumb-img {
    height: 53.2rem;
    height: 46.2rem;
  }
}*/
.post-preview.cover .play-btn {
  z-index: 1;
}
.post-preview.cover.single {
  --title-fs: 1.8rem;
  --title-lh: 2.6rem;
  --title-lines: 3;
  display: grid;
  grid-template-columns: [thumb-start content-start] 1fr [thumb-end content-end];
  grid-template-rows: [thumb-start] 1fr [content-start] auto [thumb-end content-end];
  margin-bottom: 0;
}
@media (min-width: 500px) {
  .post-preview.cover.single {
    max-width: 41.8rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 760px) {
  .post-preview.cover.single {
    max-width: none;
    --title-fs: 3rem;
    --title-lh: 3.8rem;
    --title-lines: 3;
  }
}
.post-preview.cover.single .post-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.9) 100%);
  /*background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0.9) 100%);*/
  z-index: 2;
  pointer-events: none;
}
.dark .post-preview.cover.single .post-thumb::before {
  /*background-color: var(--body-bg);
  opacity: 0.6;*/
  z-index: 1;
}
.post-preview.cover.single .thumb-img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 760px) {
  .post-preview.cover.single .thumb-img {
    width: 100%;
    height: 52rem;    
  }
}
@media (min-width: 992px) {
  .post-preview.cover.single .thumb-img {
    height: 52rem;
  }
}
@media (min-width: 1850px) {
  /*
  .post-preview.cover.single .thumb-img {
    height: 62.6rem;
  }*/
}
.post-preview.cover.single .post-content {
  justify-self: center;
  padding: 0 1.1rem 0.5rem;
}
@media (min-width: 760px) {
  .post-preview.cover.single .post-content {
    max-width: 60rem;
    padding: 0 0 1.5rem;
  }
}
@media (min-width: 1200px) {
  .post-preview.cover.single .post-content {
    max-width: 63rem;
    margin-left: -0.5rem;
  }
}
.post-preview.cover.single .post-title {
  color: var(--body-bg);
  margin-bottom: 1rem;
  padding-right: 1.5rem;
}
.post-preview.cover.single .post-title a {
  background: linear-gradient(45deg, var(--primary) 0%, var(--primary-grad2) 80%, var(--primary-grad3) 100%);
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (min-width: 760px) {
  .post-preview.cover.single .post-title {
    --margin: -0.1rem;
    max-width: none;
    margin-bottom: 1.5rem;
    padding-right: 0;
  }
}
.dark .post-preview.cover.single .post-title {
  color: var(--body-color);
}
.post-preview.cover.single .post-footer {
  margin-top: -1rem;
  margin-bottom: -0.8rem;
  padding-right: 1rem;
}
@media (min-width: 760px) {
  .post-preview.cover.single .post-footer {
    padding-right: 0;
    margin-bottom: -0.1rem;
  }
}
.post-preview.cover.single .post-share,
.post-preview.cover.single .post-bookmark {
  color: var(--body-bg);
}
.dark .post-preview.cover.single .post-share,
.dark .post-preview.cover.single .post-bookmark {
  color: var(--body-color);
}
@media (min-width: 760px) {
  .cover-stories .post-preview.cover {
    display: flex;
    flex-direction: column;
    height: calc(100% - 4rem);
  }
  .cover-stories .post-preview.cover .post-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .post-preview.cover {
    display: grid;
    grid-template-columns: [thumb-start content-start] 1fr [thumb-end content-end];
    grid-template-rows: [thumb-start] 1fr [content-start] auto [thumb-end content-end];
  }
  .post-preview.cover[data-style=highlight] {
    grid-template-rows: [thumb-start content-start] auto [content-end] 1fr [thumb-end];
  }
  .post-preview.cover[data-style=highlight] .post-thumb::before {
    background: linear-gradient(-10deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.9) 100%);
  }
  .cover-stories .post-preview.cover {
    display: grid;
    margin-bottom: 2rem;
    height: auto;
  }
  .post-preview.cover .post-thumb::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.9) 100%);
    /*background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.6) 60%, rgba(0, 0, 0, 0.9) 100%);*/
    z-index: 2;
    pointer-events: none;
  }
  .dark .post-preview.cover .post-thumb::before {
    /*background: var(--body-bg);
    opacity: 0.6;*/
    z-index: 1;
  }
  .post-preview.cover .post-content {
    padding: 0 2rem 1.5rem;
  }
  .post-preview.cover .post-title {
    max-width: 26ch;
    color: var(--body-bg);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 0.6rem;
  }
  .cover-stories .container-first .post-preview.cover .post-title {
    font-size: 2.2rem; 
    line-height: 3rem; 
    max-width: 32ch;
  }
  .dark .post-preview.cover .post-title {
    color: var(--body-color);
    color: white;
  }
  .post-preview.cover .post-title a {
    background-position: 0 98%;
  }
  .cover-stories .container-first .post-preview.cover .post-title a {
    background-position: 0 98%;
    background: linear-gradient(45deg, var(--primary) 0%, var(--primary-grad2) 80%, var(--primary-grad3) 100%);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
  }
  .post-preview.cover .post-footer {
    margin-top: -0.1rem;
  }
  .post-preview.cover .post-share,
.post-preview.cover .post-bookmark {
    color: var(--body-bg);
  }
  .dark .post-preview.cover .post-share,
.dark .post-preview.cover .post-bookmark {
    color: var(--body-color);
  }
}

@media screen and (min-width: 1441px) {
  /*.post-preview.cover .thumb-img {
    height: 52.65rem;
  }*/

  /*.post-preview.cover.single .thumb-img {
    height: 80rem;
  }*/
}
/*@media screen and (min-width: 2200px) {
  .post-preview.cover .thumb-img {
    height: 76rem;
  }

  .post-preview.cover.single .thumb-img {
    height: 102rem;
  }
}*/
.post-preview.cover-sm {
  position: relative;
  margin-bottom: 2.1rem;
}
.post-preview.cover-sm::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -3.1rem;
  height: 0.1rem;
  background-color: var(--gray-300);
  pointer-events: none;
}
.post-preview.cover-sm .post-title {
  font-size: 1.6rem;
  line-height: 2.2rem;
}
@media (min-width: 1440px) {
  .post-preview.cover-sm .post-title {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }  
}
@media (min-width: 500px) {
  .post-preview.cover-sm {
    margin-bottom: 2rem;
  }
  .post-preview.cover-sm::before {
    display: none;
  }
  .post-preview.cover-sm .post-content {
    padding-left: 0;
  }
}
@media (min-width: 760px) {
  .cover-stories .post-preview.cover-sm {
    display: flex;
    flex-direction: column;
    height: calc(100% - 2rem);
  }
  .cover-stories .post-preview.cover-sm .post-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .cover-stories .post-preview.cover-sm .thumb-img {
    width: 100%;
    height: 24rem;
    object-fit: cover;
  }
}
@media (min-width: 992px) {
  .post-preview.cover-sm .thumb-img {
    height: 28rem;
    object-fit: cover;
  }
}
@media (min-width: 1150px) {
  .post-preview.cover-sm {
    display: grid;
    --title-fw: 600;
    grid-template-columns: [thumb-start] 1fr [thumb-end content-start] 1fr [content-end];
    grid-template-rows: [thumb-start content-start] auto [thumb-end content-end];
    grid-gap: 1.5rem;
    margin-bottom: 2rem;
  }
  .cover-stories .post-preview.cover-sm {
    display: grid;
  }
  .cover-stories .post-preview.cover-sm .thumb-img {
    height: 15rem;
    object-fit: cover;
  }
  .post-preview.cover-sm .post-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem 0 0.5rem;
  }
  .post-preview.cover-sm .post-content::before {
    content: "";
    position: absolute;
    left: 30rem;
    top: 0;
    width: 15rem;
    height: 0.1rem;
    background-color: var(--gray-300);
    border-radius: 0.5rem;
  }
  .post-preview.cover-sm .thumb-img {
    height: 18rem;
  }
  .post-preview.cover-sm .post-title {
    margin-bottom: 0;
    padding-right: 1rem;
  }
  .post-preview.cover-sm .post-footer {
    margin-bottom: -1.1rem;
    padding-right: 1rem;
  }
  .post-preview.cover-sm.mirrored {
    grid-template-columns: [content-start] 1fr [content-end thumb-start] 1fr [thumb-end];
  }
  .post-preview.cover-sm.mirrored .post-content::before {
    left: auto;
    right: 32rem;
  }
}
@media (min-width: 1440px) {
  .cover-stories .post-preview.cover-sm .thumb-img {
    height: 18rem;
    object-fit: cover;
  }

}
@media (min-width: 1850px) {
  /*
  .post-preview.cover-sm .post-content::before {
    left: 32rem;
  }
  .post-preview.cover-sm .post-content {
    padding: 2.5rem 0 0.5rem;
  }*/
}

.post-preview.split {
  --title-fs: 1.4rem;
  --title-lh: 2rem;
  --title-fw: 600;
  --title-lines: 3;
  position: relative;
  display: grid;
  /*grid-template-columns: [content-start] 1fr [content-end thumb-start] auto [thumb-end];*/
  grid-template-columns: [thumb-start] auto [thumb-end content-start] 1fr [content-end];
  grid-template-rows: [thumb-start content-start] auto [thumb-end content-end];
  /*grid-gap: 1.5rem;*/
  grid-gap: 1rem;
  margin-bottom: 3rem;
}
.col-md-6 + .col-md-6 .post-preview.split, .related-stories .post-preview.split + .post-preview.split {
  margin-top: 0.1rem;
  margin-bottom: 3rem;
}
.col-md-6 + .col-md-6 .post-preview.split::before, .related-stories .post-preview.split + .post-preview.split::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  /*top: -3.1rem;*/
  top: -1.6rem;
  height: 0.1rem;
  background-color: var(--gray-300);
  pointer-events: none;
}
@media (max-width: 759.98px) {
  .post-preview.split.first {
    --title-fs: 1.8rem;
    --title-lh: 2.6rem;
    --title-lines: 2;
    --margin: 0;
    --title-fw: 800;
    display: grid;
    grid-template-columns: [thumb-start content-start] 1fr [thumb-end content-end];
    grid-template-rows: [thumb-start] 1fr [content-start] auto [thumb-end content-end];
    grid-gap: 0;
    margin-bottom: 3rem;
  }
  .post-preview.split.first .post-thumb {
    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");
  }
  .dark .post-preview.split.first .post-thumb {
    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");
  }
  .post-preview.split.first .post-thumb::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.9) 100%);
    z-index: 2;
    pointer-events: none;
  }
  .dark .post-preview.split.first .post-thumb::before {
    background-color: var(--body-bg);
    opacity: 0.6;
    z-index: 1;
  }
  .post-preview.split.first .thumb-img {
    width: 100%;
    height: 28rem;
  }
  .post-preview.split.first .play-btn {
    display: none !important;
  }
  .post-preview.split.first .play-btn-lg {
    display: flex !important;
  }
  .post-preview.split.first .post-content {
    display: block;
    justify-self: center;
    padding: 0 1.1rem 0.5rem;
  }
  .post-preview.split.first .post-title {
    color: var(--body-bg);
    margin-bottom: 1rem;
    padding-right: 1.5rem;
  }
  .dark .post-preview.split.first .post-title {
    color: var(--body-color);
  }
  .post-preview.split.first .post-footer {
    margin-top: -1rem;
    margin-bottom: -0.8rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 360px) {
  .post-preview.split.first .thumb-img {
    height: 24rem;
  }
}
@media (min-width: 500px) {
  .col-md-6 + .col-md-6 .post-preview.split, .related-stories .post-preview.split + .post-preview.split {
    margin-top: 0;
    margin-bottom: 6rem;
  }
  .col-md-6 + .col-md-6 .post-preview.split::before, .related-stories .post-preview.split + .post-preview.split::before {
    display: none;
  }
}
@media (min-width: 760px) {
  .post-preview.split {
    grid-gap: 2rem;
    padding-top: 0;
     /*margin-bottom: 6rem;*/
    margin-bottom: 4rem;
  }
  .col-md-6 + .col-md-6 .post-preview.split {
    /*margin-bottom: 6rem;*/
    margin-bottom: 4rem;
  }
  .col-md-6 + .col-md-6 .post-preview.split::before {
    display: none;
  }
}
.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 .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");
}
@media (min-width: 1200px) {
  .post-preview.split {
    --title-fs: 1.6rem;
    --title-lh: 2.2rem;
    --title-lines: 4;
    /*grid-gap: 3rem;*/
    grid-gap: 2rem;
  }  
}
@media (min-width: 1850px) {
  /*
  .post-preview.split {
    --title-fs: 1.8rem;
    --title-lh: 2.6rem;
    --title-lines: 4;
    grid-gap: 2rem;
  }
  .post-preview.split .post-thumb {
    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");
  }
  .dark .post-preview.split .post-thumb {
    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");
  }
  */
}
.post-preview.split .thumb-img {
  width: 9rem;
  height: 9rem;
  object-fit: cover;
}
@media (min-width: 1200px) {
  .post-preview.split .thumb-img {
    width: 11.6rem;
    height: 11.6rem;
  }
}
@media (min-width: 1850px) {
  /*.post-preview.split .thumb-img {
    width: 13rem;
    height: 13rem;
  }*/
}
.post-preview.split .post-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*padding: 0.1rem 0 0 1.1rem;*/
  padding: 0.1rem 1.1rem 0 0;
}
@media (min-width: 500px) {
  .post-preview.split .post-content {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .post-preview.split .post-content {
    padding: 0;
  }
}
.post-preview.split .post-title {
  font-size: var(--title-fs);
  line-height: var(--title-lh);
  font-family: var(--font-sans-serif);
  font-weight: var(--title-fw);
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--title-lines);
  overflow: hidden;
}
.post-preview.split .post-footer {
  margin-bottom: -0.7rem;
}
@media (max-width: 720px) {
  .post-preview.split .post-footer {
    margin-bottom: -0.7rem;
  }
}
.post-preview.split .post-comments, .post-preview.split .post-category {
  max-width: calc(100% - 8.4rem);
}

.post-preview.highlight {
  --title-fs: 1.6rem;
  --title-lh: 2.4rem;
  --title-fw: 800;
  --margin: 0;
  padding: 0;
  width: 28rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  height: calc(100% - 2rem);
}
.post-preview.highlight .post-title {
  font-size: var(--title-fs);
  line-height: var(--title-lh);
  margin-bottom: 1.9rem;
  padding-right: 2rem;
}
.post-preview.highlight .post-content {
  padding: 1.4rem 0 0.5rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.post-preview.highlight .thumb-img {
  width: 100%;
  height: 18rem;
  object-fit: cover;
}
@media (min-width: 760px) {
  .post-preview.highlight {
    width: 41rem;
  }
  .post-preview.highlight .thumb-img {
    height: 25.7rem;
  }
}
@media (min-width: 1200px) {
  .post-preview.highlight {
    display: grid;
    width: auto;
    grid-template-columns: [content-start thumb-start] 1fr [content-end thumb-end];
    grid-template-rows: [thumb-start] auto [thumb-end content-start] 1fr [content-end];
    padding-bottom: 0.1rem;
  }
  .post-preview.highlight .post-author {
    max-width: 100%;
  }
  .post-preview.highlight .post-thumb::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--body-color);
    opacity: 0.1;
    z-index: 1;
    pointer-events: none;
  }
  .dark .post-preview.highlight .post-thumb::before {
    background: var(--body-bg);
    opacity: 0.25;
  }
}

.post-preview.aside {
  margin-bottom: 1rem;
}
.post-preview.aside .post-content {
  /*padding: 0 2rem 3.1rem;*/
  padding: 0 2rem 1.1rem;
}
.post-preview.aside .post-title {
  font-size: 1.4rem;
  font-family: var(--font-sans-serif);
  font-weight: 500;
  line-height: 2rem;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
@media (min-width: 1850px) {
  .post-preview.aside .post-title {
    -webkit-line-clamp: 3;
  }

}
.post-preview.aside .post-footer {
  margin-left: -0.1rem;
}
.post-preview.aside .post-footer svg {
  margin-right: 0.9rem;
}
.post-preview.aside .text-muted {
  margin-left: 0.4rem;
}

.deals,
.tech-finance {
  --pt: 5.9rem;
  position: relative;
  background-color: var(--gray-300);
  margin-bottom: 50px;
  padding-bottom: 50px;
}
.deals .post-thumb { z-index: 0; }
@media (min-width: 500px) {
  .deals,
  .tech-finance {
    padding-bottom: 2rem;
    margin-bottom: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 500px) and (max-width: 1199.98px) {
  .deals,
  .tech-finance {
    --pt: 6rem;
    margin-bottom: 6.1rem;
  }
  .deals::before, .deals::after,
  .tech-finance::before,
  .tech-finance::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0.1rem;
    background-color: var(--gray-300);
    border-radius: 0.05rem;
  }
  .deals::before,
.tech-finance::before {
    top: 0;
  }
  .deals::after,
.tech-finance::after {
    bottom: -0.1rem;
  }
  .deals .section-heading,
.tech-finance .section-heading {
    --pb: 5.2rem;
  }
}
@media (min-width: 760px) and (max-width: 1199.98px) {
  .deals,
.tech-finance {
    --pt: 8rem;
    margin-bottom: 8.1rem;
  }
  .deals .section-heading,
.tech-finance .section-heading {
    --pb: 7.2rem;
  }
}
.deals .post-preview.cover[data-style=highlight]:focus-within,
.tech-finance .post-preview.cover[data-style=highlight]:focus-within {
  z-index: 1;
}

.youtube-widget-sm {
  position: relative;
  padding: 0 0.4rem;
  /*margin-bottom: 6rem;*/
}
.youtube-widget-sm.aside-widget::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: rgba(57, 116, 135, 0.15);
}
.dark .youtube-widget-sm.aside-widget::after {
  background-color: rgba(111, 127, 133, 0.15);
}
.youtube-widget-sm .play-btn-lg {
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}
.youtube-widget-sm header {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--danger);
  padding: 3.5rem 0 4rem;
  border-radius: 1.2rem 1.2rem 0 0;
}
.youtube-widget-sm h6 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 0.5rem;
}
.youtube-widget-sm .widget-sm-thumb {
  position: relative;
  width: 100%;
  border-radius: 0 0 1.2rem 1.2rem;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
body:not(.is-tablet) .youtube-widget-sm .widget-sm-thumb:hover .thumb-img::before, .youtube-widget-sm .widget-sm-thumb:active .thumb-img::before {
  opacity: 0.45;
}
.youtube-widget-sm .widget-sm-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--danger);
  opacity: 0.2;
}
.dark .youtube-widget-sm .widget-sm-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 1.2rem 1.2rem;
  pointer-events: none;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.youtube-widget-sm .scroller-thumb {
  display: grid;
  grid-gap: 2.9rem;
  grid-auto-flow: column;
  overflow-x: scroll;
  padding: 0.4rem 0.4rem 0;
  margin-left: -0.4rem;
  margin-right: -0.4rem;
}
.youtube-widget-sm .scroller-thumb::after {
  content: "";
  width: calc(100vw - 30rem);
}
@media (min-width: 500px) {
  .youtube-widget-sm .scroller-thumb {
    margin-left: calc((50vw - 20.5rem) * -1);
    margin-right: calc((50vw - 20.5rem) * -1);
  }
  .youtube-widget-sm .scroller-thumb::before {
    content: "";
    width: calc(50vw - 24rem);
  }
  .youtube-widget-sm .scroller-thumb::after {
    width: calc(50vw - 15.4rem);
  }
}

.widget-sm-nav {
  position: relative;
  max-height: 33.7rem;
  z-index: 0;
  margin-top: -1.2rem;
}
.widget-sm-nav .thumb-item {
  padding-top: 1rem;
  padding-right: 2.7rem;
  width: 100%;
}
.widget-sm-nav .thumb-item:first-child {
  padding-top: 2.2rem;
}
.widget-sm-nav .thumb-item:last-child {
  padding-bottom: 1.1rem;
}

.thumb-item {
  display: flex;
  width: 26.7rem;
}
body:not(.is-tablet) .thumb-item:not(.active):hover .thumb-img::before, .thumb-item:not(.active):active .thumb-img::before {
  opacity: 0.45;
}
@media (min-width: 500px) {
  .thumb-item {
    width: 33rem;
  }
}
.thumb-item h5 {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 400;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 1.2rem 0;
}
.thumb-item h5 span {
  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);
}
body:not(.is-tablet) .thumb-item:hover h5 span, .thumb-item:active h5 span {
  background-size: 100% 1px;
}
.thumb-item.active h5 {
  color: var(--danger);
}

.thumb-sm {
  position: relative;
  width: 9rem;
  height: 9rem;
  background-color: var(--gray-300);
  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;
  flex-shrink: 0;
  margin-right: 0.9rem;
  border-radius: 1.2rem;
  overflow: hidden;
}
.dark .thumb-sm {
  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");
}
.dark .thumb-sm::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 1.2rem;
  pointer-events: none;
  z-index: 1;
}
.dark .thumb-sm::after {
  background-color: var(--body-bg);
  opacity: 0.25;
}
.active .thumb-sm::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--danger) !important;
  opacity: 0.4 !important;
}
.dark .thumb-sm::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 1.2rem;
  pointer-events: none;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.thumb-sm .thumb-img {
  height: 9rem;
}

.youtube-widget {
  display: flex;
  padding-bottom: 6rem;
  margin-bottom: 2rem;
  color: var(--danger);
}
.youtube-widget .play-btn-lg {
  background-color: var(--danger) !important;
  border-color: var(--danger) !important;
}
.youtube-widget h6 {
  position: relative;
  font-weight: 700;
  line-height: 1.7rem;
  margin-top: 0.1rem;
  text-transform: uppercase;
  margin-bottom: 0;
  cursor: pointer;
  background-image: linear-gradient(to right, var(--danger) 0%, var(--danger) 100%);
  background-position: 0px 97%;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  border-radius: 0.4rem 0.4rem 0 0;
  transition: 0.4s background-size cubic-bezier(0, 0, 0, 1);
}
.youtube-widget h6:active {
  background-color: rgba(255, 0, 85, 0.1);
}
.dark .youtube-widget h6:active {
  background-color: rgba(255, 26, 102, 0.1);
}
.youtube-widget .thumb-img {
  height: 26rem;
}

.widget-content,
.widget-thumb {
  flex: 1;
}

.youtube-widget header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.1rem;
}

.youtube-widget footer {
  position: absolute;
  left: 0;
  bottom: 1.2rem;
  display: flex;
}
.youtube-widget footer .btn-youtube {
  margin-right: 1.9rem;
}
.youtube-widget footer > span {
  line-height: 2.1rem;
  margin-top: 1.1rem;
}

.widget-thumb {
  position: relative;
  margin-left: 4rem;
  border-radius: 1.2rem;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
body:not(.is-tablet) .widget-thumb:hover .thumb-img::before, .widget-thumb:active .thumb-img::before {
  opacity: 0.45;
}
.widget-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--danger);
  opacity: 0.2;
}
.dark .widget-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 1.2rem;
  pointer-events: none;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.video-duration {
  position: absolute;
  left: 0.4rem;
  bottom: 0.4rem;
  font-size: 1.1rem;
  line-height: 1.5;
  padding: 0 0.7rem;
  border-radius: 0.8rem;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
  pointer-events: none;
}

.youtube-nav {
  display: flex;
  margin-top: 0.2rem;
  margin-right: -0.2rem;
}
.youtube-nav span {
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  cursor: pointer;
}
.youtube-nav span::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  bottom: 0.2rem;
  left: 0.2rem;
  right: 0.2rem;
  border: 0.2rem solid var(--danger);
  opacity: 0.3;
  transition: 0.4s cubic-bezier(0, 0, 0, 1);
  border-radius: 50%;
}
.youtube-nav span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: var(--danger);
  transition: 0.4s cubic-bezier(0, 0, 0, 1);
  border-radius: 50%;
  transform: scale(0);
  transform-origin: center;
}
body:not(.is-tablet) .youtube-nav span:hover::before, .youtube-nav span:active::before {
  opacity: 1;
}
.youtube-nav span.active::before {
  border: 0.5rem solid var(--danger);
  opacity: 1;
}
.youtube-nav span.active::after {
  transform: scale(1);
  opacity: 1;
}
.youtube-nav span + span {
  margin-left: 1.6rem;
}

.widget-content {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 2.4rem;
}

.widget-title {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 500;
  margin-bottom: 2.3rem;
  margin-left: -0.2rem;
  margin-right: -0.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.post-preview.thumbless {
  padding-right: 1rem;
  margin-bottom: 0.1rem;
}
.post-preview.thumbless .post-content {
  padding: 0;
}
.post-preview.thumbless .post-title {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-family: var(--font-sans-serif);
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: 1.7rem;
}
.post-preview.thumbless .post-author {
  max-width: 100%;
}
.post-preview.thumbless .review-rating {
  margin-top: -0.1rem;
  margin-bottom: -0.1rem;
}

.top-stories .section-heading {
  --pt: 4.9rem;
  --pb: 3.8rem;
}
@media (min-width: 1200px) {
  .top-stories .section-heading {
    --pt: 1.9rem;
    --pb: 6.1rem;
  }
}

.post-preview.top-cover {
  --title-fs: 3.2rem;
  --title-lh: 4rem;
  --title-lines: 3;
  grid-template-columns: [thumb-start content-start] 1fr [thumb-end content-end];
  grid-template-rows: [thumb-start] 1fr [content-start] auto [thumb-end content-end];
}
@media (min-width: 1200px) {
  .post-preview.top-cover {
    --title-fs: 2.4rem;
    --title-lh: 2.9rem;
  }
}
@media (min-width: 760px) {
  .post-preview.top-cover {
    display: grid;
  }
}
.post-preview.top-cover .post-thumb {
  background-size: 11.2rem;
}
.post-preview.top-cover .post-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 2;
  pointer-events: none;
}
.dark .post-preview.top-cover .post-thumb::before {
  background: var(--body-bg);
  opacity: 0.6;
  z-index: 1;
}
.post-preview.top-cover .play-btn {
  z-index: 1;
}
.post-preview.top-cover .thumb-img {
  height: 36rem;
}
@media (min-width: 760px) {
  .post-preview.top-cover .thumb-img {
    height: 52rem;
  }
}
@media (min-width: 1200px) {
  .post-preview.top-cover .thumb-img {
    height: 36rem;
  }
}
.post-preview.top-cover .post-content {
  max-width: 60rem;
  justify-self: center;
  padding: 0 0 1.5rem;
}
@media (min-width: 1200px) {
  .post-preview.top-cover .post-content {
    max-width: none;
    justify-self: initial;
    padding: 0 2rem 0.5rem;
  }
}
.post-preview.top-cover .post-title {
  color: var(--body-bg);
  max-width: none;
  margin-bottom: 1.5rem;
}
@media (min-width: 1200px) {
  .post-preview.top-cover .post-title {
    max-width: 29ch;
    margin-bottom: 0.8rem;
  }
}
.dark .post-preview.top-cover .post-title {
  color: var(--body-color);
}
.post-preview.top-cover .post-footer {
  margin-top: -1rem;
}
.post-preview.top-cover .post-share,
.post-preview.top-cover .post-bookmark {
  color: var(--body-bg);
}
.dark .post-preview.top-cover .post-share,
.dark .post-preview.top-cover .post-bookmark {
  color: var(--body-color);
}

.more-stories-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 1.4rem 3.6rem 1.5rem;
}
@media (min-width: 1200px) {
  .more-stories-container {
    padding: 1.4rem 0 3.5rem;
  }
}
.more-stories-container .row + .row {
  margin-top: 2.9rem;
}
@media (min-width: 1200px) {
  .more-stories-container .row + .row {
    margin-top: 0;
  }
}

.load-more {
  padding: 0 1.5rem 3rem;
}
@media (min-width: 500px) {
  .load-more {
    padding: 0 0.4rem 3rem;
  }
}
@media (min-width: 760px) {
  .load-more {
    padding: 0 0 3rem;
  }
}
@media (min-width: 1200px) {
  .load-more {
    padding: 0 0 5rem;
  }
  .load-more .btn {
    /*max-width: 45rem;*/
  }
}

.highlight-label {
  text-align: center;
  margin-top: 6rem;
  margin-bottom: 5.3rem;
}
.highlight-label span {
  position: relative;
  display: inline-block;
  font-size: 2.1rem;
  line-height: 2.7rem;
  margin-left: 1rem;
  font-weight: 500;
  color: var(--body-bg);
  padding: 1.5rem 3rem 1.4rem;
}
.highlight-label span::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid var(--body-bg);
  opacity: 0.2;
}
/*.dark .highlight-label span {
  color: var(--body-color);
}
.dark .highlight-label span::before {
  border: 1px solid var(--body-color);
}*/

@media (min-width: 1200px) {
  .deals, .tech-finance {
    padding: 0 0.4rem;
    margin-top: 4rem;
  }
}
@media (max-width: 1199.98px) {
  .deals .post-preview.cover.single,
.tech-finance .post-preview.cover.single {
    display: flex;
    flex-direction: column;
    width: 28rem;
    margin-bottom: 2rem;
    padding: 0;
  }
  .deals .post-preview.cover.single .highlight-label,
.deals .post-preview.cover.single .post-actions,
.deals .post-preview.cover.single .post-thumb::before,
.tech-finance .post-preview.cover.single .highlight-label,
.tech-finance .post-preview.cover.single .post-actions,
.tech-finance .post-preview.cover.single .post-thumb::before {
    display: none;
  }
  .deals .post-preview.cover.single .post-content,
.tech-finance .post-preview.cover.single .post-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.4rem 0 0.5rem;
  }
  .deals .post-preview.cover.single .post-title,
.tech-finance .post-preview.cover.single .post-title {
    --title-fs: 1.6rem;
    --title-lh: 2.4rem;
    --title-fw: 800;
    --margin: 0;
    --title-lines: 4;
    color: var(--body-color);
    margin-bottom: 1.9rem;
  }
  .deals .post-preview.cover.single .thumb-img,
.tech-finance .post-preview.cover.single .thumb-img {
    height: 18rem;
  }
  .deals .post-preview.cover.single .post-footer,
.tech-finance .post-preview.cover.single .post-footer {
    margin-top: 0;
    margin-bottom: -0.1rem;
  }
}
@media (min-width: 760px) and (max-width: 1199.98px) {
  .deals .post-preview.cover.single,
.tech-finance .post-preview.cover.single {
    width: 41rem;
  }
  .deals .post-preview.cover.single .thumb-img,
.tech-finance .post-preview.cover.single .thumb-img {
    height: 28rem;
  }
}

@media (max-width: 1199.98px) {
  .highlighted-card-row {
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 1199.98px) {
  .highlighted-card-item {
    width: auto !important;
  }
}

.highlighted-stories-footer {
  display: inline-flex;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (min-width: 1200px) {
  .highlighted-stories-footer {
    position: relative;
    display: block;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 5.1rem;
    margin-bottom: 8rem;
    z-index: 1;
  }
  .highlighted-stories-footer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.1rem;
    background-color: var(--gray-300);
    border-radius: 0.5rem;
  }
}
.highlighted-stories-footer .row {
  height: 100%;
}

.subscribe-widget {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 4rem 1.5rem;
  margin-bottom: 2rem;
  z-index: 0;
}
@media (min-width: 500px) {
  .subscribe-widget {
    max-width: 41.8rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 760px) {
  .subscribe-widget {
    padding-bottom: 6rem;
  }
}
@media (min-width: 992px) {
  .subscribe-widget {
    max-width: none;
    padding: 0 0 6rem;
    flex-direction: row;
  }
}

.widget-msg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 0 2.5rem;
  z-index: 1;
}
@media (min-width: 992px) {
  .widget-msg {
    flex: 1;
    padding: 0;
  }
}
.widget-msg .h1 {
  font-size: 2.1rem;
  line-height: 3rem;
  margin: 0.1rem -0.1rem 0.2rem;
}
@media (min-width: 992px) {
  .widget-msg .h1 {
    font-size: 3.2rem;
    line-height: 4rem;
    margin: 0.1rem -0.1rem;
    margin: 0 -0.1rem;
  }
}
.widget-msg h6 {
  position: relative;
  font-weight: 800;
  text-transform: uppercase;
  padding-top: 0.8rem;
  margin-bottom: 2rem;
  color: var(--primary-d);
}
@media (min-width: 992px) {
  .widget-msg h6 {
    padding-top: 0.7rem;
  }
}
.widget-msg .gradient-text-dark {
  position: relative;
}
.widget-msg::before {
  content: "";
  position: absolute;
  top: -4rem;
  bottom: -4rem;
  left: -1.1rem;
  right: -1.1rem;
  background-color: var(--body-color);
  border-radius: 2.4rem;
}
@media (min-width: 992px) {
  .widget-msg::before {
    top: -2rem;
    bottom: -2rem;
    left: -4rem;
    right: -4rem;
  }
}
.dark .widget-msg::before {
  background-color: var(--gray-300);
}

.widget-form {
  position: relative;
  z-index: 0;
}
.widget-form::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--primary);
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
  z-index: 1;
}
@media (min-width: 992px) {
  .widget-form {
    flex: 1;
    height: 26rem;
    margin-left: 4rem;
  }
  .widget-form::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -0.4rem;
    right: 0;
    background-color: var(--primary);
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-grad2) 60%, var(--primary-grad3) 100%);
    z-index: 1;
  }
}

.widget-form-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100% - 0.3rem);
  position: relative;
  padding: 6.6rem 2.4rem 0.2rem;
  margin: 0 0.1rem 0.3rem;
  background-color: var(--body-bg);
  z-index: 3;
}
@media (min-width: 992px) {
  .widget-form-inner {
    height: calc(100% - 0.2rem);
    padding: 0 3.7rem 0.4rem 4rem;
    margin: 0.1rem 0.3rem 0 -0.4rem;
  }
}
.widget-form-inner h6 {
  font-weight: 800;
  font-size: 1.3rem;
  line-height: 1.9rem;
  margin-bottom: 2.5rem;
}
.widget-form-inner .form-control {
  margin-bottom: 1.4rem;
}
.widget-form-inner .form-control.is-valid, .widget-form-inner .form-control.is-invalid {
  margin-bottom: 0;
}
.widget-form-inner .valid-feedback,
.widget-form-inner .invalid-feedback {
  margin-bottom: 0.9rem;
}
.widget-form-inner .subscriber-count {
  display: flex;
  justify-content: center;
  margin-bottom: 2.2rem;
}
@media (min-width: 992px) {
  .widget-form-inner .subscriber-count {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .widget-form-inner .subscriber-count {
    margin-top: 1.5rem;
  }
}
.widget-form-inner footer {
  display: flex;
  flex-direction: column;
}
.widget-form-inner footer svg {
  color: var(--primary);
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}
.widget-form-inner footer .gradient-text {
  margin-left: 0.9rem;
  line-height: 2.1rem;
}
.widget-form-inner footer button {
  margin-bottom: 2.5rem;
}
@media (min-width: 992px) {
  .widget-form-inner footer {
    flex-direction: row;
  }
  .widget-form-inner footer button {
    margin-bottom: 0;
    margin-right: 2rem;
  }
}

.review-rating {
  --rating: 0;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1.3rem;
  padding: 0.25rem 0.75rem 0.3rem;
  margin-right: 2.9rem;
  border-radius: 0.8rem;
  color: #fff;
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 992px) {
  .review-rating {
    line-height: 1.7rem;
    padding: 0.2rem 0.7rem;
  }
}
.post-thumb .review-rating {
  position: absolute;
  left: 0.4rem;
  bottom: 0.4rem;
  margin-right: 0;
}
.review-rating svg {
  margin-left: -0.4rem;
  margin-right: 0.6rem;
  transform: rotate(-90deg);
  stroke-dasharray: calc(var(--rating)*3.2px) 32;
}

.play-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  margin: auto;
  color: var(--body-bg);
  background-color: rgba(0, 0, 0, 0.25);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='18' viewBox='0 0 15 18'%3E%3Cg transform='translate(-18 -15)'%3E%3Crect width='15' height='18' transform='translate(18 15)' opacity='0' /%3E%3Cpath d='M20,17l11,7L20,31Z' fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(50% + 0.15rem);
  border: 1px solid var(--body-bg);
  z-index: 1;
}
.dark .play-btn {
  color: var(--body-color);
  border-color: var(--body-color);
  background-color: rgba(22, 26, 28, 0.25);
}

.play-btn-sm {
  width: 3.6rem;
  height: 3.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14'%3E%3Cg transform='translate(-20 -17)'%3E%3Crect width='12' height='14' transform='translate(20 17)' fill='%23fff' opacity='0' /%3E%3Cpath d='M19.746,16.75l8.5,5.25-8.5,5.255Z' transform='translate(2 2)' fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
}

.play-btn-lg {
  width: 6.4rem;
  height: 6.4rem;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='26' viewBox='0 0 21 26'%3E%3Cg transform='translate(-1037 -5616)'%3E%3Crect width='21' height='26' transform='translate(1037 5616)' opacity='0' /%3E%3Cpath d='M-.5-.5,15.5,10-.5,20.5Z' transform='translate(1040 5619)' fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(50% + 0.25rem);
}

.play-btn-xl {
  width: 12.8rem;
  height: 12.8rem;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='52' viewBox='0 0 21 26'%3E%3Cg transform='translate(-1037 -5616)'%3E%3Crect width='21' height='26' transform='translate(1037 5616)' opacity='0' /%3E%3Cpath d='M-.5-.5,15.5,10-.5,20.5Z' transform='translate(1040 5619)' fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(50% + 0.5rem);
}

.post-preview.exclusive {
  --title-fs: 1.6rem;
  --title-lh: 2.2rem;
  --title-fw: 400;
  --title-lines: 3;
  display: grid;
  grid-template-columns: [thumb-start] auto [thumb-end content-start] 1fr [content-end];
  grid-template-rows: [thumb-start content-start] auto [thumb-end content-end];
  grid-gap: 1.2rem;
  margin-bottom: 3rem;
  padding: 0 2rem;
}
.post-preview.exclusive .post-thumb {
  width: 7rem;
  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);
}
.dark .post-preview.exclusive .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");
}
.post-preview.exclusive .thumb-img {
  height: 7rem;
}
.post-preview.exclusive .post-content {
  padding: 0.2rem 0 0;
  margin-bottom: -0.4rem;
}
.post-preview.exclusive .play-btn {
  z-index: 0;
}
.post-preview.exclusive.lead {
  --title-fw: 700;
  --title-lines: 2;
  grid-template-columns: [thumb-start content-start] 1fr [thumb-end content-end];
  grid-template-rows: [thumb-start] 1fr [content-start] auto [thumb-end content-end];
}
.post-preview.exclusive.lead .post-thumb {
  width: 100%;
}
.post-preview.exclusive.lead .post-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 1;
  pointer-events: none;
}
.dark .post-preview.exclusive.lead .post-thumb::before, .dark .post-preview.exclusive.lead .post-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 1.2rem;
  pointer-events: none;
  z-index: 1;
}
.dark .post-preview.exclusive.lead .post-thumb::before {
  background-color: var(--body-bg);
  opacity: 0.6;
}
.dark .post-preview.exclusive.lead .post-thumb::after {
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.post-preview.exclusive.lead .thumb-img {
  width: 100%;
  height: 16rem;
}
.post-preview.exclusive.lead .post-content {
  padding: 0 2.6rem 0 1.2rem;
  margin-bottom: 0.1rem;
}
.post-preview.exclusive.lead .post-title {
  color: var(--body-bg);
}
.dark .post-preview.exclusive.lead .post-title {
  color: var(--body-color);
}

.post-preview.bordered {
  border: 1px solid var(--gray-300);
  border-radius: 1.2rem;
}
.post-preview.bordered .post-content {
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1.5rem;
}
.post-preview.bordered .post-title {
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 600;
  margin-bottom: 0.9rem;
}

.post-preview.video {
  --title-fs: 1.8rem;
  --title-lh: 2.8rem;
  --title-fw: 600;
  --margin: -0.1rem;
  margin-bottom: 4.1rem;
}
@media (min-width: 500px) {
  .post-preview.video {
    margin-bottom: 4rem;
  }
}
@media (min-width: 760px) {
  .post-preview.video {
    --title-fs: 1.6rem;
    --title-lh: 2.4rem;
    margin-bottom: 6rem;
    display: grid;
    grid-template-columns: [content-start thumb-start] 1fr [content-end thumb-end];
    grid-template-rows: [thumb-start] auto [thumb-end content-start] 1fr [thumb-end content-end];
    height: calc(100% - 6rem);
  }
}
.videos-grid-row .col-md-6 + .col-md-6 .post-preview.video::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -3.1rem;
  height: 0.1rem;
  background-color: var(--gray-300);
  pointer-events: none;
}
@media (min-width: 500px) {
  .videos-grid-row .col-md-6 + .col-md-6 .post-preview.video::before {
    display: none;
  }
}
@media (min-width: 500px) {
  .post-preview.video .post-content {
    padding-left: 0;
  }
}
@media (min-width: 760px) {
  .post-preview.video .post-content {
    padding-top: 1.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media (min-width: 760px) {
  .post-preview.video .post-title {
    margin-bottom: 0.8rem;
  }
}
.post-preview.video .play-btn {
  display: none;
}
.post-preview.video:active .play-btn {
  display: flex;
}
@media (min-width: 1200px) {
  body:not(.is-tablet) .post-preview.video:hover .play-btn {
    display: flex;
  }
}

.post-preview.event {
  --title-fs: 1.8rem;
  --title-lh: 2.6rem;
  --title-lines: 2;
  display: grid;
  grid-template-columns: [thumb-start content-start] 1fr [thumb-end content-end];
  grid-template-rows: [thumb-start] 1fr [content-start] auto [thumb-end content-end];
  height: 100%;
}
@media (min-width: 1200px) {
  .post-preview.event {
    --title-fs: 2.4rem;
    --title-lh: 2.9rem;
    --title-lines: 3;
  }
}
.post-preview.event .post-content {
  justify-self: center;
  padding: 0 1.1rem 0.5rem;
}
@media (min-width: 1200px) {
  .post-preview.event .post-content {
    padding: 0 0 1.5rem;
    max-width: 63rem;
  }
}
.post-preview.event .post-title {
  color: var(--body-bg);
}
.dark .post-preview.event .post-title {
  color: var(--body-color);
}
@media (max-width: 1355.98px) {
  .post-preview.event .post-title {
    margin-bottom: 1rem;
  }
}
@media (max-width: 1355.98px) {
  .post-preview.event .post-footer {
    margin-top: -1rem;
    margin-bottom: -0.8rem;
    padding-right: 1rem;
  }
}
.post-preview.event .post-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 1) 100%);
  z-index: 2;
  pointer-events: none;
}
.dark .post-preview.event .post-thumb::before {
  background-color: var(--body-bg);
  opacity: 0.6;
  z-index: 1;
}
.post-preview.event .thumb-img {
  min-height: 24rem;
  height: 100%;
}
@media only screen and (min-width: 361px) {
  .post-preview.event .thumb-img {
    min-height: 28rem;
  }
}
@media (min-width: 760px) {
  .post-preview.event .thumb-img {
    min-height: 52rem;
  }
}

.post-preview.event-sm {
  padding-right: 1rem;
  margin-bottom: 3rem;
}
.post-preview.event-sm .post-content {
  padding: 0;
}
.post-preview.event-sm .post-title {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 800;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-bottom: 0.9rem;
}
.post-preview.event-sm .post-author {
  max-width: 100%;
}

.video-details-wrapper {
  /*padding-top: 7.2rem;*/
  padding-top: 0;
}
@media (min-width: 760px) {
  .video-details-wrapper {
    padding-top: 0;
  }
}

.video-player-wrapper {
  width: 100%;
  height: 24rem;
  padding: 0 0.4rem;
}
@media only screen and (min-width: 361px) {
  .video-player-wrapper {
    height: 28rem;
  }
}
@media (min-width: 500px) {
  .video-player-wrapper {
    height: 42rem;
  }
}
@media (min-width: 760px) {
  .video-player-wrapper {
    height: 52rem;
  }
}
@media (min-width: 992px) {
  .video-player-wrapper {
    height: 62rem;
  }
}
@media screen and (min-width: 1441px) {
  .video-player-wrapper {
    height: 80rem;
  }
}
@media screen and (min-width: 2200px) {
  .video-player-wrapper {
    height: 102rem;
  }
}

.video-player-inner {
  width: 100%;
  height: 100%;
  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 .video-player-inner {
  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) {
  .video-player-inner {
    background-size: 11.2rem;
  }
}
.video-player-inner > iframe {
  width: 100% !important;
  height: 100% !important;
}

.video-info-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr minmax(auto, 76rem) 1fr;
  padding-top: 3rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.video-info-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.1rem;
  border-radius: 0.05rem;
  background-color: var(--gray-300);
}
@media (min-width: 500px) {
  .video-info-wrapper::after {
    left: calc(((100vw - 41.8rem) / -2));
    right: calc(((100vw - 41.8rem) / -2));
  }
}
@media (min-width: 760px) {
  .video-info-wrapper::after {
    left: min(0rem, calc((100vw - 99.8rem) / -2));
    right: min(0rem, calc((100vw - 99.8rem) / -2));
  }
}
@media (min-width: 992px) {
  .video-info-wrapper::after {
    left: calc(((100vw - var(--scroll-bar, 0px)) - 99.2rem) / -2);
    right: calc(((100vw - var(--scroll-bar, 0px)) - 99.2rem) / -2);
  }
}
@media (min-width: 1200px) {
  .video-info-wrapper::after {
    left: calc(((100vw - var(--scroll-bar, 0px)) - 126rem) / -2);
    right: calc(((100vw - var(--scroll-bar, 0px)) - 126rem) / -2);
  }
}
@media (min-width: 500px) {
  .video-info-wrapper {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
@media (min-width: 760px) {
  .video-info-wrapper {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
.video-info-wrapper > * {
  align-self: start;
  grid-column: 2;
}
.video-info-wrapper h1 {
  font-size: 2.7rem;
  line-height: 3.5rem;
  margin-top: 2.3rem;
  margin-bottom: 1.9rem;
}
@media (min-width: 760px) {
  .video-info-wrapper h1 {
    font-size: 3.8rem;
    line-height: 4.7rem;
    margin: 2.1rem -0.1rem 1.7rem -0.1rem;
  }
}
.video-info-wrapper .post-bookmarks {
  margin-left: 1.9rem;
}
.video-info-wrapper .story-share {
  position: absolute;
  top: 5.9rem;
  left: -14.5rem;
  margin: 0;
}

.video-info {
  position: relative;
}

.video-info-btns {
  display: flex;
  flex-direction: column;
}
@media (min-width: 760px) {
  .video-info-btns {
    flex-direction: row;
  }
}
.video-info-btns .btn {
  font-weight: 700;
  flex-basis: 100%;
}
@media (min-width: 760px) {
  .video-info-btns .btn {
    flex-basis: calc(50% - 2rem);
  }
}
.video-info-btns .btn + .btn {
  margin-top: 0.4rem;
}
@media (min-width: 760px) {
  .video-info-btns .btn + .btn {
    margin-top: 0;
    margin-left: 4rem;
  }
}

.video-description {
  font-size: 1.6rem;
  line-height: 2.6rem;
  padding-top: 2rem;
  padding-bottom: 1rem;
  margin-left: -0.1rem;
  margin-right: -0.1rem;
}
@media (min-width: 760px) {
  .video-description {
    padding-top: 5rem;
    padding-bottom: 4rem;
  }
}
.video-description p {
  padding: 0.3rem 0;
}
.video-description ul {
  padding: 0.3rem 0;
}
.video-description li {
  position: relative;
  padding-left: 1.5rem;
  list-style: none;
}
.video-description 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 .video-description 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");
}

.video-related {
  max-width: 92rem;
  margin-top: -0.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 760px) {
  .video-related {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
@media (min-width: 760px) {
  .video-related .thumb-img {
    height: 16.2rem;
  }
}
@media (min-width: 992px) {
  .video-related .thumb-img {
    height: 20.8rem;
  }
}
.video-related header {
  font-size: 1.1rem;
  line-height: 1.9rem;
  font-weight: 800;
  text-transform: uppercase;
  padding-bottom: 0.9rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 500px) {
  .video-related header {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
@media (min-width: 760px) {
  .video-related header {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2.4rem;
  }
}
@media (max-width: 759.98px) {
  .video-related .videos-grid-row {
    display: grid;
    grid-auto-flow: column;
    overflow-x: scroll;
    margin-left: calc((100vw - 41.8rem) / -2);
    margin-right: calc((100vw - 41.8rem) / -2);
  }
  .video-related .videos-grid-row::before, .video-related .videos-grid-row::after {
    content: "";
    width: calc(50vw - 20.9rem);
  }
  .video-related .videos-grid-row .col-md-6 {
    width: 28.8rem;
  }
  .video-related .videos-grid-row .post-preview.video {
    --title-fs: 1.6rem;
    --title-lh: 2.4rem;
    margin-bottom: 1rem;
  }
  .video-related .videos-grid-row .post-content {
    padding-top: 1.4rem;
  }
  .video-related .videos-grid-row .thumb-img {
    height: 18rem;
  }
}
@media (max-width: 499.98px) {
  .video-related .videos-grid-row {
    margin-left: 0;
    margin-right: 0;
  }
  .video-related .videos-grid-row::before, .video-related .videos-grid-row::after {
    width: 1.1rem;
  }
}

.author-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 760px) {
  .author-intro {
    padding: 5rem 0 0;
    flex-direction: row;
  }
}

.author-avatar {
  position: relative;
  width: 20rem;
  height: 20rem;
  border-radius: 2.4rem;
  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;
}
@media (min-width: 760px) {
  .author-avatar {
    width: 45rem;
    height: 45rem;
  }
}
.dark .author-avatar {
  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");
}
.author-avatar::before, .dark .author-avatar::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 2.4rem;
  pointer-events: none;
  z-index: 1;
}
.author-avatar::before {
  transform: translate3d(0, 0, 0);
  transition: 0.25s;
  background-color: var(--body-color);
  opacity: 0;
}
.dark .author-avatar::before {
  background-color: var(--body-bg);
  opacity: 0.15;
}
.dark .author-avatar::after {
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.author-avatar .art-eclipse {
  position: absolute;
  bottom: -3rem;
  right: 12.9rem;
  width: 71.7rem;
  height: 33.8rem;
  border-radius: 16.9rem;
  transform: rotate(45deg);
  transform-origin: bottom right;
  background-color: #4febd5;
  z-index: -1;
}
@media (min-width: 760px) {
  .author-avatar .art-eclipse {
    bottom: -21.3rem;
    right: 29.6rem;
    width: 206.6rem;
    height: 72rem;
    border-radius: 36rem;
  }
}
.author-avatar .art-circle {
  --size: 4rem;
}
.author-avatar .art-circle:nth-last-of-type(2) {
  --color: #ff7633;
  top: 4rem;
  left: -2rem;
  z-index: 2;
}
.author-avatar .art-circle:last-of-type {
  --color: #a6b2ff;
  bottom: -1rem;
  right: -6rem;
}
@media (min-width: 760px) {
  .author-avatar .art-circle {
    --size: 10rem;
  }
  .author-avatar .art-circle:nth-last-of-type(2) {
    top: 8rem;
    left: -5rem;
  }
  .author-avatar .art-circle:last-of-type {
    bottom: -2.5rem;
    right: -11rem;
  }
}

@media (min-width: 760px) {
  .author-about {
    margin-left: 12.8rem;
  }
  .author-about .name {
    margin-right: 1.8rem;
  }
}
.author-about .headline {
  font-family: Ultra, sans-serif;
  font-size: 2.7rem;
  line-height: 3.4rem;
}
@media (min-width: 760px) {
  .author-about .headline {
    font-size: 5.2rem;
    line-height: 6.4rem;
  }
}

.author-info {
  font-size: 1.8rem;
  line-height: 3rem;
  margin-top: 0.6rem;
  margin-bottom: 1.8rem;
}
@media (max-width: 759.98px) {
  .author-info {
    margin-top: 0;
    padding-top: 2.3rem;
    margin-bottom: 2.9rem;
    text-align: center;
  }
  .author-info span {
    display: block;
  }
  .author-info span:last-child {
    margin-top: -0.6rem;
  }
}

.author-bio,
.author-contact {
  padding-top: 7.5rem;
  margin-bottom: 8.3rem;
}
@media (max-width: 759.98px) {
  .author-bio,
.author-contact {
    margin-bottom: 0;
  }
}
.author-bio header,
.author-contact header {
  font-size: 1.2rem;
  line-height: 1.9rem;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 1.9rem;
}
@media (max-width: 759.98px) {
  .author-bio header,
.author-contact header {
    display: none;
  }
}

.author-bio {
  max-width: 77.2rem;
}
@media (max-width: 759.98px) {
  .author-bio {
    padding-top: 3.1rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.author-bio p {
  position: relative;
  font-size: 1.8rem;
  line-height: 3rem;
}
@media (min-width: 760px) {
  .author-bio p {
    font-size: 2.1rem;
    line-height: 2.9rem;
  }
}
.author-bio p + p {
  margin-top: 1.7rem;
}
.author-bio strong {
  font-weight: 800;
}
.author-bio .special-br {
  content: "";
  display: block;
  margin: 1.7rem;
}
@media (max-width: 759.98px) {
  .author-bio .special-br {
    margin: 1.4rem;
  }
}

@media (max-width: 759.98px) {
  .author-contact {
    padding-top: 1.8rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.author-contact ul {
  padding-top: 0.3rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
@media (max-width: 759.98px) {
  .author-contact ul {
    margin-bottom: -0.5rem;
  }
}
.author-contact li {
  display: flex;
  align-items: center;
}
.author-contact li + li {
  margin-top: 1rem;
}
.author-contact svg {
  margin-right: 1rem;
}

.goggle {
  background-color: var(--body-color);
  padding: 20.3rem 16rem 20.2rem;
}
@media (max-width: 759.98px) {
  .goggle {
    display: none;
  }
}
.goggle > span {
  display: block;
  font-size: 20.6rem;
  line-height: 22.5rem;
  font-weight: 100;
  color: var(--body-bg);
}
.goggle .goggle-c-1 {
  color: #ffdbe7;
}
.goggle .goggle-c-2 {
  color: #ffc248;
}

.author-featured-story {
  margin-bottom: 24rem;
}
.author-featured-story .container {
  position: relative;
}
@media (max-width: 759.98px) {
  .author-featured-story {
    margin-bottom: 12rem;
  }
}
.author-featured-story .art-eclipse {
  position: absolute;
  top: 82.1rem;
  right: -54.9rem;
  width: 144rem;
  height: 72rem;
  border-radius: 36rem;
  transform: rotate(45deg);
  transform-origin: bottom right;
  background-color: #edf3f5;
  z-index: -1;
}
@media (max-width: 759.98px) {
  .author-featured-story .art-eclipse {
    display: none;
  }
}
.author-featured-story .art-circle {
  z-index: 2;
}
.author-featured-story .art-circle:nth-last-of-type(2) {
  --size: 4rem;
  --color: #ffbb33;
  top: 1rem;
  right: 4.4rem;
}
.author-featured-story .art-circle:last-of-type {
  --size: 4rem;
  --color: #4febd5;
  bottom: -6rem;
  left: 6rem;
}
@media (min-width: 760px) {
  .author-featured-story .art-circle:nth-last-of-type(2) {
    --size: 6rem;
    top: auto;
    bottom: 49rem;
    left: -6rem;
  }
  .author-featured-story .art-circle:last-of-type {
    --size: 10rem;
    bottom: -7rem;
    left: auto;
    right: -18rem;
  }
}
.author-featured-story header {
  font-family: Ultra, sans-serif;
  font-size: 1.9rem;
  line-height: 2.6rem;
  padding: 8.4rem 0.5rem 1.7rem;
}
@media (min-width: 760px) {
  .author-featured-story header {
    padding: 4.4rem 0 3.8rem;
    font-size: 3.1rem;
    line-height: 3.5rem;
  }
}
.author-featured-story .post-preview {
  display: grid;
  grid-template-columns: [thumb-start content-start] 1fr [thumb-end content-end];
  grid-template-rows: [content-start] auto [thumb-start] 5.3rem [content-end] 1fr [thumb-end];
}
@media (min-width: 760px) {
  .author-featured-story .post-preview {
    grid-template-rows: [content-start] auto [thumb-start] 9.5rem [content-end] 1fr [thumb-end];
    margin-left: -4rem;
    margin-right: -4rem;
  }
}
.author-featured-story .post-title {
  font-size: 2.7rem;
  line-height: 3.5rem;
  font-weight: 800;
  max-width: 94rem;
  margin-bottom: 1.7rem;
}
@media (min-width: 760px) {
  .author-featured-story .post-title {
    font-size: 6rem;
    line-height: 7.6rem;
    margin-bottom: 3.9rem;
  }
}
.author-featured-story .post-content {
  padding: 0;
}
@media (min-width: 760px) {
  .author-featured-story .post-content {
    padding: 0 4rem;
  }
}
.author-featured-story .post-thumb {
  border-radius: 2.4rem;
  background-size: 11.2rem;
  box-shadow: 0 80px 100px -80px rgba(22, 82, 102, 0.25);
}
.author-featured-story .post-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(-10deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.65) 100%);
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 759.98px) {
  .author-featured-story .post-thumb::before {
    background: linear-gradient(-10deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.75) 100%);
  }
}
@media (max-width: 759.98px) {
  .author-featured-story .post-thumb {
    margin-left: -1.1rem;
    margin-right: -1.1rem;
    background-size: 5.6rem;
    box-shadow: 0 45px 50px -30px rgba(22, 82, 102, 0.25);
  }
}
.author-featured-story .thumb-img {
  height: 24rem;
}
@media (min-width: 760px) {
  .author-featured-story .thumb-img {
    height: 76rem;
  }
}

.read-more-link {
  display: flex;
  font-size: 1.1rem;
  line-height: 1.9rem;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--primary);
}
.read-more-link svg {
  margin-top: 0.1rem;
  margin-left: 0.9rem;
}

.dominant-stories {
  position: relative;
  margin-bottom: 3.2rem;
  padding-top: 6.2rem;
}
.dominant-stories .container {
  position: relative;
}
.dominant-stories::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.4rem;
  right: 0.4rem;
  background: rgba(104, 156, 173, 0.12);
  height: 0.1rem;
  border-radius: 0.05rem;
}
@media (max-width: 759.98px) {
  .dominant-stories {
    padding-top: 7.2rem;
    margin-bottom: 4.6rem;
  }
  .dominant-stories::before {
    content: "";
    position: absolute;
    top: 0;
    left: -0.6rem;
    right: -0.6rem;
    background: rgba(104, 156, 173, 0.12);
    height: 0.1rem;
    border-radius: 0.05rem;
  }
}
.dominant-stories .art-circle:nth-last-of-type(2) {
  --size: 12rem;
  --color: #ffdbe7;
  top: -10.2rem;
  right: 3rem;
}
.dominant-stories .art-circle:last-of-type {
  --size: 22.1rem;
  --color: #4febd5;
  bottom: -15.7rem;
  left: -11.1rem;
  z-index: 0;
}
@media (min-width: 760px) {
  .dominant-stories .art-circle:nth-last-of-type(2) {
    --size: 26rem;
    top: -24.2rem;
    bottom: auto;
    left: auto;
    right: 3rem;
  }
  .dominant-stories .art-circle:last-of-type {
    --size: 75.9rem;
    bottom: -54.6rem;
    left: -69.9rem;
  }
}
.dominant-stories header {
  font-family: Ultra, sans-serif;
  font-size: 1.9rem;
  line-height: 2.6rem;
  padding: 4.3rem 0.5rem 1.8rem;
  color: #ffaa00;
}
@media (min-width: 760px) {
  .dominant-stories header {
    font-size: 3.1rem;
    line-height: 3.5rem;
    padding: 4.3rem 0 3.8rem;
  }
}
.dominant-stories .post-preview {
  margin-bottom: 5.7rem;
  height: calc(100% - 5.7rem);
}
.dominant-stories .post-content {
  padding: 0;
  height: 100%;
  grid-area: auto;
  display: flex;
  flex-direction: column;
}
.dominant-stories .post-title {
  font-size: 1.8rem;
  line-height: 2.8rem;
  font-weight: 500;
  flex: 1;
  margin-bottom: 0.4rem;
}
.dominant-stories .post-share {
  color: var(--body-color);
  align-items: center;
  margin-right: 2.6rem;
}
.dominant-stories .post-share span {
  margin-left: 0.9rem;
}
@media (max-width: 1355.98px) {
  .dominant-stories .scroller-list {
    margin-left: -1rem;
    margin-right: -1rem;
    gap: 0;
  }
  .dominant-stories .scroller-list::before, .dominant-stories .scroller-list::after {
    content: "";
    width: 1rem;
  }
  .dominant-stories .scroller-list .row {
    flex-wrap: nowrap;
    padding: 0;
  }
  .dominant-stories .scroller-list .row > * {
    width: auto;
  }
  .dominant-stories .scroller-list .post-preview {
    max-width: 27.2rem;
  }
}

.author-recent-stories {
  position: relative;
  padding-top: 1.8rem;
}
.author-recent-stories .container {
  position: relative;
}
.author-recent-stories::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.4rem;
  right: 0.4rem;
  background: rgba(104, 156, 173, 0.12);
  height: 0.1rem;
  border-radius: 0.05rem;
}
@media (max-width: 759.98px) {
  .author-recent-stories {
    padding-top: 7.2rem;
  }
  .author-recent-stories::before {
    content: "";
    position: absolute;
    top: 0;
    left: -0.6rem;
    right: -0.6rem;
    background: rgba(104, 156, 173, 0.12);
    height: 0.1rem;
    border-radius: 0.05rem;
  }
}
.author-recent-stories .art-circle:nth-last-of-type(2) {
  --color: #a6b2ff;
}
.author-recent-stories .art-circle:last-of-type {
  --color: #ffbb33;
}
@media (min-width: 760px) {
  .author-recent-stories .art-circle:nth-last-of-type(2) {
    --size: 7.1rem;
    top: -5.5rem;
    right: 20.3rem;
  }
  .author-recent-stories .art-circle:last-of-type {
    --size: 10rem;
    top: 35.2rem;
    right: -15.5rem;
  }
}
.author-recent-stories header {
  font-family: Ultra, sans-serif;
  font-size: 1.9rem;
  line-height: 2.6rem;
  padding: 4.3rem 0 2.4rem;
}
@media (min-width: 760px) {
  .author-recent-stories header {
    font-size: 3.1rem;
    line-height: 3.5rem;
    padding: 6.3rem 0 7.4rem;
  }
}
.author-recent-stories .post-preview.top-cover {
  --title-fs: 1.8rem;
  --title-lh: 2.6rem;
  --title-lines: 2;
  display: grid;
  margin-bottom: 3rem;
}
@media (min-width: 760px) {
  .author-recent-stories .post-preview.top-cover {
    --title-fs: 2.4rem;
    --title-lh: 2.9rem;
    --title-lines: 3;
    margin-bottom: 4rem;
  }
}
.author-recent-stories .post-preview.top-cover .post-thumb::before {
  background: linear-gradient(190deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 38%, rgba(0, 0, 0, 0.65) 100%);
}
.author-recent-stories .post-preview.top-cover .thumb-img {
  height: 24rem;
}
@media (min-width: 760px) {
  .author-recent-stories .post-preview.top-cover .thumb-img {
    height: 45rem;
  }
}
.author-recent-stories .post-preview.top-cover .post-content {
  max-width: 63rem;
  padding: 2.4rem 1.1rem 0.5rem;
  margin: 0 auto;
}
@media (min-width: 760px) {
  .author-recent-stories .post-preview.top-cover .post-content {
    padding-left: 0;
    padding-right: 0;
  }
}
.author-recent-stories .post-preview.top-cover .post-title {
  max-width: none;
  font-size: 2.2rem;
  line-height: 3rem;
}
@media (max-width: 759.98px) {
  .author-recent-stories .post-preview.top-cover .post-title {
    margin-bottom: 1rem;
  }
}
@media (max-width: 759.98px) {
  .author-recent-stories .post-preview.top-cover .post-footer {
    margin-bottom: -0.8rem;
  }
}
.author-recent-stories .post-preview.top-cover .post-title a {
  background: linear-gradient(45deg, var(--primary) 0%, var(--primary-grad2) 80%, var(--primary-grad3) 100%);
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.author-recent-stories .post-preview.top-cover .post-author,
.author-recent-stories .post-preview.top-cover .post-timestamp {
  color: var(--body-bg);
}

.art-circle {
  position: absolute;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: var(--color);
  z-index: 1;
}
.art-circle.clipped-b {
  height: calc(var(--size) / 2);
  border-radius: var(--size) var(--size) 0 0;
}
.art-circle.clipped-l {
  width: calc(var(--size) / 2);
  border-radius: 0 var(--size) var(--size) 0;
}
.art-circle.clipped-r {
  width: calc(var(--size) / 2);
  border-radius: var(--size) 0 0 var(--size);
}

.event-wrapper {
  position: relative;
  padding-bottom: 8rem;
  margin-bottom: 8rem;
}
.event-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.4rem;
  right: 0.4rem;
  background: rgba(104, 156, 173, 0.12);
  height: 0.1rem;
  border-radius: 0.05rem;
}
.event-wrapper header {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*margin: 0 0.4rem;*/
  color: var(--body-bg);
  background-color: var(--body-color);
  border-radius: 1.2rem;
}
.event-wrapper .highlight-label {
  margin-top: 4rem;
  margin-bottom: 3.3rem;
}
.event-wrapper .highlight-label span {
  margin-left: 0;
}
@media (min-width: 1200px) {
  .event-wrapper .highlight-label {
    margin-top: 6rem;
    margin-bottom: 4.4rem;
  }
}
.event-wrapper .explore-link {
  margin-bottom: -2.4rem;
}
@media (min-width: 1200px) {
  .event-wrapper .explore-link {
    margin-bottom: 1.5rem;
  }
}
.event-wrapper > .container {
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  .event-wrapper > .container {
    margin-top: -6rem;
  }
}
.event-wrapper .tabs-container {
  padding: 0 2rem;
}
.event-wrapper .tab-label {
  padding: 3.6rem 3rem 1.8rem;
}
@media (min-width: 1200px) {
  .event-wrapper .tab-label {
    color: var(--body-bg);
    padding: 2.1rem 3rem 2.2rem;
  }
}
.event-wrapper .tabs-content {
  padding-top: 2.1rem;
}
@media (min-width: 1200px) {
  .event-wrapper .tabs-content {
    /*padding-top: 3.1rem;*/
    padding-top: 4rem;
  }
}

.event-title {
  font-family: Ultra, sans-serif;
  font-size: 2.7rem;
  line-height: 3.4rem;
}
@media (min-width: 1200px) {
  .event-title {
    font-size: 5.8rem;
    line-height: 7.4rem;
  }
}

.event-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.2rem;
}
.event-info .event-share {
  padding-top: 1.3rem;
  padding-bottom: 1.3rem;
}
.event-info .event-share a {
  background-color: transparent !important;
  border-color: rgba(237, 243, 245, 0.2);
}
.event-info .event-share a:active {
  background-color: transparent !important;
  border-color: #edf3f5;
}

.event-schedule {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2.8rem;
}
@media (min-width: 1200px) {
  .event-schedule {
    margin-bottom: 10.8rem;
  }
}
.event-schedule p {
  font-size: 1.6rem;
  line-height: 2.2rem;
  margin: 0 0 0 1.9rem;
}

.live-badge {
  position: relative;
  display: flex;
  font-size: 1.1rem;
  line-height: 1.9rem;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0.7rem 1.5rem 0.6rem 2.9rem;
  border-radius: 1.8rem;
  border: 2px solid var(--body-bg);
}
.live-badge::before {
  content: "";
  position: absolute;
  top: 1.3rem;
  left: 1.5rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: var(--body-bg);
}

.events-cover {
  position: relative;
  margin-top: -0.2rem;
  margin-bottom: 3rem;
  padding-bottom: 8.1rem;
}
@media (min-width: 1200px) {
  .events-cover {
    padding-top: 5rem;
    margin-top: 0;
  }
}
.events-cover::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.4rem;
  right: 0.4rem;
  background: rgba(104, 156, 173, 0.12);
  height: 0.1rem;
  border-radius: 0.05rem;
}
.events-cover > .container {
  position: relative;
}
.events-cover .art-eclipse {
  position: absolute;
  top: 3rem;
  right: 28rem;
  width: 71.7rem;
  height: 33.8rem;
  border-radius: 16.9rem;
  transform: rotate(45deg);
  transform-origin: bottom right;
  background-color: #ffc248;
  z-index: -1;
}
@media (min-width: 760px) {
  .events-cover .art-eclipse {
    top: 12.9rem;
    right: -6rem;
    width: 80.4rem;
    height: 72rem;
    border-radius: 36rem;
  }
}
.events-cover .art-circle {
  --size: 4rem;
}
.events-cover .art-circle:nth-last-of-type(2) {
  --color: #ff7633;
  top: 23rem;
  right: 4rem;
  z-index: 2;
}
.events-cover .art-circle:last-of-type {
  --color: #a6b2ff;
  bottom: -5rem;
  left: 2rem;
}
@media (min-width: 760px) {
  .events-cover .art-circle:nth-last-of-type(2) {
    --size: 6rem;
    top: 30rem;
    right: 40rem;
  }
  .events-cover .art-circle:last-of-type {
    --size: 10rem;
    bottom: 4rem;
    left: -3rem;
  }
}
@media (min-width: 1200px) {
  .events-cover .art-circle:nth-last-of-type(2) {
    top: -3rem;
    right: 32rem;
  }
  .events-cover .art-circle:last-of-type {
    bottom: 4rem;
    left: 28rem;
  }
}

.event-cover-grid {
  padding: 0 0.5rem;
}
@media (min-width: 1200px) {
  .event-cover-grid {
    display: grid;
    grid-template-columns: [content-start] auto [img-start] 24rem [content-end] auto [img-end];
    padding: 0;
  }
}

.event-cover-content {
  grid-area: content;
  z-index: 1;
  padding-bottom: 4rem;
}
@media (min-width: 1200px) {
  .event-cover-content {
    padding-top: 3.5rem;
    padding-bottom: 0;
  }
}
.event-cover-content h1 {
  font-family: Ultra, sans-serif;
  font-size: 2.7rem;
  line-height: 3.4rem;
  margin-bottom: 1.8rem;
}
@media (min-width: 760px) {
  .event-cover-content h1 {
    font-size: 5.8rem;
    line-height: 7.4rem;
    margin-bottom: 2rem;
  }
}
.event-cover-content p {
  font-size: 1.2rem;
  line-height: 1.9rem;
}

.event-live {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 500;
  margin-bottom: 1.8rem;
}
@media (min-width: 1200px) {
  .event-live {
    margin-bottom: 2rem;
  }
}
.event-live svg {
  margin-right: 1rem;
}

.event-share {
  display: flex;
  align-items: center;
  padding-top: 1.5rem;
}
@media (min-width: 1200px) {
  .event-share {
    padding-top: 6.5rem;
  }
}
.event-share a {
  display: grid;
  place-content: center;
  width: 6rem;
  height: 4.2rem;
  background-color: var(--body-bg);
  border: 1px solid var(--gray-300);
  border-radius: 2.1rem;
  cursor: pointer;
}
body:not(.is-tablet) .event-share a:hover {
  background-color: var(--gray-300);
}
.dark body:not(.is-tablet) .event-share a:hover {
  border-color: var(--gray-400);
  background-color: var(--gray-400);
}
.event-share a:active {
  border-color: var(--gray-400) !important;
  background-color: var(--gray-400) !important;
}
.dark .event-share a:active {
  border-color: var(--gray-300) !important;
  background-color: var(--gray-300) !important;
}
.event-share a + a {
  margin-left: 1rem;
}

.event-cover-img {
  grid-area: img;
  height: 24rem;
  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;
}
.dark .event-cover-img {
  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 only screen and (min-width: 361px) {
  .event-cover-img {
    height: 28rem;
  }
}
@media (min-width: 760px) {
  .event-cover-img {
    height: 52rem;
  }
}
@media (min-width: 1200px) {
  .event-cover-img {
    width: 94rem;
    height: 54rem;
    background-size: 11.2rem;
  }
}
.event-cover-img::before, .dark .event-cover-img::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 2.4rem;
  pointer-events: none;
  z-index: 1;
}
.event-cover-img::before {
  transform: translate3d(0, 0, 0);
  transition: 0.25s;
  background-color: var(--body-color);
  opacity: 0;
}
.dark .event-cover-img::before {
  background-color: var(--body-bg);
  opacity: 0.15;
}
.dark .event-cover-img::after {
  border: 1px solid rgba(255, 255, 255, 0.07);
}
.event-cover-img .img-shadow {
  position: absolute;
  width: 80%;
  height: 20rem;
  top: 2rem;
  left: 10%;
  border-radius: 2.4rem;
  box-shadow: 0px 50px 99px rgba(22, 82, 102, 0.25);
  z-index: -1;
}
@media only screen and (min-width: 361px) {
  .event-cover-img .img-shadow {
    height: 24rem;
  }
}
@media (min-width: 760px) {
  .event-cover-img .img-shadow {
    height: 48rem;
  }
}
@media (min-width: 1200px) {
  .event-cover-img .img-shadow {
    top: 3rem;
    left: 8rem;
    width: 78rem;
    height: 48rem;
  }
}