@font-face {
  font-family: "Geist Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.hvg.hu/assets/hvghu/fonts/hvg-fonts/geist/Geist-Regular.woff2)
    format("woff2");
}
@font-face {
  font-family: "Geist Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(https://cdn.hvg.hu/assets/hvghu/fonts/hvg-fonts/geist/Geist-Medium.woff2)
    format("woff2");
}
@font-face {
  font-family: "Geist Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(https://cdn.hvg.hu/assets/hvghu/fonts/hvg-fonts/geist/Geist-SemiBold.woff2)
    format("woff2");
}
@font-face {
  font-family: "Geist Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(https://cdn.hvg.hu/assets/hvghu/fonts/hvg-fonts/geist/Geist-Bold.woff2)
    format("woff2");
}
@font-face {
  font-family: "Geist Sans";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(https://cdn.hvg.hu/assets/hvghu/fonts/hvg-fonts/geist/Geist-Black.woff2)
    format("woff2");
}
:root {
  --font-family-body: "IBM Plex Serif", system-ui;
  --font-family-secondary: "Geist Sans", sans-serif;
  --font-family: var(--font-family-body);
  --line-height: 1.5;
  --font-size: 100%;
  --font-weight: 400;
  --text-underline-offset: 0.1em;
  --main-padding-top: 3.5rem;
  --logo-width-sm: 2.5rem;
  --logo-width-md: 3.5rem;
  --logo-width-lg: 5.5rem;
  --spacing: 1rem;
  --section-bot-margin: 1rem;
  --progress-background-color: transparent;
  --progress-color: #f04f03;
  --focus-color-light: #0a84ff;
  --focus-pillow-light: #ffffff;
  --focus-color-dark: #ffd60a;
  --focus-pillow-dark: #000000;
  --focus-radius: 0;
}
[data-theme="light"],
.theme-light {
  --background-50: #f7f9f9;
  --background-100: #eff3f3;
  --background-dm-mobile: #303f40;
  --neutral-0: #fff;
  --neutral-30: #f9f9f9;
  --neutral-50: #f2f4f4;
  --neutral-100: #e5e9ea;
  --neutral-150: #dae0e1;
  --neutral-200: #cbd3d4;
  --neutral-250: #bec8ca;
  --neutral-300: #b0bdbf;
  --neutral-400: #96a7a9;
  --neutral-500: #7c9194;
  --neutral-600: #637476;
  --neutral-700: #4a5759;
  --neutral-800: #323a3b;
  --neutral-900: #1f2d2d;
  --site-5: #fef7f4;
  --site-20: #fff3ee;
  --site-50: #ffebe1;
  --site-100: #ffceb6;
  --site-200: #f79d71;
  --site-300: #f5844e;
  --site-400: #f37438;
  --site-500: #f26522;
  --site-600: #da5b1f;
  --site-700: #c2511b;
  --premium-5: #f7fbfb;
  --premium-20: #eaf4f4;
  --premium-50: #dfefef;
  --premium-200: #bfdfde;
  --premium-300: #9ed0ce;
  --premium-400: #7ec0bd;
  --premium-500: #5eb0ad;
  --premium-600: #4b8d8a;
  --premium-700: #386a68;
  --announcement-error: #e13131;
  --announcement-error-150: rgba(225, 49, 49, 0.15);
  --announcement-danger: #721c24;
  --announcement-warning: #e5aa00;
  --announcement-success: #155724;
  --announcement-info: #016fd0;
  --highlight-opacity-10: rgba(0, 0, 0, 0.1);
  --highlight-opacity-20: rgba(0, 0, 0, 0.2);
  --highlight-opacity-reversed-10: hsla(0, 0%, 100%, 0.1);
  --highlight-opacity-reversed-20: hsla(0, 0%, 100%, 0.2);
  --primary: #637476;
  --primary-background: #f7f9f9;
  --heading-color: #323a3b;
  --body-color: #4a5759;
  --island-container-background: #fff;
  --focus-color: var(--focus-color-light);
  --focus-pillow: var(--focus-pillow-light);
  color-scheme: light;
}
[data-theme="dark"],
.theme-dark {
  --background-50: #323a3b;
  --background-100: #323a3b;
  --background-dm-mobile: #303f40;
  --neutral-0: #323a3b;
  --neutral-30: rgba(100, 118, 120, 0.25);
  --neutral-50: rgba(99, 116, 118, 0.5);
  --neutral-100: #637476;
  --neutral-150: #637476;
  --neutral-200: #96a7a9;
  --neutral-250: #7d8e90;
  --neutral-300: #96a7a9;
  --neutral-400: #96a7a9;
  --neutral-500: #96a7a9;
  --neutral-600: #e5e9ea;
  --neutral-700: #e5e9ea;
  --neutral-800: #fff;
  --neutral-900: #1f2d2d;
  --site-5: rgba(242, 101, 34, 0.02);
  --site-20: rgba(242, 101, 34, 0.05);
  --site-50: rgba(242, 101, 34, 0.1);
  --site-100: rgba(242, 101, 34, 0.2);
  --site-200: rgba(242, 101, 34, 0.3);
  --site-300: rgba(242, 101, 34, 0.4);
  --site-400: #f37438;
  --site-500: #f26522;
  --site-600: #da5b1f;
  --site-700: #c2511b;
  --premium-5: rgba(94, 176, 173, 0.051);
  --premium-20: rgba(234, 244, 244, 0.051);
  --premium-50: rgba(94, 176, 173, 0.1);
  --premium-200: rgba(94, 176, 173, 0.2);
  --premium-300: rgba(94, 176, 173, 0.4);
  --premium-400: #7ec0bd;
  --premium-500: #5eb0ad;
  --premium-600: #4b8d8a;
  --premium-700: #386a68;
  --announcement-error: #e13131;
  --announcement-error-150: rgba(225, 49, 49, 0.15);
  --announcement-danger: #721c24;
  --announcement-warning: #e5aa00;
  --announcement-success: #155724;
  --announcement-info: #016fd0;
  --highlight-opacity-10: hsla(0, 0%, 100%, 0.1);
  --highlight-opacity-20: hsla(0, 0%, 100%, 0.2);
  --highlight-opacity-reversed-10: rgba(0, 0, 0, 0.1);
  --highlight-opacity-reversed-20: rgba(0, 0, 0, 0.2);
  --primary: #f26522;
  --primary-background: linear-gradient(180deg, #444949 0%, #162727 100%);
  --heading-color: #fff;
  --body-color: #e5e9ea;
  --island-container-background: #323a3b;
  --focus-color: var(--focus-color-dark);
  --focus-pillow: var(--focus-pillow-dark);
  color-scheme: dark;
}
progress,
[type="checkbox"],
[type="radio"],
[type="range"] {
  accent-color: var(--primary);
}
:root {
  --size-1: 0.5rem;
  --size-2: 0.75rem;
  --size-3: 1rem;
  --size-4: 1.5rem;
  --size-5: 2rem;
  --size-6: 2.625rem;
  --size-7: 3.75rem;
  --size-8: 5.25rem;
  --size-9: 5.875rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--heading-color);
}
:where(h1:not(.extra-big)) {
  font-size: 2.3125rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 2.5rem;
  letter-spacing: -0.0925rem;
}
@media only screen and (min-width: 83.25rem) {
  :where(h1:not(.extra-big)) {
    font-size: 2.3125rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 2.5rem;
    letter-spacing: -0.0925rem;
  }
}
h2 {
  font-size: 2rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.87px;
}
@media only screen and (min-width: 83.25rem) {
  h2 {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
.extra-big {
  font-size: 2.25rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 105%;
  letter-spacing: -0.07875rem;
}
@media only screen and (min-width: 83.25rem) {
  .extra-big {
    font-size: 3.375rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.135rem;
  }
}
.lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
  color: var(--body-color);
}
p {
  color: var(--body-color);
}
*,
*::before,
*::after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}
::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}
html {
  scrollbar-gutter: stable;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  overflow-wrap: break-word;
}
img {
  max-width: 100%;
  height: auto;
  border-style: none;
}
:where(:root, body) {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  text-size-adjust: 100%;
  background-color: var(--primary-background);
  color: var(--body-color);
  font-weight: var(--font-weight);
  font-size: var(--font-size);
  line-height: var(--line-height);
  font-family: var(--font-family);
  text-underline-offset: var(--text-underline-offset);
  text-rendering: optimizeLegibility;
  overflow-wrap: break-word;
  tab-size: 4;
}
.container-narrow {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: var(--spacing);
  padding-left: var(--spacing);
}
.island-container {
  width: 100%;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  background-color: var(--island-container-background);
  padding-bottom: var(--size-4);
  padding-top: var(--size-4);
}
.main-section {
  background-color: var(--island-container-background);
  padding: 1rem;
}
@media only screen and (min-width: 64rem) {
  .main-section {
    padding: 1.5rem;
  }
}
section {
  background-color: var(--island-container-background);
}
.container-narrow .main-section {
  width: calc(100% + 1rem * 2);
  margin-left: calc(1rem * -1);
  margin-right: calc(1rem * -1);
}
@media only screen and (min-width: 64rem) {
  .container-narrow .main-section {
    width: calc(100% + 1.5rem * 2);
    margin-left: calc(1.5rem * -1);
    margin-right: calc(1.5rem * -1);
  }
}
@media (min-width: 48rem) {
  .container-narrow {
    max-width: calc(100% - 1rem * 2);
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 64rem) {
  .container-narrow {
    max-width: calc(100% - 1.5rem * 2);
  }
}
@media (min-width: 83.25rem) {
  .container-narrow {
    max-width: 79.5rem;
  }
}
@media (min-width: 48rem) {
  .island-container {
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 64rem) {
  .island-container {
    max-width: 100%;
  }
}
@media (min-width: 83.25rem) {
  .island-container {
    max-width: calc(79.5rem + 1.5rem * 2);
  }
}
:where(audio, canvas, iframe, img, svg, video) {
  vertical-align: middle;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
:where(iframe) {
  border-style: none;
}
.article-details--container :where(iframe) {
  margin-left: auto !important;
  margin-right: auto !important;
}
.article-details--container .goa-embedded :where(iframe) {
  max-width: 100%;
}
:where(svg:not([fill])) {
  fill: currentColor;
}
svg:not(:root) {
  overflow: hidden;
}
progress {
  display: inline-block;
  vertical-align: baseline;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  left: 0;
  bottom: -0.375rem;
  margin: 0;
  padding: 0;
  z-index: 1;
  height: 0.375rem;
  background: var(--progress-background-color);
  appearance: none;
  width: 100%;
  overflow: hidden;
  border: 0;
  color: var(--progress-color);
}
progress::-webkit-progress-bar {
  background: none;
}
progress[value]::-webkit-progress-value {
  background-color: var(--progress-color);
  transition: inline-size 0.2s ease-in-out;
}
progress::-moz-progress-bar {
  background-color: var(--progress-color);
}
@media (prefers-reduced-motion: no-preference) {
  progress:indeterminate {
    background: var(--progress-background-color)
      linear-gradient(
        to right,
        var(--progress-color) 30%,
        var(--progress-background-color) 30%
      )
      top left/150% 150% no-repeat;
    animation: progress-indeterminate 1s linear infinite;
  }
  progress:indeterminate[value]::-webkit-progress-value {
    background-color: rgba(0, 0, 0, 0);
  }
  progress:indeterminate::-moz-progress-bar {
    background-color: rgba(0, 0, 0, 0);
  }
}
@keyframes progress-indeterminate {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
:where(nav li)::before {
  float: left;
  content: "​";
}
nav,
nav ul {
  display: flex;
}
nav {
  justify-content: space-between;
  overflow: visible;
}
nav ol,
nav ul {
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
}
nav ol:first-of-type,
nav ul:first-of-type {
  margin-left: calc(0.5rem * -1);
}
nav ol:last-of-type,
nav ul:last-of-type {
  margin-right: calc(0.5rem * -1);
}
nav li {
  display: inline-block;
  margin: 0;
  padding: 1rem 0.5rem;
}
nav li :where(a) {
  display: inline-block;
  margin: calc(0.5rem * -1) calc(0.5rem * -1);
  padding: 0.5rem 0.5rem;
}
nav li :where(a):not(:hover) {
  text-decoration: none;
}
nav li button,
nav li [role="button"],
nav li [type="button"],
nav
  li
  input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]),
nav li select {
  height: auto;
  margin-right: inherit;
  margin-bottom: 0;
  margin-left: inherit;
}
aside nav,
aside ol,
aside ul,
aside li {
  display: block;
}
aside li {
  padding: calc(1rem * 0.5) 0.5rem;
}
aside li a {
  display: block;
}
aside li [role="button"] {
  margin: inherit;
}
.container-narrow,
.main-section {
  --gutter-width: var(--size-4);
  --gutter-height: var(--size-5);
  --half-gutter-width: calc((var(--gutter-width) * 0.5));
  --half-gutter-height: calc((var(--gutter-height) * 0.5));
  --gutter-compensation: calc(var(--half-gutter-width) * -1);
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: var(--size-3);
  margin-right: var(--gutter-compensation);
  margin-left: var(--gutter-compensation);
}
.row.narrow {
  margin-right: 0;
  margin-left: 0;
}
@media only screen and (min-width: 83.25rem) {
  .row.narrow {
    margin-right: var(--gutter-compensation);
    margin-left: var(--gutter-compensation);
  }
}
.grid-row {
  display: grid;
  gap: var(--size-4);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.row .grid-row {
  padding-right: var(--half-gutter-width);
  padding-left: var(--half-gutter-width);
}
.row.reverse {
  flex-direction: row-reverse;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.offset-3 {
  margin-left: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.offset-6 {
  margin-left: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.offset-9 {
  margin-left: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-12 {
  margin-left: 100%;
}
[class*="col-"] {
  min-width: calc(300px + var(--gutter-width));
}
.col-xs,
[class*="col-xs-"]:not([class*="grid-col-"]) {
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: var(--half-gutter-width);
  padding-left: var(--half-gutter-width);
  width: 100%;
}
.col-xs {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 100%;
}
.col-xs-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
.grid-col-xs-1 {
  grid-template-columns: repeat(12, 1fr);
}
.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}
.col-xs-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
.grid-col-xs-2 {
  grid-template-columns: repeat(6, 1fr);
}
.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}
.col-xs-3 {
  flex-basis: 25%;
  max-width: 25%;
}
.grid-col-xs-3 {
  grid-template-columns: repeat(4, 1fr);
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
.grid-col-xs-4 {
  grid-template-columns: repeat(3, 1fr);
}
.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}
.col-xs-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
.grid-col-xs-5 {
  grid-template-columns: repeat(2.4, 1fr);
}
.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}
.col-xs-6 {
  flex-basis: 50%;
  max-width: 50%;
}
.grid-col-xs-6 {
  grid-template-columns: repeat(2, 1fr);
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
.grid-col-xs-7 {
  grid-template-columns: repeat(1.7142857143, 1fr);
}
.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}
.col-xs-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
.grid-col-xs-8 {
  grid-template-columns: repeat(1.5, 1fr);
}
.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}
.col-xs-9 {
  flex-basis: 75%;
  max-width: 75%;
}
.grid-col-xs-9 {
  grid-template-columns: repeat(1.3333333333, 1fr);
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
.grid-col-xs-10 {
  grid-template-columns: repeat(1.2, 1fr);
}
.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}
.col-xs-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
.grid-col-xs-11 {
  grid-template-columns: repeat(1.0909090909, 1fr);
}
.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}
.col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
}
.grid-col-xs-12 {
  grid-template-columns: repeat(1, 1fr);
}
.col-xs-offset-12 {
  margin-left: 100%;
}
@media only screen and (min-width: 48rem) {
  .col-sm,
  [class*="col-sm-"]:not([class*="grid-col-"]) {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: var(--half-gutter-width);
    padding-left: var(--half-gutter-width);
    width: 100%;
  }
  .col-sm {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid-col-sm-1 {
    grid-template-columns: repeat(12, 1fr);
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid-col-sm-2 {
    grid-template-columns: repeat(6, 1fr);
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid-col-sm-3 {
    grid-template-columns: repeat(4, 1fr);
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid-col-sm-4 {
    grid-template-columns: repeat(3, 1fr);
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid-col-sm-5 {
    grid-template-columns: repeat(2.4, 1fr);
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid-col-sm-6 {
    grid-template-columns: repeat(2, 1fr);
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid-col-sm-7 {
    grid-template-columns: repeat(1.7142857143, 1fr);
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid-col-sm-8 {
    grid-template-columns: repeat(1.5, 1fr);
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid-col-sm-9 {
    grid-template-columns: repeat(1.3333333333, 1fr);
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid-col-sm-10 {
    grid-template-columns: repeat(1.2, 1fr);
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid-col-sm-11 {
    grid-template-columns: repeat(1.0909090909, 1fr);
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-col-sm-12 {
    grid-template-columns: repeat(1, 1fr);
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 64rem) {
  .col-md,
  [class*="col-md-"]:not([class*="grid-col-"]) {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: var(--half-gutter-width);
    padding-left: var(--half-gutter-width);
    width: 100%;
  }
  .col-md {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid-col-md-1 {
    grid-template-columns: repeat(12, 1fr);
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid-col-md-2 {
    grid-template-columns: repeat(6, 1fr);
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid-col-md-3 {
    grid-template-columns: repeat(4, 1fr);
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid-col-md-4 {
    grid-template-columns: repeat(3, 1fr);
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid-col-md-5 {
    grid-template-columns: repeat(2.4, 1fr);
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid-col-md-6 {
    grid-template-columns: repeat(2, 1fr);
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid-col-md-7 {
    grid-template-columns: repeat(1.7142857143, 1fr);
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid-col-md-8 {
    grid-template-columns: repeat(1.5, 1fr);
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid-col-md-9 {
    grid-template-columns: repeat(1.3333333333, 1fr);
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid-col-md-10 {
    grid-template-columns: repeat(1.2, 1fr);
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid-col-md-11 {
    grid-template-columns: repeat(1.0909090909, 1fr);
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-col-md-12 {
    grid-template-columns: repeat(1, 1fr);
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media only screen and (min-width: 83.25rem) {
  .col-lg,
  [class*="col-lg-"]:not([class*="grid-col-"]) {
    box-sizing: border-box;
    flex: 0 0 auto;
    padding-right: var(--half-gutter-width);
    padding-left: var(--half-gutter-width);
    width: 100%;
  }
  .col-lg {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .grid-col-lg-1 {
    grid-template-columns: repeat(12, 1fr);
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .grid-col-lg-2 {
    grid-template-columns: repeat(6, 1fr);
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }
  .grid-col-lg-3 {
    grid-template-columns: repeat(4, 1fr);
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .grid-col-lg-4 {
    grid-template-columns: repeat(3, 1fr);
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .grid-col-lg-5 {
    grid-template-columns: repeat(2.4, 1fr);
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }
  .grid-col-lg-6 {
    grid-template-columns: repeat(2, 1fr);
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .grid-col-lg-7 {
    grid-template-columns: repeat(1.7142857143, 1fr);
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .grid-col-lg-8 {
    grid-template-columns: repeat(1.5, 1fr);
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }
  .grid-col-lg-9 {
    grid-template-columns: repeat(1.3333333333, 1fr);
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .grid-col-lg-10 {
    grid-template-columns: repeat(1.2, 1fr);
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .grid-col-lg-11 {
    grid-template-columns: repeat(1.0909090909, 1fr);
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .grid-col-lg-12 {
    grid-template-columns: repeat(1, 1fr);
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
.mt-6 {
  margin-top: var(--size-6, 2.625rem);
}
.gap-0 {
  gap: 0 !important;
}
.m-0 {
  margin: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.gap-2 {
  gap: var(--size-1, 0.5rem) !important;
}
.m-2 {
  margin: var(--size-1, 0.5rem) !important;
}
.mt-2 {
  margin-top: var(--size-1, 0.5rem) !important;
}
.mb-2 {
  margin-bottom: var(--size-1, 0.5rem) !important;
}
.ml-2 {
  margin-left: var(--size-1, 0.5rem) !important;
}
.mr-2 {
  margin-right: var(--size-1, 0.5rem) !important;
}
.mx-2 {
  margin-left: var(--size-1, 0.5rem) !important;
  margin-right: var(--size-1, 0.5rem) !important;
}
.my-2 {
  margin-top: var(--size-1, 0.5rem) !important;
  margin-bottom: var(--size-1, 0.5rem) !important;
}
.p-2 {
  padding: var(--size-1, 0.5rem) !important;
}
.pt-2 {
  padding-top: var(--size-1, 0.5rem) !important;
}
.pb-2 {
  padding-bottom: var(--size-1, 0.5rem) !important;
}
.pl-2 {
  padding-left: var(--size-1, 0.5rem) !important;
}
.pr-2 {
  padding-right: var(--size-1, 0.5rem) !important;
}
.px-2 {
  padding-left: var(--size-1, 0.5rem) !important;
  padding-right: var(--size-1, 0.5rem) !important;
}
.py-2 {
  padding-top: var(--size-1, 0.5rem) !important;
  padding-bottom: var(--size-1, 0.5rem) !important;
}
.gap-3 {
  gap: var(--size-3, 1rem) !important;
}
.m-3 {
  margin: var(--size-3, 1rem) !important;
}
.mt-3 {
  margin-top: var(--size-3, 1rem) !important;
}
.mb-3 {
  margin-bottom: var(--size-3, 1rem) !important;
}
.ml-3 {
  margin-left: var(--size-3, 1rem) !important;
}
.mr-3 {
  margin-right: var(--size-3, 1rem) !important;
}
.mx-3 {
  margin-left: var(--size-3, 1rem) !important;
  margin-right: var(--size-3, 1rem) !important;
}
.my-3 {
  margin-top: var(--size-3, 1rem) !important;
  margin-bottom: var(--size-3, 1rem) !important;
}
.p-3 {
  padding: var(--size-3, 1rem) !important;
}
.pt-3 {
  padding-top: var(--size-3, 1rem) !important;
}
.pb-3 {
  padding-bottom: var(--size-3, 1rem) !important;
}
.pl-3 {
  padding-left: var(--size-3, 1rem) !important;
}
.pr-3 {
  padding-right: var(--size-3, 1rem) !important;
}
.px-3 {
  padding-left: var(--size-3, 1rem) !important;
  padding-right: var(--size-3, 1rem) !important;
}
.py-3 {
  padding-top: var(--size-3, 1rem) !important;
  padding-bottom: var(--size-3, 1rem) !important;
}
.gap-4 {
  gap: var(--size-4, 1.5rem) !important;
}
.m-4 {
  margin: var(--size-4, 1.5rem) !important;
}
.mt-4 {
  margin-top: var(--size-4, 1.5rem) !important;
}
.mb-4 {
  margin-bottom: var(--size-4, 1.5rem) !important;
}
.ml-4 {
  margin-left: var(--size-4, 1.5rem) !important;
}
.mr-4 {
  margin-right: var(--size-4, 1.5rem) !important;
}
.mx-4 {
  margin-left: var(--size-4, 1.5rem) !important;
  margin-right: var(--size-4, 1.5rem) !important;
}
.my-4 {
  margin-top: var(--size-4, 1.5rem) !important;
  margin-bottom: var(--size-4, 1.5rem) !important;
}
.p-4 {
  padding: var(--size-4, 1.5rem) !important;
}
.pt-4 {
  padding-top: var(--size-4, 1.5rem) !important;
}
.pb-4 {
  padding-bottom: var(--size-4, 1.5rem) !important;
}
.pl-4 {
  padding-left: var(--size-4, 1.5rem) !important;
}
.pr-4 {
  padding-right: var(--size-4, 1.5rem) !important;
}
.px-4 {
  padding-left: var(--size-4, 1.5rem) !important;
  padding-right: var(--size-4, 1.5rem) !important;
}
.py-4 {
  padding-top: var(--size-4, 1.5rem) !important;
  padding-bottom: var(--size-4, 1.5rem) !important;
}
.gap-5 {
  gap: var(--size-5, 2rem) !important;
}
.m-5 {
  margin: var(--size-5, 2rem) !important;
}
.mt-5 {
  margin-top: var(--size-5, 2rem) !important;
}
.mb-5 {
  margin-bottom: var(--size-5, 2rem) !important;
}
.ml-5 {
  margin-left: var(--size-5, 2rem) !important;
}
.mr-5 {
  margin-right: var(--size-5, 2rem) !important;
}
.mx-5 {
  margin-left: var(--size-5, 2rem) !important;
  margin-right: var(--size-5, 2rem) !important;
}
.my-5 {
  margin-top: var(--size-5, 2rem) !important;
  margin-bottom: var(--size-5, 2rem) !important;
}
.p-5 {
  padding: var(--size-5, 2rem) !important;
}
.pt-5 {
  padding-top: var(--size-5, 2rem) !important;
}
.pb-5 {
  padding-bottom: var(--size-5, 2rem) !important;
}
.pl-5 {
  padding-left: var(--size-5, 2rem) !important;
}
.pr-5 {
  padding-right: var(--size-5, 2rem) !important;
}
.px-5 {
  padding-left: var(--size-5, 2rem) !important;
  padding-right: var(--size-5, 2rem) !important;
}
.py-5 {
  padding-top: var(--size-5, 2rem) !important;
  padding-bottom: var(--size-5, 2rem) !important;
}
.gap-auto {
  gap: auto !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media only screen and (min-width: 48rem) {
  .m-left-md-0 {
    margin-left: 0 !important;
  }
}
@media only screen and (min-width: 48rem) {
  .m-horizontal-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .pt-max-lg-4 {
    padding-top: var(--size-4) !important;
  }
}
@media only screen and (min-width: 64rem) {
  .m-bottom-md-6 {
    margin-bottom: var(--size-6) !important;
  }
}
@media (min-width: 48rem) {
  .d-flex-sm {
    display: flex;
  }
}
@media (min-width: 48rem) {
  .d-inline-flex-sm {
    display: inline-flex;
  }
}
@media (min-width: 64rem) {
  .d-flex-md {
    display: flex;
  }
}
@media (min-width: 64rem) {
  .d-inline-flex-md {
    display: inline-flex;
  }
}
@media (min-width: 83.25rem) {
  .d-flex-lg {
    display: flex;
  }
}
@media (min-width: 83.25rem) {
  .d-inline-flex-lg {
    display: inline-flex;
  }
}
.d-none {
  display: none !important;
}
.d-block {
  display: block !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 48rem) {
  .d-sm-none {
    display: none !important;
  }
}
@media (min-width: 64rem) {
  .d-md-none {
    display: none !important;
  }
}
@media (min-width: 83.25rem) {
  .d-lg-none {
    display: none !important;
  }
}
@media (min-width: 48rem) {
  .d-sm-block {
    display: block !important;
  }
}
@media (min-width: 64rem) {
  .d-md-block {
    display: block !important;
  }
}
@media (min-width: 83.25rem) {
  .d-lg-block {
    display: block !important;
  }
}
@media (min-width: 48rem) {
  .d-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 64rem) {
  .d-md-inline {
    display: inline !important;
  }
}
@media (min-width: 83.25rem) {
  .d-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 48rem) {
  .d-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 64rem) {
  .d-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 83.25rem) {
  .d-lg-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 48rem) {
  .d-sm-flex {
    display: flex !important;
  }
}
@media (min-width: 64rem) {
  .d-md-flex {
    display: flex !important;
  }
}
@media (min-width: 83.25rem) {
  .d-lg-flex {
    display: flex !important;
  }
}
@media (min-width: 48rem) {
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 64rem) {
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 83.25rem) {
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
.animated {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform, opacity;
  animation-timing-function: ease;
}
@-webkit-keyframes scaleDown {
  0% {
    -webkit-transform: scale(100%);
  }
  100% {
    -webkit-transform: scale(63.64%);
  }
}
@-moz-keyframes scaleDown {
  0% {
    -moz-transform: scale(100%);
  }
  100% {
    -moz-transform: scale(63.64%);
  }
}
@-o-keyframes scaleDown {
  0% {
    -o-transform: scale(100%);
  }
  100% {
    -o-transform: scale(63.64%);
  }
}
@keyframes scaleDown {
  0% {
    transform: scale(100%);
  }
  100% {
    transform: scale(63.64%);
  }
}
.animated.scaleDown {
  -webkit-animation-name: scaleDown;
  -moz-animation-name: scaleDown;
  -o-animation-name: scaleDown;
  animation-name: scaleDown;
}
@-webkit-keyframes scaleUp {
  0% {
    -webkit-transform: scale(63.64%);
  }
  100% {
    -webkit-transform: scale(100%);
  }
}
@-moz-keyframes scaleUp {
  0% {
    -moz-transform: scale(63.64%);
  }
  100% {
    -moz-transform: scale(100%);
  }
}
@-o-keyframes scaleUp {
  0% {
    -o-transform: scale(63.64%);
  }
  100% {
    -o-transform: scale(100%);
  }
}
@keyframes scaleUp {
  0% {
    transform: scale(63.64%);
  }
  100% {
    transform: scale(100%);
  }
}
.animated.scaleUp {
  -webkit-animation-name: scaleUp;
  -moz-animation-name: scaleUp;
  -o-animation-name: scaleUp;
  animation-name: scaleUp;
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes slideDown {
  0% {
    -moz-transform: translateY(-100%);
  }
  100% {
    -moz-transform: translateY(0);
  }
}
@-o-keyframes slideDown {
  0% {
    -o-transform: translateY(-100%);
  }
  100% {
    -o-transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.animated.slideDown {
  -webkit-animation-name: slideDown;
  -moz-animation-name: slideDown;
  -o-animation-name: slideDown;
  animation-name: slideDown;
}
@keyframes slideDownMobile {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
.animated.slideDownMobile {
  -webkit-animation-name: slideDownMobile;
  -moz-animation-name: slideDownMobile;
  -o-animation-name: slideDownMobile;
  animation-name: slideDownMobile;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100%);
  }
}
@-moz-keyframes slideUp {
  0% {
    -moz-transform: translateY(0);
  }
  100% {
    -moz-transform: translateY(-100%);
  }
}
@-o-keyframes slideUp {
  0% {
    -o-transform: translateY(0);
  }
  100% {
    -o-transform: translateY(-100%);
  }
}
@keyframes slideUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.animated.slideUp {
  -webkit-animation-name: slideUp;
  -moz-animation-name: slideUp;
  -o-animation-name: slideUp;
  animation-name: slideUp;
}
@keyframes slideUpMobile {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.animated.slideUpMobile {
  -webkit-animation-name: slideUpMobile;
  -moz-animation-name: slideUpMobile;
  -o-animation-name: slideUpMobile;
  animation-name: slideUpMobile;
}
@-webkit-keyframes slideDownScaled {
  0% {
    -webkit-transform: translateY(-100%) scale(63.64%);
  }
  100% {
    -webkit-transform: translateY(56px) scale(63.64%);
  }
}
@-moz-keyframes slideDownScaled {
  0% {
    -moz-transform: translateY(-100%) scale(63.64%);
  }
  100% {
    -moz-transform: translateY(56px) scale(63.64%);
  }
}
@-o-keyframes slideDownScaled {
  0% {
    -o-transform: translateY(-100%) scale(63.64%);
  }
  100% {
    -o-transform: translateY(56px) scale(63.64%);
  }
}
@keyframes slideDownScaled {
  0% {
    transform: translateY(-100%) scale(63.64%);
  }
  100% {
    transform: translateY(56px) scale(63.64%);
  }
}
.animated.slideDownScaled {
  -webkit-animation-name: slideDownScaled;
  -moz-animation-name: slideDownScaled;
  -o-animation-name: slideDownScaled;
  animation-name: slideDownScaled;
}
@-webkit-keyframes slideUpScaled {
  0% {
    -webkit-transform: translateY(56px) scale(63.64%);
  }
  100% {
    -webkit-transform: translateY(0px) scale(63.64%);
  }
}
@-moz-keyframes slideUpScaled {
  0% {
    -moz-transform: translateY(56px) scale(63.64%);
  }
  100% {
    -moz-transform: translateY(0px) scale(63.64%);
  }
}
@-o-keyframes slideUpScaled {
  0% {
    -o-transform: translateY(56px) scale(63.64%);
  }
  100% {
    -o-transform: translateY(0px) scale(63.64%);
  }
}
@keyframes slideUpScaled {
  0% {
    transform: translateY(56px) scale(63.64%);
  }
  100% {
    transform: translateY(0px) scale(63.64%);
  }
}
.animated.slideDownScaled {
  -webkit-animation-name: slideUpScaled;
  -moz-animation-name: slideUpScaled;
  -o-animation-name: slideUpScaled;
  animation-name: slideUpScaled;
}
.loader-box,
.load-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.loader-box .loader-spinner,
.load-box .loader-spinner {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #f26522 94%, rgba(0, 0, 0, 0))
      top/4px 4px no-repeat,
    conic-gradient(rgba(0, 0, 0, 0) 30%, #f26522);
  mask: radial-gradient(
    farthest-side,
    rgba(0, 0, 0, 0) calc(100% - 4px),
    #000 0
  );
  animation: spinner 1s infinite linear;
}
.loader-box.loader-white .loader-spinner,
.load-box.loader-white .loader-spinner {
  background: radial-gradient(farthest-side, #fff 94%, rgba(0, 0, 0, 0)) top/4px
      4px no-repeat,
    conic-gradient(rgba(0, 0, 0, 0) 30%, #fff);
  mask: radial-gradient(
    farthest-side,
    rgba(0, 0, 0, 0) calc(100% - 4px),
    #000 0
  );
}
.loading {
  margin: 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #f26522 94%, rgba(0, 0, 0, 0))
      top/4px 4px no-repeat,
    conic-gradient(rgba(0, 0, 0, 0) 30%, #f26522);
  mask: radial-gradient(
    farthest-side,
    rgba(0, 0, 0, 0) calc(100% - 4px),
    #000 0
  );
  animation: spinner 1s infinite linear;
}
@keyframes spinner {
  100% {
    transform: rotate(1turn);
  }
}
.flex-loader {
  display: flex;
}
.flex-loader .load-box,
.flex-loader .loader-box {
  position: initial;
  transform: unset;
  top: unset;
  left: unset;
  display: flex;
  margin: var(--size-3) auto;
}
.loading-box .loader-box {
  position: relative;
  transform: none;
  top: auto;
  left: auto;
  display: flex;
  justify-content: center;
}
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
form {
  --input-height: 3rem;
  --input-padding: var(--size-1) var(--size-3) var(--size-1) var(--size-2);
}
form .input-group {
  width: 100%;
  height: var(--input-height);
  display: flex;
  align-items: center;
  gap: var(--size-3);
  border: 1.5px solid var(--neutral-400);
  background: hsla(0, 0%, 100%, 0.6);
  padding: var(--input-padding);
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
    box-shadow 0.2s ease;
}
[data-theme="dark"] form .input-group,
.theme-dark form .input-group,
form .input-group.theme-dark {
  background: #323a3b;
  border-color: hsla(0, 0%, 100%, 0.2);
}
[data-theme="dark"] form .input-group .hvg-icon,
.theme-dark form .input-group .hvg-icon,
form .input-group.theme-dark .hvg-icon {
  --icon-color: var(--neutral-800);
}
form .input-group .hvg-icon {
  font-size: 1.5rem;
}
form .input-group:focus-within {
  box-shadow: 0 0 0 1px var(--neutral-600);
}
form .input-group .form-input,
form .input-group .form-control {
  height: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  outline: none;
}
form .input-group .form-input:focus,
form .input-group .form-control:focus {
  box-shadow: none;
}
form .form-input,
form .form-control {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
  color: var(--neutral-800);
  display: block;
  width: 100%;
  height: var(--input-height);
  border: 1.5px solid var(--neutral-400);
  background: hsla(0, 0%, 100%, 0.6);
  padding: var(--input-padding);
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
    box-shadow 0.2s ease;
  outline: none;
}
form .form-input::placeholder,
form .form-control::placeholder {
  color: var(--neutral-800);
  opacity: 0.5;
}
form .form-input::-ms-input-placeholder,
form .form-control::-ms-input-placeholder {
  color: var(--neutral-800);
  opacity: 0.5;
}
[data-theme="dark"] form .form-input,
.theme-dark form .form-input,
form .form-input.theme-dark,
[data-theme="dark"] form .form-control,
.theme-dark form .form-control,
form .form-control.theme-dark {
  background-color: #323a3b;
  border-color: hsla(0, 0%, 100%, 0.2);
}
form .form-input:focus,
form .form-control:focus {
  box-shadow: 0 0 0 1px var(--neutral-600);
}
form .form-input:disabled,
form .form-input.disabled,
form .form-control:disabled,
form .form-control.disabled {
  cursor: not-allowed;
}
form .form-input:disabled,
form .form-input.disabled,
form .form-input[readonly],
form .form-control:disabled,
form .form-control.disabled,
form .form-control[readonly] {
  background-color: var(--neutral-150);
  opacity: 1;
}
form input {
  overflow: visible;
}
form
  input:not(
    .form-input,
    .input-group input,
    [type="button"],
    [type="date"],
    [type="text"]
  ) {
  padding: 0.5rem;
  border: 1.5px solid var(--neutral-400);
}
form input[type="submit"] {
  background-color: var(--site-500);
  color: var(--neutral-0);
  border: none;
  padding: 0.625rem 1.25rem;
  cursor: pointer;
}
form select.select-input,
form select.form-control {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
  min-width: 10rem;
  color: var(--neutral-800);
  text-transform: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: center right 0.5rem;
  background-size: 1.25rem auto;
  background-repeat: no-repeat;
}
form select.select-input option,
form select.form-control option {
  background-color: var(--neutral-0);
  padding: var(--input-padding);
}
:where(button, .btn, [role="button"], [type="button"]) {
  --hover-highlight: var(--highlight-opacity-10);
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.5rem;
  letter-spacing: -0.035rem;
  color: inherit;
  padding: 0.75rem 1.125rem;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  border: 0;
  user-select: none;
  transition: 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-1);
}
:where(button, .btn, [role="button"], [type="button"]).gap-0 {
  gap: 0 !important;
}
:where(button, .btn, [role="button"], [type="button"]) .hvg-icon,
:where(button, .btn, [role="button"], [type="button"]) .icon {
  font-size: 1.5rem;
}
:where(button, .btn, [role="button"], [type="button"]).disabled,
:where(button, .btn, [role="button"], [type="button"])[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
:where(button, .btn, [role="button"], [type="button"]).outlined {
  background-color: rgba(0, 0, 0, 0) !important;
  border: 1.5px solid currentColor;
}
:where(button, .btn, [role="button"], [type="button"])[class*="icon-"] {
  align-items: center;
}
:where(button, .btn, [role="button"], [type="button"])[class*="icon-"]::after,
:where(button, .btn, [role="button"], [type="button"])[class*="icon-"]::before {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.375rem 0;
  background-color: currentColor;
  mask: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2214%22%20viewBox%3D%220%200%209%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.77808%2013L7.77808%207L1.77808%201%22%20stroke%3D%22currentcolor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")
    no-repeat 50% 50%;
}
:where(button, .btn, [role="button"], [type="button"]):hover,
:where(button, .btn, [role="button"], [type="button"]):focus {
  text-decoration: none;
  box-shadow: inset 0 0 0 2rem var(--hover-highlight);
}
:where(button, .btn, [role="button"], [type="button"]).hover-inverse:hover,
:where(button, .btn, [role="button"], [type="button"]).hover-inverse:focus {
  box-shadow: inset 0 0 0 2rem var(--highlight-opacity-reversed-10);
}
.btn-hover {
  transition: 0.3s ease;
  --hover-highlight: var(--highlight-opacity-10);
}
.btn-hover:hover,
.btn-hover:focus {
  box-shadow: inset 0 0 0 2rem var(--hover-highlight);
}
.hover-lighten {
  --hover-highlight: rgba(255, 255, 255, 0.1);
}
.hover-lighten-20 {
  --hover-highlight: rgba(255, 255, 255, 0.2);
}
.btn-hover-20 {
  --hover-highlight: var(--highlight-opacity-20);
}
:where(a.btn-link, button.btn-link, [role="button"].btn-link) {
  outline: none;
  color: var(--primary);
  text-decoration: none;
  background: none;
  padding: 0;
}
:where(a.btn-link, button.btn-link, [role="button"].btn-link):hover {
  text-decoration: underline;
  background: none;
}
.copyUrlButton {
  transition: background-color 0.5s ease;
}
.copyUrlButton.success {
  background-color: #e0f7e9;
  color: var(--announcement-success);
  pointer-events: none;
}
.copyUrlButton .icon,
.copyUrlButton .label {
  transition: opacity 0.5s ease;
}
.copyUrlButton.fading {
  background-color: rgba(0, 0, 0, 0);
}
.copyUrlButton.fading .icon,
.copyUrlButton.fading .label {
  opacity: 0;
}
.btn-neutral-0 {
  background: var(--neutral-0);
  color: var(--neutral-800);
}
.btn-neutral-0:hover,
.btn-neutral-0:focus {
  box-shadow: inset 0 0 0 2rem var(--highlight-opacity-10);
}
.btn-neutral-0.outlined {
  border-color: var(--neutral-0);
}
.btn-neutral-0.outlined {
  border-color: var(--neutral-100);
}
.btn-neutral-100 {
  background: var(--neutral-100);
  color: var(--neutral-800);
}
.btn-neutral-100:hover,
.btn-neutral-100:focus {
  box-shadow: inset 0 0 0 2rem var(--highlight-opacity-10);
}
.btn-neutral-100.outlined {
  border-color: var(--neutral-100);
}
.btn-neutral-700 {
  background: var(--neutral-700);
  color: var(--neutral-0);
}
.btn-neutral-700:hover,
.btn-neutral-700:focus {
  box-shadow: inset 0 0 0 2rem var(--highlight-opacity-reversed-10);
}
.btn-neutral-700.outlined {
  border-color: var(--neutral-700);
}
.btn-neutral-700.static {
  --hover-highlight: get-static-color(
    "highlight-opacity-reversed",
    10,
    "light"
  );
  background: #4a5759;
  color: #fff;
}
.btn-neutral-800 {
  background: var(--neutral-800);
  color: var(--neutral-0);
}
.btn-neutral-800:hover,
.btn-neutral-800:focus {
  box-shadow: inset 0 0 0 2rem var(--highlight-opacity-reversed-10);
}
.btn-neutral-800.outlined {
  border-color: var(--neutral-800);
}
.btn-primary,
.btn-site {
  background: var(--site-500);
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-site:hover,
.btn-site:focus {
  box-shadow: inset 0 0 0 2rem var(--highlight-opacity-10);
}
.btn-primary.outlined,
.btn-site.outlined {
  border-color: var(--site-500);
}
.btn-primary.disabled,
.btn-primary[disabled],
.btn-site.disabled,
.btn-site[disabled] {
  background: var(--neutral-200);
  color: var(--neutral-600);
}
[data-theme="dark"] .btn-primary.disabled,
.theme-dark .btn-primary.disabled,
[data-theme="dark"] .btn-primary[disabled],
.theme-dark .btn-primary[disabled],
[data-theme="dark"] .btn-site.disabled,
.theme-dark .btn-site.disabled,
[data-theme="dark"] .btn-site[disabled],
.theme-dark .btn-site[disabled] {
  background: var(--neutral-30);
  color: var(--neutral-200);
}
.btn-premium-static {
  background: #7ec0bd;
  color: #323a3b;
}
.btn-premium-static:hover,
.btn-premium-static:focus {
  box-shadow: unset;
  background: #5eb0ad;
}
.btn-disqus-app-opener {
  background: rgba(0, 0, 0, 0);
  color: var(--neutral-600);
  border: 1px solid var(--neutral-600);
  display: block;
  text-align: center;
  padding: 0.5rem 0;
  border-radius: 15px;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 21px;
  width: 100%;
}
.btn-disqus-app-opener:hover,
.btn-disqus-app-opener:focus {
  background: var(--neutral-700);
  color: var(--neutral-0);
  border: 1px solid var(--neutral-700);
}
.list-page {
  padding-bottom: var(--size-6);
}
.list-page__2col-container {
  margin-top: var(--size-5);
}
.list-page__title {
  margin: 0;
  font-size: 2.25rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 105%;
  letter-spacing: -0.07875rem;
}
@media only screen and (min-width: 83.25rem) {
  .list-page__title {
    font-size: 3.375rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.135rem;
  }
}
.list-page__content {
  --list-page-content-gap: var(--size-4);
  gap: var(--list-page-content-gap);
}
.list-page__content__left {
  flex-grow: 1;
  position: relative;
  width: 100%;
}
.list-page__content__right {
  width: 300px;
}
.list-page__content:has(.list-page__content__right) .list-page__content__left {
  width: calc(100% - 300px - var(--list-page-content-gap));
}
@media only screen and (min-width: 83.25rem) {
  .list-page__content:has(.list-page__content__right)
    .list-page__content__left
    .main-section {
    width: calc(100% + 1.5rem);
  }
}
.profile-page {
  padding-bottom: var(--size-6);
  display: flex;
  flex-direction: row;
  gap: var(--size-4);
}
.profile-page__title {
  margin: 0 0 var(--size-2) 0;
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .profile-page__title {
    font-size: 2.3125rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 2.5rem;
    letter-spacing: -0.0925rem;
    margin: var(--size-4) 0;
  }
}
.profile-page__sidebar {
  --sidebar-width: 13.25rem;
  min-width: var(--sidebar-width);
  max-width: var(--sidebar-width);
}
@media only screen and (min-width: 83.25rem) {
  .profile-page__sidebar {
    --sidebar-width: 18.75rem;
  }
}
.profile-page__content {
  flex-grow: 1;
}
.profile-page__content__subtitle {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 105%;
  letter-spacing: -0.0525rem;
}
.search-count {
  margin-top: 0;
  margin-bottom: var(--size-4);
}
.list-header .margin-y-5 {
  margin-top: var(--size-5);
  margin-bottom: var(--size-5);
}
.list-header .flex-reverse {
  flex-direction: column-reverse;
}
.list-header__text-box__description {
  margin: var(--size-3) 0;
  color: #4a5759;
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.list-header__img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.list-header__img.pt-mobile {
  padding-top: var(--size-3);
}
@media only screen and (min-width: 48rem) {
  .list-header__img.pt-mobile {
    padding-top: 0;
  }
}
@media only screen and (min-width: 48rem) {
  .list-header {
    padding: var(--size-6);
  }
  .list-header .flex-reverse {
    flex-direction: row;
  }
  .list-header__text-box {
    padding: var(--size-5) var(--size-5) var(--size-5) var(--size-1);
  }
}
@media only screen and (min-width: 83.25rem) {
  .list-header {
    padding: var(--size-7);
  }
  .list-header__text-box__description {
    color: var(--neutral-700);
    font-size: 1.3125rem;
    font-family: var(--font-family-body);
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: -0.013125rem;
  }
}
.author-header {
  background: linear-gradient(
      270deg,
      rgba(239, 243, 243, 0.85) 35%,
      #eff3f3 110%
    ),
    linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    var(--author-image) #eff3f3;
  background-size: 75%;
  background-position: right 25%;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 48rem) {
  .author-header {
    box-shadow: 0 var(--size-1) 4px -4px rgba(0, 0, 0, 0.25);
    margin-bottom: var(--size-1);
  }
}
@media only screen and (max-width: calc(48rem - 1px)) {
  section.author-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.15), #eff3f3), #eff3f3;
  }
  section.author-header [role="button"],
  section.author-header .btn,
  section.author-header button {
    width: 100%;
  }
}
@media only screen and (min-width: 48rem) {
  .partner-header .partner-header-pr-md-4 {
    padding-right: var(--size-4);
  }
}
.partner-header__description {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.partner-header .partner-logo-box {
  padding: var(--size-7);
  border-radius: 2px;
  background: #fff;
}
@media only screen and (min-width: 48rem) {
  .partner-header .partner-logo-box {
    padding: var(--size-9);
  }
}
@media only screen and (min-width: 48rem) {
  .partner-header .partner-logo-box {
    padding: var(--size-5);
  }
}
@media only screen and (min-width: 48rem) {
  .newspapers-header .newspapers-header-row {
    padding-top: var(--size-8);
    padding-bottom: var(--size-8);
  }
}
.newspapers-header__description {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.newspapers-header__year {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 48rem) {
  .newspapers-header__year {
    justify-content: flex-end;
  }
}
.newspapers-header__year__content::before {
  font-family: var(--font-family-secondary);
  font-weight: 800;
  font-size: 9rem;
  letter-spacing: -0.18rem;
  line-height: 75.926%;
  z-index: 0;
  white-space: nowrap;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(198, 200, 200, 0.1) 5.96%,
    rgba(153, 153, 153, 0.1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
}
@media only screen and (min-width: 48rem) {
  .newspapers-header__year__content::before {
    font-size: 12rem;
    letter-spacing: -0.24rem;
  }
}
@media only screen and (min-width: 48rem) {
  .newspapers-header__year__content::before {
    font-size: 14rem;
    letter-spacing: -0.28rem;
  }
}
@media only screen and (min-width: 64rem) {
  .newspapers-header__year__content::before {
    font-size: 16rem;
    letter-spacing: -0.32rem;
  }
}
@media only screen and (min-width: 83.25rem) {
  .newspapers-header__year__content::before {
    font-size: 21rem;
    letter-spacing: -0.42rem;
  }
}
.media-header {
  --thumbnail-height: 4.25rem;
  --thumbnail-width: calc(var(--thumbnail-height) * 1.5);
  --thumbnail-padding: var(--size-3);
  margin: 0 calc(var(--spacing) * -1);
  margin-bottom: var(--size-4);
  color: #fff;
}
@media only screen and (min-width: 83.25rem) {
  .media-header {
    --thumbnail-height: 5rem;
  }
}
@media only screen and (min-width: 48rem) {
  .media-header {
    position: relative;
  }
}
@media only screen and (min-width: 83.25rem) {
  .media-header {
    margin: 0 0 var(--size-3) 0;
  }
}
.media-header__image-wrapper {
  position: relative;
}
.media-header__image-wrapper img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  aspect-ratio: 16/10;
}
.media-header__image-wrapper__icon-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 3rem;
  transform: translate(-50%, -50%);
  color: #fff;
  backdrop-filter: blur(6.25px);
}
.media-header__overlay {
  width: 100%;
  background: linear-gradient(
      0deg,
      rgba(50, 58, 59, 0.4),
      rgba(50, 58, 59, 0.4)
    ),
    var(--neutral-100);
  padding: var(--thumbnail-padding);
  backdrop-filter: blur(0.625rem);
}
@media only screen and (min-width: 48rem) {
  .media-header__overlay {
    position: absolute;
    bottom: 0.75rem;
    left: var(--size-3);
    margin: 0 var(--size-3);
    max-width: calc(100% - 4 * var(--size-3));
    padding-bottom: 0;
    background: rgba(50, 58, 59, 0.4);
  }
}
@media only screen and (min-width: 83.25rem) {
  .media-header__overlay {
    left: 0;
    margin: 0 1rem;
    max-width: calc(100% - 2rem);
  }
}
.media-header__overlay__content {
  padding: 0 var(--size-3);
}
@media only screen and (min-width: 48rem) {
  .media-header__overlay__content {
    padding: 0;
  }
}
.media-header__overlay__content__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.media-header__overlay__content__title__headline {
  font-size: 1.375rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.048125rem;
  color: #fff;
}
@media only screen and (min-width: 48rem) {
  .media-header__overlay__content__title__headline {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.media-header__overlay__content__title__badge {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  color: #fff;
  background: rgba(50, 58, 59, 0.4);
  padding: 0.1875rem var(--size-1);
  position: absolute;
  right: 1rem;
  top: -2rem;
}
@media only screen and (min-width: 48rem) {
  .media-header__overlay__content__title__badge {
    position: initial;
    background: hsla(0, 0%, 100%, 0.2);
  }
}
.media-header__overlay__content__text {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
  color: #fff;
  margin: 0 0 var(--size-2) 0;
}
@media only screen and (min-width: 48rem) {
  .media-header__overlay__content__text {
    font-size: 1.125rem;
    font-family: var(--font-family-body);
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: -0.01125rem;
  }
}
@media only screen and (min-width: 83.25rem) {
  .media-header__overlay__content__text {
    max-width: 75%;
  }
}
.media-header__overlay__thumbnails {
  container: thumbnail-container/inline-size;
  padding: var(--thumbnail-padding) var(--size-3);
  display: flex;
  align-items: center;
  gap: var(--size-1);
  flex-wrap: wrap;
  overflow: hidden;
  row-gap: calc(var(--thumbnail-padding) * 2);
  max-height: calc(var(--thumbnail-height) + 2 * var(--thumbnail-padding));
}
@media only screen and (min-width: 48rem) {
  .media-header__overlay__thumbnails {
    margin: 0 calc(var(--thumbnail-padding) * -1);
    padding-left: var(--thumbnail-padding);
    padding-right: var(--thumbnail-padding);
  }
}
.media-header__overlay__thumbnails__item {
  width: var(--thumbnail-width);
  height: var(--thumbnail-height);
  object-fit: cover;
  transition: 0.5s;
}
@media only screen and (min-width: 48rem) {
  .media-header__overlay__thumbnails__item:hover,
  .media-header__overlay__thumbnails__item:focus {
    cursor: pointer;
    transform: scale(1.1);
    filter: brightness(1.05);
  }
}
@container thumbnail-container (max-width: 28rem) {
  .media-header__overlay__thumbnails__item:nth-child(n + 4) {
    display: none;
  }
}
@container thumbnail-container (max-width: 33rem) {
  .media-header__overlay__thumbnails__item:nth-child(n + 5) {
    display: none;
  }
}
@container thumbnail-container (max-width: 36rem) {
  .media-header__overlay__thumbnails__item:nth-child(n + 6) {
    display: none;
  }
}
@container thumbnail-container (max-width: 48rem) {
  .media-header__overlay__thumbnails__item:nth-child(n + 7) {
    display: none;
  }
}
.article-series-header {
  --header-height: 36rem;
  position: relative;
  height: var(--header-height);
}
@media only screen and (min-width: 48rem) {
  .article-series-header {
    --header-height: 42rem;
  }
}
@media only screen and (min-width: 83.25rem) {
  .article-series-header {
    --header-height: 48rem;
  }
}
.article-series-header img {
  width: 100%;
  height: var(--header-height);
  object-fit: cover;
}
.article-series-header__overlay {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  color: var(--neutral-0);
  padding: var(--size-5) 0 var(--size-3) 0;
}
@media only screen and (min-width: 48rem) {
  .article-series-header__overlay {
    padding: var(--size-6) 0 var(--size-5) 0;
  }
}
@media only screen and (min-width: 64rem) {
  .article-series-header__overlay {
    padding: var(--size-7) 0 var(--size-6) 0;
  }
}
@media only screen and (min-width: 83.25rem) {
  .article-series-header__overlay {
    padding: var(--size-8) 0;
  }
}
.article-series-header__overlay::before {
  --blur-gradient: linear-gradient(
    180deg,
    rgba(217, 217, 217, 0),
    rgba(217, 217, 217, 0.6) 21.59%,
    #d9d9d9 44.94%
  );
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(50, 58, 59, 0.9);
  backdrop-filter: blur(var(--size-2));
  -webkit-mask-image: var(--blur-gradient);
  mask-image: var(--blur-gradient);
  z-index: 1;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
}
.article-series-header__overlay__content {
  position: relative;
  z-index: 2;
  color: var(--neutral-800);
}
.article-series-header__overlay__content__headline {
  font-size: 2.25rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 105%;
  letter-spacing: -0.07875rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-series-header__overlay__content__headline {
    font-size: 3.375rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.135rem;
  }
}
.article-series-header__overlay__content__text {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-series-header__overlay__content__text {
    font-size: 1.3125rem;
    font-family: var(--font-family-body);
    font-weight: 500;
    line-height: 1.75rem;
    letter-spacing: -0.013125rem;
  }
}
.digital-supplement-header {
  background-color: var(--background-50);
}
@media only screen and (min-width: 48rem) {
  .digital-supplement-header {
    padding: var(--size-4) var(--size-5);
    background-color: var(--neutral-50);
    border-bottom: 1px solid var(--neutral-200);
  }
}
@media only screen and (min-width: 83.25rem) {
  .digital-supplement-header {
    padding: var(--size-6) var(--size-7);
  }
}
.digital-supplement-header__text-box__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.digital-supplement-header__text-box__lead ul,
.digital-supplement-header__text-box__lead li {
  list-style: disc;
}
.digital-supplement-header__text-box__lead ul::marker,
.digital-supplement-header__text-box__lead li::marker {
  font-size: 70%;
}
.digital-supplement-header__image-button-wrapper {
  text-align: center;
  padding: var(--size-3) 0;
}
@media only screen and (min-width: 48rem) {
  .digital-supplement-header__image-button-wrapper {
    padding: var(--size-4);
  }
}
@media only screen and (min-width: 48rem) {
  .digital-supplement-header__image-button-wrapper {
    padding: 0;
  }
}
.pdf-pager-dialog__content {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
}
.pdf-pager-dialog__content .full-size {
  width: 100%;
  height: 100%;
}
.newspaper-title-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (min-width: 48rem) {
  .newspaper-title-container {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.newspaper-title-container__title,
.newspaper-title-container__back {
  padding: 0;
  margin: 0;
  width: auto;
  font-size: 2.25rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 105%;
  letter-spacing: -0.07875rem;
}
@media only screen and (min-width: 83.25rem) {
  .newspaper-title-container__title,
  .newspaper-title-container__back {
    font-size: 3.375rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.135rem;
  }
}
.newspaper-title-container__back {
  color: var(--neutral-500);
}
.newspaper-title-container__back:hover,
.newspaper-title-container__back:focus {
  color: var(--neutral-800);
}
[data-theme="dark"] .newspaper-title-container__back,
.theme-dark .newspaper-title-container__back,
.newspaper-title-container__back.theme-dark {
  color: var(--site-500);
}
.newspaper-title-container__stepper {
  width: 100%;
}
@media only screen and (min-width: 48rem) {
  .newspaper-title-container__stepper {
    width: auto;
  }
}
.authors-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--size-3);
}
@media only screen and (min-width: 48rem) {
  .authors-grid {
    gap: var(--size-4);
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 83.25rem) {
  .authors-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.sidebar-brandlab__title {
  margin: 0 0 var(--size-3) 0;
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .sidebar-brandlab__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.newspapers-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--size-4);
  justify-items: center;
}
@media only screen and (min-width: 48rem) {
  .newspapers-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 48rem) {
  .newspapers-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 83.25rem) {
  .newspapers-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.newspaper-card figcaption {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.5rem;
  letter-spacing: -0.035rem;
  color: var(--neutral-800);
  margin-top: var(--size-1);
}
.newspaper-card__img {
  position: relative;
  overflow: hidden;
  display: flex;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.newspaper-card__img img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.newspaper-card__img__overlay-desktop {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  gap: var(--size-3);
}
@media only screen and (min-width: 83.25rem) {
  .newspaper-card__img__overlay-desktop {
    display: flex;
  }
}
.newspaper-card:hover .newspaper-card__img__overlay-desktop {
  opacity: 1;
}
.video-slider-card {
  width: 100%;
  height: 100%;
}
.media-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: var(--size-2);
  padding-bottom: var(--size-3);
  margin-bottom: var(--size-3);
}
@media only screen and (min-width: 48rem) {
  .media-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 83.25rem) {
  .media-list {
    gap: var(--size-3);
    row-gap: var(--size-4);
  }
}
@media only screen and (min-width: 83.25rem) {
  .media-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.media-list__item-icon-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 3rem;
  transform: translate(-50%, -50%);
  color: #fff;
  backdrop-filter: blur(6.25px);
}
.media-list.media-slider {
  --card-width-mobile: 16rem;
  --card-width-desktop: 18rem;
  grid-template-columns: initial;
  grid-auto-flow: column;
  grid-auto-columns: var(--card-width-mobile);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 83.25rem) {
  .media-list.media-slider {
    grid-auto-flow: initial;
    grid-template-columns: repeat(
      auto-fill,
      minmax(var(--card-width-desktop), 1fr)
    );
    gap: var(--size-3);
  }
}
.media-list.media-slider::-webkit-scrollbar {
  height: 4px;
}
.media-list.media-slider::-webkit-scrollbar-thumb {
  background-color: var(--neutral-800);
}
.media-list.media-slider::-webkit-scrollbar-track {
  background: var(--highlight-opacity-10);
}
.podcast-bio {
  margin-bottom: var(--size-4);
}
.podcast-bio__title {
  font-size: 1.375rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.048125rem;
  color: #fff;
}
@media only screen and (min-width: 83.25rem) {
  .podcast-bio__title {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
@media only screen and (min-width: 83.25rem) and (min-width: 83.25rem) {
  .podcast-bio__title {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
.showroom .showroom-stepper {
  display: none;
  gap: 0;
  color: var(--neutral-800);
}
@media only screen and (min-width: 83.25rem) {
  .showroom .showroom-stepper {
    display: flex;
  }
}
.showroom .showroom-stepper .stepper__item {
  --highlight-color: var(--highlight-opacity-10);
  background: var(--highlight-color);
  font-size: 1.5rem;
  padding: var(--size-1) var(--size-2);
}
.showroom .showroom-stepper .stepper__item:hover,
.showroom .showroom-stepper .stepper__item:focus {
  background: linear-gradient(
      180deg,
      var(--highlight-color),
      var(--highlight-color)
    ),
    var(--highlight-color);
}
.showroom .showroom-stepper .stepper__item.disabled {
  background: var(--highlight-opacity-10);
}
.showroom.theme-dark .showroom-stepper .stepper__item {
  --highlight-color: var(--highlight-opacity-20);
}
.showroom-carousel.instalike {
  --carousel-control-height: 2rem;
  --carousel-item-width: 100%;
  --content-padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
.showroom-carousel.instalike .showroom-carousel__content {
  width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-snap-type: x mandatory;
  scroll-padding: 0;
  -webkit-overflow-scrolling: touch;
}
.showroom-carousel.instalike
  .showroom-carousel__content
  .showroom-carousel__content__item {
  --dominant-color: rgba(0, 0, 0, 0.7);
  --darkest-color: rgba(0, 0, 0, 0.8);
  background: linear-gradient(
    168deg,
    var(--dominant-color),
    var(--darkest-color)
  );
  scroll-snap-align: start;
  padding-bottom: var(--carousel-control-height);
}
.showroom-carousel.instalike
  .showroom-carousel__content
  .showroom-carousel__content__item
  .article-card.format__instalike {
  margin-bottom: 0;
  background: unset;
}
.showroom-carousel.instalike .showroom-carousel__control-footer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
}
.showroom-carousel.instalike
  .showroom-carousel__control-footer
  .carousel-indicators__indicator {
  cursor: pointer;
}
.showroom-carousel.instalike .showroom-stepper {
  display: flex;
}
.showroom-carousel.instalike .showroom-stepper .carousel-control {
  --highlight-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.profile-articles-list__grid {
  display: grid;
  gap: var(--size-4);
  row-gap: var(--size-6);
  grid-template-columns: repeat(1, 1fr);
}
@media only screen and (min-width: 48rem) {
  .profile-articles-list__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 83.25rem) {
  .profile-articles-list__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.profile-articles-list__grid__item {
  width: 100%;
}
.profile-articles-list__grid__show-more {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.5rem;
  letter-spacing: -0.035rem;
  color: var(--neutral-800);
  padding: var(--size-2) var(--size-3);
}
.profile-articles-list__grid .article-card .article-card__title {
  font-size: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.125rem;
  letter-spacing: -0.035rem;
}
@media only screen and (min-width: 83.25rem) {
  .profile-articles-list__grid .article-card .article-card__title {
    font-size: 1.6rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.048rem;
  }
}
.profile-articles-list__grid .article-card .article-card__image-wrapper a {
  width: 100%;
}
.profile-empty-state {
  display: flex;
  flex-direction: column;
  padding: var(--size-3);
  background: linear-gradient(
    126deg,
    rgba(200, 211, 213, 0.1) 5.43%,
    rgba(52, 64, 65, 0.1) 91.83%
  );
  gap: var(--size-4);
  min-height: 13.25rem;
}
@media only screen and (min-width: 83.25rem) {
  .profile-empty-state {
    padding: 0.625rem;
    flex-direction: row;
  }
}
.profile-empty-state__icon {
  padding: 0 3.125rem;
  opacity: 0.7;
  text-align: center;
}
.profile-empty-state__icon .hvg-icon {
  font-size: 11.5rem;
}
@media only screen and (min-width: 83.25rem) {
  .profile-empty-state__icon .hvg-icon {
    font-size: 13.25rem;
  }
}
.profile-empty-state__content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 0.625rem;
  color: var(--neutral-600);
}
@media only screen and (min-width: 83.25rem) {
  .profile-empty-state__content {
    align-items: flex-start;
  }
}
.profile-empty-state__content__title {
  font-size: 1.375rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.048125rem;
}
@media only screen and (min-width: 83.25rem) {
  .profile-empty-state__content__title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.profile-empty-state__content__description {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.profile-empty-state__content__cta {
  background-color: var(--item-background, var(--site-500));
  color: var(--item-text-color, var(--neutral-0));
}
.profile-empty-state__content__cta:hover,
.profile-empty-state__content__cta:focus {
  background: linear-gradient(
      0deg,
      var(--highlight-opacity-10),
      var(--highlight-opacity-10)
    ),
    var(--item-background, var(--site-500));
}
.profile-sidebar-menu {
  display: flex;
  flex-direction: column;
  gap: var(--size-5);
}
.profile-sidebar-menu__group {
  display: flex;
  flex-direction: column;
  gap: var(--size-1);
}
.profile-sidebar-menu__logout,
.profile-sidebar-menu__account-delete {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.5rem;
  letter-spacing: -0.035rem;
  color: var(--neutral-800);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  padding: calc(var(--size-2) - 1px);
}
.profile-sidebar-menu__account-delete {
  color: var(--announcement-danger);
}
[data-theme="dark"] .profile-sidebar-menu__account-delete {
  color: var(--announcement-error);
}
[data-theme="dark"] .profile-sidebar-menu__account-delete .hvg-icon span {
  color: var(--announcement-error);
}
#article-details-toolbar {
  display: none !important;
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .article-details-section:has(.brandlab-mobile-header) {
    padding-top: 3rem;
  }
}
.article-details {
  --article-details-section-margin: var(--size-3);
  background-color: var(--neutral-0);
}
.article-details .author-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.article-details .author-tag__author {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  color: var(--neutral-800);
  padding: 0.375rem;
  border: 1.5px solid var(--neutral-100);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  transition: 0.3s ease;
}
.article-details .author-tag__author:hover,
.article-details .author-tag__author:focus {
  background-color: var(--highlight-opacity-20);
}
.article-details .author-tag__author__avatar {
  width: 2rem !important;
  height: 2rem;
  background-color: var(--neutral-100);
}
.article-details .author-tag__button {
  padding: 0.375rem 0.75rem;
  align-self: stretch;
  border: 1.5px solid var(--neutral-100);
}
.article-details .author-tag__button .hvg-icon {
  font-size: 1rem;
}
.article-details .author-tag__button:hover,
.article-details .author-tag__button:focus {
  border-color: var(--highlight-opacity-reversed-10);
  background-color: var(--highlight-opacity-20);
}
.article-details .author-tag.followed .author-tag__author {
  border: 0;
  background-color: var(--neutral-800);
  color: var(--neutral-0);
}
.article-details .author-tag.followed .author-tag__author:hover,
.article-details .author-tag.followed .author-tag__author:focus {
  background-color: var(--neutral-700);
}
.article-details .author-tag.followed .author-tag__button {
  border: 0;
  background-color: var(--neutral-700);
  color: var(--neutral-100);
}
.article-details .author-tag.followed .author-tag__button:hover,
.article-details .author-tag.followed .author-tag__button:focus {
  background-color: var(--neutral-600);
}
.article-details .list-item-author-end a,
.article-details .list-item-author-end em {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  color: var(--neutral-600);
  cursor: pointer;
  display: inline-block;
  padding: var(--size-3) var(--size-1);
}
.article-details .tags {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-3) var(--size-1);
  margin: 0 0 var(--size-3) 0;
}
.article-details .tags li {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.article-details .tags li a:not(.section-type-button),
.article-details .tags li em {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  color: var(--neutral-800);
  cursor: pointer;
  display: inline-block;
  padding: 0.25rem var(--size-1);
  margin: 0;
  text-decoration: none;
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .article-details .tags li a:not(.section-type-button),
  .article-details .tags li em {
    display: block;
    max-width: 28ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.article-details .tags li #more-button-icon {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  font-size: 1.25rem !important;
  min-height: 1.75rem;
  color: var(--neutral-800);
  cursor: pointer;
  display: inline-block;
  padding: 0.25rem;
  margin: 0;
  text-decoration: none;
}
.article-details .section-type-button {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  padding: 0.25rem var(--size-3);
  margin-right: var(--size-1);
}
.article-details ul.article-info {
  margin: 0 0 var(--size-2) 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.article-details ul.article-info li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.article-details ul.article-info li .article-info-item {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  cursor: default;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0 1.25rem 0.25rem 0;
  color: var(--neutral-600);
}
.article-details ul.article-info li .article-info-item__title {
  color: var(--neutral-300);
}
.article-details ul.author-list {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-2);
}
.article-details ul.author-list li {
  padding: 0;
  list-style: none !important;
}
.article-details__header {
  margin-bottom: var(--size-4);
}
.article-details__header h1.title {
  margin: 0 0 var(--size-1) 0;
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-details__header h1.title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
@media only screen and (min-width: 83.25rem) {
  .article-details__header h1.title {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
@media only screen and (min-width: 83.25rem) and (min-width: 83.25rem) {
  .article-details__header h1.title {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
.article-details__header .lead {
  margin: 0 0 var(--size-3) 0;
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-details__header .sub-header {
  display: flex;
  flex-direction: column-reverse;
}
.article-details__header .sub-header .brand-logo {
  margin: 0 auto var(--size-3);
}
.article-details__header .sub-header .brand-logo img {
  width: auto;
  height: 2.5rem;
}
[data-theme="dark"] .article-details__header .sub-header .brand-logo img,
.theme-dark .article-details__header .sub-header .brand-logo img,
.article-details__header .sub-header .brand-logo img.theme-dark {
  background: #fff;
}
@media only screen and (min-width: 83.25rem) {
  .article-details__header .sub-header {
    flex-direction: row;
  }
  .article-details__header .sub-header .brand-logo {
    margin: 0 0 0 auto;
  }
}
.article-details--container {
  display: flex;
  width: 100%;
  gap: 1.5rem;
}
.article-details--container .left-side {
  width: 12rem;
  max-width: 12rem;
}
.article-details--container .content {
  flex: 1;
  max-width: 100%;
}
.article-details--container .right-side {
  flex-direction: column;
  gap: var(--size-3);
  flex-wrap: wrap;
  width: 300px;
}
.article-details .freecontent-container {
  display: flex;
  width: 100%;
}
.article-details .freecontent-left-side {
  flex-grow: 1;
}
.article-details .freecontent-right-side {
  width: 21.75rem;
  min-width: 21.75rem;
  max-width: 21.75rem;
  padding: 0 1.5rem;
}
.article-details .content .content-body > *,
.article-details .content .content-body #paywalled-content > * {
  margin-top: 0;
  margin-bottom: var(--article-details-section-margin);
}
.article-details .content .content-body > *:has(+ :is(h1, h2, h3, h4, h5, h6)),
.article-details
  .content
  .content-body
  #paywalled-content
  > *:has(+ :is(h1, h2, h3, h4, h5, h6)) {
  margin-bottom: calc(var(--article-details-section-margin) * 1.5);
}
.article-details .content .content-body h1,
.article-details .content .content-body h2,
.article-details .content .content-body h3,
.article-details .content .content-body h4,
.article-details .content .content-body h5,
.article-details .content .content-body h6 {
  margin-bottom: var(--size-1);
}
.article-details .content .content-body h1 {
  line-height: 2.5rem;
  font-size: 2.3125rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 2.5rem;
  letter-spacing: -0.0925rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-details .content .content-body h1 {
    font-size: 2.3125rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 2.5rem;
    letter-spacing: -0.0925rem;
  }
}
.article-details .content .content-body h2 {
  line-height: 100%;
  font-size: 2rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.87px;
}
@media only screen and (min-width: 83.25rem) {
  .article-details .content .content-body h2 {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
.article-details .content .content-body h3 {
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-details .content .content-body h3 {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.article-details .content .content-body h4 {
  font-size: 1.6rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 112.5%;
  letter-spacing: -0.048rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-details .content .content-body h4 {
    font-size: 1.6rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.048rem;
  }
}
.article-details .content .content-body h5 {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-details .content .content-body h5 {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-details .content .content-body h6 {
  font-weight: normal !important;
  border-left: var(--size-1) solid var(--site-500);
  padding: var(--size-2);
  margin-bottom: var(--size-2);
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-details .content .content-body h6 {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-details .content .content-body p {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-details .content .content-body a:not(.btn):not(h3 a) {
  text-decoration: underline;
}
.article-details .content .content-body a:not(.btn):not(h3 a) .hvg-icon {
  margin-left: var(--size-1);
}
.article-details
  .content
  .content-body
  a:not([role="button"]):not(.live-feed a):not(.btn) {
  color: var(--site-500);
}
.article-details .content .content-body iframe {
  margin-bottom: var(--article-details-section-margin);
}
.article-details .content .content-body .linkExternal,
.article-details .content .content-body .linkAnchor {
  margin-right: var(--size-4);
}
.article-details .content .content-body .linkExternal .hvg-icon,
.article-details .content .content-body .linkAnchor .hvg-icon {
  position: absolute;
  margin: var(--size-1);
}
.article-details .content .content-body a.btn,
.article-details .content .content-body a[role="button"] {
  text-decoration: none;
}
.article-details .content .content-body .orange {
  background-color: var(--site-500);
  color: var(--neutral-0);
}
.article-details .content .content-body .tag {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  display: inline-block;
  background-color: var(--neutral-100);
  color: var(--neutral-800);
  cursor: pointer;
  padding: 0.25rem var(--size-1);
  text-decoration: none;
}
.article-details .content .content-body .premium {
  color: var(--neutral-0) !important;
  background-color: var(--premium-500) !important;
}
.article-details .content .content-body .premium-article-separator {
  display: none;
  align-items: center;
  justify-content: center;
  background-color: var(--background-50);
  padding: var(--size-1) 0;
  margin: 0 0 var(--size-3) 0;
  gap: var(--size-1);
}
.article-details .content .content-body .premium-article-separator__line {
  flex-grow: 1;
  height: 1px;
  background-color: rgba(94, 176, 173, 0.25);
  border-radius: 2px;
  border: none;
}
.article-details .content .content-body .premium-article-separator__label {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  text-transform: uppercase;
  background-color: var(--premium-20);
  color: var(--premium-500);
  padding: 0.25rem var(--size-1);
}
.article-details .content .content-body ul,
.article-details .content .content-body ol {
  font-size: 1.125rem;
}
.article-details .content .content-body ul li::marker,
.article-details .content .content-body ol li::marker {
  color: var(--site-500);
}
.article-details .content .content-body ol li::marker {
  font-weight: bold;
}
.article-details .content .content-body ul {
  list-style-type: square;
}
.article-details .content .content-body table {
  width: 100%;
  border-collapse: collapse;
  margin: var(--size-3) 0 var(--size-1) 0;
  border: 1px solid var(--premium-500);
  border-radius: 4px;
}
.article-details .content .content-body table th,
.article-details .content .content-body table td {
  padding: var(--size-1);
  border-bottom: 1px solid var(--premium-500);
  background-color: var(--neutral-0);
}
.article-details .content .content-body table th {
  background-color: var(--premium-500);
  color: var(--neutral-0);
}
.article-details .content .content-body table tfoot th,
.article-details .content .content-body table tfoot td {
  border-top: 2px solid var(--premium-500);
  font-style: italic;
}
.article-details .content .content-body .wp-block-table {
  margin-bottom: var(--article-details-section-margin);
}
.article-details .content .content-body .wp-block-table figcaption {
  text-align: center;
  font-style: italic;
}
.article-details .content .content-body .has-text-align-center {
  text-align: center;
}
.article-details .content .content-body .has-text-align-right {
  text-align: right;
}
.article-details .content .content-body table.primary {
  width: 100%;
  border-collapse: collapse;
  margin: var(--size-3) 0;
  border: 1px solid var(--site-500);
  border-radius: 4px;
}
.article-details .content .content-body table.primary th,
.article-details .content .content-body table.primary td {
  padding: var(--size-1);
  border: 1px solid var(--site-500);
  background-color: var(--neutral-0);
}
.article-details .content .content-body table.primary th {
  background-color: var(--site-500);
  color: var(--neutral-0);
}
.article-details
  .content
  .content-body
  p:not(.article-card p):not(.article-series-box p),
.article-details
  .content
  .content-body
  .hvg-article-inner-content__description {
  font-size: 1.125rem;
}
.article-details .content .content-body .twitter-tweet {
  margin-left: auto;
  margin-right: auto;
}
.article-details .content .content-body .embedly-card-hug iframe {
  background: #fff !important;
}
.article-details .content .content-body iframe.embedly-card {
  background: #fff !important;
}
.article-details .wp-block-hvg-article-lead {
  margin-bottom: var(--article-details-section-margin);
}
.article-details .wp-block-hvg-inner-content {
  border-left: var(--size-1) solid var(--site-500);
  background-color: var(--site-20);
  padding: var(--size-2);
  margin-bottom: var(--size-2);
}
[data-theme="dark"] .article-details .wp-block-hvg-inner-content,
.theme-dark .article-details .wp-block-hvg-inner-content,
.article-details .wp-block-hvg-inner-content.theme-dark {
  background-color: #453e39;
}
.article-details .video-embed {
  margin-bottom: var(--article-details-section-margin);
}
.article-details .hvg-article-inner-content__width--inline {
  float: right;
  max-width: 12.5rem;
  margin-left: 1.25rem;
}
.article-details .min-height-400 {
  min-height: 25rem;
}
.article-details .wp-block-hvg-custom-image {
  position: relative;
  font-family: var(--font-family-secondary);
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto var(--article-details-section-margin) auto;
}
.article-details .wp-block-hvg-custom-image--narrow {
  max-width: 18.75rem;
}
.article-details .wp-block-hvg-custom-image__caption {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  flex-grow: 1;
  text-align: left;
  word-wrap: break-word;
  word-break: break-word;
  flex-direction: column;
  padding: 0;
}
.article-details .wp-block-hvg-custom-image__caption--text {
  color: #fff;
  font-weight: bold;
  width: 100%;
  font-size: 0.875rem;
  line-height: 140%;
  padding: 0.625rem 0.9375rem 0;
  min-height: 1.5625rem;
  background: #222;
}
.article-details .wp-block-hvg-custom-image__caption--source::before {
  content: "© ";
  margin-right: 0.25rem;
  color: inherit;
}
.article-details .wp-block-hvg-custom-image__caption--source {
  min-height: unset;
  font-weight: normal;
  color: #888;
  width: 100%;
  font-size: 0.75rem;
  line-height: 140%;
  padding: 0 0.9375rem 0.625rem;
  background: #222;
}
.article-details .wp-block-hvg-custom-image .adult-title {
  font-size: var(--size-4);
}
.article-details .wp-block-hvg-custom-image .adult-text {
  color: silver;
}
.article-details .wp-block-hvg-custom-image button {
  padding: 0.625rem 1.125rem;
  margin-top: var(--size-4);
  color: silver;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid silver;
  font-weight: normal;
  font-size: var(--size-3);
}
.article-details .wp-block-hvg-custom-image button:hover,
.article-details .wp-block-hvg-custom-image button:focus {
  color: #fff;
}
.article-details .wp-block-hvg-custom-image .adult-content-img:before {
  content: "18+";
  width: 4.6875rem;
  height: 4.6875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto var(--size-4);
  border-radius: 45px;
  border: 5px solid #d31c1c;
  font-weight: bold;
  text-align: center;
  font-size: 1.25rem;
  color: #fff;
}
.article-details .wp-block-hvg-custom-image .adult-content-img {
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 1.25rem;
  text-align: center;
  color: #fff;
  font-size: var(--size-3);
  background: #1f1f1f;
}
.article-details
  blockquote:not(.embedly-card, .twitter-tweet):not(:has(iframe)):not(
    :where(iframe *)
  ):not(:where(.hvg-livefeed-post-item *)) {
  position: relative;
  padding: var(--size-5) 4.5rem;
  margin: 1.25rem 0;
  font-style: italic;
}
.article-details
  blockquote:not(.embedly-card, .twitter-tweet):not(:has(iframe)):not(
    :where(iframe *)
  ):not(:where(.hvg-livefeed-post-item *))
  p {
  font-size: 1.375rem !important;
  line-height: 1.5rem !important;
  margin: 0 0 0.625rem 0;
  font-size: 2rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.87px;
}
@media only screen and (min-width: 83.25rem) {
  .article-details
    blockquote:not(.embedly-card, .twitter-tweet):not(:has(iframe)):not(
      :where(iframe *)
    ):not(:where(.hvg-livefeed-post-item *))
    p {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
.article-details
  blockquote:not(.embedly-card, .twitter-tweet):not(:has(iframe)):not(
    :where(iframe *)
  ):not(:where(.hvg-livefeed-post-item *))::before,
.article-details
  blockquote:not(.embedly-card, .twitter-tweet):not(:has(iframe)):not(
    :where(iframe *)
  ):not(:where(.hvg-livefeed-post-item *))::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 1.75rem 1.4375rem;
}
.article-details
  blockquote:not(.embedly-card, .twitter-tweet):not(:has(iframe)):not(
    :where(iframe *)
  ):not(:where(.hvg-livefeed-post-item *))::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2223%22%20viewBox%3D%220%200%2028%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.4706%200V11.5H23.0588C23.0588%2015.129%2020.1088%2018.0714%2016.4706%2018.0714V23C22.8385%2023%2028%2017.8517%2028%2011.5V0H16.4706ZM0%2011.5H6.58823C6.58823%2015.129%203.63824%2018.0714%200%2018.0714V23C6.36791%2023%2011.5294%2017.8517%2011.5294%2011.5V0H0V11.5Z%22%20fill%3D%22%23F26522%22%2F%3E%3C%2Fsvg%3E");
  bottom: var(--size-3);
  left: var(--size-3);
  width: 1.75rem;
  height: 1.4375rem;
}
.article-details
  blockquote:not(.embedly-card, .twitter-tweet):not(:has(iframe)):not(
    :where(iframe *)
  ):not(:where(.hvg-livefeed-post-item *))::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2223%22%20viewBox%3D%220%200%2028%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.4706%200V11.5H23.0588C23.0588%2015.129%2020.1088%2018.0714%2016.4706%2018.0714V23C22.8385%2023%2028%2017.8517%2028%2011.5V0H16.4706ZM0%2011.5H6.58823C6.58823%2015.129%203.63824%2018.0714%200%2018.0714V23C6.36791%2023%2011.5294%2017.8517%2011.5294%2011.5V0H0V11.5Z%22%20fill%3D%22%23F26522%22%2F%3E%3C%2Fsvg%3E");
  top: var(--size-3);
  right: var(--size-3);
  width: 1.75rem;
  height: 1.4375rem;
}
.article-details
  blockquote:not(.embedly-card, .twitter-tweet):not(:has(iframe)):not(
    :where(iframe *)
  ):not(:where(.hvg-livefeed-post-item *))
  cite {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.75rem;
  letter-spacing: -0.01125rem;
  color: var(--neutral-800);
}
.article-details blockquote.twitter-tweet {
  margin: 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #f26522 94%, rgba(0, 0, 0, 0))
      top/4px 4px no-repeat,
    conic-gradient(rgba(0, 0, 0, 0) 30%, #f26522);
  mask: radial-gradient(
    farthest-side,
    rgba(0, 0, 0, 0) calc(100% - 4px),
    #000 0
  );
  animation: spinner 1s infinite linear;
}
.article-details blockquote.tiktok-embed {
  padding: 0;
}
.article-details blockquote.tiktok-embed::before,
.article-details blockquote.tiktok-embed::after {
  display: none;
}
.article-details .brandlab-footer {
  font-size: 1.125rem;
  font-style: italic;
  margin-bottom: var(--article-details-section-margin);
}
.wp-block-hvg-custom-image__caption {
  --image-border-color: var(--site-500);
  --image-text-color: var(--site-20);
}
.wp-block-hvg-custom-image__caption:has(
    .wp-block-hvg-custom-image__caption--text:empty
  ):has(.wp-block-hvg-custom-image__caption--source) {
  border-top: var(--size-1) solid var(--image-border-color) !important;
}
.wp-block-hvg-custom-image__caption--text {
  border-top: var(--size-1) solid var(--image-border-color) !important;
  background-color: var(--image-text-color) !important;
  color: var(--body-color) !important;
}
.wp-block-hvg-custom-image__caption--text:empty {
  display: none;
}
.wp-block-hvg-custom-image__caption--source {
  background-color: var(--image-text-color) !important;
}
.wp-block-hvg-custom-image__caption--source:empty {
  display: none;
}
.wp-block-hvg-custom-image__caption:has(
    .wp-block-hvg-custom-image__caption--text:empty
  )
  .wp-block-hvg-custom-image__caption--source {
  padding-top: 0.625rem;
}
.premium-figcaption .wp-block-hvg-custom-image__caption {
  --image-border-color: var(--premium-500);
  --image-text-color: var(--premium-20);
}
@media only screen and (min-width: 83.25rem) {
  .hide-on-desktop {
    display: none;
  }
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .hide-on-tablet {
    display: none;
  }
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .hide-on-mobile {
    display: none;
  }
  .freecontent {
    padding: var(--size-4);
  }
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .freecontent-left-side {
    max-width: 39.5rem;
    margin-left: 1.5rem;
  }
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .freecontent-left-side {
    max-width: 100%;
    margin: 0 var(--size-1);
  }
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .freecontent-left-side {
    margin-left: 0;
  }
  .content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.isPremium .section-type-button {
  background-color: var(--premium-400) !important;
  color: var(--neutral-900) !important;
}
.isPremium .content .content-body ul li::marker,
.isPremium .content .content-body ol li::marker {
  color: var(--premium-500) !important;
}
.isPremium
  .content
  .content-body
  blockquote:not(:has(iframe)):not(:where(iframe *))::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2223%22%20viewBox%3D%220%200%2028%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.4706%200V11.5H23.0588C23.0588%2015.129%2020.1088%2018.0714%2016.4706%2018.0714V23C22.8385%2023%2028%2017.8517%2028%2011.5V0H16.4706ZM0%2011.5H6.58823C6.58823%2015.129%203.63824%2018.0714%200%2018.0714V23C6.36791%2023%2011.5294%2017.8517%2011.5294%2011.5V0H0V11.5Z%22%20fill%3D%22%235EB0AD%22%2F%3E%3C%2Fsvg%3E") !important;
}
.isPremium
  .content
  .content-body
  blockquote:not(:has(iframe)):not(:where(iframe *))::after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2223%22%20viewBox%3D%220%200%2028%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16.4706%200V11.5H23.0588C23.0588%2015.129%2020.1088%2018.0714%2016.4706%2018.0714V23C22.8385%2023%2028%2017.8517%2028%2011.5V0H16.4706ZM0%2011.5H6.58823C6.58823%2015.129%203.63824%2018.0714%200%2018.0714V23C6.36791%2023%2011.5294%2017.8517%2011.5294%2011.5V0H0V11.5Z%22%20fill%3D%22%235EB0AD%22%2F%3E%3C%2Fsvg%3E") !important;
}
.isPremium
  .content
  .content-body
  .freecontent-left-side
  a:not([role="button"]):not(.live-feed a) {
  color: var(--premium-500) !important;
}
.isPremium
  .content
  .content-body
  a:not([role="button"]):not(.live-feed a):not(.btn) {
  color: var(--premium-500);
}
.isPremium .content .content-body h6 {
  border-left: var(--size-1) solid var(--premium-500);
}
.isPremium .content .content-body .wp-block-hvg-inner-content {
  border-left: var(--size-1) solid var(--premium-500);
  background-color: var(--premium-20);
}
[data-theme="dark"]
  .isPremium
  .content
  .content-body
  .wp-block-hvg-inner-content,
.theme-dark .isPremium .content .content-body .wp-block-hvg-inner-content,
.isPremium .content .content-body .wp-block-hvg-inner-content.theme-dark {
  background-color: #3b5252;
}
.hvg-article-inner-content__title {
  font-weight: bold;
  font-size: 1.17rem;
}
.centered-line {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.125rem;
  font-size: 1.125rem;
}
.centered-line span {
  position: absolute;
  color: var(--premium-500);
  background-color: var(--premium-20);
  padding: 0 0.625rem;
  border: 0.625rem solid var(--primary-background);
}
.centered-line::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(94, 176, 173, 0.2);
  transform: translateY(-50%);
}
.free-body .fade-layer {
  position: relative;
  --fade-layer-height: 5rem;
}
.free-body .fade-layer:before {
  position: absolute;
  content: "";
  width: 100%;
  height: var(--fade-layer-height);
  top: calc(var(--fade-layer-height) * -1);
  background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0), var(--neutral-0));
  background: -webkit-linear-gradient(
    to top,
    rgba(0, 0, 0, 0),
    var(--neutral-0)
  );
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--neutral-0));
}
.social-content {
  position: sticky;
  top: 80px;
}
.social-content ul {
  margin: 0;
  padding: 0;
}
.social-content ul li {
  padding: 0;
  margin: 0 0 0.375rem 0;
  list-style: none !important;
}
.social-content ul li a,
.social-content ul li button {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.5rem;
  letter-spacing: -0.035rem;
  border: 1.5px solid var(--neutral-100);
  padding: 9px var(--size-2);
  display: flex;
  color: var(--neutral-800);
  cursor: pointer;
  background: none;
  width: 100%;
  justify-content: left;
  transition: 0.3s ease;
  gap: 0;
}
.social-content ul li a:hover,
.social-content ul li button:hover {
  text-decoration: none;
  background: var(--highlight-opacity-10);
  box-shadow: none;
}
.social-content ul li .active {
  border-color: var(--site-500);
  color: var(--site-500);
}
.social-content ul li .active:hover,
.social-content ul li .active:focus {
  background: var(--site-20);
}
.social-content ul li .icon {
  text-align: center;
  font-size: 1.5rem;
  min-width: 1.5rem;
}
.social-content ul li .label {
  margin: auto 0 auto 0.75rem;
}
.isPremium .social-content .active {
  border-color: var(--premium-500);
  color: var(--premium-500);
}
.isPremium .social-content .active:hover,
.isPremium .social-content .active:focus {
  background: var(--premium-20);
}
#article-details-toolbar .active {
  --icon-color: var(--site-500);
}
.isPremium #article-details-toolbar .active {
  --icon-color: var(--premium-500);
}
.social-content-grid {
  margin: 0 1.5rem 1.5rem;
  position: initial;
}
.social-content-grid ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.375rem;
}
.social-content-grid ul li {
  margin: 0;
  list-style: none !important;
}
.social-content-grid ul li a,
.social-content-grid ul li button {
  flex-direction: column;
  text-align: center;
}
.social-content-grid ul li .label {
  margin: 0 auto;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .social-content ul a,
  .social-content ul button {
    flex-direction: column;
    text-align: center;
  }
  .social-content ul .label {
    margin: 0 auto !important;
  }
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .social-content-grid ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .social-content-grid ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.adult-window {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 101;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.adult-window .adult-content:before {
  content: "18+";
  width: 4.6875rem;
  height: 4.6875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto var(--size-4);
  border-radius: 45px;
  border: 5px solid #d31c1c;
  font-weight: bold;
  text-align: center;
  font-size: 1.25rem;
  color: #fff;
}
.adult-window .adult-content {
  font-family: var(--font-family-secondary);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 25%;
  color: #fff;
  background: #1f1f1f;
  justify-content: center;
  align-items: center;
}
.adult-window .adult-content .adult-title {
  font-size: 1.5rem;
}
.adult-window .adult-content .adult-text {
  color: silver;
  text-align: center;
}
.adult-window .adult-content p {
  color: #fff;
}
.adult-window .adult-content p a {
  color: silver;
}
.adult-window button {
  display: inline-block;
  padding: 0.625rem 1.125rem;
  margin: var(--size-4) var(--size-4) 0 0;
  color: silver;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid silver;
  font-weight: normal;
  font-size: var(--size-3);
}
.adult-window button:hover {
  color: #fff;
}
.author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: 0.3s ease;
}
.author__avatar {
  width: 1.25rem;
  height: 1.25rem;
}
.search-form {
  padding: 0 0 var(--size-4) 0;
}
.search-form .row-gap-3 {
  row-gap: var(--size-3);
}
.search-form .form-control {
  font-size: 1.125rem;
  line-height: 1.375rem;
}
.search-form .search-form__dates {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--size-3);
}
.search-form .search-form__dates .input-group {
  width: initial;
}
.search-form__date {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-3);
  padding-right: var(--size-3);
}
.search-form__date__label {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.375rem;
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .search-form__date__label {
    padding: 0;
  }
}
.search-form__button-wrapper {
  position: relative;
  text-align: center;
}
.search-form__button-wrapper::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  bottom: 50%;
  border-bottom: 1px solid var(--neutral-150);
}
.search-form__button-wrapper button[type="submit"] {
  font-size: 1rem;
  padding: 0.75rem 4rem;
  position: relative;
  border-left: 10px solid var(--neutral-0);
  border-right: 10px solid var(--neutral-0);
  z-index: 1;
}
.search-form__button-wrapper button[type="submit"].disabled,
.search-form__button-wrapper button[type="submit"][disabled] {
  opacity: 1;
  background-color: var(--neutral-100);
  color: var(--neutral-300);
  filter: grayscale(60%);
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .search-form__button-wrapper::before {
    content: none;
  }
  .search-form__button-wrapper button[type="submit"] {
    width: 100%;
    border: none;
  }
}
div[configurable="hvg:layout:kereses"] [class*="col-"],
div[configurable="hvg:layout:search"] [class*="col-"] {
  min-width: initial;
}
div[configurable="hvg:layout:kereses"] .article-card span.highlight,
div[configurable="hvg:layout:search"] .article-card span.highlight {
  background-color: var(--focus-color-dark);
}
[data-theme="dark"]
  div[configurable="hvg:layout:kereses"]
  .article-card
  span.highlight,
[data-theme="dark"]
  div[configurable="hvg:layout:search"]
  .article-card
  span.highlight {
  color: var(--island-container-background);
}
.card-section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--size-2);
  flex-wrap: wrap;
  flex-direction: row;
}
.card-section__header.section-header {
  margin-bottom: var(--size-4);
}
.card-section__header.section-footer {
  margin-top: var(--size-4);
}
.card-section__header__img {
  height: 3rem;
  width: auto;
}
.card-section__header__left {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--size-2);
  justify-content: center;
  text-align: center;
}
@media only screen and (min-width: 64rem) {
  .card-section__header__left {
    justify-content: flex-start;
    text-align: left;
  }
}
.card-section__header__right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--size-2);
}
@media only screen and (min-width: 64rem) {
  .card-section__header__right {
    justify-content: flex-start;
  }
}
.card-section__header__right__link {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  color: var(--neutral-800);
}
.card-section__header__right__link:hover,
.card-section__header__right__link:focus {
  text-decoration: underline;
}
.card-section__header__right__button {
  --button-color: var(--neutral-800);
  --text-color: var(--neutral-0);
  background-color: var(--button-color);
  color: var(--text-color);
}
.card-section__header__title {
  margin: 0;
}
.card-section__header.font-small .card-section__header__title {
  font-size: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03rem;
}
@media only screen and (min-width: 83.25rem) {
  .card-section__header.font-small .card-section__header__title {
    font-size: 1.125rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.03375rem;
  }
}
.card-section__header.font-small__img {
  height: 2rem;
}
.card-section__header.bg-neutral-100 {
  background: var(--neutral-100);
}
.card-section.main-section {
  background-color: var(--island-container-background);
}
.card-section [adzone] {
  margin: 0 auto;
}
@media only screen and (min-width: 64rem) and (max-width: calc(83.25rem - 1px)) {
  .card-section[configurable^="hvg:first-fold-9-3-manual-adv"] .row .col-lg-9 {
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .card-section[configurable^="hvg:first-fold-9-3-manual-adv"]
    .row
    .col-lg-9
    .grid-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .card-section[configurable^="hvg:first-fold-9-3-extramegabreaking-manual-adv"]
    .row
    .col-lg-9 {
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .card-section[configurable^="hvg:first-fold-5-4-3-semi-adv"]
    .row
    > [class^="col-"] {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
.card-section-vertical {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  border: 1px solid var(--neutral-100);
  background: var(--neutral-50);
}
.card-section-vertical > * {
  padding-left: var(--size-3);
  padding-right: var(--size-3);
}
.card-section-vertical .card-section__header.section-header {
  margin-bottom: var(--size-2);
}
.card-section-vertical .card-section__header.section-footer {
  margin-top: var(--size-2);
}
.card-section-vertical__content {
  display: flex;
  flex-direction: column;
}
.card-section-vertical__content .article-card {
  --title-line-clamp: 5;
}
.card-section-vertical__content .article-card .article-card__title {
  font-size: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03rem;
  display: -webkit-box;
  -webkit-line-clamp: var(--title-line-clamp);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: calc(1lh * var(--title-line-clamp));
}
.card-section-vertical__content .article-card .article-card__title::before {
  bottom: 1px !important;
}
@keyframes fadeNewBackground {
  0% {
    background-color: var(--new-color, var(--site-400));
  }
  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}
.card-section.fresh-section {
  background-color: var(--neutral-100);
}
.card-section.fresh-section .slider {
  gap: 0;
}
.card-section.fresh-section .slider > article:not(:last-child) {
  border-right: 1px solid var(--neutral-200);
}
.card-section.fresh-section .new {
  --new-color: var(--site-400);
  animation: fadeNewBackground 10s ease-out forwards;
}
.card-section.fresh-section .new.is-premium {
  --new-color: var(--premium-400);
}
@media only screen and (min-width: 83.25rem) {
  body:has(.breaking):has(.breaking.overlay):has(.headroom--top) .brand-logo {
    box-shadow: 0 0 4px 0 var(--neutral-800);
  }
  body:has(.breaking):has(.breaking.overlay):has(
      .headroom--top
    )[data-theme="dark"]
    .brand-logo {
    box-shadow: 0 0 4px 0 #4a5759;
  }
}
body:has(.breaking) .article-details-section:has(.brandlab-mobile-header) {
  padding-top: 0;
}
body:has(.breaking):has(.brandlab-mobile-header) .breaking {
  margin-top: calc(2.5rem + 2.5rem);
}
@media only screen and (min-width: 64rem) {
  body:has(.breaking):has(.brandlab-mobile-header) .breaking {
    margin-top: calc(3.5rem + 2.5rem);
  }
  body:has(.breaking):has(.brandlab-mobile-header) .breaking.overlay {
    margin-top: 3.5rem;
  }
}
body:has(.breaking) main {
  padding-top: 0;
}
body:has(.breaking) main > :first-child {
  margin-top: 0 !important;
}
.breaking-inactive {
  height: 0;
  position: absolute !important;
  background-color: var(--site-100);
  z-index: 3;
  left: 7rem;
  width: calc(100% - 7rem);
  margin-top: 3.5rem;
}
.breaking-inactive.scw-marked {
  min-height: 2rem !important;
}
.breaking {
  --breaking-height-desktop: 3.5rem;
  --breaking-height-mobile: 3rem;
  --section-background: var(--site-500);
  --title-font-color: #ffffff;
  --content-font-color: #ffffff;
  --button-background: transparent;
  --button-font-color: #ffffff;
  --button-border-color: #ffffff;
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--breaking-height-mobile);
  background-color: var(--section-background);
  margin-top: 2.5rem;
  position: relative;
}
@media only screen and (min-width: 48rem) {
  .breaking {
    height: var(--breaking-height-desktop);
    margin-top: 3.5rem;
  }
}
@media only screen and (min-width: 83.25rem) {
  .breaking {
    margin-top: calc(3.5rem + 2.5rem);
  }
}
.breaking__wrapper {
  display: flex;
  align-items: center;
  gap: var(--size-3);
}
.breaking__wrapper__title {
  font-size: 1.25rem !important;
  color: var(--title-font-color);
  text-transform: uppercase;
  line-height: normal !important;
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .breaking__wrapper__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.breaking__wrapper__content {
  color: var(--content-font-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600 !important;
  line-height: normal !important;
  font-size: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03rem;
}
@media only screen and (min-width: 83.25rem) {
  .breaking__wrapper__content {
    font-size: 1.125rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.03375rem;
  }
}
.breaking__wrapper__content a {
  color: inherit;
  display: inline;
  text-decoration: none;
  background-image: linear-gradient(
    0deg,
    var(--content-font-color),
    var(--content-font-color)
  );
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size 0.3s;
}
.breaking__wrapper__content a.trans-long {
  transition: background-size 0.5s;
}
.breaking__wrapper__content a:hover,
.breaking__wrapper__content a:focus {
  background-size: 100% 1px;
  background-position: 0 100%;
}
.breaking__wrapper__button {
  color: var(--button-font-color);
  border: 1px solid var(--button-border-color);
  background-color: var(--button-background);
  white-space: nowrap;
  padding: var(--size-1) var(--size-3);
  margin-left: auto;
  font-weight: 700;
}
.breaking__wrapper__button:hover,
.breaking__wrapper__button:focus {
  box-shadow: inset 0 0 0 2rem hsla(0, 0%, 100%, 0.2);
}
.breaking__wrapper__close {
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.1),
      rgba(255, 255, 255, 0.1)
    ),
    var(--section-background);
  color: #f9f9f9;
  padding: var(--size-1);
  margin-left: auto;
}
@media only screen and (min-width: 48rem) {
  .breaking__wrapper__close {
    margin-right: 0.25rem;
    margin-left: unset;
  }
}
.breaking__wrapper__close .hvg-icon {
  font-size: 1.25rem;
}
.breaking__wrapper__close:hover,
.breaking__wrapper__close:focus {
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.2)
    ),
    var(--section-background);
  box-shadow: unset;
  color: #fff;
}
@media only screen and (min-width: 83.25rem) {
  .breaking.overlay {
    margin-top: 3.5rem;
  }
}
@media only screen and (min-width: 83.25rem) {
  .breaking.overlay .breaking__wrapper {
    margin-left: var(--logo-width-lg);
    padding-left: var(--size-3);
  }
}
.slider {
  --desktop-cols: 4;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(75%, 1fr);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: var(--size-3);
  padding-bottom: var(--size-3);
}
.slider > * {
  scroll-snap-align: start;
}
@media only screen and (min-width: 48rem) {
  .slider {
    grid-auto-columns: minmax(60%, 1fr);
  }
}
@media only screen and (min-width: 48rem) {
  .slider {
    grid-auto-columns: minmax(35%, 1fr);
  }
}
@media only screen and (min-width: 83.25rem) {
  .slider {
    overflow-x: visible;
    scroll-snap-type: none;
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    grid-template-columns: repeat(var(--desktop-cols), 1fr);
    padding-bottom: 0;
  }
}
.slider::-webkit-scrollbar {
  height: 4px;
}
.slider::-webkit-scrollbar-thumb {
  background-color: var(--neutral-800);
}
.slider::-webkit-scrollbar-track {
  background: var(--highlight-opacity-10);
}
.app-promotion {
  padding: 1.5rem;
  height: 572px;
  background-color: var(--background-100);
  background-position: 50% 230px;
  background-size: auto 550px;
  margin: 0 -1rem;
}
[data-theme="dark"] .app-promotion {
  background-color: var(--neutral-900);
}
.app-promotion .infobox {
  display: flex;
  gap: 1rem;
  margin-bottom: var(--size-4);
}
.app-promotion .infobox .logo {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODgiIGhlaWdodD0iODgiIHZpZXdCb3g9IjAgMCA4OCA4OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgICAgIDxyZWN0IHk9Ii0wLjAzOTA2MjUiIHdpZHRoPSI4OCIgaGVpZ2h0PSI4OCIgZmlsbD0iI0YyNjUyMiIgLz4KICAgICAgICAgICAgICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF80NDIwXzM0Mjc1KSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGgKICAgICAgICAgICAgICAgICAgICAgICAgZD0iTTExIDU1LjAyOTVWMjMuNjExM0gxOC4xNjhWMzYuNDAxSDE4LjM2NDFDMTguOTU5NiAzNC45MzMzIDE5LjgyNzYgMzMuODA3NSAyMC45Njc5IDMzLjAyMzZDMjIuMTA4MiAzMi4yMzk3IDIzLjUwNjQgMzEuODQ4NyAyNS4xNjI0IDMxLjg1MDNDMjYuNzU5OCAzMS44NTAzIDI4LjExMDUgMzIuMjA5OSAyOS4yMTQ1IDMyLjkyODlDMzAuMzE4NSAzMy42NDggMzEuMTQ2NSAzNC42NjEyIDMxLjY5ODUgMzUuOTY4NkMzMi4yNDk5IDM3LjI3NiAzMi41MjU5IDM4LjgxNTUgMzIuNTI2NSA0MC41ODcxVjU1LjAyOTVIMjUuMzM2N1Y0MS43ODIyQzI1LjMzNjcgNDAuNTYyIDI1LjAzNTMgMzkuNjA2OSAyNC40MzI1IDM4LjkxNjlDMjMuODI5NiAzOC4yMjY5IDIyLjk5MTYgMzcuODgyMiAyMS45MTgzIDM3Ljg4MjdDMjEuMTQ4NCAzNy44ODI3IDIwLjQ4MzggMzguMDUzMSAxOS45MjQ1IDM4LjM5MzlDMTkuMzY1MSAzOC43MzUyIDE4LjkxNTIgMzkuMjI5NiAxOC42MjgxIDM5LjgxODZDMTguMzIzIDQwLjQyODcgMTguMTcwNSA0MS4xMzMzIDE4LjE3MDUgNDEuOTMyMlY1NS4wMjk1SDExWiIKICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD0id2hpdGUiCiAgICAgICAgICAgICAgICAgICAgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aAogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNDAuMzI1MSA1NS4wMjgyTDMxLjk4MDUgMzIuMzQ3N0gzOS4zNDQ1TDQyLjQxNjkgNDMuMTc1NEM0Mi42NzgzIDQ0LjA5MDYgNDIuOTEwOCA0NS4wMzEyIDQzLjExNDEgNDUuOTk3MkM0My4zMTc1IDQ2Ljk2MzIgNDMuNDg1MSA0Ny44NDU3IDQzLjYxNyA0OC42NDQ2SDQzLjgxMzFDNDMuOTU4MyA0Ny44NDU3IDQ0LjEzMjcgNDYuOTYzMiA0NC4zMzYgNDUuOTk3MkM0NC41Mzk0IDQ1LjAzMTIgNDQuNzY0NiA0NC4wOTA2IDQ1LjAxMTUgNDMuMTc1NEw0Ny45OTUgMzIuMzQ3N0g1NS4zODA5TDQ3LjE4ODggNTUuMDI4Mkg0MC4zMjUxWiIKICAgICAgICAgICAgICAgICAgICAgICAgZmlsbD0id2hpdGUiCiAgICAgICAgICAgICAgICAgICAgLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aAogICAgICAgICAgICAgICAgICAgICAgICBkPSJNNjUuMzgyMiA2NC4wNDk5QzYzLjMyIDY0LjA0OTkgNjEuNDkzNiA2My43NjY3IDU5LjkwMjkgNjMuMjAwMUM1OC4zMTIzIDYyLjYzMzYgNTcuMDQ0OSA2MS43NzY4IDU2LjEwMDYgNjAuNjI5OEM1NS4xNTU5IDU5LjQ4MTcgNTQuNjExMSA1OC4wNjUzIDU0LjQ2NjQgNTYuMzgwOEg2MS41NDhDNjEuNzUwOSA1Ny4yMDg4IDYyLjIwNDUgNTcuODIzNCA2Mi45MDkxIDU4LjIyNDZDNjMuNjEzNiA1OC42MjU3IDY0LjUxMDYgNTguODI1NCA2NS42MDAxIDU4LjgyMzhDNjYuNTcyOCA1OC44MjM4IDY3LjM3MTggNTguNjQ1OCA2Ny45OTY5IDU4LjI4OTlDNjguNjE4NSA1Ny45MzcgNjkuMTAyNCA1Ny4zODQgNjkuMzY5NyA1Ni43MjExQzY5LjY2MTkgNTYuMDI5OSA2OS44MDggNTUuMTY5MyA2OS44MDggNTQuMTM5VjUwLjE5MjZINjkuNjMzN0M2OS4wMDg1IDUxLjQ5OTkgNjguMTExNSA1Mi41MTMyIDY2Ljk0MjcgNTMuMjMyMkM2NS43NzM4IDUzLjk1MTMgNjQuMzgyNCA1NC4zMTA4IDYyLjc2ODMgNTQuMzEwOEM2MS4wNDAyIDU0LjMxMDggNTkuNTAzNyA1My44OTMyIDU4LjE1ODkgNTMuMDU3OUM1Ni44MTQxIDUyLjIyMjYgNTUuNzYwOSA1MC45NyA1NC45OTk0IDQ5LjNDNTQuMjM2OCA0Ny42MyA1My44NTU1IDQ1LjU5NjMgNTMuODU1NSA0My4xOTg5QzUzLjg1NTUgNDAuOTE4MyA1NC4yMDQxIDM4LjkyNDggNTQuOTAxNCAzNy4yMTg1QzU1LjU5ODYgMzUuNTEyMiA1Ni42MTkxIDM0LjE5MzkgNTcuOTYyOCAzMy4yNjM3QzU5LjMwMzcgMzIuMzM0IDYwLjkwNSAzMS44NjkxIDYyLjc2NjYgMzEuODY5MUM2NC40MDgxIDMxLjg2OTEgNjUuNzk5IDMyLjI0NjggNjYuOTM5MyAzMy4wMDIyQzY4LjA3OTYgMzMuNzU3NiA2OC45NzY2IDM0Ljg2MTYgNjkuNjMwMyAzNi4zMTQySDY5LjgwOFYzMi4zNzAzSDc2Ljk5NzdWNTQuMTM5Qzc2Ljk5NzcgNTYuMjE2MyA3Ni41MzY1IDU3Ljk5OTQgNzUuNjE0MSA1OS40ODg0Qzc0LjY5MTcgNjAuOTc3MyA3My4zNTkyIDYyLjExMDEgNzEuNjE2NSA2Mi44ODY3QzY5Ljg3MTcgNjMuNjYyMiA2Ny43OTM2IDY0LjA0OTkgNjUuMzgyMiA2NC4wNDk5Wk02NS41NTY1IDQ4LjQ3MkM2Ni40NzE3IDQ4LjQ3MiA2Ny4yNTk3IDQ4LjI2MTQgNjcuOTIwNyA0Ny44NDAxQzY4LjU4MTYgNDcuNDE4OCA2OS4wODI4IDQ2LjgwODcgNjkuNDI0MiA0Ni4wMDk4QzY5Ljc2NTUgNDUuMjExNCA2OS45MzYyIDQ0LjI1MjYgNjkuOTM2MiA0My4xMzM1QzY5LjkzNjIgNDIuMDE0NSA2OS43NjE5IDQxLjA0ODQgNjkuNDEzMyA0MC4yMzU1QzY5LjA2NDYgMzkuNDIyNiA2OC41NTk4IDM4LjgwMTYgNjcuODk4OSAzOC4zNzI1QzY3LjIzNzkgMzcuOTQzNCA2Ni40NDI2IDM3LjcyOTQgNjUuNTEyOSAzNy43MzA2QzY0LjU4MzggMzcuNzMwNiA2My43OTU3IDM3Ljk0NDUgNjMuMTQ4NyAzOC4zNzI1QzYyLjUwMTggMzguODAwNSA2Mi4wMDgxIDM5LjQxODcgNjEuNjY3OSA0MC4yMjcxQzYxLjMyNiA0MS4wMzM0IDYxLjE1NTMgNDIuMDAzIDYxLjE1NTggNDMuMTM2MUM2MS4xNTU4IDQ0LjI0MDYgNjEuMzMwMiA0NS4xOTIxIDYxLjY3ODggNDUuOTkwNUM2Mi4wMjc0IDQ2Ljc4ODkgNjIuNTI4MyA0Ny40MDM1IDYzLjE4MTQgNDcuODM0MkM2My44MzUxIDQ4LjI1OTQgNjQuNjI2OCA0OC40NzIgNjUuNTU2NSA0OC40NzJaIgogICAgICAgICAgICAgICAgICAgICAgICBmaWxsPSJ3aGl0ZSIKICAgICAgICAgICAgICAgICAgICAvPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPGRlZnM+CiAgICAgICAgICAgICAgICAgICAgPGNsaXBQYXRoIGlkPSJjbGlwMF80NDIwXzM0Mjc1Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3Qgd2lkdGg9IjY2IiBoZWlnaHQ9IjQwLjQzODIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMSAyMy42MTEzKSIgLz4KICAgICAgICAgICAgICAgICAgICA8L2NsaXBQYXRoPgogICAgICAgICAgICAgICAgPC9kZWZzPgogICAgICAgICAgICA8L3N2Zz4=");
  background-size: contain;
  min-width: 5rem;
  min-height: 5rem;
  max-width: 5rem;
  max-height: 5rem;
  border-radius: 15px;
}
.app-promotion .infobox .text {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.app-promotion .infobox .text h2 {
  margin: 0;
  line-height: 0.95;
  font-size: 1.625rem;
  margin-bottom: 0.5rem;
}
.app-promotion .infobox .text p {
  margin: 0;
  letter-spacing: -0.2px;
  line-height: 1.3;
  text-wrap: pretty;
}
.app-promotion .cta-wrapper {
  gap: 1.5rem;
  display: flex;
  flex-flow: row wrap;
  max-width: 100%;
}
.app-promotion .cta-wrapper a {
  width: 100%;
  background: #e5e9ea;
  height: 64px;
}
@media only screen and (min-width: 48rem) {
  .app-promotion {
    background-position: 50% 150px;
    background-size: auto 700px;
  }
  .app-promotion .infobox {
    max-width: none;
    margin-bottom: 3rem;
  }
  .app-promotion .infobox .text h2 {
    font-size: 1.625rem;
  }
  .app-promotion .cta-wrapper {
    flex-direction: row;
    flex-wrap: nowrap;
    max-width: none;
  }
}
@media only screen and (min-width: 64rem) {
  .app-promotion {
    padding: 3rem 1.5rem;
    margin: 0 -1.5rem;
    background-position: right calc(100% - 420px) top -100px;
    background-size: auto 550px;
    height: auto;
  }
  .app-promotion .infobox {
    gap: 1rem;
    max-width: 420px;
  }
  .app-promotion .infobox .text {
    justify-content: space-evenly;
  }
  .app-promotion .infobox .text h2 {
    font-size: 1.375rem;
  }
  .app-promotion .cta-wrapper {
    flex-flow: row wrap;
    max-width: 420px;
  }
}
@media only screen and (min-width: 83.25rem) {
  .app-promotion {
    background-size: 96%;
    background-position: 465px 70%;
    padding: 5.75rem 5.25rem;
  }
  .app-promotion .infobox {
    gap: 1.5rem;
  }
  .app-promotion .infobox .logo {
    min-width: 6.75rem;
    min-height: 6.75rem;
    max-width: 6.75rem;
    max-height: 6.75rem;
  }
  .app-promotion .infobox .text {
    justify-content: space-between;
  }
  .app-promotion .infobox .text h2 {
    font-size: 26px;
  }
  .app-promotion .cta-wrapper {
    flex-direction: column;
  }
}
.article-card {
  display: flex;
  position: relative;
  margin: 0 0 var(--size-4) 0;
  overflow: hidden;
}
.article-card > * {
  margin: 0;
  padding: 0;
}
.article-card:has(+ .format__attached, + [adzone] + .format__attached) {
  margin-bottom: var(--size-1);
}
.article-card.is-breaking {
  border: 1px solid var(--site-500);
  background-color: var(--site-20);
  padding: var(--size-1);
}
.article-card__header {
  display: flex;
  align-items: center;
}
.article-card__image-wrapper {
  position: relative;
}
.article-card__image-wrapper img {
  display: block;
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
}
.article-card__image-wrapper .bookmark {
  position: absolute;
  top: var(--size-3);
  right: var(--size-3);
  background: rgba(var(--neutral-0), 0.03);
  backdrop-filter: blur(var(--size-2));
  gap: 0.625rem;
  padding: 0.25rem;
}
.article-card__image-wrapper__badge {
  position: absolute;
  bottom: var(--size-3);
  right: var(--size-3);
  color: #fff;
  background: hsla(0, 0%, 100%, 0.2);
  backdrop-filter: blur(4px);
  padding: 0.1875rem var(--size-1);
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
}
.article-card__title {
  display: block;
  margin: 0;
  align-items: flex-start;
}
.article-card__title a {
  display: inline;
  text-decoration: none;
  background-image: linear-gradient(0deg, var(--site-500), var(--site-500));
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 0 3px;
  transition: background-size 0.3s;
  color: currentColor;
}
.article-card__title a:hover,
.article-card__title a:focus {
  background-size: 100% 3px;
  background-position: 0 100%;
}
.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card__footer {
  display: flex;
  align-items: center;
}
.article-card__more-content {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card__share {
  text-align: right;
  color: rgba(0, 0, 0, 0.6);
}
.article-card__more-content {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.is-premium .article-card__title {
  --premium-icon-size: 0.75em;
  position: relative;
}
.article-card.is-premium .article-card__title a {
  background-image: linear-gradient(
    0deg,
    var(--premium-500),
    var(--premium-500)
  );
  margin-left: calc(var(--premium-icon-size) + 0.15em);
}
.article-card.is-premium .article-card__title::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  font-family: "hvg-icons";
  color: var(--premium-500);
  font-size: var(--premium-icon-size);
}
.article-card.format__horizontal {
  display: flex;
  flex-direction: column;
  gap: var(--size-1);
}
.article-card.format__horizontal.font-small h3.article-card__title {
  font-size: 1.125rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03375rem;
}
.article-card.format__horizontal.font-small p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__horizontal h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__horizontal p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__horizontal.font-medium h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal.font-medium h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__horizontal.font-medium p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__horizontal.font-large h3.article-card__title {
  font-size: 1.6rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 112.5%;
  letter-spacing: -0.048rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal.font-large h3.article-card__title {
    font-size: 1.6rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.048rem;
  }
}
.article-card.format__horizontal.font-large p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__horizontal.font-extra h3.article-card__title {
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal.font-extra h3.article-card__title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.article-card.format__horizontal.font-extra p.article-card__lead {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-card.format__horizontal .article-card__content {
  display: flex;
  flex-direction: row;
  gap: var(--size-3);
}
.article-card.format__horizontal
  .article-card__content
  .article-card__image-wrapper {
  flex: 0 0 auto;
  width: min(45%, 25.5rem);
}
.article-card.format__horizontal .article-card__content .article-card__right {
  display: flex;
  flex-direction: column;
  gap: var(--size-1);
}
.article-card.format__horizontal
  .article-card__content
  .article-card__right
  > * {
  margin: 0;
}
.article-card.format__horizontal
  .article-card__content
  .article-card__right
  .article-card__footer {
  margin-top: auto;
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .article-card.format__horizontal .article-card__content {
    flex-direction: column;
  }
  .article-card.format__horizontal
    .article-card__content
    .article-card__image-wrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal.has-rating.rating-50
    .article-card__content
    .article-card__image-wrapper,
  .article-card.format__horizontal.has-rating.rating-60
    .article-card__content
    .article-card__image-wrapper,
  .article-card.format__horizontal.has-rating.rating-70
    .article-card__content
    .article-card__image-wrapper,
  .article-card.format__horizontal.has-rating.rating-80
    .article-card__content
    .article-card__image-wrapper {
    width: min(35%, 12.75rem);
  }
}
.article-card.format__horizontal-square {
  display: flex;
  flex-direction: column;
  gap: var(--size-1);
}
.article-card.format__horizontal-square.font-small h3.article-card__title {
  font-size: 1.125rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03375rem;
}
.article-card.format__horizontal-square.font-small p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__horizontal-square h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal-square h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__horizontal-square p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__horizontal-square.font-medium h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal-square.font-medium h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__horizontal-square.font-medium p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__horizontal-square.font-large h3.article-card__title {
  font-size: 1.6rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 112.5%;
  letter-spacing: -0.048rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal-square.font-large h3.article-card__title {
    font-size: 1.6rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.048rem;
  }
}
.article-card.format__horizontal-square.font-large p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__horizontal-square.font-extra h3.article-card__title {
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal-square.font-extra h3.article-card__title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.article-card.format__horizontal-square.font-extra p.article-card__lead {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-card.format__horizontal-square .article-card__top {
  display: flex;
  flex-direction: row;
  gap: var(--size-2);
}
.article-card.format__horizontal-square
  .article-card__top
  .article-card__image-wrapper {
  flex: 0 0 auto;
  width: 40%;
}
.article-card.format__horizontal-square
  .article-card__top
  .article-card__title {
  flex: 1 1 auto;
  align-self: flex-start;
}
.article-card.format__horizontal-square .timestamp {
  display: flex;
  align-items: center;
  color: #96a7a9;
}
.article-card.format__horizontal-square .article-card__footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.article-card.format__horizontal-square.is-breaking > * {
  padding: 0 var(--size-3);
}
.article-card.format__horizontal-square.is-breaking > *:last-child {
  padding-bottom: var(--size-3);
}
.article-card.format__horizontal-square.is-breaking > *:first-child {
  padding-top: var(--size-3);
}
.article-card.format__vertical {
  display: flex;
  flex-direction: column;
  gap: var(--size-1);
}
.article-card.format__vertical.font-small h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__vertical.font-small h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__vertical.font-small p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__vertical h3.article-card__title {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__vertical h3.article-card__title {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-card.format__vertical p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__vertical.font-medium h3.article-card__title {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__vertical.font-medium h3.article-card__title {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-card.format__vertical.font-medium p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__vertical.font-large h3.article-card__title {
  font-size: 1.6rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 112.5%;
  letter-spacing: -0.048rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__vertical.font-large h3.article-card__title {
    font-size: 1.6rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.048rem;
  }
}
.article-card.format__vertical.font-large p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__vertical.font-extra h3.article-card__title {
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__vertical.font-extra h3.article-card__title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.article-card.format__vertical.font-extra p.article-card__lead {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-card.format__vertical .timestamp {
  display: flex;
  align-items: center;
}
[data-theme="dark"] .article-card.format__vertical .timestamp {
  color: #96a7a9;
}
.article-card.format__vertical.latest-item .article-card__title {
  color: #fff;
}
.article-card.format__vertical.latest-item .article-card__lead {
  color: #fff;
  margin-bottom: 0;
}
.article-card.format__vertical.is-breaking > * {
  margin-left: var(--size-3);
  margin-right: var(--size-3);
}
.article-card.format__vertical.is-breaking > *:last-child {
  margin-bottom: var(--size-3);
}
.article-card.format__vertical.is-breaking > *:first-child {
  margin-top: var(--size-3);
}
.article-card.format__vertical-overlay {
  flex-direction: column;
}
.article-card.format__vertical-overlay.font-small h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__vertical-overlay.font-small h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__vertical-overlay h3.article-card__title {
  font-size: 1.6rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 112.5%;
  letter-spacing: -0.048rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__vertical-overlay h3.article-card__title {
    font-size: 1.6rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.048rem;
  }
}
.article-card.format__vertical-overlay p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__vertical-overlay.font-medium h3.article-card__title {
  font-size: 1.6rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 112.5%;
  letter-spacing: -0.048rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__vertical-overlay.font-medium h3.article-card__title {
    font-size: 1.6rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.048rem;
  }
}
.article-card.format__vertical-overlay.font-medium p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__vertical-overlay.font-large h3.article-card__title {
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__vertical-overlay.font-large h3.article-card__title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.article-card.format__vertical-overlay.font-extra h3.article-card__title {
  font-size: 2rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.87px;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__vertical-overlay.font-extra h3.article-card__title {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
.article-card.format__vertical-overlay.font-extra p.article-card__lead {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-card.format__vertical-overlay .article-card__image-wrapper {
  aspect-ratio: unset;
}
.article-card.format__vertical-overlay .article-card__image-wrapper img {
  aspect-ratio: unset;
  object-fit: cover;
}
.article-card.format__vertical-overlay .article-card__shifted-layer {
  display: flex;
  flex-direction: column;
  gap: var(--size-1) var(--size-3);
  padding: var(--size-3);
  margin: -7.25rem var(--size-4) 0 var(--size-4);
  background-color: var(--neutral-0);
  z-index: 1;
}
.article-card.format__vertical-overlay .article-card__shifted-layer .timestamp {
  background: var(--neutral-0);
}
.article-card.format__vertical-overlay
  .article-card__shifted-layer
  .article-card__lead {
  margin: 0;
}
.article-card.format__vertical-overlay:not(:has(.article-card__image-wrapper))
  .article-card__shifted-layer {
  margin: 0;
}
.article-card.format__floated {
  --title-line-clamp: 5;
  display: flex;
  flex-direction: column;
  gap: var(--size-1);
}
.article-card.format__floated h3.article-card__title {
  font-size: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03rem;
}
.article-card.format__floated p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__floated.font-small h3.article-card__title {
  font-size: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03rem;
}
.article-card.format__floated.font-small p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__floated.font-medium h3.article-card__title {
  font-size: 1.125rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03375rem;
}
.article-card.format__floated.font-medium p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__floated.font-large h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__floated.font-large h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__floated.font-large p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__floated.font-extra h3.article-card__title {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__floated.font-extra h3.article-card__title {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-card.format__floated.font-extra p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__floated .article-card__top {
  display: flex;
  flex-direction: row;
  gap: var(--size-1);
}
.article-card.format__floated .article-card__top .article-card__image-wrapper {
  flex: 0 0 auto;
  width: 40%;
}
.article-card.format__floated .article-card__top .article-card__title {
  flex: 1 1 auto;
  align-self: flex-start;
  margin: 0;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: var(--title-line-clamp);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-card.format__floated .timestamp {
  display: flex;
  align-items: center;
  color: #96a7a9;
}
.article-card.format__floated .article-card__footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.nav-right-mobile .article-card.format__floated .article-card__title {
  max-height: calc(1lh * var(--title-line-clamp));
}
.article-card.format__attached {
  display: flex;
  flex-direction: column;
  padding: var(--size-3);
  border-bottom: 1px solid var(--neutral-200);
  background-color: var(--neutral-50);
  gap: 0.25rem;
  margin-bottom: var(--size-4);
}
.article-card.format__attached:has(
    + .article-card.format__attached,
    + [adzone] + .article-card.format__attached
  ) {
  margin-bottom: 0;
}
.article-card.format__attached.font-small h3.article-card__title {
  font-size: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03rem;
}
.article-card.format__attached.font-small p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__attached h3.article-card__title {
  font-size: 1.125rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03375rem;
}
.article-card.format__attached p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__attached.font-medium h3.article-card__title {
  font-size: 1.125rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03375rem;
}
.article-card.format__attached.font-medium p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__attached.font-large h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__attached.font-large h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__attached.font-large p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__attached.font-extra h3.article-card__title {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__attached.font-extra h3.article-card__title {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-card.format__attached.font-extra p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__attached .article-card__title {
  position: relative;
  text-wrap: initial;
  padding: 0 var(--size-3);
}
.article-card.format__attached .article-card__title::after {
  --square-size: var(--size-1);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: var(--square-size);
  height: var(--square-size);
  top: calc(0.5em - var(--square-size) / 2);
  background-color: var(--neutral-500);
}
.article-card.format__attached.is-premium .article-card__title::before {
  left: calc(var(--square-size) + var(--size-3));
}
.article-card.format__attached .timestamp {
  padding: 0 var(--size-3);
}
.article-card.format__attached.is-breaking,
.is-breaking .article-card.format__attached {
  border-bottom: 1px solid var(--site-500);
  background-color: var(--site-50);
}
.article-card.format__attached.is-breaking .article-card__title::after,
.is-breaking .article-card.format__attached .article-card__title::after {
  background-color: var(--site-500);
}
.article-card.format__extra-megabreaking {
  --layer-margin: 2rem;
  --layer-margin-negative: calc(var(--layer-margin) * -1);
  display: flex;
  flex-direction: column-reverse;
  padding: var(--size-3);
  border: 1px solid var(--site-500);
  background-color: var(--site-50);
}
.article-card.format__extra-megabreaking.font-small
  .article-card__layer__left
  h3.article-card__title {
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__extra-megabreaking.font-small
    .article-card__layer__left
    h3.article-card__title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.article-card.format__extra-megabreaking.font-small
  .article-card__layer__left
  p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__extra-megabreaking.font-medium
  .article-card__layer__left
  h3.article-card__title {
  font-size: 2rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.87px;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__extra-megabreaking.font-medium
    .article-card__layer__left
    h3.article-card__title {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
.article-card.format__extra-megabreaking.font-medium
  .article-card__layer__left
  p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__extra-megabreaking.font-large
  .article-card__layer__left
  h3.article-card__title {
  font-size: 2.3125rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 2.5rem;
  letter-spacing: -0.0925rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__extra-megabreaking.font-large
    .article-card__layer__left
    h3.article-card__title {
    font-size: 2.3125rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 2.5rem;
    letter-spacing: -0.0925rem;
  }
}
.article-card.format__extra-megabreaking.font-large
  .article-card__layer__left
  p.article-card__lead {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-card.format__extra-megabreaking h3.article-card__title {
  font-size: 2.25rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 105%;
  letter-spacing: -0.07875rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__extra-megabreaking h3.article-card__title {
    font-size: 3.375rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.135rem;
  }
}
.article-card.format__extra-megabreaking p.article-card__lead {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-card.format__extra-megabreaking.font-extra
  .article-card__layer__left
  h3.article-card__title {
  font-size: 2.25rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 105%;
  letter-spacing: -0.07875rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__extra-megabreaking.font-extra
    .article-card__layer__left
    h3.article-card__title {
    font-size: 3.375rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.135rem;
  }
}
.article-card.format__extra-megabreaking.font-extra
  .article-card__layer__left
  p.article-card__lead {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-card.format__extra-megabreaking .article-card__image-wrapper {
  width: 100%;
}
.article-card.format__extra-megabreaking .article-card__layer {
  display: flex;
  flex-direction: column;
  gap: var(--size-1) var(--size-3);
  padding: var(--size-3);
  margin: 0 0 var(--layer-margin-negative) 0;
  background: rgba(50, 58, 59, 0.6);
  backdrop-filter: blur(8px);
  z-index: 1;
}
@media only screen and (min-width: 48rem) {
  .article-card.format__extra-megabreaking .article-card__layer {
    position: absolute;
    background: rgba(50, 58, 59, 0.4);
    flex-direction: row;
    bottom: auto;
    left: 0;
    margin: var(--layer-margin);
  }
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__extra-megabreaking .article-card__layer {
    --layer-margin: 3rem;
  }
}
.article-card.format__extra-megabreaking .article-card__layer__left {
  display: flex;
  flex-direction: column;
  gap: var(--size-1);
}
@media only screen and (min-width: 64rem) {
  .article-card.format__extra-megabreaking .article-card__layer__left {
    gap: var(--size-3);
  }
}
.article-card.format__extra-megabreaking
  .article-card__layer__left
  .article-card__title {
  color: #fff;
}
.article-card.format__extra-megabreaking
  .article-card__layer__left
  .article-card__lead {
  margin: 0;
  color: #fff;
}
.article-card.format__extra-megabreaking
  .article-card__layer
  .article-card__btn {
  background: var(--site-500);
  color: #fff;
  white-space: nowrap;
}
@media only screen and (min-width: 48rem) {
  .article-card.format__extra-megabreaking
    .article-card__layer
    .article-card__btn {
    margin: auto;
  }
}
.article-card.format__extra-megabreaking
  .article-card__layer
  .article-card__btn:hover,
.article-card.format__extra-megabreaking
  .article-card__layer
  .article-card__btn:focus {
  background: var(--site-700);
}
.article-card.format__extra-megabreaking.layer-bottom {
  flex-direction: column;
}
.article-card.format__extra-megabreaking.layer-bottom .article-card__layer {
  margin: var(--layer-margin-negative) 0 0 0;
  top: auto;
  bottom: 0;
}
@media only screen and (min-width: 48rem) {
  .article-card.format__extra-megabreaking.layer-bottom .article-card__layer {
    margin: var(--layer-margin);
  }
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__extra-megabreaking.layer-bottom .article-card__layer {
    --layer-margin: 3rem;
  }
}
.article-card.format__horizontal-overlay {
  display: flex;
  flex-direction: column-reverse;
}
.article-card.format__horizontal-overlay.layer-bottom {
  flex-direction: column;
}
@media only screen and (min-width: 48rem) {
  .article-card.format__horizontal-overlay {
    flex-direction: column;
  }
}
.article-card.format__horizontal-overlay.font-small
  .article-card__layer
  h3.article-card__title {
  font-size: 1.125rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03375rem;
}
.article-card.format__horizontal-overlay.font-small
  .article-card__layer
  p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__horizontal-overlay h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal-overlay h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__horizontal-overlay p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__horizontal-overlay.font-medium
  .article-card__layer
  h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal-overlay.font-medium
    .article-card__layer
    h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__horizontal-overlay.font-medium
  .article-card__layer
  p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__horizontal-overlay.font-large
  .article-card__layer
  h3.article-card__title {
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal-overlay.font-large
    .article-card__layer
    h3.article-card__title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.article-card.format__horizontal-overlay.font-large
  .article-card__layer
  p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__horizontal-overlay.font-extra
  .article-card__layer
  h3.article-card__title {
  font-size: 2rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.87px;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__horizontal-overlay.font-extra
    .article-card__layer
    h3.article-card__title {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
.article-card.format__horizontal-overlay.font-extra
  .article-card__layer
  p.article-card__lead {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-card.format__horizontal-overlay .article-card__layer {
  margin: 0;
  background: #4f5d5e;
  backdrop-filter: blur(10px);
  padding: var(--size-3);
}
@media only screen and (min-width: 48rem) {
  .article-card.format__horizontal-overlay .article-card__layer {
    position: absolute;
    background: rgba(50, 58, 59, 0.4);
    margin: var(--size-4);
  }
}
.article-card.format__horizontal-overlay
  .article-card__layer
  .article-card__title {
  color: #fff;
  margin: 0 0 var(--size-1) 0;
}
.article-card.format__horizontal-overlay
  .article-card__layer
  .article-card__lead {
  color: #fff;
  margin: 0 0 var(--size-1) 0;
}
.article-card.format__horizontal-overlay.layer-bottom .article-card__layer {
  top: auto;
  bottom: 0;
}
.article-card.format__horizontal-overlay:not(:has(.article-card__image-wrapper))
  .article-card__layer {
  position: unset;
}
.article-card__header {
  font-family: var(--font-family-secondary);
  border-top: 2px solid var(--site-500);
}
.is-premium .article-card__header {
  border-color: var(--premium-500);
}
.article-card__header > * {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
}
.article-card__header .article-column,
.article-card__header .article-interest {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  line-height: 1.25rem;
  color: var(--site-500);
}
.article-card__header .article-column a,
.article-card__header .article-interest a {
  color: inherit;
}
.is-premium .article-card__header .article-column,
.is-premium .article-card__header .article-interest {
  color: var(--premium-500);
}
.article-card__header .bookmark {
  background: rgba(var(--neutral-0), 0.03);
  backdrop-filter: blur(var(--size-2));
  gap: 0.625rem;
  padding: 0.166667rem 0;
}
.article-card__header .bookmark .hvg-icon-bookmark-add .path2:before {
  color: var(--neutral-200);
}
.article-card__header .bookmark .hvg-icon-bookmark-add:hover .path2:before {
  color: var(--site-300);
}
.article-card__header .timestamp {
  margin-left: auto;
}
.article-card__footer {
  --footer-height: 1.625rem;
  font-family: var(--font-family-secondary);
  flex-wrap: wrap;
  row-gap: var(--size-1);
}
.article-card__footer > * {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1;
  position: relative;
}
.article-card__footer > *:not(:last-child) {
  margin-right: 1.625rem;
}
.article-card__footer > *:not(:last-child)::after {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background: var(--neutral-500);
  position: absolute;
  right: -0.9375rem;
  top: 50%;
  transform: translateY(-50%);
}
.article-card__footer .article-contentType {
  font-size: 1.625rem;
  margin-right: 1rem;
}
.article-card__footer .article-contentType::after {
  right: -0.5rem;
}
.article-card__footer .article-contentType .hvg-icon {
  --icon-color: var(--site-500);
}
.article-card__footer .article-column,
.article-card__footer .article-interest {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  display: block;
  color: var(--neutral-800);
  background: var(--neutral-150);
}
.article-card__footer .article-column a,
.article-card__footer .article-interest a {
  color: currentColor;
  text-decoration: none;
}
.article-card__footer .article-tag {
  display: block;
  color: var(--neutral-800);
  background: var(--neutral-150);
  padding: 0.1875rem 0.5rem;
  transition: 0.3s ease;
}
.article-card__footer .authors {
  position: relative;
}
.article-card__footer .authors .authors-dropdown {
  width: max-content;
  font-family: inherit;
}
.article-card__footer .authors .authors-dropdown .authors-dropdown__summary {
  list-style: none;
  display: flex;
  align-items: center;
  user-select: none;
}
.article-card__footer
  .authors
  .authors-dropdown:has(.authors-dropdown__list)
  .authors-dropdown__summary {
  cursor: pointer;
}
.article-card__footer
  .authors
  .authors-dropdown
  .authors-dropdown__summary::-webkit-details-marker {
  display: none;
}
.article-card__footer .authors .authors-dropdown .dropdown-opener {
  background-color: var(--neutral-0);
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0.25rem 0.25rem 0.125rem;
  display: flex;
  color: var(--neutral-800);
  white-space: nowrap;
  transition: 0.3s ease;
  font: unset;
  letter-spacing: unset;
  gap: unset;
}
.article-card__footer .authors .authors-dropdown .dropdown-opener::before {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  line-height: unset;
  position: relative;
  display: inline-block;
  content: "";
  font-family: "hvg-icons" !important;
  transition: transform 0.3s ease;
}
.article-card__footer .authors .authors-dropdown .dropdown-opener .num {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  line-height: unset;
  opacity: 1;
  transition: opacity 100ms ease-in-out;
  display: block;
}
.article-card__footer .authors .authors-dropdown[open] .dropdown-opener,
.article-card__footer .authors .authors-dropdown.open .dropdown-opener {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-top: none;
}
.article-card__footer .authors .authors-dropdown[open] .dropdown-opener::before,
.article-card__footer .authors .authors-dropdown.open .dropdown-opener::before {
  transform: rotate(-45deg);
}
.article-card__footer .authors .authors-dropdown[open] .dropdown-opener .num,
.article-card__footer .authors .authors-dropdown.open .dropdown-opener .num {
  width: 0;
  opacity: 0;
}
.article-card__footer .authors .authors-dropdown .author {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  align-items: center;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.article-card__footer .authors .authors-dropdown .author__avatar {
  width: var(--footer-height);
  height: var(--footer-height);
  margin-right: 0.75rem;
}
.article-card__footer .authors .authors-dropdown .author__name {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  color: var(--neutral-800);
  white-space: nowrap;
}
.article-card__footer .authors .authors-dropdown .author .author-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: inherit;
}
.article-card__footer .authors .authors-dropdown .main-author {
  opacity: 1;
  transition: all 100ms ease-in-out;
  padding-right: 0.25rem;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.article-card__footer
  .authors
  .authors-dropdown[open]:has(.authors-dropdown__list)
  .main-author,
.article-card__footer
  .authors
  .authors-dropdown.open:has(.authors-dropdown__list)
  .main-author {
  opacity: 0.2;
}
.article-card__footer .authors .authors-dropdown .authors-dropdown__list {
  position: absolute;
  margin: 0 0;
  padding: var(--size-1) 0;
  list-style: none;
  overflow-y: auto;
  background: var(--neutral-0);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  right: 1px;
  bottom: 0;
  transform: translateY(100%);
  transition: all 150ms ease-in-out;
  min-width: max-content;
}
.article-card__footer
  .authors
  .authors-dropdown
  .authors-dropdown__list
  .authors-dropdown__item {
  padding: 0.25rem var(--size-1);
}
.article-card__footer
  .authors
  .authors-dropdown
  .authors-dropdown__list
  .authors-dropdown__item
  a {
  text-decoration: none;
  color: inherit;
}
.article-card__footer .authors .authors-dropdown[open] .authors-dropdown__list,
.article-card__footer .authors .authors-dropdown.open .authors-dropdown__list {
  transition: all 150ms ease-in-out;
  transform: translateY(-1.625rem);
}
.article-card__footer .timestamp {
  white-space: nowrap;
  color: var(--neutral-600);
}
.article-card.format__video {
  display: flex;
  flex-direction: column;
  gap: var(--size-1);
}
.article-card.format__video.font-small h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__video.font-small h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__video.font-small p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__video h3.article-card__title {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__video h3.article-card__title {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-card.format__video p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__video.font-medium h3.article-card__title {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__video.font-medium h3.article-card__title {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-card.format__video.font-medium p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__video.font-large h3.article-card__title {
  font-size: 1.6rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 112.5%;
  letter-spacing: -0.048rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__video.font-large h3.article-card__title {
    font-size: 1.6rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.048rem;
  }
}
.article-card.format__video.font-large p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__video.font-extra h3.article-card__title {
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__video.font-extra h3.article-card__title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.article-card.format__video.font-extra p.article-card__lead {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-card.format__video .card-icon-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 3rem;
  transform: translate(-50%, -50%);
  backdrop-filter: blur(6.25px);
}
.article-card.format__video .article-card__image-wrapper {
  aspect-ratio: 16/9;
  overflow: hidden;
}
.article-card.format__video-overlay {
  display: flex;
  flex-direction: column;
}
.article-card.format__video-overlay .article-card__layer {
  margin: 0;
  background: #4f5d5e;
  gap: var(--size-1) var(--size-3);
  padding: var(--size-3);
  backdrop-filter: blur(0.625rem);
  z-index: 1;
}
@media only screen and (min-width: 48rem) {
  .article-card.format__video-overlay .article-card__layer {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: var(--size-3);
    background: rgba(50, 58, 59, 0.4);
  }
}
.article-card.format__video-overlay .article-card__layer .article-card__title {
  color: #fff;
}
.article-card.format__video-overlay .article-card__layer .article-card__lead {
  color: #fff;
  margin: 0 0 var(--size-2) 0;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__video-overlay .article-card__layer .article-card__lead {
    max-width: 75%;
  }
}
.article-card.format__video-overlay
  .article-card__layer.font-small
  h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__video-overlay
    .article-card__layer.font-small
    h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__video-overlay
  .article-card__layer.font-small
  p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__video-overlay
  .article-card__layer
  h3.article-card__title {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__video-overlay
    .article-card__layer
    h3.article-card__title {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-card.format__video-overlay .article-card__layer p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__video-overlay
  .article-card__layer.font-medium
  h3.article-card__title {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__video-overlay
    .article-card__layer.font-medium
    h3.article-card__title {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-card.format__video-overlay
  .article-card__layer.font-medium
  p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__video-overlay
  .article-card__layer.font-large
  h3.article-card__title {
  font-size: 1.6rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 112.5%;
  letter-spacing: -0.048rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__video-overlay
    .article-card__layer.font-large
    h3.article-card__title {
    font-size: 1.6rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.048rem;
  }
}
.article-card.format__video-overlay
  .article-card__layer.font-large
  p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__video-overlay
  .article-card__layer.font-extra
  h3.article-card__title {
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__video-overlay
    .article-card__layer.font-extra
    h3.article-card__title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.article-card.format__video-overlay
  .article-card__layer.font-extra
  p.article-card__lead {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-card.format__video-overlay .article-card__layer__content__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--size-1);
}
.article-card.format__video-overlay
  .article-card__layer__content__title
  .article-card__badge {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  color: #fff;
  background: rgba(50, 58, 59, 0.4);
  padding: 0.1875rem var(--size-1);
  height: fit-content;
  position: absolute;
  right: 1rem;
  top: -2rem;
}
@media only screen and (min-width: 48rem) {
  .article-card.format__video-overlay
    .article-card__layer__content__title
    .article-card__badge {
    position: initial;
    background: hsla(0, 0%, 100%, 0.2);
  }
}
.article-card.format__video-overlay .article-card__icon-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2.5rem;
  transform: translate(-50%, -50%);
  backdrop-filter: blur(6.25px);
}
@media only screen and (min-width: 48rem) {
  .article-card.format__video-overlay .article-card__icon-overlay {
    top: 35%;
    font-size: 3rem;
  }
}
.article-card.format__instalike {
  --dominant-color: rgba(0, 0, 0, 0.7);
  --darkest-color: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  gap: var(--size-3);
  padding: var(--size-3);
  background: linear-gradient(
    168deg,
    var(--dominant-color),
    var(--darkest-color)
  );
}
.article-card.format__instalike.font-small h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__instalike.font-small h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__instalike.font-small p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__instalike h3.article-card__title {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__instalike h3.article-card__title {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-card.format__instalike p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__instalike.font-medium h3.article-card__title {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__instalike.font-medium h3.article-card__title {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-card.format__instalike.font-medium p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__instalike.font-large h3.article-card__title {
  font-size: 1.6rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 112.5%;
  letter-spacing: -0.048rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__instalike.font-large h3.article-card__title {
    font-size: 1.6rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.048rem;
  }
}
.article-card.format__instalike.font-extra h3.article-card__title {
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__instalike.font-extra h3.article-card__title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.article-card.format__instalike.font-extra p.article-card__lead {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
.article-card.format__instalike .article-card__title {
  color: #fff;
}
.article-card.format__instalike .article-card__lead {
  color: #dae0e1;
}
.article-card.format__instalike .authors .author__name {
  color: #fff;
}
.article-card.format__instalike .authors .dropdown-opener {
  background: rgba(0, 0, 0, 0);
  color: #fff;
}
.article-card.format__instalike .authors .dropdown-opener:hover {
  background: hsla(0, 0%, 100%, 0.1);
}
.article-card.format__instalike .authors .main-author:hover {
  background: hsla(0, 0%, 100%, 0.1);
}
.article-card.format__instalike .authors .authors-dropdown__list {
  background-color: #323a3b;
  color: #fff;
}
.article-card.format__instalike .authors .authors-dropdown__item:hover {
  background: #4a5759 !important;
}
.article-card.format__instalike .tag {
  background: unset;
}
.article-card.format__instalike .tag .article-tag {
  background: hsla(0, 0%, 100%, 0.2);
  backdrop-filter: blur(4px);
  color: #fff;
  transition: 0.3s ease;
}
.article-card.format__instalike .tag .article-tag:hover,
.article-card.format__instalike .tag .article-tag:focus {
  background: hsla(0, 0%, 100%, 0.3);
}
.article-card.format__instalike .article-card__image-wrapper {
  aspect-ratio: unset;
}
.article-card.format__instalike .article-card__image-wrapper img {
  aspect-ratio: unset;
  object-fit: cover;
}
.article-card.format__fresh {
  --title-line-clamp: 2;
  --square-size: var(--size-1);
  --square-color: var(--site-500);
  --left-padding: calc(var(--square-size) + 0.375rem);
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: 0.25rem;
  padding: var(--size-1) var(--size-3);
}
.article-card.format__fresh.font-small h3.article-card__title {
  font-size: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03rem;
}
.article-card.format__fresh.font-small p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__fresh h3.article-card__title {
  font-size: 1.125rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03375rem;
}
.article-card.format__fresh p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__fresh.font-medium h3.article-card__title {
  font-size: 1.125rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03375rem;
}
.article-card.format__fresh.font-medium p.article-card__lead {
  font-size: 1rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
}
.article-card.format__fresh.font-large h3.article-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__fresh.font-large h3.article-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.article-card.format__fresh.font-large p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__fresh.font-extra h3.article-card__title {
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .article-card.format__fresh.font-extra h3.article-card__title {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.article-card.format__fresh.font-extra p.article-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.article-card.format__fresh .article-card__title {
  position: relative;
  text-wrap: initial;
  padding-left: var(--left-padding);
  display: -webkit-box;
  -webkit-line-clamp: var(--title-line-clamp);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-card.format__fresh .article-card__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: var(--square-size);
  height: var(--square-size);
  top: calc(0.5em - var(--square-size) / 2);
  background-color: var(--square-color);
}
.article-card.format__fresh.is-premium {
  --square-color: var(--premium-500);
}
.article-card.format__fresh.is-premium .article-card__title a {
  margin-left: 0;
}
.article-card.format__fresh.is-premium .article-card__title::before {
  content: none;
}
.article-card.format__fresh .timestamp {
  padding-left: var(--left-padding);
}
.author-card {
  font-family: var(--font-family-secondary);
  color: var(--neutral-800);
  font-weight: 700;
}
.author-card__letter {
  text-transform: uppercase;
  font-size: 6rem;
  line-height: 1;
}
.author-card__name {
  color: var(--neutral-800);
  padding: var(--size-3) 0 0 0;
  word-break: break-word;
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.045rem;
}
@media only screen and (min-width: 83.25rem) {
  .author-card__name {
    font-size: 1.5rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.045rem;
  }
}
.author-card__img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  display: flex;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.author-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.author-card__img__overlay-desktop {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  gap: var(--size-3);
}
.author-card__img__overlay-mobile {
  position: absolute;
  width: 100%;
  height: 100%;
}
.author-card:hover .author-card__img__overlay-desktop {
  opacity: 1;
}
.author-card .followed-corner {
  display: none;
}
.author-card.followed .followed-corner {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  background: rgba(0, 0, 0, 0.05);
  clip-path: polygon(100% 0, 100% 100%, 0 0);
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0.5rem 0.375rem;
  color: var(--site-500);
  font-size: 1.5rem;
  font-weight: bold;
}
.author-mobile-control-dialog__title {
  font-size: 1.8rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.054rem;
}
@media only screen and (min-width: 83.25rem) {
  .author-mobile-control-dialog__title {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.author-mobile-control-dialog__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--size-3);
}
.interests-checkbox-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-2);
}
@media only screen and (min-width: 83.25rem) {
  .interests-checkbox-container {
    gap: var(--size-1);
  }
}
.button-tag {
  display: flex;
  cursor: pointer;
  color: var(--neutral-800);
}
.button-tag__link {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  color: var(--neutral-800);
  transition: 0.3s ease;
  background: var(--neutral-150);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media only screen and (min-width: 83.25rem) {
  .button-tag__link {
    padding: 0.25rem 0.75rem;
  }
}
.button-tag__btn {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  padding: 0.5rem 0.75rem;
  color: var(--neutral-800);
  transition: 0.3s ease;
  background: var(--neutral-200);
  align-self: stretch;
}
.button-tag__btn .hvg-icon {
  font-size: 1rem !important;
  transition: color 0.3s ease;
}
.button-tag__btn .interest-tag__follow {
  display: block;
}
.button-tag__btn .interest-tag__followed {
  display: none;
}
.button-tag__btn:hover,
.button-tag__btn:focus {
  background: var(--neutral-700);
  box-shadow: unset;
}
.button-tag__btn:hover .hvg-icon,
.button-tag__btn:focus .hvg-icon {
  --icon-color: var(--neutral-100);
}
@media only screen and (min-width: 83.25rem) {
  .button-tag__btn {
    padding: 0.25rem 0.5rem;
  }
}
.button-tag:has(input[type="checkbox"]:checked) .button-tag__link {
  background-color: var(--neutral-800);
  color: var(--neutral-0);
}
.button-tag:has(input[type="checkbox"]:checked) .button-tag__link:hover,
.button-tag:has(input[type="checkbox"]:checked) .button-tag__link:focus {
  box-shadow: unset;
  background-color: var(--neutral-700);
}
.button-tag:has(input[type="checkbox"]:checked) .button-tag__btn {
  background-color: var(--neutral-700);
  color: var(--neutral-100);
}
.button-tag:has(input[type="checkbox"]:checked) .button-tag__btn:hover,
.button-tag:has(input[type="checkbox"]:checked) .button-tag__btn:focus {
  background-color: var(--neutral-800);
  color: var(--neutral-0);
  box-shadow: unset;
}
.button-tag:has(input[type="checkbox"]:checked)
  .button-tag__btn
  .interest-tag__follow {
  display: none;
}
.button-tag:has(input[type="checkbox"]:checked)
  .button-tag__btn
  .interest-tag__followed {
  display: block;
}
.article-details .sub-header .button-tag .button-tag__btn {
  padding: 0.25rem 0.75rem;
}
.sidebar-brandlab {
  font-family: var(--font-family-secondary);
  padding: var(--size-2) var(--size-3) var(--size-3) var(--size-3);
  border: 1px solid var(--neutral-100);
}
.sidebar-brandlab h2 {
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.375rem;
  letter-spacing: -0.66px;
}
.sidebar-brandlab .hvg-icon .path1:before {
  color: var(--neutral-0);
}
.sidebar-brandlab__article-teaser {
  font-size: 0.875rem;
}
.sidebar-brandlab__article-teaser__brand-name {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 500;
}
.sidebar-brandlab__article-teaser__brand-name a {
  color: var(--neutral-600);
}
.sidebar-brandlab__article-teaser__brand-name a:hover,
.sidebar-brandlab__article-teaser__brand-name a:focus {
  color: var(--neutral-800);
}
.sidebar-brandlab__article-teaser__brand-name .hvg-icon {
  font-size: var(--size-4);
}
.sidebar-brandlab__article-teaser__title {
  font-weight: 800;
  line-height: 1rem;
  letter-spacing: -0.42px;
}
.sidebar-brandlab__article-teaser__title a {
  color: var(--neutral-600);
  display: inline;
  text-decoration: none;
  background-image: linear-gradient(
    0deg,
    var(--neutral-500),
    var(--neutral-500)
  );
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 0 1px;
  transition: background-size 0.3s;
}
.sidebar-brandlab__article-teaser__title a:hover,
.sidebar-brandlab__article-teaser__title a:focus {
  background-size: 100% 1px;
  background-position: 0 100%;
}
.social-icon-container {
  --iconBackgroundColor: transparent;
  --iconColor: #000000;
  display: flex;
  gap: var(--size-3);
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (min-width: 48rem) {
  .social-icon-container {
    justify-content: flex-start;
  }
}
.social-icon-container .social-icon-box {
  background: var(--iconBackgroundColor);
}
.social-icon-container .social-icon-box .social-icon-color {
  color: var(--iconColor);
}
.social-icon-container .social-icon-box .social-icon-color .path1:before,
.social-icon-container .social-icon-box .social-icon-color .path2:before {
  color: var(--iconColor);
  opacity: 1;
}
.social-icon-container .social-icon-box a {
  font-size: var(--size-4);
  padding: var(--size-1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.podcast-category-card {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
.podcast-category-card__content {
  --dominant-color: rgba(0, 0, 0, 0.5);
  background: linear-gradient(
    180deg,
    var(--dominant-color) 51.67%,
    rgba(31, 45, 45, 0) 99.23%
  );
  width: 100%;
  flex-grow: 1;
}
.podcast-category-card__content__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #fff;
  padding: var(--size-4);
}
@media only screen and (min-width: 48rem) {
  .podcast-category-card__content__wrapper {
    padding: 0 var(--size-5);
  }
}
@media only screen and (min-width: 83.25rem) {
  .podcast-category-card__content__wrapper {
    padding: 0 20% 0 var(--size-4);
  }
}
.podcast-category-card__content__wrapper h3 {
  margin-top: 0;
  font-size: 1.5rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 105%;
  letter-spacing: -0.0525rem;
}
@media only screen and (min-width: 83.25rem) {
  .podcast-category-card__content__wrapper h3 {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
.podcast-category-card__content__wrapper p {
  font-size: 1.3125rem;
  font-family: var(--font-family-body);
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.013125rem;
}
@media only screen and (min-width: 48rem) {
  .podcast-category-card__content__wrapper p {
    font-size: 1rem;
    font-family: var(--font-family-body);
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: -0.01rem;
  }
}
.podcast-category-card__content__wrapper__header {
  padding-top: var(--size-4);
  flex-grow: 1;
}
.podcast-category-card__content__wrapper.no-link-header {
  justify-content: center;
}
.podcast-category-card__content__wrapper.no-link-header h3 {
  margin: 0;
}
@media only screen and (min-width: 83.25rem) {
  .podcast-category-card__content__wrapper.no-link-header h3 {
    font-size: 3.375rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.135rem;
  }
}
.podcast-category-card__content__wrapper__link {
  display: flex;
  align-items: center;
  gap: var(--size-1);
}
@media only screen and (min-width: 48rem) {
  .podcast-category-card__content__wrapper__link {
    padding-bottom: var(--size-4);
  }
}
.podcast-category-card__content__wrapper__link a {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  color: #fff;
}
.podcast-category-card__content__wrapper__link a:hover span:first-of-type,
.podcast-category-card__content__wrapper__link a:focus span:first-of-type {
  text-decoration: underline;
}
.podcast-category-card__content__wrapper__link .hvg-icon {
  font-size: 1.5rem;
}
@media only screen and (min-width: 48rem) {
  .podcast-category-card {
    flex-wrap: nowrap;
    flex-direction: row;
  }
  .podcast-category-card__content {
    width: 80%;
    background: linear-gradient(
      270deg,
      var(--dominant-color),
      rgba(31, 45, 45, 0)
    );
  }
}
.interest-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--size-5);
}
@media only screen and (min-width: 83.25rem) {
  .interest-list {
    gap: var(--size-6);
  }
}
.interest-list__group {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--size-4);
}
@media only screen and (min-width: 83.25rem) {
  .interest-list__group {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}
.interest-list__row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: var(--size-3);
  flex-wrap: wrap;
}
@media only screen and (min-width: 83.25rem) {
  .interest-list__row {
    justify-content: flex-start;
  }
}
.interest-group-card {
  font-family: var(--font-family-secondary);
  color: var(--neutral-800);
  font-weight: 600;
  min-width: 10.75rem;
  text-transform: uppercase;
  font-size: 4.5rem;
  line-height: 1;
  letter-spacing: -0.135rem;
  white-space: nowrap;
  text-align: center;
}
.pagination-container {
  --pagination-item-width: 2.75rem;
  --pagination-item-height: 2.75rem;
  container: pagination-container/inline-size;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .pagination-container {
    margin-left: calc(var(--spacing) * -1);
    margin-right: calc(var(--spacing) * -1);
  }
}
.pagination-container .pagination {
  padding: 2.25rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--size-1);
  flex-wrap: wrap;
}
.pagination-container .pagination__item {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  min-width: var(--pagination-item-width);
  height: var(--pagination-item-height);
  color: var(--neutral-500);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 1px;
  border: 1px solid var(--neutral-100);
  padding: 0 0.325rem;
}
@container pagination-container (min-width: 42rem) {
  .pagination-container .pagination__item {
    padding: 0 0.5rem;
  }
}
[data-theme="dark"] .pagination-container .pagination__item,
.theme-dark .pagination-container .pagination__item,
.pagination-container .pagination__item.theme-dark {
  color: #fff;
}
.pagination-container .pagination__item.pagination__control {
  font-size: var(--size-4);
  border-color: rgba(0, 0, 0, 0);
  padding: 0.1875rem;
  font-weight: bold;
}
[data-theme="dark"] .pagination-container .pagination__item.pagination__control,
.theme-dark .pagination-container .pagination__item.pagination__control,
.pagination-container .pagination__item.pagination__control.theme-dark {
  color: #fff;
}
.pagination-container .pagination__item.pagination__control.disabled {
  opacity: 0.6;
}
.pagination-container .pagination__item.active {
  font-weight: 800;
  background-color: var(--neutral-800);
  color: var(--neutral-0);
  border-color: var(--neutral-800);
  pointer-events: none;
}
.pagination-container
  .pagination__item:hover:not(.active, .disabled, .ellipsis) {
  color: var(--neutral-800);
  background: linear-gradient(
    180deg,
    var(--highlight-opacity-10),
    var(--highlight-opacity-10)
  );
}
.pagination-container .pagination__item.ellipsis {
  pointer-events: none;
}
@container pagination-container (min-width: 23rem) and (max-width: 32rem) {
  .pagination-container .pagination__item.item-long-label {
    padding: 0 0.25rem;
    font-size: 0.75em;
    letter-spacing: -0.04625rem;
  }
}
.pagination-container [class*="size-above-"] {
  display: none;
}
@container pagination-container (min-width: 23rem) {
  .pagination-container .size-above-small {
    display: flex;
  }
}
@container pagination-container (min-width: 29rem) {
  .pagination-container .size-above-medium {
    display: flex;
  }
  .pagination-container .size-max-small {
    display: none;
  }
}
@container pagination-container (min-width: 39rem) {
  .pagination-container .size-above-large {
    display: flex;
  }
  .pagination-container .size-max-medium {
    display: none;
  }
}
.createGiftLink {
  display: none;
}
.createGiftLink-show {
  display: block;
}
.backToHome .icon .path2:before {
  color: var(--site-500) !important;
}
.stepper {
  font-size: 2rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 100%;
  letter-spacing: -0.87px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--size-1);
}
@media only screen and (min-width: 48rem) {
  .stepper {
    justify-content: flex-start;
  }
}
.stepper a:hover {
  text-decoration: none;
}
.stepper__current {
  color: var(--neutral-800);
}
.stepper__control {
  color: var(--neutral-500);
  font-weight: normal;
}
[data-theme="dark"] .stepper__control,
.theme-dark .stepper__control,
.stepper__control.theme-dark {
  color: #fff;
}
.stepper__control.disabled {
  pointer-events: none;
  opacity: 0.4;
}
.stepper__control:hover:not(.disabled) {
  color: var(--neutral-800);
  background: linear-gradient(
    180deg,
    var(--highlight-opacity-10),
    var(--highlight-opacity-10)
  );
}
.modal {
  position: fixed;
  display: flex;
  z-index: 999;
  top: 0;
  bottom: 0;
  left: 0;
  height: inherit;
  width: inherit;
  min-width: 100%;
  min-height: 100%;
  background: rgba(48, 54, 54, 0.6);
  backdrop-filter: blur(0.625rem);
  padding: 0;
  border: 0;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.modal:not([open], .show),
.modal[open="false"] {
  display: none;
}
.modal__wrapper__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--size-3);
}
.modal__wrapper__close {
  font-size: 1.525rem;
  color: var(--neutral-800);
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: var(--size-1);
  cursor: pointer;
}
.modal__wrapper__close.absolute {
  font-size: 2rem;
  position: absolute;
  top: var(--size-1);
  right: var(--size-3);
}
.custom-dialog {
  border: none;
  width: 100%;
  background-color: var(--neutral-0);
}
.custom-dialog .dialog-wrapper {
  padding: 1rem;
}
.custom-dialog .dialog-body button {
  width: 100%;
}
.custom-dialog .dialog-body .premium {
  background-color: var(--premium-400);
  color: #323a3b;
}
.custom-dialog::backdrop {
  background: rgba(48, 54, 54, 0.3);
  backdrop-filter: blur(0.625rem);
}
.custom-dialog .dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.custom-dialog .dialog-header .dialog-title {
  margin: 0;
  font-family: var(--font-family-secondary);
  line-height: normal;
}
.custom-dialog .dialog-header:has(.dialog-close-button) {
  align-items: start;
}
.custom-dialog .dialog-close-button {
  background: none;
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
}
.isPremium .custom-dialog .loader-spinner {
  background: radial-gradient(
        farthest-side,
        var(--premium-400) 94%,
        rgba(0, 0, 0, 0)
      )
      top/4px 4px no-repeat,
    conic-gradient(rgba(0, 0, 0, 0) 30%, var(--premium-400));
  mask: radial-gradient(
    farthest-side,
    rgba(0, 0, 0, 0) calc(100% - 4px),
    #000 0
  );
}
@media only screen and (min-width: 48rem) {
  .custom-dialog {
    width: 450px;
  }
}
#giftDialog .step2 p span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--neutral-100);
  color: #000;
  border-radius: 50%;
  font-weight: bold;
  font-size: 16px;
  margin: 0 5px;
}
#giftDialog .loading-ring {
  margin-top: 1rem;
}
#giftDialog input {
  width: 100%;
  padding: 1rem;
  border: 2px solid var(--premium-400);
  font-size: 1rem;
  color: var(--body-color);
}
#giftDialog .copiedToClipboard {
  color: var(--premium-400);
  font-family: var(--font-family-secondary);
  font-weight: 600;
}
details.custom-details {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  display: block;
  border-bottom: 1px solid var(--neutral-200);
}
details.custom-details[open] {
  padding-bottom: var(--size-2);
}
details.custom-details summary {
  list-style-type: none;
  margin-bottom: 0.4375rem;
  color: var(--neutral-500);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--size-2) var(--size-3);
}
details.custom-details summary::-webkit-details-marker {
  display: none;
}
details.custom-details summary::marker {
  display: none;
}
details.custom-details summary::-moz-list-bullet {
  list-style-type: none;
}
details.custom-details summary::after {
  display: block;
  font-family: "hvg-icons" !important;
  font-size: 1.5rem;
  content: "";
}
details.custom-details.dropdown {
  --dropdown-max-height: 12rem;
  overflow: visible;
  color: var(--neutral-800);
  border-bottom: none;
  padding: 0;
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.5rem;
  letter-spacing: -0.035rem;
}
details.custom-details.dropdown summary {
  margin-bottom: 0;
  color: var(--neutral-800);
  user-select: none;
  background: var(--neutral-0);
  border: 2px solid var(--neutral-100);
}
@media only screen and (min-width: 48rem) {
  details.custom-details.dropdown summary {
    border-color: var(--neutral-600);
  }
}
details.custom-details.dropdown summary::after {
  font-weight: normal;
  color: var(--neutral-500);
  content: "";
  transform: rotate(90deg);
}
details.custom-details.dropdown .dropdown-content {
  --item-padding: var(--size-3);
  --item-height: calc(var(--item-padding) * 2 + 1em);
  --show-item-in-menu: 6;
  --menu-height: calc(var(--item-height) * var(--show-item-in-menu));
  display: block;
  position: absolute;
  z-index: 99;
  min-width: fit-content;
  width: 12.75rem;
  margin: 0;
  padding: 0;
  background-color: var(--neutral-0);
  border: 1.5px solid var(--neutral-600);
  box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.8);
  max-height: var(--menu-height);
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
}
details.custom-details.dropdown .dropdown-content::-webkit-scrollbar {
  width: 0.25rem;
}
details.custom-details.dropdown .dropdown-content::-webkit-scrollbar-track {
  background: var(--highlight-opacity-10);
}
details.custom-details.dropdown .dropdown-content::-webkit-scrollbar-thumb {
  background-color: var(--neutral-600);
  border-radius: 4px;
}
details.custom-details.dropdown
  .dropdown-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--neutral-800);
}
details.custom-details.dropdown .dropdown-content li {
  display: block;
  list-style: none;
}
details.custom-details.dropdown .dropdown-content li a {
  display: block;
  padding: var(--item-padding);
  color: var(--neutral-800);
  margin: 0;
}
details.custom-details.dropdown .dropdown-content li a:hover {
  text-decoration: none;
  background: var(--highlight-opacity-20);
}
details.custom-details.dropdown.striped ul.dropdown-content li:nth-child(even) {
  background: var(--highlight-opacity-10);
}
.showroom-carousel {
  --carousel-item-width: 16.75rem;
  --content-padding-bottom: var(--size-3);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
@media only screen and (min-width: 83.25rem) {
  .showroom-carousel {
    --carousel-item-width: 18.75rem;
    --content-padding-bottom: var(--size-5);
  }
}
.showroom-carousel__control {
  --gradient-angle: 90deg;
  --background-gradient: linear-gradient(
    var(--gradient-angle),
    rgba(50, 58, 59, 1),
    rgba(50, 58, 59, 0)
  );
  background: var(--background-gradient);
  width: 3rem;
  height: calc(100% - var(--content-padding-bottom) - 0.25rem);
  position: absolute;
  top: 0;
  backdrop-filter: blur(1px);
  opacity: 1;
  pointer-events: none;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  box-shadow: none;
  z-index: 1;
}
@media only screen and (min-width: 83.25rem) {
  .showroom-carousel__control {
    display: flex;
    z-index: 1;
  }
}
.theme-light .showroom-carousel__control {
  --background-gradient: linear-gradient(
    var(--gradient-angle),
    rgba(255, 255, 255, 1),
    rgba(255, 255, 255, 0.7)
  );
}
.showroom-carousel__control .hvg-icon {
  width: 1.5rem;
  height: 1.5rem;
  color: #dae0e1;
}
.theme-light .showroom-carousel__control .hvg-icon {
  color: #1f2d2d;
}
.showroom-carousel__control.prev {
  --gradient-angle: 90deg;
  transform: translateX(-100%);
}
.showroom-carousel__control.prev:hover {
  padding-left: 3rem;
}
.showroom-carousel__control.next {
  --gradient-angle: -90deg;
  right: 0;
  transform: translateX(100%);
}
.showroom-carousel__control.next:hover {
  padding-right: 3rem;
}
.showroom-carousel__control[disabled] {
  pointer-events: none;
}
.showroom-carousel__control.prev[disabled] {
  transform: translateX(-100%);
}
.showroom-carousel__control.next[disabled] {
  transform: translateX(100%);
}
.showroom-carousel:hover .showroom-carousel__control,
.showroom-carousel:focus .showroom-carousel__control {
  pointer-events: auto;
  transform: translateX(0%);
}
.showroom-carousel__content {
  display: flex;
  overflow-x: auto;
  gap: var(--size-3);
  padding-bottom: var(--content-padding-bottom);
}
@media only screen and (min-width: 83.25rem) {
  .showroom-carousel__content {
    gap: var(--size-4);
  }
}
.showroom-carousel__content__item {
  flex: 0 0 auto;
  width: var(--carousel-item-width);
  height: unset;
}
.showroom-carousel__content__item.event {
  width: 14.75rem;
  word-break: break-all;
}
@media only screen and (min-width: 83.25rem) {
  .showroom-carousel__content__item.event {
    width: 25rem;
  }
}
.showroom-carousel__content::-webkit-scrollbar {
  height: 4px;
}
.showroom-carousel__content::-webkit-scrollbar-thumb {
  background-color: var(--neutral-800);
}
.showroom-carousel__content::-webkit-scrollbar-track {
  background: var(--highlight-opacity-10);
}
.showroom-carousel__content.dragging {
  cursor: grabbing;
  user-select: none;
}
.showroom-carousel__content.dragging .showroom-carousel__content__item {
  cursor: grabbing;
}
.showroom-carousel .carousel-indicators {
  display: flex;
  gap: var(--size-1);
  justify-content: center;
  padding: var(--size-3);
}
.showroom-carousel .carousel-indicators__indicator {
  width: 0.5rem;
  height: 0.5rem;
  background-color: hsla(0, 0%, 100%, 0.1);
  display: inline-block;
}
.showroom-carousel .carousel-indicators__indicator.active {
  background-color: #fff;
}
.profile-sidebar-menu__item {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.5rem;
  letter-spacing: -0.035rem;
  background: var(--item-background-color, var(--neutral-100));
  color: var(--item-text-color, var(--neutral-800));
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--size-2) 1.125rem var(--size-2) var(--size-2);
}
.profile-sidebar-menu__item.active {
  display: inherit;
  background: var(--item-background-color, var(--site-500));
  color: var(--item-text-color, var(--neutral-0));
  pointer-events: none;
}
[data-theme="dark"] .profile-sidebar-menu__item.active,
.theme-dark .profile-sidebar-menu__item.active,
.profile-sidebar-menu__item.active.theme-dark {
  color: var(--item-text-color, var(--neutral-800));
}
.profile-sidebar-menu__item__label {
  display: inline-flex;
  align-items: center;
  gap: var(--size-1);
}
.profile-sidebar-menu__item__badge {
  padding: 0 var(--size-1);
  border-radius: var(--size-4);
  background: rgba(50, 58, 59, 0.1);
}
.article-series-box {
  background-color: var(--neutral-50);
  border: 1px solid var(--neutral-100);
  padding: var(--size-3);
  margin-bottom: var(--size-3);
}
.article-series-box header {
  margin-bottom: var(--size-2);
  background: var(--site-500);
  padding: var(--size-2);
  background-size: cover;
  background-position: center right;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.article-series-box header h2 {
  color: #fff;
  margin: 0;
  max-width: 75%;
}
.article-series-box header h2::before {
  content: "";
  height: 1.5rem;
  aspect-ratio: 80/36;
  display: inline-block;
  margin-right: var(--size-2);
  background-image: url("");
  background-repeat: no-repeat;
  background-size: contain;
}
.article-series-box [class*="sponsored-header"] h2::before {
  content: "";
  height: 1.5rem;
  aspect-ratio: 80/36;
  display: inline-block;
  margin-right: var(--size-2);
  background-image: url("");
  background-repeat: no-repeat;
  background-size: contain;
}
.article-series-box .description-container p {
  margin-bottom: var(--size-3);
}
.article-series-box .description-container .sponsor-container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: var(--size-3) 0;
}
@media (max-width: 36rem) {
  .article-series-box .description-container .sponsor-container {
    display: block;
  }
}
.article-series-box .description-container .sponsor-container img {
  margin-right: var(--size-3);
  width: 100%;
  aspect-ratio: 16/10;
}
@media (min-width: 36rem) {
  .article-series-box .description-container .sponsor-container img {
    max-width: 318px;
    max-height: 198px;
  }
}
.article-series-box .description-container .sponsor-container h2 {
  margin: var(--size-2) 0 var(--size-4) 0;
}
@media (min-width: 36rem) {
  .article-series-box .description-container .sponsor-container h2 {
    margin: 0 0 var(--size-2) 0;
  }
}
.article-series-box .articles-container {
  display: flex;
  flex-direction: column;
  gap: var(--size-3);
  margin-bottom: var(--size-3);
}
.article-series-box .articles-container > h2 {
  border-bottom: 1px solid var(--neutral-100);
  padding-bottom: var(--size-1);
  margin-bottom: var(--size-2);
  font-size: 1.75rem;
}
.article-series-box .articles-container > article > .article-card__title {
  font-size: 1rem;
}
@media (min-width: calc(48rem - 1px)) {
  .article-series-box .articles-container:has(> div[adzone="true"]) {
    display: grid;
    grid-template-columns: max-content auto;
    grid-template-rows: 2rem;
    gap: 1rem;
    grid-auto-rows: auto;
    align-items: start;
  }
  .article-series-box
    .articles-container:has(> div[adzone="true"])
    > div[adzone="true"] {
    grid-column: 1;
    grid-row: 1/-1;
  }
  .article-series-box .articles-container:has(> div[adzone="true"]) > h2,
  .article-series-box .articles-container:has(> div[adzone="true"]) > article {
    grid-column: 2;
    margin: 0;
  }
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .article-series-box .articles-container:has(> div[adzone="true"]) {
    display: flex;
    flex-direction: column;
  }
  .article-series-box
    .articles-container:has(> div[adzone="true"])
    > div[adzone="true"] {
    order: 1;
  }
  .article-series-box .articles-container:has(> div[adzone="true"]) > h2,
  .article-series-box .articles-container:has(> div[adzone="true"]) > article {
    order: 2;
  }
}
.article-series-box .button-container {
  display: flex;
  justify-content: flex-end;
}
.article-series-box__button {
  background-color: var(--site-500);
  color: var(--neutral-0);
  width: 100%;
}
.brandlab-mobile-header {
  --background: var(--neutral-700);
  --color: var(--neutral-0);
  display: flex;
  position: fixed;
  background: var(--background);
  color: var(--color);
  top: 2.5rem;
  height: 2.5rem;
  left: 0;
  width: 100%;
  padding: var(--size-1);
  z-index: 3;
  transition: top 0.5s ease;
}
.brandlab-mobile-header .center-ellipse {
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.brandlab-mobile-header a {
  color: var(--color);
}
@media only screen and (min-width: 64rem) {
  .brandlab-mobile-header {
    top: 3.5rem;
  }
}
@media only screen and (min-width: 83.25rem) {
  .brandlab-mobile-header {
    display: none;
  }
}
@media only screen and (min-width: 64rem) {
  body:has(.slideUp) .brandlab-mobile-header {
    top: 0;
  }
}
@media only screen and (min-width: 48rem) and (max-width: calc(83.25rem - 1px)) {
  section.article-details:has(.brandlab-mobile-header) {
    padding-top: var(--size-4);
  }
}
.media-card a.card-title {
  text-decoration: none;
  background-image: linear-gradient(0deg, var(--site-500), var(--site-500));
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 0 3px;
  transition: background-size 0.3s;
  color: currentColor;
  display: inline;
}
.media-card a.card-title:hover,
.media-card a.card-title:focus {
  background-size: 100% 3px;
  background-position: 0 100%;
}
.media-card.is-premium a.card-title {
  background-image: linear-gradient(
    0deg,
    var(--premium-500),
    var(--premium-500)
  );
}
.zoom-card__thumbnails {
  display: flex;
  justify-content: space-between;
  margin: var(--size-1) 0;
}
.zoom-card__thumbnails__item {
  width: 32%;
  aspect-ratio: 1.5/1;
  object-fit: cover;
  height: auto;
  display: block;
}
.zoom-card__image {
  position: relative;
}
.zoom-card__image img {
  aspect-ratio: 16/10;
  width: 100%;
  object-fit: cover;
  display: block;
}
.zoom-card__image__badge {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  background: hsla(0, 0%, 100%, 0.2);
  backdrop-filter: blur(4px);
  padding: 0.1875rem var(--size-1);
  bottom: 1rem;
  right: 1rem;
}
.zoom-card__title {
  font-size: 1.3rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.039rem;
}
@media only screen and (min-width: 83.25rem) {
  .zoom-card__title {
    font-size: 1.3rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.039rem;
  }
}
.zoom-card__lead {
  font-size: 1.125rem;
  font-family: var(--font-family-body);
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
}
.media-list .zoom-card {
  width: 100%;
  height: 100%;
}
.podcast-card {
  --dominant-color: rgba(0, 0, 0, 0.3);
  --darkest-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  padding: var(--size-3) 10%;
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.4) 100%
    ),
    linear-gradient(
      160deg,
      var(--dominant-color) -3.29%,
      var(--darkest-color) 100%
    );
}
.podcast-card.podcast-slider-card {
  padding: var(--size-3);
}
@media only screen and (min-width: 48rem) {
  .podcast-card {
    padding: var(--size-3);
  }
}
.podcast-card__image {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--size-3) 0 var(--size-4) 0;
}
.podcast-card img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  margin: auto;
}
@media only screen and (min-width: 83.25rem) {
  .podcast-card img {
    width: 95%;
  }
}
.podcast-card__content {
  flex-grow: 1;
  width: 100%;
  margin-bottom: var(--size-3);
}
.podcast-card__content__title {
  color: #fff;
  font-size: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 115%;
  letter-spacing: -0.03rem;
}
@media only screen and (min-width: 83.25rem) {
  .podcast-card__content__title {
    font-size: 1.125rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 115%;
    letter-spacing: -0.03375rem;
  }
}
.podcast-card__content__subtitle {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  color: #fff;
  opacity: 0.7;
}
.podcast-card__footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
.podcast-card__footer__badge {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.25rem;
  letter-spacing: -0.030625rem;
  text-transform: uppercase;
  color: #fff;
  padding: 0.1875rem var(--size-1);
  background: hsla(0, 0%, 100%, 0.1);
  backdrop-filter: blur(4px);
}
.podcast-card__footer__waves {
  font-size: 1.325rem;
}
.podcast-card__footer__play {
  --icon-color: #ffffff !important;
  font-size: 2rem;
  background: rgba(239, 243, 243, 0.3);
  backdrop-filter: blur(6.25px);
}
details.custom-details.toolbar-dropdown {
  margin: auto 0;
}
details.custom-details.toolbar-dropdown .toolbar-summary {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.5rem;
  letter-spacing: -0.035rem;
  background: #323a3b;
  color: #fff;
  line-height: 1.25rem;
  border: 0;
  padding: 0.5rem;
  transition: 0.3s ease;
}
details.custom-details.toolbar-dropdown .toolbar-summary:after {
  color: #f26522;
}
details.custom-details.toolbar-dropdown .toolbar-summary .hvg-icon {
  padding: 0;
}
@media only screen and (min-width: 48rem) {
  details.custom-details.toolbar-dropdown .toolbar-summary {
    padding: 0.25rem 0.75rem;
  }
}
@media only screen and (min-width: 48rem) {
  details.custom-details.toolbar-dropdown .toolbar-summary {
    border: 1.5px solid #fff;
  }
}
details.custom-details.toolbar-dropdown ul.dropdown-content {
  --item-padding: 0.75rem;
  margin: 0;
}
details.custom-details.toolbar-dropdown ul.dropdown-content li {
  font-size: 1rem;
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 48rem) {
  details.custom-details.toolbar-dropdown ul.dropdown-content {
    --item-padding: 0.5rem;
  }
}
details.custom-details.column-dropdown {
  position: relative;
  font-size: 1rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.125rem;
  letter-spacing: -0.035rem;
}
@media only screen and (min-width: 48rem) {
  details.custom-details.column-dropdown {
    font-size: 1.8rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 100%;
    letter-spacing: -0.054rem;
  }
}
details.custom-details.column-dropdown summary {
  padding: var(--size-3);
  font-size: 1.6rem;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  line-height: 112.5%;
  letter-spacing: -0.048rem;
}
@media only screen and (min-width: 83.25rem) {
  details.custom-details.column-dropdown summary {
    font-size: 1.6rem;
    font-family: var(--font-family-secondary);
    font-weight: 700;
    line-height: 112.5%;
    letter-spacing: -0.048rem;
  }
}
@media only screen and (min-width: 83.25rem) {
  details.custom-details.column-dropdown summary {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
@media only screen and (min-width: 83.25rem) and (min-width: 83.25rem) {
  details.custom-details.column-dropdown summary {
    font-size: 2rem;
    font-family: var(--font-family-secondary);
    font-weight: 800;
    line-height: 100%;
    letter-spacing: -0.87px;
  }
}
details.custom-details.column-dropdown ul.dropdown-content {
  width: 100%;
  left: 0;
}
.group-separator {
  margin-bottom: 1rem;
}
.group-separator__title {
  font-family: var(--font-family-secondary);
  font-size: 14px;
  color: var(--site-500);
  margin-bottom: var(--size-1);
  font-weight: 500;
  letter-spacing: -0.42px;
}
.group-separator hr {
  margin: 0;
  border-top: 1px solid var(--site-500);
}
.bookmark {
  cursor: pointer;
  color: var(--color-primary);
}
.bookmark .hvg-icon-bookmark-add {
  font-size: 1rem;
}
.bookmark .hvg-icon-bookmark-add .path1:before {
  opacity: 0;
}
.bookmark .hvg-icon-bookmark-add .path2:before {
  content: "";
  color: var(--neutral-0);
}
.bookmark:hover .hvg-icon-bookmark-add .path2:before {
  content: "";
  color: var(--site-300);
}
.bookmark[data-bookmarked="True"] .hvg-icon-bookmark-add .path2:before {
  content: "";
  color: var(--site-700);
}
.bookmark[data-bookmarked="True"]:hover .hvg-icon-bookmark-add .path2:before {
  content: "";
  color: var(--site-300);
}
.timestamp {
  white-space: nowrap;
  font-family: var(--font-family-secondary);
  color: var(--neutral-600);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.02625rem;
}
[data-theme="dark"] .timestamp,
.theme-dark .timestamp,
.timestamp.theme-dark {
  color: var(--neutral-700);
}
hr.separator-hr {
  --color: var(--neutral-200);
  --vertical-margin: 1;
  border: 0;
  margin-top: calc(var(--vertical-margin) * 1rem);
  margin-bottom: calc(var(--vertical-margin) * 1rem);
  border-top: 1px solid var(--color);
}
.icon-xs {
  font-size: 0.5rem;
}
.icon-sm {
  font-size: 0.75rem;
}
.icon-lg {
  font-size: 1.25rem;
}
.icon-xl {
  font-size: 1.5rem;
}
.icon-xxl {
  font-size: 1.75rem;
}
.hvg-icon {
  --icon-color: unset;
  color: var(--icon-color);
}
.hvg-icon span {
  color: var(--icon-color);
}
.hvg-icon span.path1:before,
.hvg-icon span.path2:before {
  color: var(--icon-color);
}
.hvg-icon:before {
  color: var(--icon-color);
}
.icon-reset-color {
  color: unset !important;
}
.icon-reset-color:before {
  color: unset !important;
}
.icon-reset-color .path1:before,
.icon-reset-color .path2:before {
  color: unset !important;
}
.icon-reset-opacity {
  opacity: unset;
}
.icon-reset-opacity .path1:before,
.icon-reset-opacity .path2:before {
  opacity: unset;
}
.icon-site-500 {
  --icon-color: var(--site-500) !important;
}
.icon-neutral-800 {
  --icon-color: var(--neutral-800);
}
.icon-neutral-0 {
  --icon-color: var(--neutral-0);
}
.icon-neutral-0-static {
  --icon-color: #ffffff;
}
section {
  margin-bottom: var(--section-bot-margin);
}
section.main-section {
  margin-bottom: 0;
}
.tablet-horizontal {
  --row-elements: 2;
}
@media only screen and (min-width: 48rem) and (max-width: calc(83.25rem - 1px)) {
  .tablet-horizontal {
    display: flex;
    flex-direction: row;
    gap: var(--size-4);
    flex-wrap: wrap;
  }
  .tablet-horizontal > article {
    width: calc(50% - var(--size-4) / 2);
  }
}
.path2:before {
  margin-left: -1lh !important;
}
.hvg-icon-duocolor-bookmark-add .path2:before {
  margin-left: -0.77em !important;
}
@media only screen and (max-width: calc(64rem - 1px)) {
  body .slideDownMobile .brand-logo {
    display: inherit;
    width: 2.5rem;
    height: 2.5rem;
    position: fixed;
    bottom: 6.25rem;
    left: 1rem;
  }
  body:not(.main-page) .slideUp #site-toolbar .brand-logo {
    display: none !important;
  }
  body:not(.main-page) .slideUp #site-toolbar .header-toolbar-back-btn {
    display: block !important;
    padding: 0 0.375rem;
  }
  body:not(.main-page) .animated.slideUp {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
  }
  body:not(.main-page) .animated.slideDown {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    animation-name: none;
  }
  body:not(.main-page):has(main.shop-ui) .animated.slideUp {
    -webkit-animation-name: slideUp;
    -moz-animation-name: slideUp;
    -o-animation-name: slideUp;
    animation-name: slideUp;
  }
  body:not(.main-page):has(main.shop-ui) .animated.slideDown {
    -webkit-animation-name: slideDown;
    -moz-animation-name: slideDown;
    -o-animation-name: slideDown;
    animation-name: slideDown;
  }
}
.pixel-traffic {
  position: absolute;
  top: 0;
}
:where(a:not([role="button"], .btn, [type="button"])) {
  outline: none;
  color: var(--neutral-600);
  text-decoration: none;
}
.site-color {
  color: var(--site-500) !important;
}
figure {
  margin: 0;
}
[data-theme="dark"] figure .embedly-card,
.theme-dark figure .embedly-card,
figure .embedly-card.theme-dark {
  background: var(--neutral-0);
  padding: var(--size-1) 0 var(--size-4) 0;
}
figure .embedly-card .embedly-card-hug {
  border: 10px solid #fff;
  margin: 0 auto !important;
}
.text-underline {
  text-decoration: underline;
}
.no-hover-decoration {
  text-decoration: none !important;
}
a[role="button"],
[role="button"],
[type="button"],
button {
  text-decoration: none;
  align-items: center;
  justify-content: center;
}
.relative {
  position: relative;
}
.nowrap {
  white-space: nowrap;
}
.w-full {
  width: 100%;
}
.w-max-full {
  max-width: 100%;
}
.h-full {
  height: 100%;
}
.justify-right {
  justify-content: right;
}
.lowercase {
  text-transform: lowercase;
}
.bg-50-solid {
  background-color: var(--background-50);
}
[data-theme="dark"] .bg-50-solid,
.theme-dark .bg-50-solid,
.bg-50-solid.theme-dark {
  background: #191e1e;
}
.bg-50-light {
  background-color: #f7f9f9;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: end;
}
.justify-center {
  justify-content: center;
}
.hidden-important {
  display: none !important;
}
.row.no-gap {
  row-gap: 0 !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row {
  flex-direction: row !important;
}
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background: var(--primary-background);
}
.w-full-island {
  --island-padding: 1rem;
  width: calc(100% + var(--island-padding) * 2);
  margin-left: calc(var(--island-padding) * -1);
  margin-right: calc(var(--island-padding) * -1);
  max-width: unset;
}
@media only screen and (min-width: 48rem) {
  .w-full-island {
    --island-padding: 1.5rem;
  }
}
main {
  display: block;
  z-index: 2;
  background-color: var(--background-50);
  min-height: 100dvh;
  position: relative;
}
[data-theme="dark"] main,
.theme-dark main,
main.theme-dark {
  background: var(--neutral-900);
}
@media only screen and (min-width: 48rem) {
  main .island-container {
    margin-top: 1rem;
  }
}
@media only screen and (min-width: 83.25rem) {
  main .island-container {
    margin-top: var(--main-padding-top);
  }
}
main .island-container:has(.main-container) {
  padding-top: 0;
}
main > [configurable]:not([configurable="::"]) {
  position: relative;
}
.page-title {
  margin: 0 0 var(--size-4) 0;
  display: flex;
  align-items: center;
}
.page-title__icon {
  --icon-color: var(--neutral-800);
  font-size: 2.5rem;
  margin-right: var(--size-1);
}
.page-title.page-title-small {
  margin: 0 0 var(--size-5) 0;
}
.page-title.page-title-small .page-title__icon {
  font-size: 2.3125rem;
}
html,
body {
  scroll-padding-top: 3.5rem;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  html,
  body {
    scroll-padding-top: 2.5rem;
  }
}
@media only screen and (min-width: 64rem) {
  html ::-webkit-scrollbar {
    width: 0.75rem;
  }
  html ::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    border-radius: 0;
  }
  html ::-webkit-scrollbar-track {
    background: #d3d3d3;
  }
}
body.menu__active {
  position: fixed;
}
body[data-theme="dark"],
body.theme-dark {
  background: var(--neutral-900);
}
main {
  padding-top: 3.5rem;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  main {
    padding-top: 2.5rem;
  }
}
.hidden {
  display: none;
}
.active {
  display: block;
}
header#header {
  background-color: var(--neutral-800);
  height: 3.5rem;
  z-index: 97;
  display: block;
}
@media only screen and (max-width: calc(64rem - 1px)) {
  header#header {
    height: 2.5rem;
  }
}
[data-theme="dark"] header#header,
.theme-dark header#header,
header#header.theme-dark {
  background-color: #4a5759;
}
header#header .custom-toolbar {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
header#header nav {
  height: 100%;
  gap: 1rem;
}
header#header nav .logo-wrapper {
  width: var(--logo-width-sm);
  flex-shrink: 0;
  display: flex;
}
@media only screen and (min-width: 64rem) {
  header#header nav .logo-wrapper {
    width: var(--logo-width-md);
  }
}
@media only screen and (min-width: 83.25rem) {
  header#header nav .logo-wrapper {
    width: var(--logo-width-lg);
  }
}
header#header nav .toolbar-item {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 800;
  line-height: 1.5rem;
  letter-spacing: -0.035rem;
  background: #323a3b;
  font-family: var(--font-family-secondary);
  color: #fff;
  gap: 0.5rem;
  line-height: 1.25rem;
  padding: 0.5rem 1rem;
  margin: auto 0;
  will-change: transform;
  transition: transform 0.5s ease, 0.3s ease;
  border: 1.5px solid #b0bdbf;
}
@media only screen and (max-width: calc(64rem - 1px)) {
  header#header nav .toolbar-item {
    padding: 0.25rem 0.75rem;
  }
}
header#header nav .toolbar-item .hvg-icon {
  font-size: 1.25rem;
  padding: 0;
}
header#header nav .button-tag__link {
  color: #fff;
  background: hsla(0, 0%, 100%, 0.2);
  backdrop-filter: blur(4px);
  padding: 0.25rem 1rem;
}
@media only screen and (max-width: calc(64rem - 1px)) {
  header#header nav .button-tag__link {
    padding: 0.25rem 0.75rem;
  }
}
header#header nav .brand-logo {
  padding-left: 0;
  position: fixed;
  width: var(--logo-width-sm);
  height: var(--logo-width-sm);
  z-index: 2;
  transform-origin: top left;
  transition: all 0.5s ease;
  top: 0;
}
@media only screen and (min-width: 64rem) {
  header#header nav .brand-logo {
    width: var(--logo-width-md);
    height: var(--logo-width-md);
  }
}
@media only screen and (min-width: 83.25rem) {
  header#header nav .brand-logo {
    width: var(--logo-width-lg);
    height: var(--logo-width-lg);
  }
}
header#header nav .brand-logo svg {
  width: 100%;
  height: auto;
}
header#header
  nav
  .brand-logo.animated.scaleDown
  + .nav-left:first-of-type
  details.dropdown
  summary[role="button"] {
  transform: translateX(var(--logo-width-md));
}
header#header
  nav
  .brand-logo.animated.scaleUp
  + .nav-left:first-of-type
  details.dropdown
  summary[role="button"],
header#header
  nav
  .brand-logo.animated.headroom--top
  + .nav-left:first-of-type
  details.dropdown
  summary[role="button"] {
  transform: translateX(var(--logo-width-lg));
}
header#header.header--fixed {
  position: fixed;
  z-index: 100;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}
header#header.headroom {
  will-change: transform;
  transition: transform 200ms linear;
}
header#header.headroom--pinned {
  transform: translateY(0%);
}
header#header.headroom--unpinned {
  transform: translateY(-100%);
}
header#header.headroom--frozen {
  transform: none !important;
}
header#header.slideUp nav .brand-logo {
  top: 0;
}
@media only screen and (min-width: 64rem) {
  header#header.slideUp nav .brand-logo {
    top: 3.5rem;
  }
}
header#header.slideDown nav .brand-logo {
  top: 0;
}
.dropdown__layer {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.dropdown__layer.visible {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100dvw;
  height: 100dvh;
  z-index: 101;
  background: rgba(48, 54, 54, 0.3);
  backdrop-filter: blur(10px);
  opacity: 1;
}
.dropdown__layer.closing {
  opacity: 0;
  transition: opacity 0.3s ease;
}
nav .open-nav.open-latest {
  height: 2.5rem;
  background: #323a3b;
  font-family: var(--font-family-secondary);
  color: #fff;
  gap: 0.5rem;
  border: 1.5px solid #fff;
  padding: var(--size-2) var(--size-4) var(--size-2) var(--size-1);
  margin: var(--size-1) 0 0 0;
  transition: 0.3s ease;
  will-change: transform;
}
@media only screen and (max-width: calc(64rem - 1px)) {
  nav .open-nav.open-latest {
    background: rgba(0, 0, 0, 0);
    border: 0;
    padding: 0 0 0 var(--size-1);
    margin: unset;
    transform: none;
    height: unset;
  }
}
nav .hvg-icon {
  --icon-color: #ffffff;
  font-size: 1.5rem;
  padding: var(--size-3) var(--size-1) var(--size-3) var(--size-3);
  cursor: pointer;
  display: flex;
}
nav .toolbar {
  gap: 0.25rem;
}
nav button .hvg-icon,
nav a .hvg-icon {
  font-size: 1.5rem;
  padding: 0.375rem 0;
  cursor: pointer;
  --icon-color: #ffffff;
}
nav button.active,
nav a.active {
  color: var(--site-500);
}
nav button.active .hvg-icon,
nav a.active .hvg-icon {
  --icon-color: var(--site-500);
}
nav button.icon-only,
nav a.icon-only {
  padding: 0 var(--size-2);
  background: rgba(0, 0, 0, 0);
}
nav button.icon-only .icon-text:empty,
nav a.icon-only .icon-text:empty {
  display: none;
}
nav .go-back {
  background: none !important;
}
.nav-left button[role="link"],
.nav-left a[role="link"],
.nav-right button[role="link"],
.nav-right a[role="link"] {
  height: 100%;
}
.nav-left button .icon-text,
.nav-left a .icon-text,
.nav-right button .icon-text,
.nav-right a .icon-text {
  width: 100%;
}
.nav-left h3,
.nav-left h4,
.nav-right h3,
.nav-right h4 {
  font-family: var(--font-family-secondary);
}
.nav-left h3,
.nav-right h3 {
  color: #fff;
  margin: var(--size-4) 0.66667rem;
  font-size: 1.5rem;
}
.nav-left .columns-feed,
.nav-right .columns-feed {
  margin: 0;
  padding: var(--size-3);
  position: fixed;
  width: 18.75rem;
  height: 100dvh;
  top: 0;
  background: var(--neutral-900);
  transition: transform 0.3s ease 0.05s;
  z-index: 100;
  will-change: transform;
  overflow: hidden;
}
.nav-left
  .columns-feed
  .article-card.format__vertical.latest-item
  .article-card__more-content,
.nav-right
  .columns-feed
  .article-card.format__vertical.latest-item
  .article-card__more-content {
  display: none;
}
.nav-left .columns-feed__header,
.nav-right .columns-feed__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
  margin-top: 0.66rem;
}
.nav-left .columns-feed__header h4,
.nav-right .columns-feed__header h4 {
  margin: 0;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: normal;
}
.nav-left .columns-feed__header button.close-button,
.nav-right .columns-feed__header button.close-button {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.3rem;
  background-color: #323a3b;
  color: #fff;
  transition: 0.3s ease;
}
.nav-left .columns-feed__header button.close-button:before,
.nav-right .columns-feed__header button.close-button:before {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  background: rgba(0, 0, 0, 0);
  padding: 0;
  line-height: 1.5rem;
  mask: unset;
  letter-spacing: normal;
  align-items: center;
  justify-content: center;
}
.nav-left .columns-feed__articles,
.nav-right .columns-feed__articles {
  height: calc(100dvh - 10.25rem);
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.nav-left .columns-feed__articles::-webkit-scrollbar,
.nav-right .columns-feed__articles::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.nav-left .columns-feed__articles .article-card .article-card__lead,
.nav-right .columns-feed__articles .article-card .article-card__lead {
  color: #e5e9ea;
}
.nav-left .columns-feed__footer:after,
.nav-right .columns-feed__footer:after {
  content: "";
  width: 100%;
  height: 5rem;
  background: linear-gradient(180deg, rgba(46, 57, 57, 0) 0%, #2d3838 100%);
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.nav-left .columns-feed__footer button.neutral,
.nav-left .columns-feed__footer a.neutral,
.nav-right .columns-feed__footer button.neutral,
.nav-right .columns-feed__footer a.neutral {
  display: flex;
  z-index: 2;
  position: relative;
  width: 100%;
  text-align: center;
  justify-content: center;
  background-color: #4a5759;
  color: #e5e9ea;
  font-weight: 700;
  letter-spacing: normal;
  height: auto;
}
.nav-left h3 {
  margin: 0;
}
.nav-left:first-of-type {
  margin-left: var(--size-1);
}
.nav-left .columns-feed {
  left: 0;
  width: 100%;
  transform: translateX(-100%);
}
@media only screen and (min-width: 64rem) {
  .nav-left .columns-feed {
    width: 31.25rem;
  }
}
.nav-left.open .columns-feed {
  left: 0;
  transform: translateX(0%);
}
.nav-left.animate-out .columns-feed {
  left: 0;
  transform: translateX(-100%);
}
.nav-right [class^="hvg-icon-"],
.nav-right [class*="hvg-icon-"] {
  font-size: 1.5rem;
  padding: 0 0.25rem;
  cursor: pointer;
}
.nav-right [class^="hvg-icon-"].hvg-icon-x-close,
.nav-right [class*="hvg-icon-"].hvg-icon-x-close {
  padding: 0;
}
.nav-right li.nav-right-menu-item a:hover,
.nav-right li.nav-right-menu-item a:focus {
  text-decoration: none;
}
.nav-right li.nav-right-menu-item [class*="hvg-icon-"] {
  padding-left: 0;
}
.nav-right .exchange .hvg-icon-arrow-down-line {
  font-size: 1rem;
}
.nav-right h3 {
  margin: 0;
}
.nav-right .weather .hvg-icon-cloud-sun-02 {
  --icon-color: #ffffff;
  cursor: unset;
  padding: 0 1rem 0 0;
}
.nav-right .weather .hvg-icon-cloud-sun-02 .path2:before {
  margin-left: -1.5em;
}
.nav-right .theme-change {
  border: 1.5px solid #637476;
  display: flex;
  padding: 0.25rem;
  align-items: center;
  justify-content: space-between;
}
.nav-right .theme-change__btn {
  padding: 0.3rem;
  width: initial;
  text-align: center;
}
.nav-right .theme-change__btn.default {
  color: #fff;
  font-size: 1rem;
  display: flex;
  align-items: center;
  font-family: var(--font-family-body);
  font-weight: 400;
  justify-content: initial;
  gap: initial;
}
.nav-right .theme-change__btn.default:not(.active) .hvg-icon {
  --icon-color: #e5e9ea;
}
.nav-right .theme-change__btn.menu-link-item {
  pointer-events: none;
}
.nav-right .theme-change__btn.active {
  pointer-events: none;
  background: #637476;
}
.nav-right .bordered_menu_button {
  border: 1.5px solid #637476;
  padding: 0.55rem;
}
.nav-right ul {
  background: #323a3b;
  box-shadow: none;
  padding: 0 0 1.5rem 0;
  top: 0;
  left: auto;
  right: 0;
  transition: transform 0.3s ease 0.05s;
  height: 100dvh;
  will-change: transform;
  position: fixed;
  width: 12.5rem;
  opacity: 1;
  border: 0;
  margin: 0;
  z-index: 99;
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  transform: translateX(12.5rem);
}
.nav-right ul::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.nav-right ul li.separator {
  min-height: 1.5rem;
  border: none;
}
.nav-right ul li {
  padding: 0;
  border-bottom: 1px solid #4a5759;
  display: flex;
  width: 100%;
}
.nav-right ul li:first-of-type {
  margin: 0;
  flex-direction: column;
  padding: 0.9rem 1rem 0;
  justify-content: space-between;
}
.nav-right ul li a:not(article a),
.nav-right ul li button:not(article button) {
  color: #fff;
  font-family: var(--font-family-secondary);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: normal;
  padding: 0.5rem 1rem;
  width: 100%;
  margin: 0;
  background: #323a3b;
  text-align: left;
  display: flex;
  justify-content: space-between;
}
.nav-right ul li a:not(article a):after,
.nav-right ul li button:not(article button):after {
  width: 0.625rem;
  height: 0.625rem;
  padding: 0;
  background-color: #96a7a9;
}
.nav-right ul li.active a,
.nav-right ul li.active button {
  background-color: #1f2d2d !important;
}
.nav-right ul li button {
  height: 100%;
}
.nav-right .columns-feed {
  right: 0;
  transform: translateX(18.75rem);
}
.nav-right .columns-feed__article {
  margin-bottom: var(--size-1);
}
.nav-right.open ul {
  right: 0;
  transform: translateX(-18.75rem);
}
.nav-right.animate-out ul {
  right: 0;
  transform: translateX(12.5rem);
}
.nav-right.open .columns-feed {
  right: 0;
  transform: translateX(0px);
}
.nav-right.animate-out .columns-feed {
  right: 0;
  transform: translateX(18.75rem);
}
.nav-right.nav-desktop .article-card.format__floated .article-card__top {
  gap: var(--size-1);
}
.nav-right.nav-desktop
  .article-card.format__floated
  .article-card__image-wrapper {
  width: 45%;
}
.nav-right.nav-right-mobile h3 {
  margin: 0 0 1rem 0;
  width: 100%;
  line-height: 2.5rem;
}
.nav-right.nav-right-mobile ul {
  right: 0;
  transform: translateX(100%);
  width: 100%;
}
.nav-right.nav-right-mobile ul li {
  display: flex;
  flex-wrap: wrap;
}
.nav-right.nav-right-mobile ul li:first-of-type {
  flex-direction: unset;
  padding: 1rem;
  align-items: center;
}
.nav-right.nav-right-mobile ul li > a {
  background: rgba(0, 0, 0, 0);
}
.nav-right.nav-right-mobile ul li > button.menu-list-btn {
  height: 3.5rem;
  position: relative;
}
.nav-right.nav-right-mobile ul li > button.menu-list-btn:before {
  content: "";
  position: absolute;
  right: 2.9375rem;
  mask: unset;
  width: 6.25rem;
  background: none;
  align-items: center;
  font-weight: normal;
}
.nav-right.nav-right-mobile ul li > button.close-button {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.3rem;
  justify-content: center;
  position: absolute;
  left: auto;
  right: 1rem;
  top: 1rem;
  bottom: auto;
  background: #4a5759;
}
.nav-right.nav-right-mobile ul li > button.close-button [class^="hvg-icon-"],
.nav-right.nav-right-mobile ul li > button.close-button [class*=" hvg-icon-"] {
  background: #4a5759;
}
.nav-right.nav-right-mobile ul li > button .button-indicator {
  display: none;
}
.nav-right.nav-right-mobile ul li:has(.columns-feed.active) > .menu-list-btn {
  background: #202e2e;
}
.nav-right.nav-right-mobile.open ul {
  right: 0;
  transform: translateX(0);
}
.nav-right.nav-right-mobile.open ul li:has(.columns-feed.active) {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  border-top: 1px solid rgba(0, 0, 0, 0);
}
.nav-right.nav-right-mobile .columns-feed {
  position: relative;
  left: 0;
  right: auto;
  top: auto;
  bottom: auto;
  max-height: 0;
  width: 100%;
  transition: all 0.3s ease;
  padding: 0;
}
.nav-right.nav-right-mobile .columns-feed__articles {
  height: unset;
  overflow: unset;
  margin-bottom: var(--size-3);
}
.nav-right.nav-right-mobile .columns-feed__articles .column-group {
  display: flex;
}
.nav-right.nav-right-mobile .columns-feed p.alert {
  color: #f7f9f9;
  font-style: normal;
  font-size: 1rem;
}
.nav-right.nav-right-mobile .columns-feed.active {
  height: auto;
  max-height: none;
}
.nav-right.nav-right-mobile .columns-feed {
  max-width: 100vw;
  overflow: hidden;
  padding: 0 1rem;
}
.nav-right.nav-right-mobile .column-group {
  display: flex;
  flex-direction: row;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  gap: 1rem;
}
.nav-right.nav-right-mobile .columns-feed__article {
  width: 80%;
  flex: 0 0 auto;
  scroll-snap-align: start;
  margin: var(--size-1) var(--size-1) 0 0;
}
.nav-right.nav-right-mobile .columns-feed__article article {
  height: 100%;
  background: rgba(0, 0, 0, 0);
  box-shadow: none;
}
.nav-right.nav-right-mobile .column-group::-webkit-scrollbar {
  height: 2px !important;
}
.nav-right.nav-right-mobile .column-group::-webkit-scrollbar-track {
  background-color: #4a5759;
  border-radius: var(--size-1);
}
.nav-right.nav-right-mobile .column-group::-webkit-scrollbar-thumb {
  background-color: #fff !important;
  border-radius: var(--size-1);
  border: 1px solid #fff;
}
.nav-right .mobile-menu-item__link {
  padding: var(--size-3);
}
.nav-right .mobile-menu-item__link:hover {
  text-decoration: none;
}
.nav-right .mobile-menu-item__link__more {
  display: none;
}
.nav-right .mobile-menu-item__link__more__icon {
  font-size: 1.25rem;
  opacity: 0.6;
  margin-left: var(--size-1);
}
.nav-right .mobile-menu-item:has(.active) .mobile-menu-item__link__more {
  display: block;
}
.only-ios-mobile .nav-right.nav-right-mobile ul {
  padding-bottom: 3.563rem;
}
.profile-menu {
  --profile-menu-width: 18.75rem;
  position: absolute;
  z-index: 1;
  right: 0;
  width: var(--profile-menu-width);
  background-color: var(--neutral-0);
  padding: 0 var(--size-3);
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-out;
}
@media (max-height: 38.75rem) {
  .profile-menu {
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 64rem) {
  .profile-menu {
    position: relative;
    float: right;
  }
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .profile-menu {
    width: 100%;
    max-height: unset;
    height: calc(100dvh - 6rem);
    bottom: 0;
    top: unset;
    background-color: #1f2d2d;
    display: flex;
    flex-direction: column;
    transform: translateY(250%);
    transform-origin: bottom;
    visibility: hidden;
  }
  .profile-menu button .button-indicator,
  .profile-menu a .button-indicator {
    background: #1f2d2d;
    color: #fff;
    font-weight: 500;
    margin-left: 0.3333rem;
  }
}
.profile-menu .profile-menu-header {
  padding-top: var(--size-1);
}
.profile-menu button.close-button-mobile,
.profile-menu a.close-button-mobile {
  margin-left: auto;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.3rem;
  background: #323a3b;
  color: #fff;
}
@media only screen and (min-width: 64rem) {
  .profile-menu button.close-button-mobile,
  .profile-menu a.close-button-mobile {
    display: none !important;
  }
}
.profile-menu.open {
  --menu-height: 70dvh;
  --menu-header-height: 3.25rem;
  max-height: var(--menu-height);
  overflow: hidden;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .profile-menu.open {
    max-height: unset;
    visibility: visible;
    transform: translateY(100%);
  }
}
.profile-menu.open .profile-menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: var(--menu-header-height);
  margin-bottom: 0.25rem;
}
.profile-menu.open .profile-menu-content {
  max-height: calc(var(--menu-height) - var(--menu-header-height));
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 0.25rem;
  box-sizing: content-box;
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .profile-menu.open .profile-menu-content {
    max-height: unset;
    height: calc(100dvh - 10rem);
  }
}
.profile-menu.open .profile-menu-content::-webkit-scrollbar {
  width: 0.25rem;
}
.profile-menu.open .profile-menu-content::-webkit-scrollbar-track {
  background: var(--highlight-opacity-10);
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}
.profile-menu.open .profile-menu-content::-webkit-scrollbar-thumb {
  background-color: var(--neutral-600);
  border-radius: 4px;
}
.profile-menu.open .profile-menu-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--neutral-800);
}
.profile-menu h3 {
  margin: 0;
  font-size: var(--size-4);
  font-family: var(--font-family-secondary);
  padding: 0;
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .profile-menu h3 {
    color: #fff;
  }
}
.profile-menu ul {
  list-style-type: none;
  padding-inline-start: 0;
  margin: 0;
  padding-bottom: var(--size-3);
}
.profile-menu ul li {
  width: 100%;
  padding-bottom: 0.2rem;
}
.profile-menu ul li button,
.profile-menu ul li a {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  transition: all 0.3s ease;
  padding-left: 0.75rem;
  font-family: var(--font-family-secondary) !important;
  font-weight: 800;
}
.profile-menu ul li button:before,
.profile-menu ul li a:before {
  display: none;
}
.profile-menu ul li button .hvg-icon,
.profile-menu ul li a .hvg-icon {
  font-size: 1.5rem;
  padding-right: 0.3rem;
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .profile-menu ul li button .hvg-icon,
  .profile-menu ul li a .hvg-icon {
    padding-right: var(--size-1);
    --icon-color: #778789;
  }
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .profile-menu ul li button,
  .profile-menu ul li a {
    background-color: #2d3838;
    color: #fff;
  }
  .profile-menu ul li button.hvg-icon-chevron-right:before,
  .profile-menu ul li a.hvg-icon-chevron-right:before {
    display: none;
  }
  .profile-menu ul li button.hvg-icon-chevron-right:after,
  .profile-menu ul li a.hvg-icon-chevron-right:after {
    content: "";
    margin-left: auto;
    width: var(--size-3);
    height: var(--size-3);
    background-color: #96a7a9;
  }
}
.profile-menu ul:last-child li:last-child button,
.profile-menu ul:last-child li:last-child a {
  justify-content: center;
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .profile-menu ul:last-child li:last-child button,
  .profile-menu ul:last-child li:last-child a {
    background-color: rgba(0, 0, 0, 0);
    color: #91a2a4;
    border: 1.5px solid #697879;
  }
}
button .button-indicator,
a .button-indicator {
  background: #fff;
  color: #111;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: auto;
  line-height: 1.5rem;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: normal;
}
.weather,
.exchange {
  align-items: center;
  justify-content: center;
  cursor: default;
}
.currency {
  color: #fff;
  font-family: var(--font-family-secondary);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: -0.03063rem;
  text-transform: uppercase;
  display: flex;
  height: 100%;
  align-items: center;
}
.weather .hvg-icon-cloud-sun-02 {
  cursor: unset;
  padding: 0 1rem 0 0;
}
@media only screen and (min-width: 48rem) {
  .weather.weather-desktop {
    display: flex;
  }
  .weather.weather-mobile {
    display: none;
  }
}
@media only screen and (max-width: calc(48rem - 1px)) {
  .weather.weather-mobile {
    display: none;
  }
  .weather.weather-desktop {
    display: none;
  }
}
.exchange .hvg-icon-arrow-down-line {
  font-size: 1rem;
  padding: 0 0.25rem;
  cursor: unset;
}
.rate,
.temp {
  background: #4a5759;
  padding: 0.25rem;
  color: #fff;
  font-size: 1rem;
  align-items: center;
  display: flex;
}
.navbar {
  z-index: 102;
  position: fixed;
}
.mobile-nav-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  top: auto;
  width: 100%;
  height: 3.5rem;
  background: #222;
  z-index: 2;
  justify-content: space-around;
  padding: 0.5rem 0;
  color: var(--neutral-0);
}
.mobile-nav-bottom__item:focus {
  color: var(--site-500) !important;
  background: #333 !important;
}
.mobile-nav-bottom__item:focus .hvg-icon {
  --icon-color: var(--site-500);
}
.mobile-nav-bottom .brand-logo {
  display: none;
}
[data-theme="dark"] .mobile-nav-bottom,
.theme-dark .mobile-nav-bottom,
.mobile-nav-bottom.theme-dark {
  background: #4a5759;
}
.mobile-nav-bottom__item {
  color: #fff;
}
@media only screen and (max-width: calc(64rem - 1px)) {
  .mobile-nav-bottom {
    z-index: 100;
  }
}
.mobile-nav-bottom button.icon-only {
  padding: 0;
  width: 100%;
}
.mobile-nav-bottom button,
.mobile-nav-bottom a {
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
.mobile-nav-bottom button span.hvg-icon,
.mobile-nav-bottom a span.hvg-icon {
  font-size: 1.25rem;
  padding: 0;
}
.mobile-nav-bottom button span.hvg-icon:before,
.mobile-nav-bottom a span.hvg-icon:before {
  margin: 0;
}
.mobile-nav-bottom button span.icon-text,
.mobile-nav-bottom a span.icon-text {
  width: 100%;
  font-size: var(--size-2);
  font-weight: 500;
  letter-spacing: 0.02rem;
}
.mobile-nav-bottom.headroom--frozen {
  transform: none !important;
}
.footer {
  --footer-mobile-logo-height: 19.0625rem;
  background: linear-gradient(131deg, #444949 -1.26%, #162727 111.18%);
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 3.25rem;
  padding-bottom: 3.25rem;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .footer {
    padding-bottom: calc(var(--footer-mobile-logo-height) - 3.25rem);
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 83.25rem) {
  .footer {
    padding-left: 6.5rem;
    padding-right: 6.5rem;
  }
}
.footer__bg {
  position: absolute;
  top: 2.5rem;
  left: 2.5rem;
  bottom: 2.5rem;
  right: 2.5rem;
  max-width: 57.5rem;
  opacity: 0.15;
  z-index: 0;
}
.footer__bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top left;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .footer__bg {
    top: auto;
    left: 0;
    right: 0;
    bottom: 2rem;
    height: var(--footer-mobile-logo-height);
    width: 100%;
    padding: 0 var(--size-3);
    max-width: 100%;
  }
  .footer__bg img {
    object-position: center bottom;
  }
}
.footer__link {
  font-size: 0.875rem;
  font-family: var(--font-family-secondary);
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.02625rem;
  color: #fff;
}
.footer .container {
  background: rgba(0, 0, 0, 0);
  width: 100%;
}
.footer ul li {
  list-style-type: none;
  padding: 0.75rem 0;
  margin: 0;
  border-bottom: 1px solid #4a5759;
}
.footer ul li:before {
  display: none;
}
.footer ul li:last-child {
  border: 0;
}
.footer ul li button:hover,
.footer ul li button:active,
.footer ul li button:focus,
.footer ul li a:hover,
.footer ul li a:active,
.footer ul li a:focus {
  text-decoration: underline;
}
.footer .footer__socials {
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--size-3);
  justify-content: flex-end;
}
.footer .footer__socials button,
.footer .footer__socials a {
  letter-spacing: 0;
  font-weight: 500;
}
.footer .footer__socials button .hvg-icon,
.footer .footer__socials a .hvg-icon {
  font-size: 1.375rem;
}
.footer .footer__socials button .hvg-icon[class*="-facebook"],
.footer .footer__socials a .hvg-icon[class*="-facebook"] {
  color: #007aff;
}
.footer .footer__socials button .hvg-icon[class*="-instagram"],
.footer .footer__socials a .hvg-icon[class*="-instagram"] {
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 20%,
    #dc2743 40%,
    #cc2366 60%,
    #bc1888 80%,
    #405de6 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  color: #e4405f;
}
.footer .footer__socials button .hvg-icon[class*="-linkedin"],
.footer .footer__socials a .hvg-icon[class*="-linkedin"] {
  color: #4d87c7;
}
.footer .footer__socials button .hvg-icon[class*="-youtube"],
.footer .footer__socials a .hvg-icon[class*="-youtube"] {
  color: #ea2727;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .footer .footer__socials button,
  .footer .footer__socials a {
    width: 100%;
  }
}
.footer__inner {
  background: hsla(0, 0%, 100%, 0.03);
  backdrop-filter: blur(6px);
  padding: var(--size-4);
}
.footer__inner .version {
  border-top: 1px solid #4a5759;
  margin-top: 1.25rem;
  text-align: right;
  color: #bfdfde;
  opacity: 0.6;
  font-family: var(--font-family-secondary);
  font-size: var(--size-2);
  padding: 0.625rem 0.625rem 0;
  font-weight: 400;
}
.footer .easter-egg {
  text-align: right;
}
.brandchannel {
  background-color: var(--neutral-0);
  font-family: var(--font-family-secondary);
  padding: var(--size-4);
}
[data-theme="dark"] .brandchannel,
.theme-dark .brandchannel,
.brandchannel.theme-dark {
  background-color: var(--neutral-30);
}
.brandchannel .row {
  margin: 0 !important;
}
.brandchannel .grid-container {
  display: grid;
  gap: 0.625rem;
  padding: 0.625rem;
  grid-template-columns: repeat(2, 1fr);
}
.brandchannel .grid-item {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.brandchannel .grid-item a {
  display: block;
  text-align: center;
  padding: var(--size-3);
}
.brandchannel .grid-item img {
  width: auto;
  max-height: 6.25rem;
}
@media only screen and (min-width: 48rem) {
  .brandchannel .grid-container {
    grid-template-columns: repeat(5, 1fr);
  }
}
.brandlab {
  padding: var(--size-3);
  border: 1px solid var(--neutral-150);
  background-color: var(--background-50);
  margin-bottom: var(--size-4);
  display: flex;
  flex-direction: column;
}
.brandlab .logo {
  background-color: #fff;
  margin-bottom: var(--size-3);
}
.brandlab .logo a {
  display: block;
  text-align: center;
  padding: var(--size-3);
}
.brandlab .logo a img {
  width: auto;
  max-height: 7.625rem;
}
.brandlab .socialContent {
  margin-bottom: var(--size-3);
}
.error-page {
  font-family: var(--font-family-secondary);
  padding: var(--size-4);
  text-align: center;
}
.error-page .primary {
  color: var(--neutral-500);
  font-size: 3rem;
}
.error-page h2 {
  margin-bottom: 0;
}
@media only screen and (min-width: 48rem) {
  .error-page {
    text-align: left;
  }
}
.generic-static-page {
  background-color: var(--neutral-0);
  font-family: var(--font-family-secondary);
}
.generic-static-page .freecontent .freecontent-container {
  display: flex;
  width: 100%;
}
.generic-static-page .freecontent .static-header {
  padding: var(--size-1) var(--size-4);
  border: 1px solid var(--neutral-150);
  background-color: var(--background-100);
}
.generic-static-page .freecontent .static-header + p {
  margin-top: 2rem;
}
.generic-static-page .freecontent .freecontent-left-side {
  flex-grow: 1;
}
.generic-static-page .freecontent .static-page-right {
  width: 21.75rem;
  min-width: 21.75rem;
  max-width: 21.75rem;
  padding: 0 1.5rem;
}
.generic-static-page .freecontent .h3 {
  font-weight: bold;
}
.generic-static-page .freecontent a {
  color: var(--site-500);
  text-decoration: none;
}
.generic-static-page .freecontent a:hover,
.generic-static-page .freecontent a:focus {
  text-decoration: underline;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .hide-on-tablet {
    display: none;
  }
}
.privacy-policy {
  background-color: var(--neutral-0);
  font-family: var(--font-family-secondary);
  padding: var(--size-4) 0;
}
.privacy-policy .sidebar h3 {
  text-transform: uppercase;
  color: var(--site-500);
}
.privacy-policy .sidebar a {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.875rem;
}
.privacy-policy .sidebar ol li {
  margin-bottom: 0.5rem;
}
.privacy-policy .sidebar ol li::marker {
  color: var(--site-500);
  font-weight: bold;
  font-size: 0.875rem;
}
.privacy-policy .sidebar ol a {
  text-transform: none;
  display: block;
}
@media only screen and (min-height: 40rem) and (min-width: 80rem) {
  .privacy-policy .sidebar {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    position: sticky;
    top: 80px;
  }
  .privacy-policy .sidebar::-webkit-scrollbar {
    width: 0.25rem;
  }
}
.privacy-policy .freecontent .h3 {
  font-weight: bold;
}
.privacy-policy .freecontent a {
  color: var(--site-500);
  text-decoration: none;
}
.privacy-policy .freecontent a:hover,
.privacy-policy .freecontent a:focus {
  text-decoration: underline;
}
.privacy-policy .freecontent table {
  border: 1px solid var(--neutral-100);
  background-color: var(--neutral-0);
  width: 100%;
}
[data-theme="dark"] .privacy-policy .freecontent table,
.theme-dark .privacy-policy .freecontent table,
.privacy-policy .freecontent table.theme-dark {
  background-color: var(--neutral-30);
}
.privacy-policy .freecontent table tr {
  border-bottom: 1px solid var(--neutral-100);
}
.privacy-policy .freecontent table tr td {
  background-color: var(--neutral-0);
  padding: var(--size-1);
}
[data-theme="dark"] .privacy-policy .freecontent table tr td,
.theme-dark .privacy-policy .freecontent table tr td,
.privacy-policy .freecontent table tr td.theme-dark {
  background-color: var(--neutral-30);
}
@media (min-width: 1024px) {
  .privacy-policy .freecontent table tr td:first-child {
    width: 30%;
  }
}
.privacy-policy .freecontent table tr:nth-child(even) td {
  background-color: var(--neutral-50);
}
[data-theme="dark"] .privacy-policy .freecontent table tr:nth-child(even) td,
.theme-dark .privacy-policy .freecontent table tr:nth-child(even) td,
.privacy-policy .freecontent table tr:nth-child(even) td.theme-dark {
  background-color: var(--neutral-40);
}
.privacy-policy .freecontent table p {
  margin: 0;
  word-break: break-word;
}
.privacy-policy .freecontent table h2 {
  line-height: 1.2;
}
.privacy-policy .freecontent table h3 {
  line-height: 1.3;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .privacy-policy tr {
    display: flex;
    flex-direction: column;
  }
}
.goAdverticum3-interstitial-topContainer {
  top: 0;
  background: var(--neutral-800);
  height: 3.5rem;
  position: fixed;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .goAdverticum3-interstitial-topContainer {
    height: 2.5rem;
  }
}
[data-theme="dark"] .goAdverticum3-interstitial-topContainer,
.theme-dark .goAdverticum3-interstitial-topContainer,
.goAdverticum3-interstitial-topContainer.theme-dark {
  background: #4a5759;
}
.goAdverticum3-interstitial-top {
  position: relative;
  width: 100% !important;
  padding: 0 var(--size-4) !important;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .goAdverticum3-interstitial-top {
    padding: 0 var(--size-3) !important;
  }
}
@media only screen and (min-width: 64rem) {
  .goAdverticum3-interstitial-top {
    width: 62rem !important;
  }
}
@media only screen and (min-width: 83.25rem) {
  .goAdverticum3-interstitial-top {
    width: 75rem !important;
    padding: 0 var(--size-3) !important;
  }
}
.goAdverticum3-interstitial-title {
  line-height: 2.5rem;
  font-family: var(--font-family-secondary);
  height: 2.5rem;
  background-size: 2.5rem 2.5rem;
  font-size: 0.75rem;
  background-image: url('data:image/svg+xml,<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="-0.0390625" width="88" height="88" fill="%23F26522"/><g clip-path="url(%23clip0_13488_20297)"><path d="M11 55.0295V23.6113H18.168V36.401H18.3641C18.9596 34.9333 19.8276 33.8075 20.9679 33.0236C22.1082 32.2397 23.5064 31.8487 25.1624 31.8503C26.7598 31.8503 28.1105 32.2099 29.2145 32.9289C30.3185 33.648 31.1465 34.6612 31.6985 35.9686C32.2499 37.276 32.5259 38.8155 32.5265 40.5871V55.0295H25.3367V41.7822C25.3367 40.562 25.0353 39.6069 24.4325 38.9169C23.8296 38.2269 22.9916 37.8822 21.9183 37.8827C21.1484 37.8827 20.4838 38.0531 19.9245 38.3939C19.3651 38.7352 18.9152 39.2296 18.6281 39.8186C18.323 40.4287 18.1705 41.1333 18.1705 41.9322V55.0295H11Z" fill="white"/><path d="M40.3251 55.0282L31.9805 32.3477H39.3445L42.4169 43.1754C42.6783 44.0906 42.9108 45.0312 43.1141 45.9972C43.3175 46.9632 43.4851 47.8457 43.617 48.6446H43.8131C43.9583 47.8457 44.1327 46.9632 44.336 45.9972C44.5394 45.0312 44.7646 44.0906 45.0115 43.1754L47.995 32.3477H55.3809L47.1888 55.0282H40.3251Z" fill="white"/><path d="M65.3822 64.0499C63.32 64.0499 61.4936 63.7667 59.9029 63.2001C58.3123 62.6336 57.0449 61.7768 56.1006 60.6298C55.1559 59.4817 54.6111 58.0653 54.4664 56.3808H61.548C61.7509 57.2088 62.2045 57.8234 62.9091 58.2246C63.6136 58.6257 64.5106 58.8254 65.6001 58.8238C66.5728 58.8238 67.3718 58.6458 67.9969 58.2899C68.6185 57.937 69.1024 57.384 69.3697 56.7211C69.6619 56.0299 69.808 55.1693 69.808 54.139V50.1926H69.6337C69.0085 51.4999 68.1115 52.5132 66.9427 53.2322C65.7738 53.9513 64.3824 54.3108 62.7683 54.3108C61.0402 54.3108 59.5037 53.8932 58.1589 53.0579C56.8141 52.2226 55.7609 50.97 54.9994 49.3C54.2368 47.63 53.8555 45.5963 53.8555 43.1989C53.8555 40.9183 54.2041 38.9248 54.9014 37.2185C55.5986 35.5122 56.6191 34.1939 57.9628 33.2637C59.3037 32.334 60.905 31.8691 62.7666 31.8691C64.4081 31.8691 65.799 32.2468 66.9393 33.0022C68.0796 33.7576 68.9766 34.8616 69.6303 36.3142H69.808V32.3703H76.9977V54.139C76.9977 56.2163 76.5365 57.9994 75.6141 59.4884C74.6917 60.9773 73.3592 62.1101 71.6165 62.8867C69.8717 63.6622 67.7936 64.0499 65.3822 64.0499ZM65.5565 48.472C66.4717 48.472 67.2597 48.2614 67.9207 47.8401C68.5816 47.4188 69.0828 46.8087 69.4242 46.0098C69.7655 45.2114 69.9362 44.2526 69.9362 43.1335C69.9362 42.0145 69.7619 41.0484 69.4133 40.2355C69.0646 39.4226 68.5598 38.8016 67.8989 38.3725C67.2379 37.9434 66.4426 37.7294 65.5129 37.7306C64.5838 37.7306 63.7957 37.9445 63.1487 38.3725C62.5018 38.8005 62.0081 39.4187 61.6679 40.2271C61.326 41.0334 61.1553 42.003 61.1558 43.1361C61.1558 44.2406 61.3302 45.1921 61.6788 45.9905C62.0274 46.7889 62.5283 47.4035 63.1814 47.8342C63.8351 48.2594 64.6268 48.472 65.5565 48.472Z" fill="white"/></g><defs><clipPath id="clip0_13488_20297"><rect width="66" height="40.4382" fill="white" transform="translate(11 23.6113)"/></clipPath></defs></svg>');
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .goAdverticum3-interstitial-title {
    margin-left: -15%;
  }
}
@media only screen and (min-width: 64rem) {
  .goAdverticum3-interstitial-title {
    height: 3.5rem;
    line-height: 3.5rem;
    background-size: 3.5rem 3.5rem;
  }
}
@media only screen and (min-width: 83.25rem) {
  .goAdverticum3-interstitial-title {
    height: 5.5rem;
    background-size: 5.5rem 5.5rem;
  }
}
.goAdverticum3-interstitial-next {
  position: absolute;
  right: 1rem;
  top: 0;
  line-height: 3.5rem;
  font-family: var(--font-family-secondary);
  font-size: 0.875rem;
  text-decoration: none;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .goAdverticum3-interstitial-next {
    right: 1.5rem;
  }
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .goAdverticum3-interstitial-next {
    line-height: 2.5rem;
  }
}
.goAdverticum3-interstitial-next a {
  display: inline-block;
  position: relative;
  color: var(--neutral-0);
}
.goAdverticum3-interstitial-next a::after {
  content: "10";
  width: 1.25rem;
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: normal;
  animation: countdown5s 5s steps(5, end) forwards;
  text-decoration: none;
}
.goa-interstitial-layer {
  top: 50% !important;
  left: 50% !important;
  transform: translateY(-50%) translateX(-50%);
  width: 100% !important;
  height: auto !important;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 64rem) {
  .goa-interstitial-layer {
    width: 62rem !important;
  }
}
@media only screen and (min-width: 83.25rem) {
  .goa-interstitial-layer {
    width: 75rem !important;
  }
}
.goa-interstitial-layer .goa-interstitial-background {
  width: auto !important;
  height: auto !important;
  display: flex;
  flex-direction: column;
}
.goa-interstitial-layer .goa-interstitial-background img {
  height: auto !important;
  width: auto !important;
}
@media only screen and (max-width: calc(83.25rem - 1px)) {
  .goa-interstitial-layer .goa-interstitial-background img {
    max-height: calc(100vh - 3.75rem);
  }
}
@media only screen and (min-width: 83.25rem) {
  .goa-interstitial-layer .goa-interstitial-background img {
    max-height: calc(100vh - 5rem);
  }
}
.goa-interstitial-layer .goa-interstitial-background::after {
  content: "Ez egy hirdetés";
  color: var(--Neutral-500, #7c9194) !important;
  font-family: var(--font-family-secondary);
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1rem;
  letter-spacing: -0.36px;
  text-decoration: none !important;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  width: 100%;
}
@keyframes countdown10s {
  0% {
    content: "10";
  }
  10% {
    content: "9";
  }
  20% {
    content: "8";
  }
  30% {
    content: "7";
  }
  40% {
    content: "6";
  }
  50% {
    content: "5";
  }
  60% {
    content: "4";
  }
  70% {
    content: "3";
  }
  80% {
    content: "2";
  }
  90% {
    content: "1";
  }
  100% {
    content: "0";
  }
}
@keyframes countdown5s {
  0% {
    content: "5";
  }
  20% {
    content: "4";
  }
  40% {
    content: "3";
  }
  60% {
    content: "2";
  }
  80% {
    content: "1";
  }
  99% {
    content: "0";
  }
}
.goa-layer {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  height: auto !important;
}
.goa-layer [id^="goa-titleWrapper"] {
  position: relative !important;
  padding: var(--size-1) var(--size-3) !important;
  color: var(--neutral-0) !important;
  font-family: var(--font-family-secondary) !important;
  font-size: 0.75rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1rem !important;
  letter-spacing: -0.36px !important;
  text-decoration: none !important;
}
.goa-layer [id^="goa-closeButton"] {
  margin: 0 !important;
  padding: var(--size-1) var(--size-3) !important;
  border: 0 !important;
  outline: 0 !important;
  position: absolute !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1rem !important;
  top: 0 !important;
  right: 0 !important;
  cursor: pointer !important;
}
.goa-layer img {
  height: auto !important;
}
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
:focus-visible,
[tabindex]:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[type="checkbox"]:focus-visible,
.card:focus-visible,
label:focus-visible,
.form-group__content input[type="checkbox"]:focus-visible + .label-agreements,
.label-agreements a:focus-visible,
main:focus-visible,
.tags .list-item a:focus-visible,
.title:focus-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--focus-pillow), 0 0 0 5px var(--focus-color);
  border-radius: var(--focus-radius);
  position: relative;
  z-index: 1;
}
@media (forced-colors: active) {
  :focus-visible,
  [tabindex]:focus-visible,
  a:focus-visible,
  button:focus-visible,
  input:focus-visible,
  select:focus-visible,
  textarea:focus-visible {
    outline: 2px solid CanvasText;
    outline-offset: 2px;
    box-shadow: none;
  }
}
@supports selector(:has(*)) {
  .author-card:has(:focus-visible) {
    outline: 2px solid var(--focus-color);
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--focus-pillow), 0 0 0 5px var(--focus-color);
    border-radius: var(--focus-radius);
    position: relative;
    z-index: 1;
  }
}
@supports not selector(:has(*)) {
  @media (hover: hover) and (pointer: fine) {
    .author-card:focus-within {
      outline: 2px solid var(--focus-color);
      outline-offset: 2px;
      box-shadow: 0 0 0 2px var(--focus-pillow), 0 0 0 5px var(--focus-color);
      border-radius: var(--focus-radius);
      position: relative;
      z-index: 1;
    }
  }
}
@media (hover: none) and (pointer: coarse) {
  :is(
      a,
      button,
      [role="button"],
      [tabindex],
      input,
      select,
      textarea
    ):focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
    background-image: none !important;
    background-size: initial !important;
    background-position: initial !important;
    text-decoration: none !important;
    text-underline-offset: initial !important;
    text-decoration-thickness: initial !important;
  }
}
.skip-to-main {
  top: 0.75rem;
  left: 1rem;
  width: auto;
  height: auto;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  position: absolute;
  overflow: hidden;
  white-space: nowrap;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease;
}
.skip-to-main:focus,
.skip-to-main:focus-visible,
.skip-to-main.skip-force-visible {
  outline: 2px solid var(--focus-color);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--focus-pillow), 0 0 0 5px var(--focus-color);
  border-radius: var(--focus-radius);
  position: relative;
  z-index: 1;
  top: 4.75rem;
  width: auto;
  height: auto;
  padding: 0.3rem;
  background: #000;
  color: #fff;
  z-index: 10000;
  clip: auto;
  clip-path: none;
  text-decoration: none;
  opacity: 1;
  position: absolute;
}