@charset "UTF-8";
@import "https://use.typekit.net/vgl8ktp.css";
@import "https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inconsolata:wdth,wght@50..200,200..900&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap";

@font-face {
  font-display: block;
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
 
  src: 
 
    url(../fonts/icomoon.woff?rulv3k) format("woff"),
  
}
[class*=" icon-"],
[class^="icon-"] {
  font-family: icomoon !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-display: swap;
  font-family: Amiri;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/amiri/Amiri-Regular.woff2?v=3.15) format("woff2"),
    url(../fonts/amiri/Amiri-Regular.woff?v=3.15) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Amiri;
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/amiri/Amiri-RegularItalic.woff2?v=3.15)
      format("woff2"),
    url(../fonts/amiri/Amiri-RegularItalic.woff?v=3.15) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Amiri;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/amiri/Amiri-Bold.woff2?v=3.15) format("woff2"),
    url(../fonts/amiri/Amiri-Bold.woff?v=3.15) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Amiri;
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/amiri/Amiri-BoldItalic.woff2?v=3.15) format("woff2"),
    url(../fonts/amiri/Amiri-BoldItalic.woff?v=3.15) format("woff");
}
@font-face {
  font-display: swap;
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/space-grotesk/SpaceGrotesk-Light.woff2?v=3.15)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/space-grotesk/SpaceGrotesk-Regular.woff2?v=3.15)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/space-grotesk/SpaceGrotesk-Medium.woff2?v=3.15)
    format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Space Grotesk;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/space-grotesk/SpaceGrotesk-Bold.woff2?v=3.15)
    format("woff2");
}
.main {
  --sans: "Inter", sans-serif;
  --serif: "Amiri", serif;
  --mono: "Space Mono", monospace;
  --grotesk: "Space Grotesk", sans-serif;
  --threat: "garage-gothic", sans-serif;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --extrabold: 800;
  --max: 900;
  --move: translateY(-1px);
  --default: translateY(1px);
  --smooth: 0.5s ease-out;
  --theme: background-color 0.3s ease-out;
  --theme-border: border 0.3s ease-out;
  --theme-text: color 0.3s ease-out;
  --theme-fill: fill 0.3s ease-out;
  --theme-gradient: gradient 0.3s ease-out;
  --theme-all: all 0.3s ease-out;
  --logo-automagazin: url(../images/automagazin.svg);
  --logo-tarca: url(../images/tarca.svg);
  --logo-napirajz: url(../images/napirajz.svg);
  --logo-hold: url(../images/hold.svg);
  --logo-after-white: url(../images/after-light.svg);
  --logo-viral-red: url(../images/zacc-light.svg);
  --icon-x: url(../images/icon-x-dark.svg);
  --white: #fff;
  --white-medium: #f1f1f1;
  --black: #222;
  --black-dark: #111;
  --red: #c00;
  --red-inv: #ebb;
  --after: #7b52c2;
  --litera: #ffd;
  --g7: #4c4;
  --g7-inv: #9f9;
  --zacc: #f44;
  --zacc-inv: #eaa;
}
.main--light {
  --color-accent: #096;
  --rgb-accent: 0, 153, 102;
  --color-accent-light: #0cc;
  --color-accent-dark: #096;
  --color-accent-inv: #0fb;
  --color-secondary: #135;
  --color-secondary-inv: #8df;
  --color-after: #7b52c2;
  --color-after-inv: #aaf;
  --color-litera: #ffd;
  --color-g7: #4c4;
  --color-scrollbar: rgba(17, 51, 85, 0.6);
  --color-profile: #27c;
  --color-yellow: #fe0;
  --color-red: #c00;
  --color-red-inv: #ebb;
  --color-outward: #18f;
  --color-text: #333;
  --color-text-long: #444;
  --color-bg: #fff;
  --color-op-value: 0.2;
  --color-bg-fade: linear-gradient(
    0deg,
    #fff,
    hsla(0, 0%, 100%, 0.5) 60%,
    hsla(0, 0%, 100%, 0)
  );
  --color-bg-long: #f9f9f9;
  --color-bg-inv: #222;
  --color-gray-extra-dark: #444;
  --color-gray-dark: #777;
  --color-gray-medium: #999;
  --color-gray-medium-inv: #aaa;
  --color-gray-mid-light: #ddd;
  --color-gray-mid-light-fx: #bbd2dd;
  --color-gray-mid-light-inv: #555;
  --color-gray-light: #f2f2f2;
  --color-gray-light-fade: linear-gradient(
    0deg,
    #f2f2f2,
    hsla(0, 0%, 95%, 0.5) 60%,
    hsla(0, 0%, 95%, 0)
  );
  --color-gray-light-fx: #e6eefe;
  --color-gray-extra-light: #f9f9f9;
  --color-general: #135;
  --color-nav: #024;
  --color-nav-light: #f9f9f9;
  --color-nav-mid-light: #ddd;
  --color-cards: #fff;
  --color-list: #f6f6f6;
  --color-viral: #f44;
  --color-viral-inv: #eaa;
  --color-viral-light: #f4f2ff;
  --color-light: #fff;
  --color-hold: #150f46;
  --color-hold-accent: #cd3160;
  --color-eszkombajn-blue: #049;
  --color-eszkombajn-red: #e01;
  --color-usa2024: #000;
  --logo-adatbank: url(../images/adatbank-light.svg);
  --logo-after: url(../images/after-light.svg);
  --logo-direkt: url(../images/direkt-light.svg);
  --logo-eszkombajn: url(../images/eszkombajn-light.svg);
  --logo-g7: url(../images/g7-light.svg);
  --logo-helyben: url(../images/helyben-light.svg);
  --logo-komplex: url(../images/komplex-light.svg);
  --logo-szepkilatas: url(../images/szepkilatas-light.svg);
  --logo-valasztasi-foldrajz: url(../images/valasztasi-foldrajz-light.svg);
  --logo-viral: url(../images/zacc-light.svg);
  --logo-viral-inv: url(../images/zacc-dark.svg);
  --logo-biztos_dontes: url(/images/biztos-light.svg);
  --logo-bunteto: url(../images/bunteto-light.svg);
  --logo-usa2024: url(../images/usa2024logo-light.svg);
  --logo-zenga: url(../images/otp_zenga-light.svg);
  --gfx-empty: url(../images/illustrations/search_empty-light.svg);
  --gfx-apps: url(../images/illustrations/mobile-light.svg);
  --gradient-tabs: linear-gradient(
    -90deg,
    #fff,
    #fff 30%,
    hsla(0, 0%, 100%, 0)
  );
  --gradient-filters: linear-gradient(
    -90deg,
    #f6f6f6,
    #f6f6f6 30%,
    hsla(0, 0%, 96%, 0)
  );
  --effect-line: 3px solid rgba(17, 51, 85, 0.4);
  --podcast-bg: rgba(0, 0, 0, 0.5);
  --1percent: url(../images/illustrations/1percent-light.svg);
  --profile-gradient: linear-gradient(0deg, #f2f2f2, hsla(0, 0%, 95%, 0) 70%);
}
.main--light.main--a {
  --color-accent: #7b52c2;
  --color-accent-inv: #aaf;
}
.main--light.main--g {
  --color-accent: #4a4;
  --color-accent-inv: #9f9;
  --color-general: #222;
  --color-nav: #111;
  --g7-shape: url(../g7/g7-shape-dark.svg);
  --g7-shape-inv: url(../g7/g7-shape-light.svg);
  --g7-meta: rgba(0, 0, 0, 0.1);
}
.main--light.main--t--d,
.main--light.main--t--s {
  --color-secondary-light: rgba(17, 51, 85, 0.7);
  --color-secondary-extra-light: rgba(17, 51, 85, 0.2);
}
.main--light.main--z {
  --color-accent: #f44;
  --color-accent-dark: #f44;
  --color-accent-inv: #eaa;
}
.main--dark {
  --color-accent: #0fb;
  --rgb-accent: 0, 255, 187;
  --color-accent-light: #087;
  --color-accent-dark: #085;
  --color-accent-inv: #096;
  --color-secondary: #8df;
  --color-secondary-inv: #135;
  --color-after: #aaf;
  --color-after-inv: #7b52c2;
  --color-litera: #ffd;
  --color-g7: #9f9;
  --color-scrollbar: rgba(136, 221, 255, 0.6);
  --color-profile: #0bf;
  --color-yellow: #b90;
  --color-red: #ebb;
  --color-red-inv: #c00;
  --color-outward: #2df;
  --color-text: #f1f1f1;
  --color-text-long: #e9e9e9;
  --color-bg-inv: #f1f1f1;
  --color-bg: #222;
  --color-op-value: 0.05;
  --color-bg-fade: linear-gradient(
    0deg,
    #222,
    rgba(34, 34, 34, 0.5) 60%,
    rgba(34, 34, 34, 0)
  );
  --color-bg-long: #222;
  --color-gray-extra-dark: #aaa;
  --color-gray-dark: #999;
  --color-gray-medium: #777;
  --color-gray-medium-inv: #999;
  --color-gray-mid-light: #555;
  --color-gray-mid-light-inv: #ddd;
  --color-gray-mid-light-fx: #000222;
  --color-gray-light: #333;
  --color-gray-light-fade: linear-gradient(
    0deg,
    #333,
    rgba(51, 51, 51, 0.5) 60%,
    rgba(51, 51, 51, 0)
  );
  --color-gray-light-fx: #222933;
  --color-gray-extra-light: #111;
  --color-general: #111;
  --color-nav: #0a0a0a;
  --color-nav-light: #555;
  --color-nav-mid-light: #777;
  --color-cards: #333;
  --color-list: #404040;
  --color-viral: #eaa;
  --color-viral-inv: #f44;
  --color-viral-light: #262338;
  --color-light: #aaa;
  --color-hold: #fff;
  --color-hold-accent: #f49;
  --color-eszkombajn-blue: #06e;
  --color-eszkombajn-red: #e01;
  --color-usa2024: #fff;
  --logo-adatbank: url(../images/adatbank-dark.svg);
  --logo-after: url(../images/after-dark.svg);
  --logo-direkt: url(../images/direkt-dark.svg);
  --logo-eszkombajn: url(../images/eszkombajn-dark.svg);
  --logo-g7: url(../images/g7-dark.svg);
  --logo-helyben: url(../images/helyben-dark.svg);
  --logo-komplex: url(../images/komplex-dark.svg);
  --logo-szepkilatas: url(../images/szepkilatas-dark.svg);
  --logo-valasztasi-foldrajz: url(../images/valasztasi-foldrajz-dark.svg);
  --logo-viral: url(../images/zacc-dark.svg);
  --logo-viral-inv: url(../images/zacc-light.svg);
  --logo-biztosdontes: url(/images/biztos-dark.svg);
  --logo-bunteto: url(../images/bunteto-dark.svg);
  --logo-usa2024: url(../images/usa2024logo-dark.svg);
  --logo-zenga: url(../images/otp_zenga-dark.svg);
  --gfx-empty: url(../images/illustrations/search_empty-dark.svg);
  --gfx-apps: url(../images/illustrations/mobile-dark.svg);
  --gradient-tabs: linear-gradient(-90deg, #222, #222 30%, rgba(34, 34, 34, 0));
  --gradient-filters: linear-gradient(
    -90deg,
    #404040,
    #404040 30%,
    rgba(64, 64, 64, 0)
  );
  --effect-line: 3px solid rgba(136, 221, 255, 0.4);
  --podcast-bg: hsla(0, 0%, 100%, 0.5);
  --1percent: url(../images/illustrations/1percent-dark.svg);
  --profile-gradient: linear-gradient(0deg, #333, rgba(51, 51, 51, 0) 70%);
}
.main--dark.main--a {
  --color-accent: #aaf;
  --color-accent-inv: #7b52c2;
}
.main--dark.main--g {
  --color-accent: #9f9;
  --color-accent-inv: #4a4;
  --color-general: #f1f1f1;
  --color-nav: #ddd;
  --g7-shape: url(../g7/g7-shape-light.svg);
  --g7-shape-inv: url(../g7/g7-shape-dark.svg);
  --g7-meta: hsla(0, 0%, 100%, 0.2);
}
.main--dark.main--t--d,
.main--dark.main--t--s {
  --color-secondary-light: rgba(136, 221, 255, 0.7);
  --color-secondary-extra-light: rgba(136, 221, 255, 0.3);
}
.main--dark.main--z {
  --color-accent: #eaa;
  --color-accent-dark: #eaa;
  --color-accent-inv: #f44;
}
.main--a,
.main--t--d,
.main--t--s,
.main--tt,
.main--z {
  --accent: #096;
  --profile: #27c;
  --secondary: #135;
  --yellow: #fe0;
  --red: #f23;
  --gray-extra-dark: #444;
  --gray-dark: #777;
  --gray-medium: #999;
  --gray-mid-light: #ddd;
  --gray-mid-light-fx: #bbd2dd;
  --gray-mid-light-inv: #555;
  --gray-light: #f2f2f2;
  --gray-light-fade: linear-gradient(
    0deg,
    #222,
    rgba(34, 34, 34, 0.5) 60%,
    rgba(34, 34, 34, 0)
  );
  --gray-light-fx: #e6eefe;
  --gray-extra-light: #f9f9f9;
  --accent-dark: #0fb;
  --secondary-dark: #8df;
  --cards-dark: #333;
  --cw-a: #244;
  --cw-a--accent: var(--yellow);
  --cw-b: #331d33;
  --cw-b--accent: #8df;
  --cw-c: #22222b;
  --cw-c--accent: #ea7;
}
.main--t--d,
.main--t--s {
  --youth-a: #9dd;
  --youth-b: #df6;
  --youth-c: #c0b6fa;
  --youth-d: #713;
  --youth-e: #162c46;
  --youth-f: #223;
}
.main--t--d .youth__theme--a,
.main--t--s .youth__theme--a {
  --youth-bg: var(--youth-a);
  --youth-txt: var(--secondary);
  --youth-accent: #ff1493;
  --youth-card: rgba(17, 51, 85, 0.2);
  --youth-card-hover: rgba(17, 51, 85, 0.6);
  --youth-separator: rgba(17, 51, 85, 0.2);
}
.main--t--d .youth__theme--b,
.main--t--s .youth__theme--b {
  --youth-bg: var(--youth-b);
  --youth-txt: #257;
  --youth-accent: #39f;
  --youth-card: rgba(17, 51, 85, 0.2);
  --youth-card-hover: rgba(17, 51, 85, 0.6);
  --youth-separator: rgba(17, 51, 85, 0.2);
}
.main--t--d .youth__theme--c,
.main--t--s .youth__theme--c {
  --youth-bg: var(--youth-c);
  --youth-txt: #516;
  --youth-accent: crimson;
  --youth-card: rgba(17, 51, 85, 0.2);
  --youth-card-hover: rgba(17, 51, 85, 0.6);
  --youth-separator: rgba(17, 51, 85, 0.2);
}
.main--t--d .youth__theme--d,
.main--t--s .youth__theme--d {
  --youth-bg: var(--youth-d);
  --youth-txt: var(--white);
  --youth-accent: #fc0;
  --youth-card: hsla(0, 0%, 100%, 0.2);
  --youth-card-hover: hsla(0, 0%, 100%, 0.6);
  --youth-separator: hsla(0, 0%, 100%, 0.2);
}
.main--t--d .youth__theme--e,
.main--t--s .youth__theme--e {
  --youth-bg: var(--youth-e);
  --youth-txt: var(--white);
  --youth-accent: #f0f;
  --youth-card: hsla(0, 0%, 100%, 0.2);
  --youth-card-hover: hsla(0, 0%, 100%, 0.6);
  --youth-separator: hsla(0, 0%, 100%, 0.2);
}
.main--t--d .youth__theme--f,
.main--t--s .youth__theme--f {
  --youth-bg: var(--youth-f);
  --youth-txt: var(--white);
  --youth-accent: #3f4;
  --youth-card: hsla(0, 0%, 100%, 0.2);
  --youth-card-hover: hsla(0, 0%, 100%, 0.6);
  --youth-separator: hsla(0, 0%, 100%, 0.2);
}
.main--a {
  --accent: #7b52c2;
}
.main--l {
  --accent: #ffb;
}
.main--g {
  --accent: #9f9;
  --color-accent-dark: #4c4;
  --sans: "Hanken Grotesk", sans-serif;
  --serif: "Newsreader", serif;
}
.main--tt .layout1 .group2 .flyer-container {
  margin-top: 20px;
}
.main--tt .block__group .leaderboard--top {
  padding: 25px 0 0;
}
@media screen and (min-width: 768px) {
  .main--tt .block__group .leaderboard--middle {
    padding: 30px 0;
  }
}
.main--tt .footer__logo {
  width: 120px;
}
@media screen and (min-width: 500px) {
  .main--tt .footer__logo {
    width: 150px;
  }
}
.main--tt .fb-box__logo {
  width: 150px;
}
.gpt-ad-container {
  text-align: center;
}
.gpt-ad-container.is-empty {
  display: none !important;
}
.sidebar_container_ .goa-embedded,
.sidebar_container_ .goa-prebid,
.sidebar_container_ .gpt-ad-container {
  padding-bottom: 20px;
}
.article_container_ .gpt-ad-container {
  margin: 0 0 20px;
}
.article_container_ .goa-embedded,
.article_container_ .gpt-ad-container {
  padding-bottom: 10px;
}
.ad-container-title:before,
.ad-container > .goa-embedded:before,
.gpt-ad-container:before {
  color: #a4a4a4;
  /* content: "hirdetés"; */
  display: block;
  font-size: 10px;
  font-weight: 400;
  padding: 2px 8px;
  text-transform: uppercase;
}
@media screen and (max-width: 320px) {
  .gpt-ad-container {
    transform: translate(-5px);
    width: 300px;
  }
}
.cl-container .gpt-ad-container {
  align-items: center;
  overflow: hidden;
}
.cl-container .gpt-ad-container .goa-embedded img,
.cl-container .gpt-ad-container .gptad img {
  -o-object-fit: cover;
  object-fit: cover;
}
.ad {
  margin: 0 !important;
  padding: 0 !important;
  z-index: 3 !important;
}
.ad,
.ad:after {
  background: transparent !important;
}
.ad__spacing {
  display: none;
}
#donate-navigation-right:has(.remp-banner) .remp-preload-banner {
  display: none;
}
.main--light .moon {
  display: flex !important;
}
.main--light .moon svg {
  transform: translateY(-1px);
}
.main--dark .moon,
.main--light .sun {
  display: none !important;
}
.main--dark .sun {
  display: flex !important;
}
.main .burger-bar {
  background-color: var(--color-text);
  height: 2px;
  left: 6px;
  margin-top: -1px;
  position: absolute;
  right: 6px;
  top: 50%;
  transition: var(--theme-text);
  width: auto;
}
.main .burger-bar--1 {
  transform: translateY(-6px);
}
.main .burger-bar--2 {
  transform-origin: 100% 50%;
}
.main .burger-bar--3 {
  transform: translateY(6px);
}
.main .burger-button {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  display: block;
  height: 30px;
  pointer-events: all;
  position: relative;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 40px;
  z-index: 999;
}
.main #burger.active .burger-button {
  display: none;
}
.main .burger-wrapper {
  display: flex;
  height: 0;
  justify-content: flex-end;
  padding-right: 10px;
}
.main .mobile-widgets {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-height: 61px;
  padding: 5px;
}
.main .mobile-widgets .widget--date,
.main .mobile-widgets .widget--flooding,
.main .mobile-widgets .widget--rate,
.main .mobile-widgets .widget--weather {
  margin: 2px 4px;
}
.main .navigation {
  display: flex;
  flex-direction: column;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  /* transform: translate3d(0, -32%, 0); */
  width: 100%;
  z-index: 10;
}
@media screen and (min-width: 1200px) {
  .main .navigation {
    height: auto;
  }
}
.main .navigation a {
  cursor: pointer;
}
.main .navigation__button {
  border-radius: 2px;
  cursor: pointer;
  display: block;
  font-size: 0.7rem;
  font-weight: var(--bold);
  padding: 4px 7px;
}
.main .navigation__button:hover {
  background-color: var(--white-medium);
  transition: var(--smooth);
}
.main .navigation__button:focus {
  outline: 1px solid hsla(0, 0%, 100%, 0.5);
  outline-offset: 3px;
}
@media screen and (min-width: 375px) {
  .main .navigation__button {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 500px) {
  .main .navigation__button {
    padding: 8px 15px;
  }
}
.main .navigation--tag {
  align-items: center;
  background: var(--color-bg);
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: -1;
}
.main .navigation--tag__item {
  font-weight: var(--regular);
  text-transform: uppercase;
}
.main .navigation--tag__list {
  align-items: center;
  display: flex;
  justify-content: center;
}
.main .navigation--domain {
  align-items: center;
  background: var(--color-nav);
  display: flex;
  justify-content: space-between;
  padding: 6px 15px 7px;
}
@media screen and (min-width: 1200px) {
  .main .navigation--domain {
    padding: 6px 50px 7px;
  }
}
.main .navigation--domain__list {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  font-weight: var(--medium);
  gap: 20px;
  justify-content: flex-start;
  margin: 0 auto;
  overflow: scroll;
  width: -moz-max-content;
  width: max-content;
  -ms-overflow-style: none;
  scrollbar-width: none;
  transition: none;
}
.main .navigation--domain__list::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1200px) {
  .main .navigation--domain__list {
    justify-content: center;
    overflow: visible;
  }
}
.main .navigation--domain__list__item {
  font-family: Inter, sans-serif;
  font-size: 0.6rem;
  font-weight: var(--semibold);
  padding: 0 0 0 12px;
  position: relative;
  text-transform: uppercase;
  transition: none;
  white-space: nowrap;
}
.main .navigation--domain__list__item:hover {
  opacity: 0.85;
}
.main .navigation--domain__list__item:before {
  background: #ffffff4d;
  border-radius: 1px;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
}
.main .navigation__events {
  height: 100%;
  width: 100vw;
}
.main .navigation--site {
  align-items: center;
  background-color: var(--color-general);
  display: flex;
  gap: 15px;
  height: 100%;
  justify-content: space-between;
  padding: 15px 10px 15px 15px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .main .navigation--site {
    padding: 15px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .main .navigation--site {
    padding: 22px 50px;
  }
}
.main .navigation--site--left,
.main .navigation--site--right {
  align-items: center;
  display: flex;
  width: 116px;
}
@media screen and (min-width: 500px) {
  .main .navigation--site--left,
  .main .navigation--site--right {
    width: 240px;
  }
}
.main .navigation--site--left .search {
  margin-left: 15px;
  transform: translateY(2px);
  width: 20px;
}
@media screen and (min-width: 375px) {
  .main .navigation--site--left .search {
    margin-left: 20px;
  }
}
@media screen and (min-width: 500px) {
  .main .navigation--site--left .search {
    margin-left: 30px;
  }
}
.main .navigation--site--right {
  justify-content: flex-end;
  margin: 0;
}
.main .navigation--site--right .profile__btn {
  display: none;
}
@media screen and (min-width: 768px) {
  .main .navigation--site--right .profile__btn {
    align-items: center;
    display: flex;
    font-weight: var(--bold);
    justify-content: center;
    margin: 0 15px 0 0;
  }
  .main .navigation--site--right .profile__btn i {
    font-size: 1.3rem;
    margin: 0 7px 0 0;
  }
}
.main .navigation__labels {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: var(--semibold);
  justify-items: flex-start;
}
.main .navigation__labels p {
  display: none;
}
@media screen and (min-width: 768px) {
  .main .navigation__labels p {
    display: initial;
    margin-left: 4px;
  }
}
.main .navigation__labels:hover {
  opacity: 0.9;
}
.main .navigation__logo {
  align-items: center;
  display: flex;
  justify-content: center;
  transform: translateY(-2px);
}
.main .navigation__logo svg {
  cursor: pointer;
}
.main .navigation--widgets {
  align-items: center;
  display: flex;
  overflow: scroll;
  width: 260px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.main .navigation--widgets::-webkit-scrollbar {
  display: none;
}
.main .navigation--widgets .widget {
  white-space: nowrap;
}
.main .navigation--widgets--left {
  justify-content: flex-start;
}
.main .navigation--widgets--right {
  justify-content: flex-end;
}
@media screen and (min-width: 1300px) {
  .main .navigation--widgets {
    min-width: 400px;
    width: 100%;
  }
}
.main .navigation.opacity-mode .navigation--site {
  background-color: transparent;
}
.main .navigation.opacity-mode #theme_widget {
  margin-right: 0;
}
.main .navigation.opacity-mode .navigation__events,
.main .navigation.opacity-mode .search,
.main .navigation.opacity-mode .search__label {
  display: none;
}
@media screen and (min-width: 1200px) {
  .main .navigation.opacity-mode .navigation__button {
    margin-right: 0;
  }
}
.main .navigation--support .navigation--site--left > div:nth-child(2),
.main .navigation.opacity-mode .navigation--domain,
.main .navigation.opacity-mode .navigation--tag {
  display: none;
}
.main .navigation--support .navigation--tag {
  border-bottom: 1px solid var(--gray-mid-light-inv);
}
.main body:not(.scroll-down, .scroll-up) .navigation {
  transform: none;
}
.main body:not(.scroll-down, .scroll-up) .navigation.opacity-mode {
  background-color: transparent;
  background-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.2) 60%,
    rgba(0, 0, 0, 0.2)
  );
}
.main
  body:not(.scroll-down, .scroll-up)
  .navigation.opacity-mode
  #theme_widget
  svg,
.main
  body:not(.scroll-down, .scroll-up)
  .navigation.opacity-mode
  .burger-button
  span,
.main
  body:not(.scroll-down, .scroll-up)
  .navigation.opacity-mode
  .navigation__labels
  p,
.main
  body:not(.scroll-down, .scroll-up)
  .navigation.opacity-mode
  .navigation__logo
  svg {
  filter: drop-shadow(0 0 16px #999);
}
.main .widget--date,
.main .widget--rate {
  display: inline-flex;
  font-size: 0.66rem;
}
.main .widget--date p,
.main .widget--rate p {
  padding: 0 5px;
}
.main .widget--rate--disabled {
  pointer-events: none;
}
.main .widget--date div:first-child:empty {
  width: 127px;
}
.main .widget--date div:first-child:after {
  content: "–";
  padding: 0 5px;
}
.main .widget--date div:last-child {
  font-weight: var(--semibold);
}
.main .widget--rate {
  font-weight: var(--medium);
}
.main .widget--rate__item {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.main .widget--rate--dn,
.main .widget--rate--eq,
.main .widget--rate--up {
  padding-left: 5px;
  transition: var(--theme-text);
}
.main .widget--rate--dn:after,
.main .widget--rate--eq:after,
.main .widget--rate--up:after {
  font-size: 0.4rem;
  right: 6px;
  transition: var(--theme-text);
}
.main .widget--rate--dn:after {
  content: "▼";
}
.main .widget--rate--up:after {
  content: "▲";
}
.main .widget--rate > div {
  padding-right: 17px;
  position: relative;
}
.main .widget--rate > div:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.main .widget--weather {
  align-items: center;
  display: flex;
  font-weight: var(--regular);
}
.main .widget--weather img {
  height: 17px;
  margin-right: 2px;
  width: 18px;
}
.main .widget--weather__degree {
  flex-direction: row;
  font-size: 0.66rem;
}
.main .widget--weather__degree > :first-child,
.main .widget--weather__degree > :nth-child(2) {
  transition: var(--theme-text);
}
.main .widget--flooding {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 0.66rem;
  font-weight: var(--regular);
  margin: 0 0.6em;
}
.main .widget--flooding i {
  padding-right: 5px;
}
.main #theme_widget {
  align-items: center;
  cursor: pointer;
  display: grid;
  height: 22px;
  justify-items: center;
  margin-right: 20px;
  position: relative;
  width: 22px;
}
.main #theme_widget:hover {
  opacity: 0.9;
}
.main #theme_widget svg {
  position: absolute;
  fill: var(--white-medium);
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 375px) {
  .main #theme_widget {
    margin-right: 30px;
  }
}
@media screen and (min-width: 500px) {
  .main #theme_widget {
    margin-right: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .main #theme_widget {
    margin-right: 30px;
    transform: translateY(-2px);
  }
}
.main .icon-paper:before {
  content: "";
}
.main .icon-facebook:before {
  content: "";
}
.main .icon-insta:before {
  content: "";
}
.main .icon-rss:before {
  content: "";
}
.main .icon-search:before {
  content: "";
}
.main .icon-twitter {
  background: var(--icon-x);
  display: block;
  height: 20px;
  transition: var(--theme-fill);
  width: 20px;
}
.main .icon-youtube:before {
  content: "";
}
.main .sidebar {
  position: absolute;
  z-index: 999;
}
.main .sidebar--panel {
  background: var(--color-bg);
  border-right: 1px solid var(--color-gray-mid-light);
  height: 100%;
  left: 0;
  overflow: auto !important;
  -ms-overflow-y: auto !important;
  padding: 0;
  position: fixed;
  top: 0;
  transition: var(--theme), var(--theme-border);
  width: calc(100% - 60px);
  -webkit-overflow-scrolling: touch !important;
}
.main .sidebar--panel li a {
  color: var(--color-secondary);
}
.main .sidebar--panel li a:active {
  color: var(--color-accent);
}
.main .sidebar--panel .social-list li:not(:last-child) {
  margin-right: 30px;
}
.main .sidebar--panel .nav-list {
  border-top: 1px solid var(--color-gray-mid-light);
  display: flex;
  flex-direction: column;
  transition: var(--theme-border);
}
.main .sidebar--panel .nav-list__title {
  color: var(--color-text);
  font-size: 1.2rem;
  font-weight: var(--bold);
  padding: 20px 30px 10px;
  transition: var(--theme-text);
}
.main .sidebar--panel .nav-list li {
  border-top: 1px solid var(--color-gray-mid-light);
  font-size: 0.77rem;
  font-weight: var(--semibold);
  margin: 0 0 0 30px;
  padding: 0 0 0 20px;
  position: relative;
  text-transform: uppercase;
  transition: var(--theme-border);
}
.main .sidebar--panel .nav-list li a {
  align-content: center;
  display: grid;
  height: 50px;
}
.main .sidebar--panel .nav-list li:before {
  background: var(--color-accent);
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--theme-border);
  width: 6px;
}
@media screen and (min-width: 768px) {
  .main .sidebar--panel {
    width: 400px;
  }
}
.main .sidebar .navigation__mobile__bottom {
  align-items: center;
  border-top: 1px solid var(--color-gray-mid-light);
  display: flex;
  justify-content: center;
  padding: 25px 0;
  transition: var(--theme-border);
}
.main .sidebar .navigation__mobile__bottom__button {
  border-radius: 2px;
  cursor: pointer;
  display: grid;
  font-size: 0.88rem;
  font-weight: var(--bold);
  margin: 0 30px;
  padding: 10px 15px;
  place-content: center;
  width: 100%;
}
.main .sidebar .navigation__mobile__bottom__button:hover {
  opacity: 0.9;
  transition: var(--smooth);
}
.main .sidebar .theme-widget {
  display: block;
  width: 100%;
}
.main .sidebar .theme-widget__button {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  justify-content: center;
  padding: 10px;
  width: 100%;
}
.main .sidebar .theme-widget__button:hover {
  opacity: 0.9;
  transition: var(--smooth);
}
.main .sidebar .theme-widget__button svg {
  height: 22px;
  margin-right: 7px;
  width: 22px;
}
.main .sidebar .theme-widget__button span {
  font-size: 0.88rem;
  font-weight: var(--semibold);
  margin-left: 3px;
}
.main .sidebar .theme-widget__button #theme_widget {
  margin-right: 0;
}
.main .sidebar__list__theme {
  display: block;
  width: 100%;
}
.main .sidebar__list__account,
.main .sidebar__list__newsletter {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.main .sidebar__list__account i,
.main .sidebar__list__newsletter i {
  margin: 0 7px 0 0;
}
.main .sidebar__list__account.btn,
.main .sidebar__list__newsletter.btn {
  max-width: none;
}
.main .sidebar__list__newsletter i {
  font-size: 1.1rem;
}
@media screen and (min-width: 768px) {
  .main .sidebar__list__account {
    display: none;
  }
}
.main .sidebar__list__account i {
  font-size: 1.4rem;
}
.main .sidebar__btns {
  display: flex;
  flex-direction: column;
  width: 100%;
  grid-gap: 15px;
  padding: 10px;
}
.main .sidebar--backdrop {
  background-color: #000c;
  cursor: pointer;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
}
.main .sidebar--backdrop:before {
  background-color: var(--white);
  content: "";
  height: 2px;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: rotate(-45deg) translate(1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .main .sidebar--backdrop:before {
    left: 420px;
  }
}
.main .sidebar--backdrop:after {
  background-color: var(--white);
  content: "";
  height: 2px;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: rotate(45deg) translate(-1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .main .sidebar--backdrop:after {
    left: 420px;
  }
}
.main .sidebar--backdrop #__nuxt {
  overflow: auto;
}
.main .opacity-mode #theme_widget svg,
.main .opacity-mode .burger-button span,
.main .opacity-mode .navigation__labels p,
.main .opacity-mode .navigation__logo svg {
  filter: drop-shadow(0 0 0 #999);
}
.main .scroll-up .navigation {
  transition: var(--smooth);
}
.main .scroll-up .navigation__events {
  display: none;
  transition: var(--smooth);
}
@media screen and (min-width: 1200px) {
  .main .scroll-up .navigation--site {
    padding: 10px 50px;
  }
}
.main .scroll-up .navigation--tag {
  margin-top: -22px;
}
.main .scroll-up .navigation.opacity-mode.navigation {
  transform: translateZ(0);
}
.main .scroll-down .navigation {
  /* transform: translate3d(0, -120%, 0); */
  transition: var(--smooth);
}
.main .scroll-down .navigation__logo svg {
  transition: var(--smooth);
  transition-delay: 0.5s;
}
/* @media screen and (min-width: 1200px) {
  .main .scroll-down .navigation__logo svg {
    height: 33px;
    width: 101px;
  }
} */
.main .scroll-down .navigation__events {
  display: none;
  transition: var(--smooth);
}
.main .scroll-down .navigation--domain {
  transition: var(--smooth);
}
.main .scroll-down .navigation--tag {
  margin-top: -22px;
  transition: var(--smooth);
}
.main .scroll-down .navigation.opacity-mode {
  transition: var(--smooth);
}
.main .scroll-down .birthday-widget-mini,
.main .scroll-down .tt-line-mini {
  display: grid;
}
.main--t--d .mobile-widgets,
.main--t--d .navigation,
.main--z .mobile-widgets,
.main--z .navigation {
  background-color: var(--color-general);
}
.main--t--d .navigation.opacity-mode,
.main--z .navigation.opacity-mode {
  background-color: transparent;
}
.main--t--d .navigation__button,
.main--z .navigation__button {
  background: var(--yellow);
  color: var(--black-dark);
}
.main--t--d .navigation--tag,
.main--z .navigation--tag {
  background-color: var(--color-general);
  border-bottom: 1px solid var(--color-gray-mid-light);
  transition: var(--theme) var(--theme-border);
}
.main--t--d .navigation--tag__item,
.main--z .navigation--tag__item {
  color: var(--white);
  font-size: 0.6rem;
  font-weight: var(--regular);
  height: -moz-max-content;
  height: max-content;
  padding: 0 0 5px;
}
.main--t--d .navigation--tag__list,
.main--z .navigation--tag__list {
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .main--t--d .navigation--site--right .profile__btn,
  .main--z .navigation--site--right .profile__btn {
    color: var(--white);
  }
}
.main--t--d .navigation--site svg,
.main--z .navigation--site svg {
  fill: var(--white);
}
.main--t--d .navigation__labels,
.main--z .navigation__labels {
  color: var(--white);
}
.main--t--d .navigation__logo svg,
.main--z .navigation__logo svg {
  height: 33px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .main--t--d .navigation__logo svg,
  .main--z .navigation__logo svg {
    width: 84px;
  }
}
@media screen and (min-width: 500px) {
  .main--t--d .navigation__logo svg,
  .main--z .navigation__logo svg {
    width: 101px;
  }
}
@media screen and (min-width: 1200px) {
  .main--t--d .navigation__logo svg,
  .main--z .navigation__logo svg {
    height: 42px;
    width: 130px;
  }
}
.main--t--d .navigation--domain__list__item,
.main--z .navigation--domain__list__item {
  color: var(--white);
}
.main--t--d .navigation--domain__list__item--active:before,
.main--z .navigation--domain__list__item--active:before {
  background: var(--white);
}
.main--t--d .navigation--domain__list__item:hover:before,
.main--z .navigation--domain__list__item:hover:before {
  background: var(--white);
  opacity: 0.7;
}
.main--t--d .navigation.opacity-mode .navigation__desktop,
.main--t--d .navigation.opacity-mode .navigation__pages,
.main--z .navigation.opacity-mode .navigation__desktop,
.main--z .navigation.opacity-mode .navigation__pages {
  background-color: transparent;
  visibility: hidden;
}
.main--t--d .navigation.opacity-mode .navigation__button,
.main--z .navigation.opacity-mode .navigation__button {
  background-color: var(--white);
  color: var(--black);
  transition: var(--theme), var(--theme-text);
}
.main--t--d .navigation.opacity-mode .navigation__button:hover,
.main--z .navigation.opacity-mode .navigation__button:hover {
  opacity: 0.8;
}
.main--t--d .navigation .burger-bar,
.main--z .navigation .burger-bar {
  background-color: var(--white);
}
.main--t--d .sidebar--panel,
.main--z .sidebar--panel {
  border-top: 1px solid var(--color-general);
}
.main--t--d .sidebar .theme-widget__button,
.main--t--d .sidebar--panel .navigation__mobile__bottom__button,
.main--z .sidebar .theme-widget__button,
.main--z .sidebar--panel .navigation__mobile__bottom__button {
  background: var(--color-accent-dark);
  color: var(--white);
  transition: var(--theme);
}
.main--t--d .sidebar .theme-widget__button svg,
.main--z .sidebar .theme-widget__button svg {
  fill: var(--white);
}
.main--t--d .sidebar__list__account,
.main--t--d .sidebar__list__newsletter,
.main--z .sidebar__list__account,
.main--z .sidebar__list__newsletter {
  background-color: var(--color-accent-dark);
  color: var(--white);
  transition: var(--theme);
}
.main--t--d .widget--date,
.main--t--d .widget--rate,
.main--z .widget--date,
.main--z .widget--rate {
  color: var(--white);
}
.main--t--d .widget--rate--dn,
.main--t--d .widget--rate--dn:after,
.main--z .widget--rate--dn,
.main--z .widget--rate--dn:after {
  color: #0fb;
}
.main--t--d .widget--rate--eq,
.main--t--d .widget--rate--eq:after,
.main--z .widget--rate--eq,
.main--z .widget--rate--eq:after {
  color: #8df;
}
.main--t--d .widget--rate--up,
.main--t--d .widget--rate--up:after,
.main--z .widget--rate--up,
.main--z .widget--rate--up:after {
  /* color: var(--red-inv); */
  color: #0fb;
}
.main--t--d .widget--weather__degree > :first-child,
.main--z .widget--weather__degree > :first-child {
  color: #8df;
}
.main--t--d .widget--weather__degree > :nth-child(2),
.main--z .widget--weather__degree > :nth-child(2) {
  color: var(--red-inv);
}
.main--t--d .widget--flooding,
.main--z .widget--flooding {
  color: #8df;
}
.main--t--d .widget--flooding i,
.main--z .widget--flooding i {
  color: #1da1f0;
}
.main--t--d .scroll-up .navigation.opacity-mode,
.main--z .scroll-up .navigation.opacity-mode {
  background-color: var(--color-general);
}
.main--t--d .scroll-up .navigation--site,
.main--z .scroll-up .navigation--site {
  background: var(--color-general);
}
.main--t--d .scroll-up .navigation__logo svg,
.main--z .scroll-up .navigation__logo svg {
  width: 80px;
}
@media screen and (min-width: 375px) {
  .main--t--d .scroll-up .navigation__logo svg,
  .main--z .scroll-up .navigation__logo svg {
    width: 84px;
  }
}
@media screen and (min-width: 500px) {
  .main--t--d .scroll-up .navigation__logo svg,
  .main--z .scroll-up .navigation__logo svg {
    width: 101px;
  }
}
.main--t--s .mobile-widgets {
  background: transparent;
}
.main--t--s .navigation {
  background-color: var(--color-bg);
  transition: none;
}
.main--t--s .navigation__button {
  background: var(--color-profile);
  color: var(--color-bg);
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .main--t--s .navigation__desktop,
  .main--t--s .navigation__pages {
    background: var(--color-bg);
    border-bottom: 1px solid var(--color-text);
  }
}
.main--t--s .navigation--site {
  border-bottom: 1px solid var(--color-bg);
  position: relative;
}
.main--t--s .navigation--site:before {
  background: var(--color-text);
  bottom: -2px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  transition: border var(--smooth);
  width: 100vw;
}
@media screen and (min-width: 1200px) {
  .main--t--s .navigation--site:before {
    left: calc(50% + 3px);
    max-width: calc(100vw - 106px);
  }
}
@media screen and (min-width: 768px) {
  .main--t--s .navigation--site--right .profile__btn {
    color: var(--color-text);
    transition: var(--theme-text);
  }
}
.main--t--s .navigation--site svg {
  fill: var(--color-text);
  transition: none;
}
.main--t--s .navigation__labels {
  color: var(--color-text);
  transition: var(--theme-text);
}
.main--t--s .navigation__logo svg {
  height: 33px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .main--t--s .navigation__logo svg {
    width: 84px;
  }
}
@media screen and (min-width: 500px) {
  .main--t--s .navigation__logo svg {
    width: 101px;
  }
}
@media screen and (min-width: 1200px) {
  .main--t--s .navigation__logo svg {
    height: 38px;
    width: 120px;
  }
}
.main--t--s .navigation.opacity-mode .navigation__desktop,
.main--t--s .navigation.opacity-mode .navigation__pages {
  background-color: transparent;
  visibility: hidden;
}
.main--t--s .navigation .burger-bar {
  background: var(--color-text);
  transition: var(--theme-text);
}
.main--t--s .sidebar--panel {
  border-top: 1px solid var(--color-bg);
}
.main--t--s .sidebar--panel .navigation__mobile__bottom__button {
  background: var(--color-profile);
  color: var(--color-bg);
  transition: var(--theme), var(--theme-text);
}
.main--t--s .sidebar .theme-widget__button {
  border: 1px solid var(--color-text);
  color: var(--color-text);
  transition: var(--theme), var(--theme-border);
}
.main--t--s .sidebar .theme-widget__button svg {
  fill: var(--color-text);
  transition: var(--theme-fill);
}
.main--t--s .sidebar__list__account,
.main--t--s .sidebar__list__newsletter {
  border: 1px solid var(--color-text);
  color: var(--color-text);
  transition: var(--theme-border), var(--theme-text);
}
.main--t--s .widget--date,
.main--t--s .widget--rate {
  color: var(--color-text);
  transition: var(--theme-text);
}
.main--t--s .widget--rate--dn,
.main--t--s .widget--rate--dn:after {
  color: var(--color-accent);
  transition: var(--theme-text);
}
.main--t--s .widget--rate--eq,
.main--t--s .widget--rate--eq:after {
  color: var(--color-secondary);
  transition: var(--theme-text);
}
.main--t--s .widget--rate--up,
.main--t--s .widget--rate--up:after {
  color: var(--color-red);
  transition: var(--theme-text);
}
.main--t--s .widget--weather__degree > :first-child {
  color: var(--color-secondary);
  transition: var(--theme-text);
}
.main--t--s .widget--weather__degree > :nth-child(2) {
  color: var(--color-red);
  transition: var(--theme-text);
}
.main--t--s .widget--flooding {
  color: #8df;
}
.main--t--s .widget--flooding i {
  color: #1da1f0;
}
.main--t--s .opacity-mode .navigation__logo svg {
  fill: var(--white);
  transition: none;
}
.main--t--s .opacity-mode .navigation--site {
  border: none;
}
.main--t--s .opacity-mode .navigation--site:before {
  background: var(--white);
}
.main--t--s .opacity-mode .navigation--site--right .profile__btn {
  color: var(--white);
  transition: none;
}
.main--t--s .opacity-mode .navigation--site--right .profile__btn i {
  color: var(--white);
}
.main--t--s .opacity-mode .navigation__labels {
  color: var(--white);
  transition: none;
}
.main--t--s .opacity-mode .burger-bar {
  background: var(--white);
  transition: none;
}
.main--t--s .scroll-up .navigation__logo svg {
  width: 80px;
}
@media screen and (min-width: 375px) {
  .main--t--s .scroll-up .navigation__logo svg {
    width: 84px;
  }
}
@media screen and (min-width: 500px) {
  .main--t--s .scroll-up .navigation__logo svg {
    width: 101px;
  }
}
.main--t--s .scroll-up .navigation {
  background: var(--color-bg);
}
.main--t--s .scroll-up .navigation--site {
  background-color: var(--color-bg);
  border-bottom: 1px solid var(--color-text);
}
.main--t--s .scroll-up .navigation--site--right .profile__btn,
.main--t--s .scroll-up .navigation--site--right .profile__btn i {
  color: var(--color-text);
}
.main--t--s .scroll-up .navigation--site:before {
  display: none;
}
.main--t--s .scroll-up .navigation__labels {
  color: var(--color-text);
}
.main--t--s .scroll-up .burger-bar {
  background: var(--color-text);
}
.main--t--s .scroll-down .navigation--site {
  border-bottom: 1px solid var(--color-text);
}
.main--t--s .scroll-down .navigation--site:before {
  display: none;
}
@media screen and (min-width: 768px) {
  .main--t--s .scroll-down .single_article .birthday-widget-mini {
    display: flex;
  }
  .main--t--s .scroll-down .navigation--site:before {
    visibility: hidden;
  }
}
.main--tt .mobile-widgets,
.main--tt .navigation {
  background-color: var(--color-general);
}
.main--tt .navigation__button {
  background: var(--yellow);
  color: var(--black-dark);
}
.main--tt .navigation--domain__tt {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
  width: 100%;
}
.main--tt .navigation--domain__tt a {
  color: var(--white);
  font-size: 0.6rem;
  font-weight: var(--regular);
  text-transform: uppercase;
}
.main--tt .navigation--domain__tt a:hover {
  opacity: 0.85;
}
@media screen and (min-width: 1200px) {
  .main--tt .navigation--domain,
  .main--tt .navigation__pages {
    background-color: var(--color-nav);
  }
}
@media screen and (min-width: 768px) {
  .main--tt .navigation--site--right .profile__btn {
    color: var(--white);
  }
}
.main--tt .navigation--site svg {
  fill: var(--white);
}
.main--tt .navigation__labels {
  color: var(--white);
}
.main--tt .navigation__logo svg {
  width: 100px;
}
@media screen and (min-width: 375px) {
  .main--tt .navigation__logo svg {
    width: 130px;
  }
}
@media screen and (min-width: 500px) {
  .main--tt .navigation__logo svg {
    width: 160px;
  }
}
@media screen and (min-width: 1200px) {
  .main--tt .navigation__logo svg {
    width: 190px;
  }
  .main--tt .navigation--domain__list {
    gap: 15px;
  }
  .main--tt .navigation--domain__list a {
    color: var(--white);
    font-weight: var(--medium);
  }
}
.main--tt .navigation .burger-bar {
  background-color: var(--white);
}
.main--tt .navigation--widgets {
  min-width: 250px;
}
.main--tt .navigation .widget--date div {
  white-space: nowrap;
}
.main--tt .sidebar--panel {
  border-top: 1px solid var(--color-general);
}
.main--tt .sidebar .theme-widget__button,
.main--tt .sidebar--panel .navigation__mobile__bottom__button {
  background: var(--color-accent-dark);
  color: var(--white);
  transition: var(--theme);
}
.main--tt .sidebar .theme-widget__button svg {
  fill: var(--white);
}
.main--tt .sidebar__list__account,
.main--tt .sidebar__list__newsletter {
  background-color: var(--color-accent-dark);
  color: var(--white);
  transition: var(--theme);
}
.main--tt .widget--date,
.main--tt .widget--rate {
  color: var(--white);
}
.main--tt .widget--rate--dn,
.main--tt .widget--rate--dn:after {
  color: #0fb;
}
.main--tt .widget--rate--eq,
.main--tt .widget--rate--eq:after {
  color: #8df;
}
.main--tt .widget--rate--up,
.main--tt .widget--rate--up:after {
  color: var(--red-inv);
}
.main--tt .widget--weather__degree > :first-child {
  color: #8df;
}
.main--tt .widget--weather__degree > :nth-child(2) {
  color: var(--red-inv);
}
.main--tt .widget--flooding {
  color: #8df;
}
.main--tt .widget--flooding i {
  color: #1da1f0;
}
.main--tt .scroll-up .navigation {
  background: var(--color-general);
}
.main--tt .scroll-up .navigation__logo svg {
  width: 100px;
}
@media screen and (min-width: 375px) {
  .main--tt .scroll-up .navigation__logo svg {
    width: 130px;
  }
}
@media screen and (min-width: 500px) {
  .main--tt .scroll-up .navigation__logo svg {
    width: 160px;
  }
}
.main--tt body:not(.scroll-down, .scroll-up) .navigation--domain {
  display: none;
}
@media screen and (min-width: 1101px) {
  .main--tt body:not(.scroll-down, .scroll-up) .navigation--domain {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
.main--a .navigation--domain {
  background-color: #0000001a;
}
.main--a .mobile-widgets,
.main--a .navigation {
  background-color: var(--accent);
}
.main--a .navigation__button {
  background: var(--white);
  color: var(--black-dark);
}
.main--a .navigation--domain__list__item {
  color: var(--white);
}
.main--a .navigation--domain__list__item--active:before {
  background: var(--white);
}
.main--a .navigation--domain__list__item:hover:before {
  background: var(--white);
  opacity: 0.7;
}
.main--a .navigation--site {
  background: transparent;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .main--a .navigation--site {
    padding: 24px 50px;
  }
}
.main--a .navigation--site:before {
  background-image: url(../after/after-wave-f.svg);
  background-position: 50%;
  bottom: -12px;
  content: "";
  height: 14px;
  left: calc(50% + 3px);
  max-width: calc(100vw - 30px);
  position: absolute;
  transform: translate(-50%);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .main--a .navigation--site:before {
    max-width: calc(100vw - 46px);
  }
}
@media screen and (min-width: 1200px) {
  .main--a .navigation--site:before {
    left: calc(50% + 3px);
    max-width: calc(100vw - 106px);
  }
}
@media screen and (min-width: 768px) {
  .main--a .navigation--site--right .profile__btn {
    color: var(--white);
  }
}
.main--a .navigation--site svg {
  fill: var(--white);
}
.main--a .navigation__labels {
  color: var(--white);
}
.main--a .navigation__logo svg {
  height: 33px;
  width: 80px;
  fill: var(--white);
}
@media screen and (min-width: 375px) {
  .main--a .navigation__logo svg {
    width: 84px;
  }
}
@media screen and (min-width: 500px) {
  .main--a .navigation__logo svg {
    width: 101px;
  }
}
@media screen and (min-width: 1200px) {
  .main--a .navigation__logo svg {
    height: 44px;
    width: 140px;
  }
}
.main--a .navigation .burger-bar {
  background-color: var(--white);
}
.main--a .sidebar--panel {
  border-top: 1px solid var(--color-general);
}
.main--a .sidebar .theme-widget__button,
.main--a .sidebar--panel .navigation__mobile__bottom__button {
  background: var(--white);
  color: var(--accent);
}
.main--a .sidebar .theme-widget__button svg {
  fill: var(--accent);
}
.main--a .sidebar__list__account,
.main--a .sidebar__list__newsletter {
  background-color: var(--white);
  color: var(--accent);
}
.main--a .widget--date,
.main--a .widget--rate {
  color: var(--white);
}
.main--a .widget--rate--dn {
  color: #9f9;
}
.main--a .widget--rate--eq,
.main--a .widget--rate--eq:after {
  color: #8df;
}
.main--a .widget--rate--up,
.main--a .widget--rate--up:after {
  color: var(--red-inv);
}
.main--a .widget--weather__degree > :first-child {
  color: #9f9;
}
.main--a .widget--weather__degree > :nth-child(2) {
  color: var(--red-inv);
}
.main--a .widget--flooding,
.main--a .widget--flooding i {
  color: #8df;
}
.main--a .scroll-up .navigation__logo svg {
  width: 80px;
}
@media screen and (min-width: 500px) {
  .main--a .scroll-up .navigation__logo svg {
    width: 101px;
  }
}
.main--a .scroll-up .navigation {
  background: var(--accent);
}
.main--a .scroll-up .navigation--site {
  border-bottom: 1px solid var(--white);
}
.main--a .scroll-up .navigation--site:before {
  display: none;
}
.main--a .widget--rate *,
.main--a .widget--rate :after,
.main--a .widget--weather * {
  color: var(--white) !important;
  fill: var(--white) !important;
}
.main--l .mobile-widgets,
.main--l .navigation {
  background-color: var(--accent);
}
.main--l .navigation__button {
  background: transparent;
  border: 2px solid var(--black);
  color: var(--black-dark);
}
.main--l .navigation--domain {
  background-color: #0000001a;
}
.main--l .navigation--domain__list__item {
  color: var(--black);
}
.main--l .navigation--domain__list__item--active:before {
  background: var(--black);
}
.main--l .navigation--domain__list__item:hover:before {
  background: var(--black);
  opacity: 0.7;
}
.main--l .navigation--site {
  position: relative;
}
@media screen and (min-width: 1200px) {
  .main--l .navigation--site {
    padding: 24px 50px;
  }
}
.main--l .navigation--site:before {
  background: var(--black);
  background-position: 50%;
  bottom: -12px;
  content: "";
  height: 3px;
  left: calc(50% + 3px);
  max-width: calc(100vw - 30px);
  position: absolute;
  transform: translate(-50%);
  transition: border var(--smooth);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .main--l .navigation--site:before {
    max-width: calc(100vw - 46px);
  }
}
@media screen and (min-width: 1200px) {
  .main--l .navigation--site:before {
    left: calc(50% + 3px);
    max-width: calc(100vw - 106px);
  }
}
@media screen and (min-width: 768px) {
  .main--l .navigation--site--right .profile__btn {
    color: var(--black);
  }
}
.main--l .navigation--site svg {
  fill: var(--black);
}
.main--l .navigation__labels {
  color: var(--black);
}
.main--l .navigation__logo svg {
  height: 33px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .main--l .navigation__logo svg {
    width: 84px;
  }
}
@media screen and (min-width: 500px) {
  .main--l .navigation__logo svg {
    width: 101px;
  }
}
@media screen and (min-width: 1200px) {
  .main--l .navigation__logo svg {
    height: 46px;
    width: 200px;
  }
}
.main--l .navigation .burger-bar {
  background-color: var(--black);
}
.main--l .sidebar--panel {
  border-top: 1px solid var(--color-general);
}
.main--l .sidebar .theme-widget__button,
.main--l .sidebar--panel .navigation__mobile__bottom__button {
  background: var(--black);
  color: var(--accent);
}
.main--l .sidebar .theme-widget__button svg {
  fill: var(--accent);
}
.main--l .sidebar__list__account,
.main--l .sidebar__list__newsletter {
  background-color: var(--black);
  color: var(--accent);
}
.main--l .widget--date,
.main--l .widget--rate {
  color: var(--black);
}
.main--l .widget--rate--dn {
  color: #9f9;
}
.main--l .widget--rate--eq,
.main--l .widget--rate--eq:after {
  color: #8df;
}
.main--l .widget--rate--up,
.main--l .widget--rate--up:after {
  color: var(--red-inv);
}
.main--l .widget--weather__degree > :first-child {
  color: #9f9;
}
.main--l .widget--weather__degree > :nth-child(2) {
  color: var(--red-inv);
}
.main--l .widget--flooding,
.main--l .widget--flooding i {
  color: #8df;
}
.main--l .scroll-up .navigation__logo svg {
  width: 80px;
}
@media screen and (min-width: 500px) {
  .main--l .scroll-up .navigation__logo svg {
    width: 101px;
  }
}
.main--l .scroll-up .navigation {
  background: var(--accent);
}
.main--l .scroll-up .navigation--site {
  border-bottom: 1px solid var(--black);
}
.main--l .scroll-up .navigation--site:before {
  display: none;
}
.main--l .widget--rate *,
.main--l .widget--weather * {
  color: var(--black) !important;
  fill: var(--black) !important;
}
.main--g .mobile-widgets {
  background-color: var(--color-general);
}
.main--g .scroll-up .navigation--tag {
  margin-top: -42px;
}
.main--g .navigation {
  background-color: var(--color-general);
}
.main--g .navigation .burger-bar {
  background-color: var(--color-bg);
}
.main--g .navigation__button {
  background: var(--color-accent-inv);
  border-radius: 20px;
  color: var(--color-text);
}
.main--g .navigation--tag {
  transition: var(--theme);
}
.main--g .navigation--tag__item {
  color: var(--color-text);
  font-size: 0.77rem;
  font-weight: var(--semibold);
  padding: 10px 0 10px 5px;
  position: relative;
}
.main--g .navigation--tag__item:before {
  background-image: var(--g7-shape-inv);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 10px;
  left: -8px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
}
.main--g .navigation--tag__item:hover {
  opacity: 0.7;
}
.main--g .navigation--tag__list {
  gap: 30px;
}
.main--g .navigation--domain {
  background: var(--color-nav);
}
.main--g .navigation--domain__list__item {
  color: var(--color-bg);
}
.main--g .navigation--domain__list__item:before {
  background: var(--color-gray-medium-inv);
}
.main--g .navigation--domain__list__item--active:before {
  background: var(--color-accent-inv);
}
.main--g .navigation--domain__list__item:hover:before {
  background: var(--color-accent-inv);
  opacity: 0.7;
}
.main--g .navigation--site {
  position: relative;
}
.main--g .navigation--site:before {
  background: var(--color-bg);
  bottom: -2px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  transition: var(--theme);
  width: 100vw;
}
@media screen and (min-width: 1200px) {
  .main--g .navigation--site:before {
    left: calc(50% + 3px);
    max-width: calc(100vw - 106px);
  }
}
@media screen and (min-width: 768px) {
  .main--g .navigation--site--right .profile__btn {
    color: var(--color-bg);
  }
}
.main--g .navigation--site svg {
  fill: var(--color-bg);
}
.main--g .navigation__labels {
  color: var(--color-bg);
}
.main--g .navigation__logo svg {
  height: 33px;
  width: 56px;
  fill: var(--color-bg);
}
@media screen and (min-width: 500px) {
  .main--g .navigation__logo svg {
    height: 38px;
    width: 65px;
  }
}
@media screen and (min-width: 1200px) {
  .main--g .navigation__logo svg {
    height: 48px;
    width: 79px;
  }
}
.main--g .sidebar--panel {
  border-top: 1px solid var(--color-general);
}
.main--g .sidebar .theme-widget__button,
.main--g .sidebar--panel .navigation__mobile__bottom__button {
  background: var(--color-accent-inv);
  color: var(--color-general);
  transition: var(--theme-text) var(--theme);
}
.main--g .sidebar .theme-widget__button svg {
  fill: var(--color-general);
}
.main--g .sidebar__list__account,
.main--g .sidebar__list__newsletter {
  background: var(--color-accent-inv);
  color: var(--color-general);
  transition: var(--theme-text) var(--theme);
}
.main--g .widget--date,
.main--g .widget--rate {
  color: var(--color-bg);
}
.main--g .widget--rate--dn,
.main--g .widget--rate--dn:after {
  color: var(--color-accent-inv);
}
.main--g .widget--rate--eq,
.main--g .widget--rate--eq:after {
  color: var(--color-secondary-inv);
}
.main--g .widget--rate--up,
.main--g .widget--rate--up:after {
  color: var(--color-red-inv);
}
.main--g .widget--weather__degree > :first-child {
  color: var(--color-accent-inv);
}
.main--g .widget--weather__degree > :nth-child(2) {
  color: var(--color-red-inv);
}
.main--g .widget--flooding,
.main--g .widget--flooding i {
  color: var(--color-secondary-inv);
}
.main--g .scroll-up .navigation__logo svg {
  height: 33px;
  width: 56px;
}
@media screen and (min-width: 500px) {
  .main--g .scroll-up .navigation__logo svg {
    height: 38px;
    width: 65px;
  }
}
.main--g .scroll-up .navigation--site {
  border-bottom: 1px solid var(--color-text);
}
.main--g .scroll-up .navigation--site:before {
  display: none;
}
.main--g body:not(.scroll-down, .scroll-up) .opacity-mode .navigation__desktop,
.main--g body:not(.scroll-down, .scroll-up) .opacity-mode .navigation__pages {
  background: #0000001a;
}
.main--g
  body:not(.scroll-down, .scroll-up)
  .opacity-mode
  .navigation__logo
  svg {
  fill: var(--white);
}
.main--g
  body:not(.scroll-down, .scroll-up)
  .opacity-mode
  .navigation--tag__list
  a {
  color: var(--white);
}
.main--g
  body:not(.scroll-down, .scroll-up)
  .opacity-mode
  .navigation--tag__list
  a:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 98 100'%3E%3Cpath fill='%239F9' d='M98.042 0 35.33 100H0L62.494 0z'/%3E%3C/svg%3E");
}
.main--g body:not(.scroll-down, .scroll-up) .opacity-mode .navigation__labels {
  color: var(--white);
}
.main--g
  body:not(.scroll-down, .scroll-up)
  .opacity-mode
  .navigation--site:before {
  background: var(--white);
}
.main--g body:not(.scroll-down, .scroll-up) .opacity-mode .burger-bar {
  background-color: var(--white);
}
.main--g body:not(.scroll-down, .scroll-up) .opacity-mode .profile__btn,
.main--g body:not(.scroll-down, .scroll-up) .opacity-mode .widget--date,
.main--g body:not(.scroll-down, .scroll-up) .opacity-mode .widget--rate {
  color: var(--white);
}
.main--g body:not(.scroll-down, .scroll-up) .opacity-mode .widget--rate--up,
.main--g
  body:not(.scroll-down, .scroll-up)
  .opacity-mode
  .widget--rate--up:after {
  color: var(--red-inv);
}
.main--g
  body:not(.scroll-down, .scroll-up)
  .opacity-mode
  .widget--weather__degree
  > :first-child {
  color: var(--g7-inv);
}
.main--g
  body:not(.scroll-down, .scroll-up)
  .opacity-mode
  .widget--weather__degree
  > :nth-child(2) {
  color: var(--red-inv);
}
.main--g .navigation--domain__list a:nth-child(3):after {
  background: var(--white);
}
.footer {
  background: var(--color-bg);
  position: relative;
  transition: var(--theme);
  z-index: 5;
}
.footer__container {
  background-color: var(--color-general);
  padding-top: 30px;
  text-align: center;
  transition: var(--theme);
}
@media screen and (min-width: 375px) {
  .footer__container li {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .footer__container {
    padding-top: 10px;
  }
}
.footer__container ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 0;
}
.footer__container li {
  font-size: 0.88rem;
  font-weight: 400;
  margin: 10px 15px;
  padding: 0;
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
.footer__container li,
.footer__container li a {
  color: var(--white-medium);
}
.footer__container li a:hover:before {
  background-color: var(--white-medium);
  bottom: -3px;
  content: "";
  height: 1px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
}
.footer__logo {
  cursor: pointer;
  margin: 0 auto;
  padding: 0 0 10px;
  width: 100px;
  margin-top: 25px;
}
.footer__logo svg {
  fill: var(--white);
  width: 100%;
}
.footer__links {
  margin: 0 auto;
  max-width: 690px;
}
.footer__links li > * {
  font-size: 0.88rem;
}
@media screen and (min-width: 1200px) {
  .footer__links {
    max-width: 900px;
  }
}
.footer__highlights {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
}
.footer__highlights__title {
  font-weight: var(--bold);
  padding: 0 0 0 16px;
  position: relative;
}
.footer__highlights__title:before {
  background: var(--color-accent);
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.footer__social {
  /* height: 100%; */
  padding: 20px 0;
}
.footer__social li {
  margin: 7px 20px;
}
.footer__app {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}
.footer__app__badges {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  max-width: 285px;
  padding: 30px 0 15px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .footer__app__badges {
    max-width: 480px;
  }
}
.footer__app--apple,
.footer__app--google,
.footer__app--huawei {
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
  margin-bottom: 15px;
}
.footer__app--apple:hover,
.footer__app--google:hover,
.footer__app--huawei:hover {
  opacity: 0.7;
}
.footer__app--google {
  background-image: url(../images/google_play_badge.svg);
  margin-right: 15px;
  width: 135px;
}
@media screen and (min-width: 500px) {
  .footer__app--google {
    margin-right: 20px;
  }
}
.footer__app--huawei {
  background-image: url(../images/huawei_app_gallery_badge.svg);
  width: 134px;
}
@media screen and (min-width: 500px) {
  .footer__app--huawei {
    margin-right: 20px;
  }
}
.footer__app--apple {
  background-image: url(../images/app_store_badge.svg);
  width: 151px;
}
.doc {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .doc {
    margin-bottom: 60px;
  }
}
.doc .article_body_ img {
  cursor: pointer;
}
.doc .article_container_ {
  margin: 0 auto;
  width: 100%;
}
.doc .article_container_ .article_title h1 {
  font-size: 1.5rem;
  margin: 20px 0 !important;
}
@media screen and (min-width: 768px) {
  .doc .article_container_ .article_title h1 {
    font-size: 1.8rem;
  }
}
.doc .article_container_ .table {
  margin: 30px auto !important;
}
.doc .article_container_ table {
  border: none;
  border-collapse: collapse;
  width: 100%;
}
.doc .article_container_ table tbody,
.doc .article_container_ table thead {
  border: 1px solid var(--color-gray-mid-light) !important;
  display: grid;
  margin: 0 auto;
  transition: var(--theme-border);
  width: -moz-min-content;
  width: min-content;
}
.doc .article_container_ table tbody td,
.doc .article_container_ table tbody th,
.doc .article_container_ table thead td,
.doc .article_container_ table thead th {
  border: 1px solid var(--color-gray-mid-light);
  border-collapse: collapse;
  font-size: 0.88rem !important;
  font-weight: var(--light);
  padding: 7px !important;
  transition: var(--theme-border);
  width: 180px;
}
@media screen and (min-width: 500px) {
  .doc .article_container_ table tbody td,
  .doc .article_container_ table tbody th,
  .doc .article_container_ table thead td,
  .doc .article_container_ table thead th {
    width: 300px;
  }
}
.doc .article_container_ table tbody td:first-child,
.doc .article_container_ table tbody th:first-child,
.doc .article_container_ table thead td:first-child,
.doc .article_container_ table thead th:first-child {
  font-weight: var(--bold);
}
.doc .article_container_ table tbody th,
.doc .article_container_ table thead th {
  background: var(--color-list);
  transition: var(--theme);
}
.doc .article_container_ table tbody td,
.doc .article_container_ table thead td {
  background: var(--color-bg);
  transition: var(--theme);
}
.doc .article_container_ table tbody tr,
.doc .article_container_ table thead tr {
  display: flex;
}
.doc .article_container_ table tbody tr:nth-child(2n) td,
.doc .article_container_ table thead tr:nth-child(2n) td {
  background: var(--color-list);
  transition: var(--theme);
}
@media screen and (min-width: 500px) {
  .doc .article_container_ {
    max-width: 690px;
    width: 100%;
  }
}
.doc a {
  color: var(--color-accent);
  transition: var(--theme-text);
}
.doc--xray {
  margin-inline: auto;
  max-width: 400px;
}
.main--dark .impressum__logos--theme {
  fill: #f9f9f9;
  transition: var(--theme-fills);
}
@media screen and (max-width: 1117px) {
  .tura-tabla {
    overflow: scroll !important;
  }
}
.doc-8 h2 {
  margin: 50px 0 30px;
}
.doc-8 ul {
  margin: 0 0 30px;
}
.doc-8 ul li {
  margin: 0 0 7px !important;
  padding: 0 !important;
}
.doc-8 ul li:first-child {
  font-weight: 700 !important;
}
.doc-8 ul li:before {
  display: none !important;
}
.doc-8 figure {
  margin: 17px auto 50px !important;
}
.tura-tabla {
  font-size: 0.77rem;
  margin: 40px 0;
  overflow: scroll !important;
}
.tura-tabla table {
  width: -moz-max-content;
  width: max-content;
}
.tura-tabla table tbody,
.tura-tabla table thead {
  display: grid;
  width: 100%;
}
.tura-tabla table tbody td,
.tura-tabla table tbody th,
.tura-tabla table thead td,
.tura-tabla table thead th {
  border: 1px solid var(--color-gray-mid-light);
  display: grid;
  padding: 8px 16px;
  place-content: center;
  transition: var(--theme-border);
}
.tura-tabla table tbody td:first-child,
.tura-tabla table tbody th:first-child,
.tura-tabla table thead td:first-child,
.tura-tabla table thead th:first-child {
  width: 70px;
}
.tura-tabla table tbody td:nth-child(2),
.tura-tabla table tbody th:nth-child(2),
.tura-tabla table thead td:nth-child(2),
.tura-tabla table thead th:nth-child(2) {
  width: 240px;
}
.tura-tabla table tbody td:nth-child(3),
.tura-tabla table tbody th:nth-child(3),
.tura-tabla table thead td:nth-child(3),
.tura-tabla table thead th:nth-child(3) {
  width: 110px;
}
.tura-tabla table tbody td:nth-child(4),
.tura-tabla table tbody th:nth-child(4),
.tura-tabla table thead td:nth-child(4),
.tura-tabla table thead th:nth-child(4) {
  width: 180px;
}
.tura-tabla table tbody td:nth-child(5),
.tura-tabla table tbody th:nth-child(5),
.tura-tabla table thead td:nth-child(5),
.tura-tabla table thead th:nth-child(5) {
  width: 80px;
}
.tura-tabla table tbody tr,
.tura-tabla table thead tr {
  display: flex;
}
.tura-tabla table tbody tr td:first-child,
.tura-tabla table thead tr td:first-child {
  font-weight: var(--bold);
}
.tura-tabla table tr:nth-child(2n) td {
  background-color: var(--color-list);
  transition: var(--theme), var(--theme-border);
}
.podcast__recommendation {
  display: grid;
  width: 100%;
  grid-gap: 15px;
  grid-template-columns: 1fr;
  margin: 0 0 20px;
}
@media screen and (min-width: 500px) {
  .podcast__recommendation {
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin: 0 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .podcast__recommendation {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.podcast__recommendation__show__img {
  border: 1px solid var(--color-gray-light);
  border-radius: 9px;
  display: grid;
  height: 0;
  margin: 5px 0 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  padding-bottom: 100%;
  place-content: center;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .podcast__recommendation__show__img {
    margin: 3px 0 0;
  }
}
.podcast__recommendation__show__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.podcast__recommendation__show__img img[alt] {
  color: transparent;
}
.podcast__recommendation__show__title {
  color: var(--color-text) !important;
  font-size: 1.05rem;
  font-weight: var(--bold);
}
.impressum {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
}
.impressum__contact {
  font-size: 0.88rem;
  margin: 30px 0 20px;
}
@media screen and (min-width: 500px) {
  .impressum__contact {
    margin: 40px 0 30px;
  }
}
.impressum__list,
.impressum__list__item {
  display: flex;
  flex-direction: column;
}
.impressum__list__item__copy {
  position: relative;
}
.impressum__list__item__highlighted {
  margin: 0 0 30px;
}
@media screen and (min-width: 1200px) {
  .impressum__list__item__highlighted {
    margin: 10px 0 40px;
  }
}
.impressum__list__item--info {
  font-size: 0.88rem;
}
.impressum__list__item--info .impressum__list__item__title {
  margin: 40px 0 10px;
}
.impressum__list__item--info .impressum__list__item__title:first-child {
  margin: 20px 0 10px;
}
.impressum__list__item--info .impressum__list__url {
  margin: 5px 0;
  padding: 0 0 0 20px;
  position: relative;
}
.impressum__list__item--info .impressum__list__url:before {
  background: var(--color-gray-medium-inv);
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.impressum__list__item__mail {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  justify-content: start;
}
.impressum__list__item__mail i {
  color: var(--color-accent);
  font-size: 0.9rem !important;
  margin: 0 3px 0 0;
  transition: var(--theme-text);
}
.impressum__list__item__mail span {
  color: var(--color-accent);
  font-size: 0.77rem;
  font-weight: var(--medium);
  transition: var(--theme-text);
}
.impressum__list__item__name {
  display: inline;
  font-size: 0.88rem;
  font-weight: var(--semibold);
  margin: 0 4px 0 0;
}
.impressum__list__item__name i {
  margin: 0 0 0 3px;
}
.impressum__list__item__title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-weight: var(--bold);
  justify-content: start;
}
.impressum__list__item__title--section {
  font-size: 1.2rem !important;
  font-weight: var(--bold);
}
@media screen and (min-width: 768px) {
  .impressum__list__item__title--section {
    font-size: 1.4rem !important;
  }
}
.impressum__list__item__role {
  display: flex;
  font-size: 0.88rem;
  margin: 0 7px 0 0;
}
.impressum__list__item__role,
.impressum__list__subitem {
  align-items: center;
  flex-wrap: wrap;
  justify-content: start;
}
.impressum__list__subitem {
  display: flex !important;
  margin: 15px 0 0;
  padding: 0 0 0 20px;
  position: relative;
  width: 100%;
}
.impressum__list__subitem:before {
  background: var(--color-gray-medium-inv);
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 9px;
  width: 8px;
}
.impressum__img {
  display: block;
}
.impressum .accordion:last-child {
  margin: 0 0 30px !important;
}
.impressum .accordion__title {
  font-size: 1rem;
}
.impressum .accordion__head {
  background: transparent;
  border: none;
  border-bottom: 3px solid var(--color-gray-mid-light);
  border-radius: 0;
  cursor: pointer;
  padding: 5px 0;
}
.impressum .accordion__content {
  background: transparent;
  border: none;
  border-radius: 0;
  overflow: visible;
  padding: 10px 0;
}
.article_body_ .impressum ul li {
  margin: 0 !important;
  padding: 0 0 0 20px !important;
  position: relative;
}
.article_body_ .impressum ul li:before {
  background: var(--color-gray-medium-inv);
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 8px;
}
.impressum__logos {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px 0 0;
}
.impressum__logos--doktor24 {
  width: 120px;
}
.impressum__logos--illy {
  width: 50px;
}
.impressum__logos--flottaman {
  width: 140px;
}
.impressum__logos--furbify {
  width: 100px;
}
.impressum__logos--schiller,
.impressum__logos--wigo {
  width: 90px;
}
.impressum__logos--imedia {
  width: 100px;
}
.impressum__logos--foxpost {
  width: 110px;
}
.impressum__logos--espresso,
.impressum__logos--koffein {
  width: 140px;
}
.impressum__logos svg {
  margin: 15px 20px;
}
.main--light .impressum__logos--flottaman {
  fill: #11c1c1;
}
* {
  box-sizing: border-box;
}
:focus {
  outline: 0;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
a:active,
a:hover {
  outline: 0;
}
iframe {
  border: 0;
}
button,
input,
select,
textarea {
  border: none;
  margin: 0;
  outline: none;
}
audio,
img,
video {
  max-width: 100%;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
textarea {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  overflow: auto;
  resize: none;
  vertical-align: top;
}
button,
input {
  line-height: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
a {
  text-decoration: none;
}
li,
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
em {
  font-style: normal;
}
html {
  color: var(--color-text);
  font-size: 18px;
  line-height: 1.5;
  overflow: visible !important;
  transition: var(--theme-text);
  -webkit-tap-highlight-color: transparent;
}
.placeholder_ {
  background-color: var(--color-gray-extra-light);
  background-image: url(../images/placeholder.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: initial;
  color: transparent;
  display: block;
  transition: var(--theme), var(--theme-text);
}
.scale--small {
  font-size: 15px;
}
.scale--large {
  font-size: 21px;
}
.scale--x-large {
  font-size: 24px;
}
.right {
  text-align: right;
  white-space: nowrap;
}
*,
:after,
:before {
  box-sizing: border-box;
  scrollbar-color: var(--color-gray-medium) var(--color-gray-light);
  scrollbar-width: thin;
  transition: scrollbar-color 0.3s ease-out;
}
::-webkit-scrollbar {
  width: 0.88rem;
}
::-webkit-scrollbar-track {
  background-color: var(--color-gray-light);
  -webkit-transition: var(--theme);
  transition: var(--theme);
}
::-webkit-scrollbar-thumb {
  background-color: var(--color-gray-medium);
  border: 2px solid var(--color-gray-light);
  border-radius: 40px;
  -webkit-transition: var(--theme), var(--theme-border);
  transition: var(--theme), var(--theme-border);
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--color-scrollbar);
  -webkit-transition: var(--theme);
  transition: var(--theme);
}
::-webkit-scrollbar-corner {
  background: transparent;
}
.media :after,
.media :before,
.media > *,
.placeholder :after,
.placeholder :before,
.placeholder > * {
  scrollbar-color: var(--gray-medium) var(--gray-light);
  scrollbar-width: thin;
}
.media ::-webkit-scrollbar-track,
.placeholder ::-webkit-scrollbar-track {
  background-color: var(--gray-light);
}
.media ::-webkit-scrollbar-thumb,
.placeholder ::-webkit-scrollbar-thumb {
  background-color: var(--gray-medium);
  border: 2px solid var(--gray-light);
  border-radius: 40px;
}
.media ::-webkit-scrollbar-thumb:hover,
.placeholder ::-webkit-scrollbar-thumb:hover {
  background-color: #1359;
}
body {
  background-color: var(--color-bg);
  font-family: var(--sans);
  font-weight: 400;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: var(--theme), var(--theme-text);
}
body p {
  line-height: 1.4;
}
main {
  overflow: hidden;
}
.delayed-animation {
  animation-delay: 10s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-name: fallout;
  transition: transform 1s cubic-bezier(0.65, 0, 0.35, 1);
}
@keyframes fallout {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(120%);
  }
}
.main-container {
  position: relative;
}
.main-container,
.sub-container {
  display: flex;
  flex-direction: column;
}
.sub-container {
  padding: 90px 0 0;
}
@media screen and (min-width: 500px) {
  .sub-container {
    padding-top: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .sub-container {
    padding-top: 140px;
  }
}
.main--a .sub-container {
  padding-top: 110px;
}
@media screen and (min-width: 1200px) {
  .main--a .sub-container,
  .main--g .sub-container {
    padding-top: 150px;
  }
}
.breaking-container .sub-container,
.hero-container .sub-container {
  padding: 0;
}
.container {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .container {
    max-width: 1120px;
  }
}
.cl-container,
.container {
  flex: 0 0 auto;
  margin: 0 auto;
  min-height: 85vh;
  position: relative;
}
@media screen and (min-width: 768px) {
  .cl-container,
  .container {
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .cl-container,
  .container {
    margin: 0 auto;
    max-width: 1120px;
  }
}
@media screen and (min-width: 768px) {
  .cl-container:not(.cl-container--breaking) {
    max-width: calc(100% - 60px);
  }
}
@media screen and (min-width: 1200px) {
  .cl-container:not(.cl-container--breaking) {
    max-width: 1120px;
  }
}
.cl-container.cl-container--breaking {
  margin: 0;
  min-height: auto;
  width: 100vw;
}
@media screen and (max-width: 1199px) {
  .container {
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .container {
    padding: 0 15px;
  }
}
.cl-container {
  margin-bottom: 60px;
}
@media (max-width: 1200px) {
  .cl-container {
    margin-bottom: 40px;
  }
}
.euro2020 .main-top > div:first-of-type,
.tokyo-2020 .main-top > div:first-of-type {
  padding-top: 180px;
}
@media screen and (max-width: 1200px) {
  .euro2020 .main-top > div:first-of-type,
  .tokyo-2020 .main-top > div:first-of-type {
    padding-top: 130px;
  }
}
.tag {
  cursor: pointer;
  font-size: 0.6rem;
  letter-spacing: 0.3px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 1;
}
.tag--meta {
  background-color: var(--color-gray-light);
  border-radius: 2px;
  color: var(--color-secondary);
  font-weight: var(--medium);
  padding: 4px 8px;
  transition: var(--theme), var(--theme-text);
}
.tag--meta:hover {
  background-color: var(--color-gray-light-fx);
}
.tag--basic {
  color: var(--color-accent);
  font-weight: var(--semibold);
  line-height: 1;
  margin: 0;
  padding: 0;
  transition: var(--theme-text);
  width: -moz-min-content;
  width: min-content;
}
.tag--basic:hover {
  color: var(--color-secondary);
}
.tag--viral {
  color: var(--color-viral);
}
.tag--viral:hover {
  color: var(--color-secondary);
}
.tag--wrap {
  padding-top: 5px;
  white-space: normal !important;
}
.articles-row .tag,
.recommendation--new .tag {
  line-height: 1.2;
}
.cl-container .tag {
  transform: translateY(2px);
}
.cl-container .livetag:before {
  margin: 3px 8px 0 0;
}
.cl-container .onlytext .live {
  transform: translateY(3px);
}
.img_info {
  align-items: center;
  bottom: 0;
  position: absolute;
  z-index: 6;
}
.img_info,
.img_tag {
  display: flex;
  left: 0;
}
.img_tag {
  align-items: flex-end;
  background-color: var(--color-bg);
  bottom: -2px;
  margin: 0;
  min-height: 16px;
  padding: 0 6px 0 0;
  transform: translate(-2px) translateY(1px);
  transition: var(--theme);
  z-index: 2;
}
.img_tag--recommendation {
  position: absolute;
}
.img_tag .tag--basic {
  margin: 0 0 0 1px;
}
.content-wrapper .tag--basic,
.content-wrapper .tag--viral {
  margin-right: 15px;
  white-space: nowrap;
}
.live {
  align-items: flex-end;
  display: flex;
  left: 0;
  margin: 0;
  padding-right: 15px;
  transition: var(--theme);
  z-index: 2;
}
.with-image .live {
  background-color: var(--color-bg);
  bottom: -2px;
  height: 18px;
  padding-right: 10px;
  transform: translateY(2px);
}
.livetag {
  color: var(--color-text);
  font-size: 0.6rem;
  font-weight: var(--semibold);
  line-height: 1;
  margin: 0 0 0 15px;
  padding: 0;
  position: relative;
  text-decoration: none;
  transition: var(--theme-text);
}
.livetag:before {
  animation: pulse 1s ease infinite;
  background-color: #3e3;
  border-radius: 50%;
  box-shadow: 0 0 0 5px;
  content: "";
  display: inline-block;
  height: 8px;
  left: -15px;
  margin: 0 8px 0 0;
  position: absolute;
  transition: opacity 0.3s linear;
  width: 8px;
}
.livetag pulse {
  animation: pulse 2s infinite;
  background: #cca92c;
  border-radius: 50%;
  box-shadow: 0 0 #3e36;
  display: block;
  height: 22px;
  margin: 100px;
  width: 22px;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 #3e36;
  }
  70% {
    box-shadow: 0 0 0 10px #3e30;
  }
  to {
    box-shadow: 0 0 #3e30;
  }
}
.newpost {
  color: var(--color-text);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 0 7px;
  text-decoration: none;
  text-transform: none;
  transition: var(--theme-text);
}
.pagination {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
  margin: 0;
  overflow: hidden;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .pagination {
    margin: 20px 0;
  }
}
.pagination .page {
  background-color: var(--color-cards);
  border: 1px solid var(--color-gray-mid-light);
  color: var(--color-secondary);
  display: grid;
  font-size: 0.88rem;
  font-weight: var(--semibold);
  height: 44px;
  margin: 0 3px;
  place-items: center;
  transition: var(--theme), var(--theme-text), var(--theme-border);
  width: 30px;
}
@media screen and (min-width: 375px) {
  .pagination .page {
    width: 36px;
  }
}
@media screen and (min-width: 500px) {
  .pagination .page {
    margin: 0 5px;
    width: 44px;
  }
}
.pagination .page:hover:not(.page__more) {
  background-color: var(--color-gray-light-fx);
}
.pagination .page__icon {
  cursor: pointer;
  font-size: 0.55rem;
}
.pagination .page__more {
  cursor: default;
}
.pagination a {
  background-color: var(--color-gray-light);
  border-radius: 3px;
  transition: var(--theme), var(--theme-text), var(--theme-border);
}
.pagination a:hover {
  background-color: var(--color-gray-light-fx);
}
.pagination .current-page {
  background-color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  color: var(--color-bg);
  transition: var(--theme), var(--theme-text), var(--theme-border);
}
.pagination .current-page:hover {
  background-color: var(--color-secondary) !important;
  cursor: default;
}
.single_article .pagination {
  height: 80px;
  margin-top: 0;
}
.modal-open {
  overflow: hidden;
}
.btn {
  border-radius: 3px;
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: var(--bold);
  height: 36px;
  line-height: 1;
  padding: 10px 16px;
  white-space: nowrap;
}
@media screen and (min-width: 500px) {
  .btn {
    height: 40px;
    max-width: 250px;
  }
}
@media screen and (min-width: 768px) {
  .btn {
    max-width: none;
  }
}
.btn:hover {
  opacity: 0.9;
}
.btn--list {
  background: var(--color-accent);
  color: var(--color-bg);
  margin: 20px 0;
  transition: var(--theme), var(--theme-text);
}
.accordion {
  margin: 0 0 10px;
}
.accordion__head {
  align-items: center;
  background: var(--color-gray-mid-light);
  border: 1px solid var(--color-gray-medium);
  border-radius: 3px;
  display: flex;
  font-weight: var(--bold);
  justify-content: space-between;
  padding: 4px 10px 4px 15px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .accordion__head {
    padding: 4px 25px 4px 30px;
  }
}
.accordion__head:hover {
  opacity: 0.8;
}
.accordion__icon {
  display: grid;
  height: 30px;
  overflow: hidden;
  place-content: center;
  width: 30px;
}
.accordion i {
  font-size: 1.6rem;
  line-height: 1;
}
.accordion__title {
  font-size: 0.8rem;
  color: #1941D7 !important;
}
@media screen and (min-width: 500px) {
  .accordion__title {
    font-size: 0.88rem;
  }
}
.accordion__content {
  background: var(--color-list);
  border: 1px solid var(--color-gray-medium);
  overflow: hidden;
  padding: 15px;
  transition: var(--theme), var(--theme-border);
}
@media screen and (min-width: 500px) {
  .accordion__content {
    padding: 15px 30px;
  }
}
.accordion:last-child {
  margin-bottom: 20px;
}
@media screen and (min-width: 500px) {
  .accordion:last-child {
    margin-bottom: 40px;
  }
}
.accordion__icon {
  cursor: pointer;
}
.accordion__head {
  background: var(--color-list);
  border: 1px solid var(--color-gray-mid-light);
  color: var(--color-text);
  cursor: pointer;
  font-size: 0.9rem;
  padding: 10px 20px;
  transition: var(--theme), var(--theme-text), var(--theme-border);
}
.accordion__head:hover {
  opacity: 1;
  outline: 1px solid var(--color-gray-mid-light);
}
.accordion__content {
  background: transparent;
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 0 0 5px 5px;
  border-top: none;
  color: var(--color-text);
  font-size: 0.88rem;
  font-weight: var(--medium);
  max-height: 250px;
  overflow: scroll;
  scrollbar-color: transparent transparent !important;
  scrollbar-width: none !important;
  transition: var(--theme), var(--theme-text), var(--theme-border);
  -ms-overflow-style: none !important;
}
.accordion__content::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 500px) {
  .accordion__content {
    padding: 15px 20px;
  }
}
.accordion__content--text {
  color: var(--black);
  display: inline;
  font-size: 0.7rem !important;
  font-style: italic;
  margin: 0 !important;
}
.accordion__content a {
  color: var(--color-accent);
  text-decoration: underline;
  transition: var(--theme-text);
}
.accordion__content a:hover {
  opacity: 0.8;
}
.accordion__title {
  margin: 0 7px 0 0;
  text-align: left;
}
.container--widget {
  min-height: auto;
}
.bottom__panels {
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr;
  max-height: -moz-max-content;
  max-height: max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  position: fixed;
  right: 0;
  z-index: 100;
  grid-gap: 10px;
  justify-items: end;
}
@media screen and (min-width: 500px) {
  .bottom__panels {
    bottom: 20px;
    right: 20px;
  }
}
.widget-container {
  background: var(--color-bg);
  display: grid;
  height: 150px;
  place-content: center;
  transition: var(--theme);
}
@media screen and (min-width: 500px) {
  .widget-container {
    height: 130px;
  }
}
@media screen and (min-width: 768px) {
  .widget-container {
    height: 100px;
  }
}
.list-container:before {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s linear;
  z-index: -1;
}
.after-container.list-container {
  color: var(--white);
  transition: var(--theme), var(--theme-text);
}
.after-container.list-container .list__header__group__title {
  color: #fff;
}
.after-container.list-container:before {
  background: linear-gradient(0deg, #1e1e1e 30%, #7b52c2 80%);
  opacity: 1;
}
.vm--container {
  padding: 0 10px;
  width: 100% !important;
}
.vm--container.scrollable .vm--modal {
  margin: 10px 0 30px !important;
}
@media screen and (min-width: 768px) {
  .vm--container.scrollable .vm--modal {
    margin: 0 auto !important;
  }
}
.vm--modal {
  background-color: var(--color-gray-light) !important;
  border-radius: 7px !important;
  height: auto !important;
  left: 0 !important;
  transition: var(--theme);
  width: 100% !important;
}
@media screen and (max-height: 400px) {
  .vm--modal {
    overflow: scroll !important;
  }
}
@media screen and (min-width: 768px) {
  .vm--modal {
    width: 600px !important;
  }
}
.vue-dialog {
  border: 1px solid var(--color-gray-mid-light) !important;
}
.vue-dialog.dialog-flex {
  height: 100%;
  width: 100%;
}
.vue-dialog .title {
  border-bottom: 1px solid var(--color-gray-mid-light);
  box-sizing: border-box;
  font-weight: 600;
  padding: 10px 20px 15px;
  text-align: center;
}
.vue-dialog-buttons {
  align-items: center;
  border-top: 1px solid var(--color-gray-mid-light) !important;
  font-weight: var(--semibold);
  height: 60px;
  justify-content: center;
}
.vue-dialog-buttons button {
  background: transparent;
  border: 0;
  box-sizing: border-box;
  color: var(--color-text);
  cursor: pointer;
  flex: 1 1 50%;
  height: 60px;
  line-height: 40px;
  font: inherit;
  font-size: 0.77rem;
  margin: 0;
  outline: none;
  padding: 0;
}
.vue-dialog-buttons button:nth-child(2) {
  border-left: 1px solid var(--color-gray-mid-light) !important;
}
.vue-dialog-buttons button:active,
.vue-dialog-buttons button:hover {
  background-color: var(--color-gray-mid-light);
}
.vue-dialog-buttons button:active {
  opacity: 0.8;
}
.vue-dialog-buttons button:not(:first-of-type) {
  border-left: 1px solid #eee;
}
.vue-dialog .dialog-content {
  flex: 1 0 auto;
  font-size: 0.77rem;
  width: 100%;
}
.vue-dialog .dialog-content .adult {
  padding: 10px 10px 0;
}
@media screen and (min-width: 500px) {
  .vue-dialog .dialog-content .adult {
    padding: 10px 20px 0;
  }
}
@media screen and (min-width: 1200px) {
  .vue-dialog .dialog-content .adult {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 20px;
    align-content: start;
  }
}
.vue-dialog .dialog-content .adult--text {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.77rem;
  line-height: 1.4;
  margin: 10px 0;
}
@media screen and (min-width: 375px) {
  .vue-dialog .dialog-content .adult--text {
    font-size: 0.88rem;
    font-weight: var(--medium);
    margin: 15px 0;
  }
}
.vue-dialog .dialog-content .adult--text p {
  color: var(--color-text);
  font-weight: var(--regular);
}
.vue-dialog .dialog-content .adult--text a {
  color: var(--color-accent);
}
.vue-dialog .dialog-content .adult--number {
  border: 10px solid crimson;
  border-radius: 50px;
  display: grid;
  height: 100px;
  margin: auto;
  place-content: center;
  width: 100px;
}
.vue-dialog .dialog-content .adult--number p {
  font-size: 3rem;
  font-weight: 800;
}
@media screen and (max-width: 500px) {
  .vue-dialog .dialog-content .adult--number {
    border: 6px solid crimson;
    height: 55px;
    width: 55px;
  }
  .vue-dialog .dialog-content .adult--number p {
    font-size: 1.5rem;
  }
}
.vm--overlay {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #000000e6 !important;
}
.modal--overlay {
  align-items: center;
  display: flex;
  grid-template-columns: 1fr;
  height: 100%;
  justify-content: center;
  position: fixed;
  width: 100vw;
  z-index: 100;
}
.modal--overlay--center {
  background-color: var(--color-bg);
  border: 1px solid var(--color-list);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  max-width: 700px;
  padding: 20px 20px 30px;
  position: relative;
  transition: var(--theme), var(--theme-text), var(--theme-border);
  width: calc(100vw - 30px);
  z-index: 999;
}
@media screen and (min-width: 500px) {
  .modal--overlay--center {
    padding: 30px;
    width: calc(100vw - 120px);
  }
}
@media screen and (min-width: 768px) {
  .modal--overlay--center {
    transform: translateY(30px);
    width: 50vw;
  }
}
@media screen and (min-width: 1200px) {
  .modal--overlay--center {
    padding: 60px 0 40px;
    transform: translateY(50px);
    width: 100%;
  }
}
.modal--overlay--center:before {
  background-color: var(--white);
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: -3px;
  top: -30px;
  transform: rotate(-45deg) translate(1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .modal--overlay--center:before {
    right: 0;
    top: -30px;
  }
}
.modal--overlay--center:after {
  background-color: var(--white);
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: -3px;
  top: -30px;
  transform: rotate(45deg) translate(-1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .modal--overlay--center:after {
    right: 0;
    top: -30px;
  }
}
.modal--overlay--center div:first-of-type {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.modal--overlay--center__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: calc(100vw - 60px);
  width: calc(100vw - 60px);
}
@media screen and (min-width: 500px) {
  .modal--overlay--center__img {
    height: 350px;
    width: 350px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--overlay--center__img {
    height: 450px;
    width: 450px;
  }
}
.modal--overlay--bottom {
  background-color: var(--color-bg);
  border-top: 1px solid var(--color-gray-mid-light);
  bottom: 0;
  display: grid;
  left: 0;
  place-items: center;
  position: fixed;
  right: 0;
  transition: var(--theme), var(--theme-border);
  width: 100vw;
  z-index: 999;
}
.modal--overlay--bottom .canvas {
  height: calc(100% - 60px);
  max-width: 1120px;
  padding: 20px;
  width: 100%;
  z-index: 1000;
}
.modal--overlay--bottom .canvas h1 {
  color: var(--color-text);
  font-size: 2.5rem;
  font-weight: var(--bold);
}
.modal--overlay--bottom .canvas button {
  background-color: var(--color-text);
  border-radius: 4px;
  color: var(--color-bg);
  font-size: 1rem;
  font-weight: var(--bold);
  margin-top: 30px;
  padding: 15px 30px;
}
.modal--overlay--bottom .canvas button:hover {
  background-color: var(--color-secondary);
}
.modal--overlay__backdrop {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #000c;
  bottom: 0;
  cursor: pointer;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
}
.modal--overlay__close {
  display: grid;
  left: 50%;
  place-content: center;
  position: fixed;
  top: 0;
  transform: translate(-50%);
  z-index: 100;
}
.modal--overlay__close span {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.25);
  border-left: 1px solid hsla(0, 0%, 100%, 0.25);
  border-right: 1px solid hsla(0, 0%, 100%, 0.25);
  cursor: pointer;
  display: flex;
  height: 50px;
  position: relative;
  width: 50px;
}
.modal--overlay__close span:before {
  transform: rotate(-45deg) translate(calc(-50% + 4px))
    translateY(calc(-50% - 8px));
}
.modal--overlay__close span:after,
.modal--overlay__close span:before {
  background-color: var(--white);
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 24px;
}
.modal--overlay__close span:after {
  transform: rotate(-135deg) translate(calc(-50% + 21px))
    translateY(calc(-50% - 7px));
  z-index: 1000;
}
.modal--overlay .subscribe {
  border-radius: 3px;
  display: grid;
  min-height: 300px;
  place-content: center;
  position: relative;
  z-index: 4;
}
.modal--overlay .subscribe__group {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  justify-items: center;
  padding: 20px 15px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .modal--overlay .subscribe__group {
    align-items: center;
    grid-gap: 40px;
    grid-template-columns: 120px 1fr;
    padding: 30px 0;
  }
}
.modal--overlay .subscribe__content {
  display: flex;
  flex-direction: column;
  max-height: 300px;
  overflow: scroll;
  padding: 3px;
  scrollbar-color: transparent transparent !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
@media screen and (min-width: 768px) {
  .modal--overlay .subscribe__content {
    max-height: none;
    max-width: 500px;
  }
}
.modal--overlay .subscribe__content::-webkit-scrollbar {
  display: none;
}
.modal--overlay .subscribe__img {
  height: 80px;
  width: 80px;
}
@media screen and (min-width: 768px) {
  .modal--overlay .subscribe__img {
    height: 120px;
    width: 120px;
  }
}
.modal--overlay .subscribe__btn {
  background: var(--yellow);
  border: 1px solid var(--secondary);
  color: var(--secondary);
  display: grid;
  margin: 15px 0 0;
  place-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .modal--overlay .subscribe__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.modal--overlay .subscribe__title {
  color: var(--color-text);
  cursor: default;
  font-weight: var(--bold);
  margin: 0 0 10px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .modal--overlay .subscribe__title {
    text-align: left;
  }
}
.modal--overlay .subscribe__consent {
  display: none;
}
.modal--overlay .subscribe__consent.active {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 10px 0;
}
.modal--overlay .subscribe__input {
  display: block;
  width: 100%;
}
.modal--overlay .subscribe__input__label {
  color: var(--color-text);
  font-size: 0.77rem;
  opacity: 0.8;
}
.modal--overlay .subscribe__input__field {
  background: var(--white);
  border: 2px solid var(--gray-mid-light-fx);
  font-size: 0.88rem;
  height: 38px;
  margin: 0 0 7px;
  padding: 7px 10px;
  width: 100%;
}
.modal--overlay .subscribe__input__field::-moz-placeholder {
  color: #555;
  font-size: 0.88rem;
}
.modal--overlay .subscribe__input__field::placeholder {
  color: #555;
  font-size: 0.88rem;
}
.modal--overlay .subscribe__input__field.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.modal--overlay .subscribe__input #email__check-box-1 {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateY(6px);
  width: 20px;
}
.modal--overlay .subscribe__input #email__check-box-1__label {
  padding: 0 0 0 30px;
  position: relative;
}
.modal--overlay
  .subscribe__input
  #email__check-box-1__label:hover
  input
  ~ #email__check-box-1 {
  background-color: #ccc;
  transition: 0.5s;
}
.modal--overlay
  .subscribe__input
  #email__check-box-1__label
  input:checked
  ~ #email__check-box-1 {
  background-color: #096;
  border: 1px solid #096;
}
.modal--overlay .subscribe__input #email__check-box-1:after {
  content: "";
  display: none;
  position: absolute;
}
.modal--overlay
  .subscribe__input
  #email__check-box-1__label
  input:checked
  ~ #email__check-box-1:after {
  display: block;
}
.modal--overlay
  .subscribe__input
  #email__check-box-1__label
  #email__check-box-1:after {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  height: 10px;
  left: 6px;
  top: 2px;
  transform: rotate(45deg);
  width: 5px;
}
.modal--overlay .subscribe__info {
  color: var(--color-text);
  cursor: default;
  font-size: 0.88rem;
  text-align: center;
  transition: var(--theme-text);
}
@media screen and (min-width: 768px) {
  .modal--overlay .subscribe__info {
    text-align: left;
  }
}
.modal--overlay .subscribe__info a {
  color: var(--color-accent);
  font-weight: var(--medium);
  transition: var(--theme-text);
}
.modal--overlay .subscribe__info a:hover {
  opacity: 0.85;
}
.modal--overlay .subscribe__email__check-box {
  text-align: left;
}
.modal--overlay .subscribe__checkbox {
  cursor: pointer;
  opacity: 0.85;
}
.modal--overlay .subscribe__checkbox__label {
  color: var(--color-text);
  cursor: default;
  font-size: 0.88rem;
  transition: var(--theme-text);
}
.modal--overlay .subscribe__checkbox__label a {
  color: var(--color-accent);
  font-weight: var(--medium);
  transition: var(--theme-text);
}
.modal--overlay .subscribe__checkbox__label a:hover {
  opacity: 0.85;
}
.modal--overlay .subscribe__checkbox.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.modal--overlay .subscribe__error-message {
  background: #e33c;
  color: #fff;
  display: none;
  font-size: 0.7rem;
  font-weight: var(--medium);
  margin: 7px 0 0;
  padding: 3px 6px;
}
.modal--overlay .subscribe__error-message.subscribe__error {
  display: block;
}
.modal--overlay .subscribe__name {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.modal--overlay .subscribe__close {
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
}
@media screen and (min-width: 768px) {
  .modal--overlay .subscribe__close {
    right: -30px;
    top: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--overlay .subscribe__close {
    right: -40px;
    top: 15px;
  }
}
.modal--overlay .subscribe__close:hover {
  opacity: 0.8;
}
.modal--overlay .subscribe__close:before {
  transform: rotate(-45deg) translate(1px) translateY(-50%);
}
.modal--overlay .subscribe__close:after,
.modal--overlay .subscribe__close:before {
  background: var(--color-text);
  content: "";
  height: 2px;
  left: 3px;
  position: absolute;
  top: 15px;
  width: 24px;
  z-index: 1000;
}
.modal--overlay .subscribe__close:after {
  transform: rotate(45deg) translate(-1px) translateY(-50%);
}
.modal--overlay .morph {
  background-color: #0099664d;
  height: 100%;
  opacity: 0.2;
  position: absolute;
  width: 100%;
}
.modal--overlay .telexapp {
  border-radius: 3px;
  display: grid;
  place-content: center;
  position: relative;
  z-index: 4;
}
.modal--overlay .telexapp__close {
  cursor: pointer;
  display: block;
  height: 30px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
}
@media screen and (min-width: 768px) {
  .modal--overlay .telexapp__close {
    right: -30px;
    top: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--overlay .telexapp__close {
    right: -40px;
    top: 15px;
  }
}
.modal--overlay .telexapp__close:hover {
  opacity: 0.8;
}
.modal--overlay .telexapp__close:before {
  transform: rotate(-45deg) translate(1px) translateY(-50%);
}
.modal--overlay .telexapp__close:after,
.modal--overlay .telexapp__close:before {
  background: var(--color-text);
  content: "";
  height: 2px;
  left: 3px;
  position: absolute;
  top: 15px;
  width: 24px;
  z-index: 1000;
}
.modal--overlay .telexapp__close:after {
  transform: rotate(45deg) translate(-1px) translateY(-50%);
}
.modal--overlay .telexapp__group {
  display: grid;
  grid-template-columns: 50px 1fr 40px;
  grid-gap: 20px;
  align-items: center;
  padding: 20px 15px;
  position: relative;
}
.modal--overlay .telexapp__icon {
  background-image: url(../images/app_icon.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  width: 50px;
}
.modal--overlay .telexapp__cta {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modal--overlay .telexapp__cta__title {
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1.4;
}
.modal--overlay .telexapp__cta__lead {
  font-size: 0.8rem;
  margin: 5px 0 10px;
}
.modal--overlay .telexapp__cta__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  font-size: 0.88rem;
  font-weight: var(--bold);
  height: 36px;
  padding: 7px 14px;
  place-content: center;
  text-transform: capitalize;
  width: 100%;
}
.banner-bottom {
  align-items: center;
  bottom: 0;
  display: grid;
  grid-template-columns: 1fr 91px 30px;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1000;
  grid-gap: 15px;
  background: var(--color-bg);
  border-top: 1px solid var(--gray-medium);
  padding: 7px 15px;
  transition: var(--theme), var(--theme-border);
}
@media screen and (min-width: 500px) {
  .banner-bottom {
    padding: 15px 30px;
  }
}
@media screen and (min-width: 768px) {
  .banner-bottom {
    display: flex;
    justify-content: center;
    grid-gap: initial;
  }
}
.banner-bottom__img {
  display: none;
}
@media screen and (min-width: 1200px) {
  .banner-bottom__img {
    display: block;
    width: 50px;
  }
}
.banner-bottom__img__bg {
  fill: var(--color-yellow);
}
.banner-bottom__title {
  color: var(--color-text);
  cursor: pointer;
  font-size: 0.8rem;
  font-weight: var(--bold);
  line-height: 1.4;
  transition: var(--theme-text);
}
@media screen and (min-width: 768px) {
  .banner-bottom__title {
    font-size: 1rem;
    margin: 0 20px;
  }
}
.banner-bottom__title:hover {
  opacity: 0.85;
}
.banner-bottom__btn {
  background: var(--color-yellow);
  border: 1px solid var(--secondary);
  border-radius: 2px;
  color: var(--black);
  display: grid;
  font-size: 0.7rem;
  line-height: 1;
  max-height: 29px;
  padding: 4px 7px;
  place-content: center;
  transition: var(--theme, var(--theme-border));
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 768px) {
  .banner-bottom__btn {
    font-size: 0.8rem;
    max-height: none;
    padding: 8px 15px;
  }
}
.banner-bottom__close {
  cursor: pointer;
  display: block;
  height: 30px;
  position: relative;
  width: 30px;
}
@media screen and (min-width: 768px) {
  .banner-bottom__close {
    position: fixed;
    right: 30px;
  }
}
.banner-bottom__close:hover {
  opacity: 0.8;
}
.banner-bottom__close:before {
  transform: rotate(-45deg) translate(1px) translateY(-50%);
}
.banner-bottom__close:after,
.banner-bottom__close:before {
  background: var(--color-text);
  content: "";
  height: 2px;
  left: 3px;
  position: absolute;
  top: 15px;
  width: 24px;
  z-index: 1000;
}
.banner-bottom__close:after {
  transform: rotate(45deg) translate(-1px) translateY(-50%);
}
.birthday__title {
  display: block;
  font-size: 1.2rem;
  font-weight: var(--bold);
  line-height: 1.4;
  margin: 100px 0 0;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .birthday__title {
    font-size: 1.6rem;
    margin: 122px 0 0;
    position: relative;
  }
}
.birthday__title:before {
  background-image: var(--svg-birthday);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 250px;
  left: 50%;
  position: absolute;
  top: -129px;
  transform: translate(-50%);
  transition: background-image 0.3s;
  width: 280px;
}
@media screen and (min-width: 1200px) {
  .birthday__title:before {
    height: 460px;
    top: -420px;
    width: 510px;
  }
}
.birthday__cta {
  font-size: 0.8rem;
  margin: 10px 0 0;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .birthday__cta {
    font-size: 0.9rem;
    margin: 10px 0;
  }
}
.birthday__btn {
  background: var(--color-yellow);
  border: 1px solid var(--gray-medium);
  color: var(--black);
  display: grid;
  margin: 20px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text), var(--theme-border);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .birthday__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.birthday__border {
  fill: var(--color-gray-extra-dark);
}
.modal--adult-content {
  align-items: center;
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  max-width: 500px;
  padding: 15px;
  position: relative;
  z-index: 999;
}
@media screen and (min-width: 1200px) {
  .modal--adult-content {
    max-width: 600px;
  }
}
.modal--adult-content__actions {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--adult-content__actions {
    gap: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--adult-content__actions {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
}
.modal--adult-content__btn {
  background: transparent;
  border: 1px solid var(--color-gray-dark);
  border-radius: 5px;
  color: var(--color-text);
  cursor: pointer;
  display: grid;
  font-size: 0.77rem;
  font-weight: var(--bold);
  padding: 7px 15px;
  place-content: center;
  text-align: center;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  white-space: nowrap;
  width: 100%;
}
.modal--adult-content__btn:hover {
  background: var(--color-bg);
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .modal--adult-content__btn {
    font-size: 0.9rem;
  }
}
.modal--adult-content__container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 2;
}
.modal--adult-content__gfx {
  border: 8px solid crimson;
  border-radius: 50px;
  display: grid;
  height: 70px;
  margin: 5px 0 0;
  place-content: center;
  width: 70px;
}
@media screen and (min-width: 768px) {
  .modal--adult-content__gfx {
    border: 10px solid crimson;
    height: 100px;
    width: 100px;
  }
}
.modal--adult-content__gfx span {
  font-size: 1.8rem;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .modal--adult-content__gfx span {
    font-size: 3rem;
  }
}
.modal--adult-content__info {
  display: flex;
  flex-direction: column;
  font-size: 0.77rem;
  max-height: 150px;
  overflow: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  position: relative;
}
.modal--adult-content__info::-webkit-scrollbar {
  display: none;
}
.modal--adult-content__info a {
  color: var(--color-accent);
  font-weight: var(--medium);
  margin: 0 0 5px;
  transition: var(--theme-text);
}
.modal--adult-content__info p {
  margin: 5px 0;
}
.modal--adult-content__title {
  color: var(--color-text);
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1;
  text-align: center;
  transition: var(--theme-text);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--adult-content__title {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .modal--adult-content__title {
    margin: 15px 0 0;
  }
}
.modal--adult-content:after,
.modal--adult-content:before {
  display: none;
}
.modal--adult-content svg {
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.modal--danger {
  display: grid;
  place-content: center;
  position: relative;
  z-index: 1000;
}
.modal--danger__cta {
  background-image: url(./el_a_kezekkel.Bdf4q6Xc.svg);
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 78px;
  cursor: pointer;
  height: 56px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 200px;
}
@media screen and (min-width: 768px) {
  .modal--danger__cta {
    bottom: 120px;
    height: 68px;
    width: 240px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--danger__cta {
    height: 100px;
    width: 340px;
  }
}
.modal--danger__btn {
  background: var(--yellow);
  border-radius: 5px;
  bottom: 20px;
  color: var(--black);
  cursor: pointer;
  display: grid;
  font-size: 1rem;
  font-weight: var(--bold);
  left: 50%;
  padding: 6px 24px;
  place-content: center;
  position: absolute;
  transform: translate(-50%);
  width: calc(100% - 40px);
}
.modal--danger__btn:hover {
  opacity: 0.8;
}
@media screen and (min-width: 500px) {
  .modal--danger__btn {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .modal--danger__btn {
    bottom: 50px;
  }
}
.modal--danger__content {
  background-image: url(./el_a_kezekkel_crop.BkrRASwO.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  cursor: pointer;
  height: 0;
  padding: 124.8% 0 0;
  width: calc(100vw - 30px);
}
@media screen and (min-width: 450px) {
  .modal--danger__content {
    min-width: 70vw;
    width: calc(100vw - 60px);
  }
}
@media screen and (min-width: 500px) {
  .modal--danger__content {
    min-width: 300px;
    width: 50vw;
  }
}
@media screen and (min-width: 768px) {
  .modal--danger__content {
    width: 35vw;
  }
}
@media screen and (min-width: 1200px) {
  .modal--danger__content {
    width: 30vw;
  }
}
.modal--danger__content:before {
  background-color: var(--white);
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: -3px;
  top: -30px;
  transform: rotate(-45deg) translate(1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .modal--danger__content:before {
    right: 0;
    top: -30px;
  }
}
.modal--danger__content:after {
  background-color: var(--white);
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: -3px;
  top: -30px;
  transform: rotate(45deg) translate(-1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .modal--danger__content:after {
    right: 0;
    top: -30px;
  }
}
.modal--kari {
  position: relative;
  z-index: 1000;
}
.modal--kari__content {
  background-image: url(../images/christmas_card.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 0;
  min-width: 280px;
  padding: 124.8% 0 0;
  width: 33vw;
}
.modal--kari__content:before {
  background-color: var(--white);
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: -3px;
  top: -30px;
  transform: rotate(-45deg) translate(1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .modal--kari__content:before {
    right: 0;
    top: -30px;
  }
}
.modal--kari__content:after {
  background-color: var(--white);
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: -3px;
  top: -30px;
  transform: rotate(45deg) translate(-1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .modal--kari__content:after {
    right: 0;
    top: -30px;
  }
}
.modal--share-with-others {
  bottom: 0;
  display: grid;
  left: 0;
  padding: 0;
  place-content: center;
  align-content: end;
  background: transparent;
  border: none;
  border-top: 5px solid #007b56;
  justify-content: center;
  overflow: visible;
  position: fixed;
  transition: none;
  width: 100vw;
  z-index: 101;
}
@media screen and (min-width: 500px) {
  .modal--share-with-others {
    border-top: 10px solid #007b56;
  }
}
.modal--share-with-others__btn {
  background: #007b56;
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  display: grid;
  font-size: 0.88rem;
  font-weight: var(--bold);
  height: 36px;
  padding: 0 15px;
  place-content: center;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  white-space: nowrap;
  width: 100%;
}
.modal--share-with-others__btn:hover {
  opacity: 0.8;
}
@media screen and (min-width: 500px) {
  .modal--share-with-others__btn {
    height: 40px;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .modal--share-with-others__btn {
    bottom: 50px;
  }
}
.modal--share-with-others__btn__close {
  align-items: center;
  background: transparent;
  border: 1px solid var(--black);
  color: var(--black);
  display: flex;
  justify-content: center;
  margin: 0 0 0 10px;
  padding: 0 5px 0 15px;
}
.modal--share-with-others__btn__close:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.modal--share-with-others__btn__close i {
  font-size: 1.5rem;
  font-weight: var(--max);
}
.modal--share-with-others__btn__container {
  align-items: center;
  display: flex;
  grid-area: d;
  justify-content: start;
  margin: 7px 0 0;
}
.modal--share-with-others__container {
  align-items: center;
  background: var(--white);
  border-top: 1px solid hsla(0, 0%, 100%, 0.5);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 15px 20px;
  position: relative;
  transition: var(--theme);
  width: 100vw;
}
@media screen and (min-width: 375px) {
  .modal--share-with-others__container {
    padding: 20px 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--share-with-others__container {
    min-width: 300px;
  }
}
.modal--share-with-others__content {
  display: grid;
  grid-template-areas: "a" "b" "c" "d";
  grid-template-columns: 1fr;
  grid-gap: 10px;
  justify-items: center;
  max-width: 1120px;
}
@media screen and (min-width: 768px) {
  .modal--share-with-others__content {
    grid-template-columns: 1fr 300px;
    grid-gap: 10px 40px;
    align-items: center;
    grid-template-areas: "b a" "c a" "d a";
    justify-items: start;
  }
}
@media screen and (min-width: 1200px) {
  .modal--share-with-others__content {
    grid-gap: 10px 60px;
  }
}
.modal--share-with-others__icon {
  color: var(--black);
  display: grid;
  font-size: 1.8rem;
  height: 24px;
  left: 50%;
  place-content: center;
  position: absolute;
  top: 10px;
  transform: translate(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 375px) {
  .modal--share-with-others__icon {
    left: auto;
    right: 15px;
    transform: none;
  }
}
@media screen and (min-width: 500px) {
  .modal--share-with-others__icon {
    top: 15px;
  }
}
.modal--share-with-others__img {
  grid-area: a;
}
@media screen and (min-width: 375px) {
  .modal--share-with-others__img {
    background-image: url(../images/telex_umbrella.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 120px;
    width: 180px;
  }
}
@media screen and (min-width: 768px) {
  .modal--share-with-others__img {
    bottom: 120px;
    height: 160px;
    margin: 0 0 15px;
    width: 240px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--share-with-others__img {
    height: 200px;
    width: 300px;
  }
}
.modal--share-with-others__img .support-img-border {
  fill: var(--color-gray-dark);
  transition: var(--theme-fill);
}
.modal--share-with-others__img .support-img-green {
  fill: var(--accent);
}
.modal--share-with-others__img .support-img-yellow {
  fill: var(--yellow);
}
.modal--share-with-others__lead {
  color: var(--black);
  font-size: 0.77rem;
  grid-area: c;
  max-height: 50vh;
  max-width: 550px;
  overflow: scroll;
  text-align: left;
  transition: var(--theme-text);
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal--share-with-others__lead::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 375px) {
  .modal--share-with-others__lead {
    max-height: 40vh;
  }
}
@media screen and (min-width: 768px) {
  .modal--share-with-others__lead {
    font-size: 0.88rem;
  }
}
.modal--share-with-others__lead span {
  display: inline-block;
}
.modal--share-with-others__lead span:nth-child(2) {
  margin: 15px 0 0;
}
.modal--share-with-others__lead a {
  color: #007b56;
  font-weight: var(--bold);
}
.modal--share-with-others__title {
  color: var(--black);
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  font-weight: var(--max);
  grid-area: b;
  line-height: 1.2;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--share-with-others__title {
    flex-direction: row;
    justify-content: center;
  }
  .modal--share-with-others__title span:first-child {
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .modal--share-with-others__title {
    flex-direction: column;
    font-size: 1.5rem;
    text-align: left;
  }
  .modal--share-with-others__title span:first-child {
    margin: 0;
  }
}
.modal--share-with-others--closed {
  animation-delay: 10s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-name: hide-line;
  animation-timing-function: ease-in-out;
  border-top: 5px solid #007b56;
  z-index: 99;
}
.modal--share-with-others--closed .modal--share-with-others__btn {
  font-size: 0.7rem;
  margin: 0;
}
@media screen and (min-width: 500px) {
  .modal--share-with-others--closed .modal--share-with-others__btn {
    font-size: 0.77rem;
  }
}
.modal--share-with-others--closed .modal--share-with-others__btn__closed {
  margin: 0 0 0 10px;
  max-width: 36px;
  padding: 0 7px;
}
@media screen and (min-width: 500px) {
  .modal--share-with-others--closed .modal--share-with-others__btn__closed {
    max-width: 45px;
  }
}
.modal--share-with-others--closed .modal--share-with-others__btn__container {
  justify-content: flex-end;
  margin: 0;
  width: 100%;
}
.modal--share-with-others--closed .modal--share-with-others__container {
  padding: 10px;
}
.modal--share-with-others--closed .modal--share-with-others__content {
  grid-template-areas: "b" "d";
  grid-gap: 5px;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--share-with-others--closed .modal--share-with-others__content {
    grid-template-areas: "b d";
    grid-template-columns: 2fr 1fr;
    grid-gap: 40px;
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--share-with-others--closed .modal--share-with-others__content {
    padding: 0;
  }
}
.modal--share-with-others--closed .modal--share-with-others__title {
  font-size: 0.88rem;
  max-width: calc(100vw - 60px);
}
@media screen and (min-width: 500px) {
  .modal--share-with-others--closed .modal--share-with-others__title {
    display: inline-block;
    font-size: 1rem;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .modal--share-with-others--closed .modal--share-with-others__title {
    flex-direction: row;
  }
}
.modal--share-with-others--closed .modal--share-with-others__title span {
  margin: 0 7px 0 0;
}
.modal--share-with-others--closed .modal--share-with-others__icon {
  left: auto;
  right: 0;
}
@media screen and (min-width: 375px) {
  .modal--share-with-others--closed .modal--share-with-others__icon {
    right: 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--share-with-others--closed .modal--share-with-others__icon {
    top: 15px;
  }
}
.modal--support {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  border-radius: 7px;
  display: grid;
  max-width: 500px;
  padding: 0;
  place-content: center;
  position: relative;
  z-index: 999;
}
@media screen and (min-width: 768px) {
  .modal--support {
    max-width: 600px;
  }
}
.modal--support__btn {
  border: 1px solid var(--color-gray-dark);
  border-radius: 5px;
  cursor: pointer;
  display: grid;
  font-size: 1rem;
  font-weight: var(--bold);
  padding: 7px 15px;
  place-content: center;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  width: 100%;
}
.modal--support__btn:hover {
  opacity: 0.8;
}
@media screen and (min-width: 500px) {
  .modal--support__btn {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .modal--support__btn {
    bottom: 50px;
  }
}
.modal--support__content {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 500px;
  overflow: hidden;
  padding: 20px 15px;
  transition: var(--theme);
  width: 100%;
}
@media screen and (min-width: 450px) {
  .modal--support__content {
    padding: 30px 20px;
  }
}
@media screen and (min-width: 768px) {
  .modal--support__content {
    max-width: 600px;
  }
}
.modal--support__content:before {
  background-color: var(--white);
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: -3px;
  top: -30px;
  transform: rotate(-45deg) translate(1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .modal--support__content:before {
    right: 0;
    top: -30px;
  }
}
.modal--support__content:after {
  background-color: var(--white);
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: -3px;
  top: -30px;
  transform: rotate(45deg) translate(-1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 768px) {
  .modal--support__content:after {
    right: 0;
    top: -30px;
  }
}
.modal--support__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 150px;
  width: 200px;
}
@media screen and (min-width: 768px) {
  .modal--support__img {
    bottom: 120px;
    height: 160px;
    margin: 0 0 15px;
    width: 240px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--support__img {
    height: 200px;
    width: 300px;
  }
}
.modal--support__img .support-img-border {
  fill: var(--color-gray-dark);
  transition: var(--theme-fill);
}
.modal--support__img .support-img-green {
  fill: var(--accent);
}
.modal--support__img .support-img-yellow {
  fill: var(--yellow);
}
.modal--support__lead {
  font-size: 0.88rem;
  padding: 7px 0 15px;
}
.modal--support__lead,
.modal--support__title {
  color: var(--color-text);
  text-align: center;
  transition: var(--theme-text);
  width: 100%;
}
.modal--support__title {
  font-size: 1.2rem;
  font-weight: var(--bold);
}
@media screen and (min-width: 768px) {
  .modal--support__title {
    margin: 15px 0 0;
  }
}
.modal--support--error .modal--support__img {
  background-image: url(../images/illustrations/support_error--c.svg);
}
.modal--support--error .modal--support__btn {
  background: var(--color-red);
  color: var(--color-bg);
}
.modal--support--success .modal--support__img {
  background-image: url(../images/illustrations/support_success--c.svg);
}
.modal--support--success .modal--support__btn {
  background: var(--color-accent);
  color: var(--color-bg);
}
.modal--tax {
  bottom: 0;
  display: grid;
  left: 0;
  padding: 0;
  place-content: center;
  align-content: end;
  background: transparent;
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  justify-content: center;
  overflow: visible;
  position: fixed;
  width: 100vw;
  z-index: 101;
}
.modal--tax__btn {
  align-items: center;
  background: var(--black);
  border: 2px solid var(--black);
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  font-size: 0.88rem;
  font-weight: var(--bold);
  gap: 3px;
  height: 36px;
  justify-content: center;
  padding: 0 15px;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  width: 100%;
}
.modal--tax__btn:hover {
  opacity: 0.7;
}
@media screen and (min-width: 500px) {
  .modal--tax__btn {
    height: 40px;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .modal--tax__btn {
    bottom: 50px;
  }
}
.modal--tax__btn__close {
  align-items: center;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  color: var(--black);
  display: flex;
  justify-content: center;
  margin: 0 0 0 10px;
  padding: 0 5px 0 15px;
}
.modal--tax__btn__close:hover {
  opacity: 0.8;
}
.modal--tax__btn__close i {
  color: var(--black);
  font-size: 1.5rem;
  font-weight: var(--max);
}
.modal--tax__btn__container {
  align-items: center;
  display: flex;
  grid-area: d;
  justify-content: center;
  margin: 12px 0 0;
}
@media screen and (min-width: 500px) {
  .modal--tax__btn__container {
    justify-content: start;
    margin: 7px 0 0;
  }
}
.modal--tax__btn:first-child i {
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 0.5;
}
.modal--tax__container {
  align-items: center;
  background: var(--white);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 15px 20px;
  transition: var(--theme);
  width: 100vw;
}
@media screen and (min-width: 375px) {
  .modal--tax__container {
    padding: 20px 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--tax__container {
    min-width: 300px;
  }
}
.modal--tax__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  justify-items: center;
  max-width: 600px;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 500px) {
  .modal--tax__content {
    align-items: start;
  }
}
.modal--tax__content__separator {
  background: var(--black);
  height: 1px;
  margin: 20px 0 10px;
  width: 100%;
}
.modal--tax__icon {
  color: var(--black);
  display: grid;
  font-size: 1.8rem;
  height: 24px;
  left: 50%;
  place-content: center;
  position: absolute;
  top: 10px;
  transform: translate(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 375px) {
  .modal--tax__icon {
    left: auto;
    right: 15px;
    transform: none;
  }
}
@media screen and (min-width: 500px) {
  .modal--tax__icon {
    top: 15px;
  }
}
.modal--tax__img {
  background: url(../images/el_a_kezekkel-modal.webp) #000;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-area: a;
  height: calc(100% - 100px);
  left: 50%;
  position: absolute;
  top: 10px;
  transform: translate(-50%);
  width: 100%;
  z-index: 0;
}
@media screen and (min-width: 375px) {
  .modal--tax__img {
    background-size: cover;
    cursor: pointer;
    height: calc(100% - 50px);
    width: 60%;
  }
}
@media screen and (min-width: 500px) {
  .modal--tax__img {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .modal--tax__img {
    height: 260px;
    left: 0;
    margin: 0 0 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 230px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--tax__img {
    left: 100px;
  }
}
.modal--tax__img .support-img-border {
  fill: var(--color-gray-dark);
  transition: var(--theme-fill);
}
.modal--tax__img .support-img-green {
  fill: var(--accent);
}
.modal--tax__img .support-img-yellow {
  fill: var(--yellow);
}
.modal--tax__lead {
  color: var(--white);
  font-size: 0.77rem;
  grid-area: c;
  max-height: 50vh;
  max-width: 550px;
  overflow: scroll;
  text-align: center;
  transition: var(--theme-text);
  width: 100%;
  -ms-overflow-style: none;
  margin: 5px 0 10px;
  scrollbar-width: none;
}
.modal--tax__lead::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 375px) {
  .modal--tax__lead {
    max-height: 40vh;
  }
}
@media screen and (min-width: 500px) {
  .modal--tax__lead {
    font-size: 0.88rem;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .modal--tax__lead {
    overflow: initial;
  }
}
.modal--tax__lead span {
  display: inline-block;
}
.modal--tax__lead span:nth-child(2) {
  margin: 15px 0 0;
}
.modal--tax__lead a {
  color: var(--yellow);
  font-weight: var(--semibold);
  margin: 0 0 0 3px;
}
.modal--tax__lead a:hover {
  border-bottom: 1px solid #000;
}
.modal--tax__title {
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-family: var(--threat);
  font-size: 1.6rem;
  font-weight: var(--max);
  grid-area: b;
  justify-content: center;
  line-height: 1.2;
  max-width: 550px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 375px) {
  .modal--tax__title {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 500px) {
  .modal--tax__title {
    flex-direction: row;
    font-size: 2.4rem;
    justify-content: start;
    text-align: left;
  }
  .modal--tax__title span:first-child {
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .modal--tax__title {
    flex-direction: column;
    font-size: 2.6rem;
    line-height: 1.1;
  }
  .modal--tax__title span:first-child {
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  .modal--tax__title {
    font-size: 3rem;
  }
}
.modal--tax__subtitle {
  font-size: 1rem;
  font-weight: var(--medium);
}
@media screen and (min-width: 768px) {
  .modal--tax__subtitle {
    font-size: 1.2rem;
  }
}
.modal--tax--closed {
  animation-delay: 10s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-name: hide-line;
  animation-timing-function: ease-in-out;
  z-index: 99;
}
.modal--tax--closed .modal--tax__btn {
  margin: 0;
  width: -moz-max-content;
  width: max-content;
}
.modal--tax--closed .modal--tax__btn__closed {
  margin: 0 0 0 10px;
  max-width: 36px;
  padding: 0 7px;
}
@media screen and (min-width: 500px) {
  .modal--tax--closed .modal--tax__btn__closed {
    max-width: 45px;
  }
}
.modal--tax--closed .modal--tax__btn__container {
  justify-content: flex-end;
  margin: 0;
  width: 100%;
}
.modal--tax--closed .modal--tax__container {
  padding: 10px;
}
.modal--tax--closed .modal--tax__content {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  min-height: auto;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--tax--closed .modal--tax__content {
    grid-gap: 40px;
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--tax--closed .modal--tax__content {
    padding: 0;
  }
}
.modal--tax--closed .modal--tax__title {
  font-size: 1rem;
  max-width: calc(100vw - 60px);
  text-align: left;
  white-space: nowrap;
}
@media screen and (min-width: 375px) {
  .modal--tax--closed .modal--tax__title {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 500px) {
  .modal--tax--closed .modal--tax__title {
    display: inline-block;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .modal--tax--closed .modal--tax__title {
    flex-direction: row;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .modal--tax--closed .modal--tax__title {
    font-size: 2.5rem;
  }
}
.modal--tax--closed .modal--tax__title span {
  margin: 0 7px 0 0;
}
.modal--tax--closed .modal--tax__subtitle {
  font-size: 0.88rem;
}
.modal--tax--closed .modal--tax__icon {
  left: auto;
  right: 0;
}
@media screen and (min-width: 375px) {
  .modal--tax--closed .modal--tax__icon {
    right: 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--tax--closed .modal--tax__icon {
    top: 15px;
  }
}
.modal--tax .tax__txt {
  text-align: center;
}
@media screen and (min-width: 500px) {
  .modal--tax .tax__txt {
    text-align: left;
  }
}
.modal--tax .tax__msg__container {
  justify-content: flex-start;
}
.modal--tax .tax--nem-lennenk {
  align-items: center;
}
@media screen and (min-width: 500px) {
  .modal--tax .tax--nem-lennenk {
    align-items: flex-start;
  }
}
.modal--tax .tax--allj-ki {
  max-width: 550px;
}
.modal--tax .tax--allj-ki__container {
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--tax .tax--allj-ki__container {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.modal--tax .tax--allj-ki__logo {
  width: 40px !important;
}
@media screen and (min-width: 600px) {
  .modal--tax .tax--allj-ki__logo {
    width: 50px !important;
  }
}
.modal--tax .tax--allj-ki span {
  color: var(--black);
  font-size: 1rem !important;
}
@media screen and (min-width: 600px) {
  .modal--tax .tax--allj-ki span {
    font-size: 1.3rem !important;
  }
}
.modal--threat {
  border: none;
  bottom: 0;
  display: grid;
  left: 0;
  padding: 0;
  place-content: center;
  align-content: end;
  background: transparent;
  border-top: hsla(0, 0%, 100%, 0.5);
  justify-content: center;
  overflow: visible;
  position: fixed;
  width: 100vw;
  z-index: 101;
}
.modal--threat__btn {
  background: #c13;
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  display: grid;
  font-size: 0.88rem;
  font-weight: var(--bold);
  height: 36px;
  padding: 0 15px;
  place-content: center;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  white-space: nowrap;
  width: 100%;
}
.modal--threat__btn:hover {
  opacity: 0.8;
}
@media screen and (min-width: 500px) {
  .modal--threat__btn {
    height: 40px;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .modal--threat__btn {
    bottom: 50px;
  }
}
.modal--threat__btn__close {
  align-items: center;
  background: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  color: var(--white);
  display: flex;
  justify-content: center;
  margin: 0 0 0 10px;
  padding: 0 5px 0 15px;
}
.modal--threat__btn__close:hover {
  opacity: 0.8;
}
.modal--threat__btn__close i {
  color: var(--white);
  font-size: 1.5rem;
  font-weight: var(--max);
}
.modal--threat__btn__container {
  align-items: center;
  display: flex;
  grid-area: d;
  justify-content: start;
  margin: 7px 0 0;
}
.modal--threat__container {
  align-items: center;
  background: #000;
  border-top: 1px solid hsla(0, 0%, 100%, 0.5);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 15px 20px;
  position: relative;
  transition: var(--theme);
  width: 100vw;
}
.modal--threat__container:after {
  background: #000;
  background: linear-gradient(
    0deg,
    #000,
    rgba(0, 0, 0, 0.499) 33%,
    transparent
  );
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .modal--threat__container:after {
    display: none;
  }
}
@media screen and (min-width: 375px) {
  .modal--threat__container {
    padding: 20px 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--threat__container {
    min-width: 300px;
  }
}
.modal--threat__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  justify-items: center;
  max-width: 1120px;
  min-height: 60vh;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 500px) {
  .modal--threat__content {
    align-items: start;
    min-height: 50vh;
  }
}
@media screen and (min-width: 768px) {
  .modal--threat__content {
    min-height: auto;
    padding: 0 20px 0 230px;
  }
}
.modal--threat__icon {
  color: var(--white);
  display: grid;
  font-size: 1.8rem;
  height: 24px;
  left: 50%;
  place-content: center;
  position: absolute;
  top: 10px;
  transform: translate(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 375px) {
  .modal--threat__icon {
    left: auto;
    right: 15px;
    transform: none;
  }
}
@media screen and (min-width: 500px) {
  .modal--threat__icon {
    top: 15px;
  }
}
.modal--threat__img {
  background: url(../images/el_a_kezekkel-modal.webp) #000;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  grid-area: a;
  height: calc(100% - 100px);
  left: 50%;
  position: absolute;
  top: 10px;
  transform: translate(-50%);
  width: 100%;
  z-index: 0;
}
@media screen and (min-width: 375px) {
  .modal--threat__img {
    background-size: cover;
    cursor: pointer;
    height: calc(100% - 50px);
    width: 60%;
  }
}
@media screen and (min-width: 500px) {
  .modal--threat__img {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .modal--threat__img {
    height: 260px;
    left: 0;
    margin: 0 0 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 230px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--threat__img {
    left: 100px;
  }
}
.modal--threat__img .support-img-border {
  fill: var(--color-gray-dark);
  transition: var(--theme-fill);
}
.modal--threat__img .support-img-green {
  fill: var(--accent);
}
.modal--threat__img .support-img-yellow {
  fill: var(--yellow);
}
.modal--threat__lead {
  color: var(--white);
  font-size: 0.77rem;
  grid-area: c;
  max-height: 50vh;
  max-width: 550px;
  overflow: scroll;
  text-align: center;
  transition: var(--theme-text);
  width: 100%;
  -ms-overflow-style: none;
  margin: 5px 0 10px;
  scrollbar-width: none;
}
.modal--threat__lead::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 375px) {
  .modal--threat__lead {
    max-height: 40vh;
  }
}
@media screen and (min-width: 500px) {
  .modal--threat__lead {
    font-size: 0.88rem;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .modal--threat__lead {
    overflow: initial;
  }
}
.modal--threat__lead span {
  display: inline-block;
}
.modal--threat__lead span:nth-child(2) {
  margin: 15px 0 0;
}
.modal--threat__lead a {
  color: var(--yellow);
  font-weight: var(--semibold);
  margin: 0 0 0 3px;
}
.modal--threat__lead a:hover {
  border-bottom: 1px solid #000;
}
.modal--threat__title {
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-family: var(--threat);
  font-size: 1.6rem;
  font-weight: var(--max);
  grid-area: b;
  justify-content: center;
  line-height: 1.2;
  max-width: 550px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 375px) {
  .modal--threat__title {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 500px) {
  .modal--threat__title {
    flex-direction: row;
    font-size: 2.4rem;
    justify-content: start;
    text-align: left;
  }
  .modal--threat__title span:first-child {
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .modal--threat__title {
    flex-direction: column;
    font-size: 2.6rem;
    line-height: 1.1;
  }
  .modal--threat__title span:first-child {
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  .modal--threat__title {
    font-size: 3rem;
  }
}
.modal--threat__subtitle {
  font-size: 1rem;
  font-weight: var(--medium);
}
@media screen and (min-width: 768px) {
  .modal--threat__subtitle {
    font-size: 1.2rem;
  }
}
.modal--threat--closed {
  animation-delay: 10s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-name: hide-line;
  animation-timing-function: ease-in-out;
  z-index: 99;
}
.modal--threat--closed .modal--threat__btn {
  font-size: 0.7rem;
  margin: 0;
}
@media screen and (min-width: 500px) {
  .modal--threat--closed .modal--threat__btn {
    font-size: 0.77rem;
  }
}
.modal--threat--closed .modal--threat__btn__closed {
  margin: 0 0 0 10px;
  max-width: 36px;
  padding: 0 7px;
}
@media screen and (min-width: 500px) {
  .modal--threat--closed .modal--threat__btn__closed {
    max-width: 45px;
  }
}
.modal--threat--closed .modal--threat__btn__container {
  justify-content: flex-end;
  margin: 0;
  width: 100%;
}
.modal--threat--closed .modal--threat__container {
  padding: 10px;
}
.modal--threat--closed .modal--threat__content {
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  min-height: auto;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--threat--closed .modal--threat__content {
    grid-gap: 40px;
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--threat--closed .modal--threat__content {
    padding: 0;
  }
}
.modal--threat--closed .modal--threat__title {
  font-size: 1rem;
  max-width: calc(100vw - 60px);
  text-align: left;
  white-space: nowrap;
}
@media screen and (min-width: 375px) {
  .modal--threat--closed .modal--threat__title {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 500px) {
  .modal--threat--closed .modal--threat__title {
    display: inline-block;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .modal--threat--closed .modal--threat__title {
    flex-direction: row;
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .modal--threat--closed .modal--threat__title {
    font-size: 2.5rem;
  }
}
.modal--threat--closed .modal--threat__title span {
  margin: 0 7px 0 0;
}
.modal--threat--closed .modal--threat__subtitle {
  font-size: 0.88rem;
}
.modal--threat--closed .modal--threat__icon {
  left: auto;
  right: 0;
}
@media screen and (min-width: 375px) {
  .modal--threat--closed .modal--threat__icon {
    right: 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--threat--closed .modal--threat__icon {
    top: 15px;
  }
}
.modal--under_attack {
  background: transparent;
  border: none;
  border-top: hsla(0, 0%, 100%, 0.5);
  bottom: 0;
  cursor: pointer;
  display: grid;
  height: -moz-max-content;
  height: max-content;
  left: 0;
  overflow: visible;
  padding: 0;
  place-content: center;
  position: relative;
  transform: translateY(30px);
  width: -moz-max-content;
  width: max-content;
  z-index: 101;
}
@media screen and (min-width: 1200px) {
  .modal--under_attack {
    transform: translateY(60px);
  }
}
.modal--under_attack__cta {
  height: 100px;
  width: 200px;
}
@media screen and (min-width: 500px) {
  .modal--under_attack__cta {
    height: 120px;
    width: 250px;
  }
}
.modal--under_attack__btn {
  background: #c81a33;
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  display: grid;
  font-size: 0.88rem;
  font-weight: var(--bold);
  height: 36px;
  padding: 0 15px;
  place-content: center;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  white-space: nowrap;
  width: 100%;
}
.modal--under_attack__btn:hover {
  opacity: 0.8;
}
@media screen and (min-width: 500px) {
  .modal--under_attack__btn {
    height: 40px;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .modal--under_attack__btn {
    bottom: 50px;
  }
}
.modal--under_attack__btn__close {
  align-items: center;
  background: transparent;
  border: 1px solid var(--black);
  color: var(--black);
  display: flex;
  justify-content: center;
  margin: 0 0 0 10px;
  padding: 0 5px 0 15px;
}
.modal--under_attack__btn__close:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.modal--under_attack__btn__close i {
  font-size: 1.5rem;
  font-weight: var(--max);
}
.modal--under_attack__btn__container {
  align-items: center;
  display: flex;
  grid-area: d;
  justify-content: start;
  margin: 7px 0 0;
}
.modal--under_attack__container {
  align-items: center;
  /* background: url(../images/el_a_kezekkel-d.jpg) #000; */
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 80vh;
  justify-content: center;
  max-height: 500px;
  max-width: 500px;
  padding: 30px 15px 20px;
  position: relative;
  transition: var(--theme);
  width: 80vw;
}
.modal--under_attack__container:before {
  background-color: var(--white);
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: -30px;
  top: 10px;
  transform: rotate(-45deg) translate(1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 375px) {
  .modal--under_attack__container:before {
    right: -40px;
  }
}
.modal--under_attack__container:after {
  background-color: var(--white);
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: -30px;
  top: 10px;
  transform: rotate(45deg) translate(-1px) translateY(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 375px) {
  .modal--under_attack__container:after {
    right: -40px;
  }
  .modal--under_attack__container {
    padding: 20px 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--under_attack__container {
    min-width: 300px;
  }
}
.modal--under_attack__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  width: 100%;
}
.modal--under_attack__icon {
  color: var(--black);
  display: grid;
  font-size: 1.8rem;
  height: 24px;
  left: 50%;
  place-content: center;
  position: absolute;
  top: 10px;
  transform: translate(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 375px) {
  .modal--under_attack__icon {
    left: auto;
    right: 15px;
    transform: none;
  }
}
@media screen and (min-width: 500px) {
  .modal--under_attack__icon {
    top: 15px;
  }
}
.modal--under_attack__img {
  grid-area: a;
}
@media screen and (min-width: 375px) {
  .modal--under_attack__img {
    background-image: url(../images/telex_umbrella.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 120px;
    width: 180px;
  }
}
@media screen and (min-width: 768px) {
  .modal--under_attack__img {
    bottom: 120px;
    height: 160px;
    margin: 0 0 15px;
    width: 240px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--under_attack__img {
    height: 200px;
    width: 300px;
  }
}
.modal--under_attack__img .support-img-border {
  fill: var(--color-gray-dark);
  transition: var(--theme-fill);
}
.modal--under_attack__img .support-img-green {
  fill: var(--accent);
}
.modal--under_attack__img .support-img-yellow {
  fill: var(--yellow);
}
.modal--under_attack__lead {
  color: var(--black);
  font-size: 0.77rem;
  grid-area: c;
  max-height: 50vh;
  max-width: 550px;
  overflow: scroll;
  text-align: left;
  transition: var(--theme-text);
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal--under_attack__lead::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 375px) {
  .modal--under_attack__lead {
    max-height: 40vh;
  }
}
@media screen and (min-width: 768px) {
  .modal--under_attack__lead {
    font-size: 0.88rem;
  }
}
.modal--under_attack__lead span {
  display: inline-block;
}
.modal--under_attack__lead span:nth-child(2) {
  margin: 15px 0 0;
}
.modal--under_attack__lead a {
  color: #007b56;
  font-weight: var(--bold);
}
.modal--under_attack__title {
  color: var(--black);
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  font-weight: var(--max);
  grid-area: b;
  line-height: 1.2;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--under_attack__title {
    flex-direction: row;
    justify-content: center;
  }
  .modal--under_attack__title span:first-child {
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .modal--under_attack__title {
    flex-direction: column;
    font-size: 1.5rem;
    text-align: left;
  }
  .modal--under_attack__title span:first-child {
    margin: 0;
  }
}
.modal--under_attack--closed {
  animation-delay: 10s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-name: hide-line;
  animation-timing-function: ease-in-out;
  z-index: 99;
}
.modal--under_attack--closed .modal--umbrella__btn {
  font-size: 0.7rem;
  margin: 0;
}
@media screen and (min-width: 500px) {
  .modal--under_attack--closed .modal--umbrella__btn {
    font-size: 0.77rem;
  }
}
.modal--under_attack--closed .modal--umbrella__btn__closed {
  margin: 0 0 0 10px;
  max-width: 36px;
  padding: 0 7px;
}
@media screen and (min-width: 500px) {
  .modal--under_attack--closed .modal--umbrella__btn__closed {
    max-width: 45px;
  }
}
.modal--under_attack--closed .modal--umbrella__btn__container {
  justify-content: flex-end;
  margin: 0;
  width: 100%;
}
.modal--under_attack--closed .modal--umbrella__container {
  padding: 10px;
}
.modal--under_attack--closed .modal--umbrella__content {
  grid-template-areas: "b" "d";
  grid-gap: 5px;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--under_attack--closed .modal--umbrella__content {
    grid-template-areas: "b d";
    grid-template-columns: 2fr 1fr;
    grid-gap: 40px;
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--under_attack--closed .modal--umbrella__content {
    padding: 0;
  }
}
.modal--under_attack--closed .modal--umbrella__title {
  font-size: 0.88rem;
  max-width: calc(100vw - 60px);
}
@media screen and (min-width: 500px) {
  .modal--under_attack--closed .modal--umbrella__title {
    display: inline-block;
    font-size: 1rem;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .modal--under_attack--closed .modal--umbrella__title {
    flex-direction: row;
  }
}
.modal--under_attack--closed .modal--umbrella__title span {
  margin: 0 7px 0 0;
}
.modal--under_attack--closed .modal--umbrella__icon {
  left: auto;
  right: 0;
}
@media screen and (min-width: 375px) {
  .modal--under_attack--closed .modal--umbrella__icon {
    right: 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--under_attack--closed .modal--umbrella__icon {
    top: 15px;
  }
}
.modal--umbrella {
  border: none;
  bottom: 0;
  display: grid;
  left: 0;
  padding: 0;
  place-content: center;
  align-content: end;
  background: transparent;
  border-top: hsla(0, 0%, 100%, 0.5);
  justify-content: center;
  overflow: visible;
  position: fixed;
  width: 100vw;
  z-index: 101;
}
.modal--umbrella__btn {
  background: #007b56;
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  display: grid;
  font-size: 0.88rem;
  font-weight: var(--bold);
  height: 36px;
  padding: 0 15px;
  place-content: center;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  white-space: nowrap;
  width: 100%;
}
.modal--umbrella__btn:hover {
  opacity: 0.8;
}
@media screen and (min-width: 500px) {
  .modal--umbrella__btn {
    height: 40px;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .modal--umbrella__btn {
    bottom: 50px;
  }
}
.modal--umbrella__btn__close {
  align-items: center;
  background: transparent;
  border: 1px solid var(--black);
  color: var(--black);
  display: flex;
  justify-content: center;
  margin: 0 0 0 10px;
  padding: 0 5px 0 15px;
}
.modal--umbrella__btn__close:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.modal--umbrella__btn__close i {
  font-size: 1.5rem;
  font-weight: var(--max);
}
.modal--umbrella__btn__container {
  align-items: center;
  display: flex;
  grid-area: d;
  justify-content: start;
  margin: 7px 0 0;
}
.modal--umbrella__container {
  align-items: center;
  background: #ffc700;
  border-top: 1px solid hsla(0, 0%, 100%, 0.5);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 15px 20px;
  position: relative;
  transition: var(--theme);
  width: 100vw;
}
@media screen and (min-width: 375px) {
  .modal--umbrella__container {
    padding: 20px 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--umbrella__container {
    min-width: 300px;
  }
}
.modal--umbrella__content {
  display: grid;
  grid-template-areas: "a" "b" "c" "d";
  grid-template-columns: 1fr;
  grid-gap: 10px;
  justify-items: center;
  max-width: 1120px;
}
@media screen and (min-width: 768px) {
  .modal--umbrella__content {
    grid-template-columns: 1fr 300px;
    grid-gap: 10px 40px;
    align-items: center;
    grid-template-areas: "b a" "c a" "d a";
    justify-items: start;
  }
}
@media screen and (min-width: 1200px) {
  .modal--umbrella__content {
    grid-gap: 10px 60px;
  }
}
.modal--umbrella__icon {
  color: var(--black);
  display: grid;
  font-size: 1.8rem;
  height: 24px;
  left: 50%;
  place-content: center;
  position: absolute;
  top: 10px;
  transform: translate(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 375px) {
  .modal--umbrella__icon {
    left: auto;
    right: 15px;
    transform: none;
  }
}
@media screen and (min-width: 500px) {
  .modal--umbrella__icon {
    top: 15px;
  }
}
.modal--umbrella__img {
  grid-area: a;
}
@media screen and (min-width: 375px) {
  .modal--umbrella__img {
    background-image: url(../images/telex_umbrella.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 120px;
    width: 180px;
  }
}
@media screen and (min-width: 768px) {
  .modal--umbrella__img {
    bottom: 120px;
    height: 160px;
    margin: 0 0 15px;
    width: 240px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--umbrella__img {
    height: 200px;
    width: 300px;
  }
}
.modal--umbrella__img .support-img-border {
  fill: var(--color-gray-dark);
  transition: var(--theme-fill);
}
.modal--umbrella__img .support-img-green {
  fill: var(--accent);
}
.modal--umbrella__img .support-img-yellow {
  fill: var(--yellow);
}
.modal--umbrella__lead {
  color: var(--black);
  font-size: 0.77rem;
  grid-area: c;
  max-height: 50vh;
  max-width: 550px;
  overflow: scroll;
  text-align: left;
  transition: var(--theme-text);
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal--umbrella__lead::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 375px) {
  .modal--umbrella__lead {
    max-height: 40vh;
  }
}
@media screen and (min-width: 768px) {
  .modal--umbrella__lead {
    font-size: 0.88rem;
  }
}
.modal--umbrella__lead span {
  display: inline-block;
}
.modal--umbrella__lead span:nth-child(2) {
  margin: 15px 0 0;
}
.modal--umbrella__lead a {
  color: #007b56;
  font-weight: var(--bold);
}
.modal--umbrella__title {
  color: var(--black);
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  font-weight: var(--max);
  grid-area: b;
  line-height: 1.2;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--umbrella__title {
    flex-direction: row;
    justify-content: center;
  }
  .modal--umbrella__title span:first-child {
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .modal--umbrella__title {
    flex-direction: column;
    font-size: 1.5rem;
    text-align: left;
  }
  .modal--umbrella__title span:first-child {
    margin: 0;
  }
}
.modal--umbrella--closed {
  animation-delay: 10s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-name: hide-line;
  animation-timing-function: ease-in-out;
  z-index: 99;
}
.modal--umbrella--closed .modal--umbrella__btn {
  font-size: 0.7rem;
  margin: 0;
}
@media screen and (min-width: 500px) {
  .modal--umbrella--closed .modal--umbrella__btn {
    font-size: 0.77rem;
  }
}
.modal--umbrella--closed .modal--umbrella__btn__closed {
  margin: 0 0 0 10px;
  max-width: 36px;
  padding: 0 7px;
}
@media screen and (min-width: 500px) {
  .modal--umbrella--closed .modal--umbrella__btn__closed {
    max-width: 45px;
  }
}
.modal--umbrella--closed .modal--umbrella__btn__container {
  justify-content: flex-end;
  margin: 0;
  width: 100%;
}
.modal--umbrella--closed .modal--umbrella__container {
  padding: 10px;
}
.modal--umbrella--closed .modal--umbrella__content {
  grid-template-areas: "b" "d";
  grid-gap: 5px;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--umbrella--closed .modal--umbrella__content {
    grid-template-areas: "b d";
    grid-template-columns: 2fr 1fr;
    grid-gap: 40px;
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--umbrella--closed .modal--umbrella__content {
    padding: 0;
  }
}
.modal--umbrella--closed .modal--umbrella__title {
  font-size: 0.88rem;
  max-width: calc(100vw - 60px);
}
@media screen and (min-width: 500px) {
  .modal--umbrella--closed .modal--umbrella__title {
    display: inline-block;
    font-size: 1rem;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .modal--umbrella--closed .modal--umbrella__title {
    flex-direction: row;
  }
}
.modal--umbrella--closed .modal--umbrella__title span {
  margin: 0 7px 0 0;
}
.modal--umbrella--closed .modal--umbrella__icon {
  left: auto;
  right: 0;
}
@media screen and (min-width: 375px) {
  .modal--umbrella--closed .modal--umbrella__icon {
    right: 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--umbrella--closed .modal--umbrella__icon {
    top: 15px;
  }
}
.modal--you {
  border: none;
  bottom: 0;
  display: grid;
  left: 0;
  padding: 0;
  place-content: center;
  align-content: end;
  background: transparent;
  border-top: hsla(0, 0%, 100%, 0.5);
  justify-content: center;
  overflow: visible;
  position: fixed;
  width: 100vw;
  z-index: 101;
}
.modal--you__btn {
  background: #ec3f2c;
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  display: grid;
  font-size: 0.88rem;
  font-weight: var(--bold);
  height: 36px;
  padding: 0 15px;
  place-content: center;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  white-space: nowrap;
  width: 100%;
}
.modal--you__btn:hover {
  opacity: 0.8;
}
@media screen and (min-width: 500px) {
  .modal--you__btn {
    height: 40px;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .modal--you__btn {
    bottom: 50px;
  }
}
.modal--you__btn__close {
  align-items: center;
  background: transparent;
  border: 1px solid var(--black);
  color: var(--black);
  display: flex;
  justify-content: center;
  margin: 0 0 0 10px;
  padding: 0 5px 0 15px;
}
.modal--you__btn__close:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.modal--you__btn__close i {
  font-size: 1.5rem;
  font-weight: var(--max);
}
.modal--you__btn__container {
  align-items: center;
  display: flex;
  grid-area: d;
  justify-content: start;
  margin: 7px 0 0;
}
.modal--you__container {
  align-items: center;
  background: #70b7d5;
  border-top: 1px solid hsla(0, 0%, 100%, 0.5);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 15px 20px;
  position: relative;
  transition: var(--theme);
  width: 100vw;
}
@media screen and (min-width: 375px) {
  .modal--you__container {
    padding: 20px 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--you__container {
    min-width: 300px;
  }
}
.modal--you__content {
  display: grid;
  grid-template-areas: "a" "b" "c" "d";
  grid-template-columns: 1fr;
  grid-gap: 10px;
  justify-items: center;
  max-width: 1120px;
}
@media screen and (min-width: 768px) {
  .modal--you__content {
    grid-template-columns: 1fr 300px;
    grid-gap: 10px 40px;
    align-items: center;
    grid-template-areas: "b a" "c a" "d a";
    justify-items: start;
  }
}
@media screen and (min-width: 1200px) {
  .modal--you__content {
    grid-gap: 10px 60px;
  }
}
.modal--you__icon {
  color: var(--black);
  display: grid;
  font-size: 1.8rem;
  height: 24px;
  left: 50%;
  place-content: center;
  position: absolute;
  top: 10px;
  transform: translate(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 375px) {
  .modal--you__icon {
    left: auto;
    right: 15px;
    transform: none;
  }
}
@media screen and (min-width: 500px) {
  .modal--you__icon {
    top: 15px;
  }
}
.modal--you__img {
  grid-area: a;
}
@media screen and (min-width: 375px) {
  .modal--you__img {
    background-image: url(../images/you.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 120px;
    width: 120px;
  }
}
@media screen and (min-width: 768px) {
  .modal--you__img {
    bottom: 120px;
    height: 160px;
    margin: 0 0 15px;
    width: 170px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--you__img {
    height: 200px;
    width: 300px;
  }
}
.modal--you__img .support-img-border {
  fill: var(--color-gray-dark);
  transition: var(--theme-fill);
}
.modal--you__img .support-img-green {
  fill: var(--accent);
}
.modal--you__img .support-img-yellow {
  fill: var(--yellow);
}
.modal--you__lead {
  color: var(--black);
  font-size: 0.77rem;
  grid-area: c;
  max-height: 50vh;
  max-width: 550px;
  overflow: scroll;
  text-align: left;
  transition: var(--theme-text);
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal--you__lead::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 375px) {
  .modal--you__lead {
    max-height: 40vh;
  }
}
@media screen and (min-width: 768px) {
  .modal--you__lead {
    font-size: 0.88rem;
    overflow: initial;
  }
}
.modal--you__lead span {
  display: inline-block;
}
.modal--you__lead span:nth-child(2) {
  margin: 15px 0 0;
}
.modal--you__lead a {
  color: var(--black);
  font-weight: var(--semibold);
  margin: 0 0 0 3px;
}
.modal--you__lead a:hover {
  border-bottom: 1px solid #000;
}
.modal--you__title {
  color: var(--black);
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  font-weight: var(--max);
  grid-area: b;
  line-height: 1.2;
  max-width: 550px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--you__title {
    flex-direction: row;
    justify-content: center;
  }
  .modal--you__title span:first-child {
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .modal--you__title {
    flex-direction: column;
    font-size: 1.5rem;
    line-height: 1.1;
    text-align: left;
  }
  .modal--you__title span:first-child {
    margin: 0;
  }
}
.modal--you__subtitle {
  font-size: 1rem;
  font-weight: var(--medium);
}
@media screen and (min-width: 768px) {
  .modal--you__subtitle {
    font-size: 1.2rem;
  }
}
@keyframes hide-line-you {
  0% {
    bottom: 0;
  }
  to {
    bottom: -120px;
  }
}
.modal--you--closed {
  animation-delay: 10s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-name: hide-line-you;
  animation-timing-function: ease-in-out;
  z-index: 99;
}
.modal--you--closed .modal--you__btn {
  font-size: 0.7rem;
  margin: 0;
}
@media screen and (min-width: 500px) {
  .modal--you--closed .modal--you__btn {
    font-size: 0.77rem;
  }
}
.modal--you--closed .modal--you__btn__closed {
  margin: 0 0 0 10px;
  max-width: 36px;
  padding: 0 7px;
}
@media screen and (min-width: 500px) {
  .modal--you--closed .modal--you__btn__closed {
    max-width: 45px;
  }
}
.modal--you--closed .modal--you__btn__container {
  justify-content: flex-end;
  margin: 0;
  width: 100%;
}
.modal--you--closed .modal--you__container {
  padding: 10px;
}
.modal--you--closed .modal--you__content {
  grid-template-areas: "b" "d";
  grid-gap: 5px;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--you--closed .modal--you__content {
    grid-template-areas: "b d";
    grid-template-columns: 2fr 1fr;
    grid-gap: 40px;
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--you--closed .modal--you__content {
    padding: 0;
  }
}
.modal--you--closed .modal--you__title {
  font-size: 0.88rem;
  max-width: calc(100vw - 60px);
}
@media screen and (min-width: 500px) {
  .modal--you--closed .modal--you__title {
    display: inline-block;
    font-size: 1rem;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .modal--you--closed .modal--you__title {
    flex-direction: row;
  }
}
.modal--you--closed .modal--you__title span {
  margin: 0 7px 0 0;
}
.modal--you--closed .modal--you__subtitle {
  font-size: 0.88rem;
}
.modal--you--closed .modal--you__icon {
  left: auto;
  right: 0;
}
@media screen and (min-width: 375px) {
  .modal--you--closed .modal--you__icon {
    right: 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--you--closed .modal--you__icon {
    top: 15px;
  }
}
.modal--you-tt {
  border: none;
  bottom: 0;
  display: grid;
  left: 0;
  padding: 0;
  place-content: center;
  align-content: end;
  background: transparent;
  border-top: hsla(0, 0%, 100%, 0.5);
  justify-content: center;
  overflow: visible;
  position: fixed;
  width: 100vw;
  z-index: 101;
}
.modal--you-tt__btn {
  background: #ec3f2c;
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  display: grid;
  font-size: 0.88rem;
  font-weight: var(--bold);
  height: 36px;
  padding: 0 15px;
  place-content: center;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  white-space: nowrap;
  width: 100%;
}
.modal--you-tt__btn:hover {
  opacity: 0.8;
}
@media screen and (min-width: 500px) {
  .modal--you-tt__btn {
    height: 40px;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .modal--you-tt__btn {
    bottom: 50px;
  }
}
.modal--you-tt__btn__close {
  align-items: center;
  background: transparent;
  border: 1px solid var(--black);
  color: var(--black);
  display: flex;
  justify-content: center;
  margin: 0 0 0 10px;
  padding: 0 5px 0 15px;
}
.modal--you-tt__btn__close:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
.modal--you-tt__btn__close i {
  font-size: 1.5rem;
  font-weight: var(--max);
}
.modal--you-tt__btn__container {
  align-items: center;
  display: flex;
  grid-area: d;
  justify-content: start;
  margin: 7px 0 0;
}
.modal--you-tt__container {
  align-items: center;
  background: #50c878;
  border-top: 1px solid hsla(0, 0%, 100%, 0.5);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px 15px 20px;
  position: relative;
  transition: var(--theme);
  width: 100vw;
}
@media screen and (min-width: 375px) {
  .modal--you-tt__container {
    padding: 20px 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--you-tt__container {
    min-width: 300px;
  }
}
.modal--you-tt__content {
  display: grid;
  grid-template-areas: "a" "b" "c" "d";
  grid-template-columns: 1fr;
  grid-gap: 10px;
  justify-items: center;
  max-width: 1120px;
}
@media screen and (min-width: 768px) {
  .modal--you-tt__content {
    grid-template-columns: 1fr 300px;
    grid-gap: 10px 40px;
    align-items: center;
    grid-template-areas: "b a" "c a" "d a";
    justify-items: start;
  }
}
@media screen and (min-width: 1200px) {
  .modal--you-tt__content {
    grid-gap: 10px 60px;
  }
}
.modal--you-tt__icon {
  color: var(--black);
  display: grid;
  font-size: 1.8rem;
  height: 24px;
  left: 50%;
  place-content: center;
  position: absolute;
  top: 10px;
  transform: translate(-50%);
  width: 24px;
  z-index: 1000;
}
@media screen and (min-width: 375px) {
  .modal--you-tt__icon {
    left: auto;
    right: 15px;
    transform: none;
  }
}
@media screen and (min-width: 500px) {
  .modal--you-tt__icon {
    top: 15px;
  }
}
.modal--you-tt__img {
  grid-area: a;
}
@media screen and (min-width: 375px) {
  .modal--you-tt__img {
    background-image: url(../images/you.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 120px;
    width: 120px;
  }
}
@media screen and (min-width: 768px) {
  .modal--you-tt__img {
    bottom: 120px;
    height: 160px;
    margin: 0 0 15px;
    width: 170px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--you-tt__img {
    height: 200px;
    width: 300px;
  }
}
.modal--you-tt__img .support-img-border {
  fill: var(--color-gray-dark);
  transition: var(--theme-fill);
}
.modal--you-tt__img .support-img-green {
  fill: var(--accent);
}
.modal--you-tt__img .support-img-yellow {
  fill: var(--yellow);
}
.modal--you-tt__lead {
  color: var(--black);
  font-size: 0.77rem;
  grid-area: c;
  max-height: 50vh;
  max-width: 550px;
  overflow: scroll;
  text-align: left;
  transition: var(--theme-text);
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal--you-tt__lead::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 375px) {
  .modal--you-tt__lead {
    max-height: 40vh;
  }
}
@media screen and (min-width: 768px) {
  .modal--you-tt__lead {
    font-size: 0.88rem;
  }
}
.modal--you-tt__lead span {
  display: inline-block;
}
.modal--you-tt__lead span:nth-child(2) {
  margin: 15px 0 0;
}
.modal--you-tt__lead a {
  color: var(--yellow);
  font-weight: var(--bold);
}
.modal--you-tt__title {
  color: var(--black);
  display: flex;
  flex-direction: column;
  font-size: 1.2rem;
  font-weight: var(--max);
  grid-area: b;
  line-height: 1.2;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--you-tt__title {
    flex-direction: row;
    justify-content: center;
  }
  .modal--you-tt__title span:first-child {
    margin: 0 10px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .modal--you-tt__title {
    flex-direction: column;
    font-size: 1.5rem;
    text-align: left;
  }
  .modal--you-tt__title span:first-child {
    margin: 0;
  }
}
@keyframes hide-line {
  0% {
    bottom: 0;
  }
  to {
    bottom: -100px;
  }
}
.modal--you-tt--closed {
  animation-delay: 10s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-name: hide-line;
  animation-timing-function: ease-in-out;
  z-index: 99;
}
.modal--you-tt--closed .modal--you__btn {
  font-size: 0.7rem;
  margin: 0;
}
@media screen and (min-width: 500px) {
  .modal--you-tt--closed .modal--you__btn {
    font-size: 0.77rem;
  }
}
.modal--you-tt--closed .modal--you__btn__closed {
  margin: 0 0 0 10px;
  max-width: 36px;
  padding: 0 7px;
}
@media screen and (min-width: 500px) {
  .modal--you-tt--closed .modal--you__btn__closed {
    max-width: 45px;
  }
}
.modal--you-tt--closed .modal--you__btn__container {
  justify-content: flex-end;
  margin: 0;
  width: 100%;
}
.modal--you-tt--closed .modal--you__container {
  padding: 10px;
}
.modal--you-tt--closed .modal--you__content {
  grid-template-areas: "b" "d";
  grid-gap: 5px;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .modal--you-tt--closed .modal--you__content {
    grid-template-areas: "b d";
    grid-template-columns: 2fr 1fr;
    grid-gap: 40px;
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .modal--you-tt--closed .modal--you__content {
    padding: 0;
  }
}
.modal--you-tt--closed .modal--you__title {
  font-size: 0.88rem;
  max-width: calc(100vw - 60px);
}
@media screen and (min-width: 500px) {
  .modal--you-tt--closed .modal--you__title {
    display: inline-block;
    font-size: 1rem;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .modal--you-tt--closed .modal--you__title {
    flex-direction: row;
  }
}
.modal--you-tt--closed .modal--you__title span {
  margin: 0 7px 0 0;
}
.modal--you-tt--closed .modal--you__icon {
  left: auto;
  right: 0;
}
@media screen and (min-width: 375px) {
  .modal--you-tt--closed .modal--you__icon {
    right: 15px;
  }
}
@media screen and (min-width: 500px) {
  .modal--you-tt--closed .modal--you__icon {
    top: 15px;
  }
}
.modal--profile {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  position: fixed;
  width: 100vw;
  z-index: 100;
}
.modal--profile__container {
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 9px;
  height: 75vh;
  max-width: 600px;
  overflow: hidden;
  padding: 20px 15px;
  position: relative;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  width: calc(100vw - 30px);
}
@media screen and (min-width: 500px) {
  .modal--profile__container {
    padding: 20px 30px;
  }
}
.modal--profile__container:before {
  background: var(--profile-gradient);
  bottom: 0;
  content: "";
  height: 100px;
  left: 0;
  position: absolute;
  right: 0;
  transition: var(--theme);
  width: 100%;
  z-index: 1;
}
.modal--profile__subcontainer {
  height: 75vh;
  overflow: scroll;
  scrollbar-color: transparent transparent !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 0 0 100px;
}
.modal--profile__subcontainer::-webkit-scrollbar {
  display: none;
}
.modal--profile__subtitle {
  color: var(--color-text);
  font-size: 1rem;
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.modal--profile__subtitle--price {
  color: var(--color-profile);
  margin: 15px 0;
}
.modal--profile__title {
  color: var(--color-text);
  font-size: 1.2rem;
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.modal--profile .modal--overlay {
  height: -moz-max-content;
  height: max-content;
  margin: 0 auto;
  width: -moz-max-content;
  width: max-content;
}
.modal--profile .modal--overlay--sub {
  display: grid;
  height: -moz-max-content;
  height: max-content;
  left: 50%;
  place-items: center;
  position: fixed;
  top: 50%;
  transform: translate(-50%) translateY(-50%);
  width: -moz-max-content;
  width: max-content;
  z-index: 999;
}
.css-ne5poa.css-ne5poa .qc-cmp2-footer.qc-cmp2-footer-overlay:before {
  background: none !important;
}
.partners h5,
.title-with-border {
  border-bottom: 1px solid var(--color-gray-light);
  border-top: 1px solid var(--color-gray-light);
  color: var(--color-secondary);
  display: flex;
  font-size: 16px;
  font-weight: var(--bold);
  justify-content: center;
  line-height: 1;
  padding: 7px 0;
  text-transform: uppercase;
}
.relative-articles {
  border: none;
  grid-template-columns: 1fr;
}
.relative-articles .article-list {
  display: grid;
}
@media (min-width: 768px) {
  .relative-articles .article-list {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 30px;
  }
  .relative-articles .article-list li:nth-child(3):before {
    display: none;
  }

}
.relative-articles .author-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  position: relative;
}
.relative-articles .author-wrapper .article_author-img {
  margin: 0 15px 0 0;
}
@media (min-width: 1200px) {
  .relative-articles .author-wrapper .article_author-img {
    left: -72px;
    position: absolute;
  }
}
.relative-articles .author-wrapper > div {
  display: flex;
  flex-direction: column;
}
.relative-articles .more-articles {
  background-color: var(--color-accent);
  padding-left: 10px;
  padding-right: 10px;
}
.relative-articles .author-wrapper .author {
  color: var(--color-accent);
}
.pip {
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  width: 100vw;
  grid-gap: 5px;
  background: var(--color-accent-dark);
  border-top: 1px solid var(--color-bg);
  color: var(--white);
  font-weight: var(--bold);
  padding: 5px 10px;
  transition: var(--theme), var(--theme-text), var(--theme-border);
}
@media screen and (min-width: 500px) {
  .pip {
    border: 1px solid var(--color-bg);
    border-radius: 3px;
    width: 400px;
  }
}
.pip__minimized .pip__content {
  display: none;
}
.pip__title {
  align-items: center;
  display: flex;
  font-size: 0.8rem;
  justify-content: flex-start;
}
.pip__header {
  display: grid;
  grid-template-columns: 1fr 30px;
  grid-gap: 15px;
  align-content: center;
  cursor: pointer;
}
.pip__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 0;
  justify-content: flex-start;
  margin: 0 0 5px;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  width: calc(100vw - 20px);
}
@media screen and (min-width: 500px) {
  .pip__content {
    width: 100%;
  }
}
.pip__chevron {
  display: grid;
  font-size: 1.8rem;
  font-weight: var(--bold);
  line-height: 1;
  place-content: center;
}
.pip__chevron--expand {
  transform: rotate(180deg);
}
.pip .livetag {
  color: var(--white);
}
.pip .livetag.premier {
  align-items: center;
  background: var(--white);
  border-radius: 2px;
  color: var(--black);
  display: flex;
  height: auto;
  justify-content: center;
  margin: 0;
  padding: 3px 4px;
  width: auto;
}
.pip .livetag.premier:before {
  display: none;
}
.pip .facebook_embed {
  left: 0;
  position: absolute;
  top: 0;
}
.facebook_embed {
  width: calc(100vw - 20px);
}
@media screen and (min-width: 500px) {
  .facebook_embed {
    width: 380px;
  }
}
.facebook_embed span,
.facebook_embed span > * {
  vertical-align: baseline !important;
}
.youtube-pip-container {
  aspect-ratio: 16/9;
  height: auto;
  position: absolute;
  top: 0;
  width: calc(100vw - 20px);
}
@media screen and (min-width: 500px) {
  .youtube-pip-container {
    width: 375px;
  }
}
.tag--cl {
  align-items: flex-start;
  background: var(--color-bg);
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  min-height: 16px;
  transition: var(--theme);
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  z-index: 3;
}
.tag--cl .tag__item {
  background: transparent;
  color: var(--color-accent);
  cursor: pointer;
  font-size: 0.6rem;
  font-weight: var(--bold);
  letter-spacing: 0.3px;
  line-height: 1.3;
  padding: 2px 0 0;
  text-decoration: none;
  text-transform: uppercase;
  transition: var(--theme-text);
  white-space: nowrap;
  width: -moz-min-content;
  width: min-content;
  z-index: 1;
}
.tag--cl .tag__item:hover {
  color: var(--color-secondary);
  transition: var(--theme-text);
}
.tag--cl .tag__item--breaking {
  background: var(--red);
  border-radius: 2px;
  color: var(--white);
  padding: 2px 3px;
}
.tag--cl .tag__item--breaking:hover {
  color: var(--white);
  opacity: 0.8;
}
.tag--cl .livetag {
  line-height: 1.3;
}
.tag--cl .newpost {
  transform: translateY(-2px);
  white-space: nowrap;
}
.tag__container,
.tag__item {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.tag__item {
  padding: 0 10px;
}
.outward-link .tag--cl .tag__item {
  color: var(--color-outward);
  transition: var(--theme-text);
}
.outward-link .tag--cl .tag__item svg {
  height: 9px;
  width: 13px;
  fill: var(--color-outward);
  margin: 0 4px 0 0;
  transition: var(--theme-fill);
}
.outward-link .tag--cl .tag__item:hover {
  color: var(--color-secondary);
  transition: var(--theme-text);
}
.outward-link .tag--cl .tag__item:hover svg {
  fill: var(--color-secondary);
  transition: var(--theme-fill);
}
.layout {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  grid-gap: 40px;
}
@media screen and (min-width: 768px) {
  .layout {
    grid-gap: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .layout {
    grid-gap: 60px;
  }
}
@media screen and (max-width: 500px) {
  .layout__item .block {
    position: relative;
  }
  .layout__item .block:after {
    background: var(--color-bg);
    content: "";
    height: 100%;
    left: -15px;
    position: absolute;
    top: 0;
    transition: var(--theme);
    width: 100vw;
    z-index: -1;
  }
}
.layout__item .layout__header {
  border-top: 1px dotted var(--color-gray-medium);
}
.layout > * > div .layout__content {
  display: grid;
  width: 100%;
  grid-gap: 20px 0;
  align-items: start;
}
@media screen and (min-width: 1200px) {
  .layout > * > div .layout__content {
    grid-gap: 30px 0;
  }
}
.layout > * > div .layout__content__group .item__content {
  display: flex;
  flex-direction: column;
}
.layout > * > div .layout__content__group .item__img .img_info {
  height: 100%;
  width: 100%;
}
.layout > * > div .layout__content .live {
  transform: translateY(2px);
}
.layout > * > div .layout__content .clk .live {
  transform: translateY(5px);
}
.layout > * > div .layout__content .leader .clk .live {
  transform: translateY(6px);
}
.layout > * > div .layout__content .item.strong {
  position: relative;
}
.layout > * > div .layout__content .item.strong:before {
  top: 10px;
}
.layout > * > div .layout__content .item.strong:after,
.layout > * > div .layout__content .item.strong:before {
  background: var(--color-gray-mid-light);
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: var(--theme);
  width: 100%;
  z-index: 3;
}
.layout > * > div .layout__content .item.strong:after {
  bottom: 0;
}
.layout > * > div .layout__content .item.strong .tag--cl {
  left: 50%;
  padding: 0 10px;
  position: absolute;
  transform: translate(-50%);
}
.layout > * > div .layout__content .item.strong .item__title {
  display: block;
  font-family: var(--serif);
  font-size: 1.3rem;
  font-weight: var(--bold);
  line-height: 1.2;
  padding: 30px 0 15px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .layout > * > div .layout__content .item.strong .item__title {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1200px) {
  .layout > * > div .layout__content .item.strong .item__title {
    font-size: 1.6rem;
  }
}
.layout > * > div .layout__content .item.strong .item__img {
  margin: 0 !important;
}
.layout > * > div .layout__content .item.vertical .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
.layout > * > div .layout__content .item.vertical .item__img {
  height: -moz-min-content;
  height: min-content;
}
.layout > * > div .layout__content .item.vertical .item__icon {
  display: none;
}
.layout > * > div .layout__content .item.medium {
  margin-left: 5px;
  padding: 0 10px;
}
.layout > * > div .layout__content .item.medium .tag__item {
  padding: 2px 0 0;
}
.layout > * > div .layout__content .item.medium .tag--cl {
  transform: translate(-16px);
}
.layout > * > div .layout__content .item.medium .item__title {
  font-size: 1.05rem;
  font-weight: var(--bold);
  line-height: 1.3;
  margin-bottom: 5px;
  position: relative;
}
@media screen and (min-width: 500px) {
  .layout > * > div .layout__content .item.medium .item__title {
    font-size: 1.11rem;
  }
}
@media screen and (min-width: 768px) {
  .layout > * > div .layout__content .item.medium .item__title {
    font-size: 1.22rem;
    line-height: 1.2;
  }
}
.layout > * > div .layout__content .item.medium .item__title:before {
  background: var(--color-text);
  content: "";
  height: calc(100% - 10px);
  left: -15px;
  position: absolute;
  top: 6px;
  transition: var(--theme);
  width: 3px;
}
.layout > * > div .layout__content .item.medium .item__img {
  transform: translate(-15px);
}
.layout > * > div .layout__content .item.author-card {
  margin: 0 0 10px;
}
.layout > * > div .layout__content .item.author-card .tag__item {
  padding: 0 10px;
}
.layout > * > div .layout__content .item.author-card .tag--cl {
  background: var(--color-bg);
  bottom: -7px;
  margin: 0;
  position: absolute;
  transition: var(--theme);
}
.layout > * > div .layout__content .item.author-card .item__title {
  font-family: var(--serif);
  font-size: 1.15rem;
  font-weight: var(--bold);
  line-height: 1.2;
  margin: 0 0 -10px;
  padding: 0 7px;
  text-align: center;
  transform: translateY(-30px);
}
@media screen and (min-width: 768px) {
  .layout > * > div .layout__content .item.author-card .item__title {
    font-size: 1.4rem;
  }
}
.layout > * > div .layout__content .item.author-card .item__author {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: var(--serif);
  font-size: 1.2rem;
  justify-content: center;
  margin: -40px 0 40px;
}
.layout > * > div .layout__content .item.author-card .item__author__name {
  color: var(--color-accent);
  font-size: 1.1rem;
  transition: var(--theme-text);
}
.layout > * > div .layout__content .item.author-card .item__author__name:hover {
  color: var(--color-secondary);
}
.layout > * > div .layout__content .item.author-card .item__author__box {
  align-items: center;
  display: flex;
  flex-direction: column;
  transform: translateY(-40px);
}
.layout > * > div .layout__content .item.author-card .item__author__box p {
  margin: 0;
}
.layout > * > div .layout__content .item.author-card .item__details {
  align-items: center;
  border: 1px solid var(--color-gray-mid-light);
  flex-direction: column-reverse;
  padding: 15px 0 0;
  transition: var(--theme-border);
}
.layout > * > div .layout__content .item.author-card .item__content {
  flex-direction: column-reverse;
  margin-top: 20px;
}
.layout > * > div .layout__content .item.author-card .item__img {
  display: none;
}
.layout > * > div .layout__content .item.opinion-card .tag--cl {
  margin-bottom: 15px;
}
.layout > * > div .layout__content .item.opinion-card .item__quote {
  display: grid;
  place-content: center;
  transform: translateY(-30px);
}
.layout > * > div .layout__content .item.opinion-card .item__quote svg {
  width: 60px;
  fill: var(--color-gray-medium);
  transition: var(--theme-fill);
}
@media screen and (min-width: 1200px) {
  .layout > * > div .layout__content .item.opinion-card .item__quote svg {
    width: 80px;
  }
}
.layout > * > div .layout__content .item.opinion-card .item__title {
  font-family: var(--serif);
  font-size: 1.15rem;
  font-weight: var(--bold);
  line-height: 1.2;
  margin: 0 0 -10px;
  padding: 0 7px;
  text-align: center;
  transform: translateY(-20px);
}
@media screen and (min-width: 768px) {
  .layout > * > div .layout__content .item.opinion-card .item__title {
    font-size: 1.4rem;
  }
}
.layout > * > div .layout__content .item.opinion-card .item__details {
  align-items: center;
  flex-direction: column-reverse;
}
.layout > * > div .layout__content .item.opinion-card .item__content {
  flex-direction: column-reverse;
  margin-top: 40px;
}
.layout > * > div .layout__content .item.opinion-card .item__img {
  min-height: 0;
}
.layout > * > div .layout__content .item.tt-card {
  position: relative;
}
.layout > * > div .layout__content .item.tt-card .item__title {
  font-weight: var(--bold);
  text-align: center;
}
.layout > * > div .layout__content .item.tt-card .item__details {
  border: 1px solid var(--color-gray-mid-light);
  margin-top: 10px;
  padding: 15px;
}
.layout > * > div .layout__content .item.tt-card .item__details .tag--cl {
  top: 1px;
}
.layout > * > div .layout__content .item.tt-card .item__img,
.layout > * > div .layout__content .item.tt-card .item__lead {
  display: none;
}
.layout > * > div .layout__content .item.tt-card .tag--cl {
  background: var(--color-bg);
  left: 50%;
  padding: 0 10px;
  position: absolute;
  top: -8px;
  transform: translate(-50%);
  width: -moz-max-content;
  width: max-content;
}
.layout > * > div .layout__content .item.tt-card .tag__item {
  padding: 2px 0 0;
}
.layout
  > *
  > div
  .layout__content
  .item.after
  .tag__item:not(.tag__item--breaking) {
  color: var(--color-after);
}
.layout
  > *
  > div
  .layout__content
  .item.after
  .tag__item:not(.tag__item--breaking):hover {
  opacity: 0.8;
}
.layout > * > div .layout__content .item.after .item__author__name {
  color: var(--color-after);
}
.layout
  > *
  > div
  .layout__content
  .item.g7
  .tag__item:not(.tag__item--breaking),
.layout
  > *
  > div
  .layout__content
  .item.g7-pr
  .tag__item:not(.tag__item--breaking) {
  color: var(--color-text);
}
.layout
  > *
  > div
  .layout__content
  .item.g7
  .tag__item:not(.tag__item--breaking):hover,
.layout
  > *
  > div
  .layout__content
  .item.g7-pr
  .tag__item:not(.tag__item--breaking):hover {
  opacity: 0.8;
}
.layout
  > *
  > div
  .layout__content
  .item.zacc
  .tag__item:not(.tag__item--breaking) {
  color: var(--color-viral);
}
.layout
  > *
  > div
  .layout__content
  .item.zacc
  .tag__item:not(.tag__item--breaking):hover {
  opacity: 0.8;
}
.layout > * > div .biztos-dontes .item__img,
.layout > * > div .g7-pr .item__img,
.layout > * > div .hirdetes .item__img,
.layout > * > div .pr-cikk .item__img,
.layout > * > div .tamogatott-tartalom .item__img,
.layout > * > div .tarsadalmi-celu-reklam .item__img {
  position: relative;
}
.layout > * > div .biztos-dontes .item__img:before,
.layout > * > div .g7-pr .item__img:before,
.layout > * > div .hirdetes .item__img:before,
.layout > * > div .pr-cikk .item__img:before,
.layout > * > div .tamogatott-tartalom .item__img:before,
.layout > * > div .tarsadalmi-celu-reklam .item__img:before {
  height: 5px;
  left: 15px;
  top: 15px;
  width: calc(100% - 30px);
}
.layout > * > div .biztos-dontes .item__img:after,
.layout > * > div .g7-pr .item__img:after,
.layout > * > div .hirdetes .item__img:after,
.layout > * > div .pr-cikk .item__img:after,
.layout > * > div .tamogatott-tartalom .item__img:after,
.layout > * > div .tarsadalmi-celu-reklam .item__img:after {
  height: 70%;
  left: 15px;
  top: 15px;
  width: 5px;
}
.layout > * > div .biztos-dontes .item__img__assets,
.layout > * > div .g7-pr .item__img__assets,
.layout > * > div .hirdetes .item__img__assets,
.layout > * > div .pr-cikk .item__img__assets,
.layout > * > div .tamogatott-tartalom .item__img__assets,
.layout > * > div .tarsadalmi-celu-reklam .item__img__assets {
  position: relative;
  z-index: 1;
}
.layout > * > div .biztos-dontes .item__img__assets:before,
.layout > * > div .g7-pr .item__img__assets:before,
.layout > * > div .hirdetes .item__img__assets:before,
.layout > * > div .pr-cikk .item__img__assets:before,
.layout > * > div .tamogatott-tartalom .item__img__assets:before,
.layout > * > div .tarsadalmi-celu-reklam .item__img__assets:before {
  bottom: 15px;
  height: 5px;
  right: 15px;
  width: 35%;
}
.layout > * > div .biztos-dontes .item__img__assets:after,
.layout > * > div .g7-pr .item__img__assets:after,
.layout > * > div .hirdetes .item__img__assets:after,
.layout > * > div .pr-cikk .item__img__assets:after,
.layout > * > div .tamogatott-tartalom .item__img__assets:after,
.layout > * > div .tarsadalmi-celu-reklam .item__img__assets:after {
  bottom: 15px;
  height: calc(100% - 30px);
  right: 15px;
  width: 5px;
}
.layout > * > div .biztos-dontes .item__img .item__img__assets:after,
.layout > * > div .biztos-dontes .item__img .item__img__assets:before,
.layout > * > div .biztos-dontes .item__img:after,
.layout > * > div .biztos-dontes .item__img:before,
.layout > * > div .g7-pr .item__img .item__img__assets:after,
.layout > * > div .g7-pr .item__img .item__img__assets:before,
.layout > * > div .g7-pr .item__img:after,
.layout > * > div .g7-pr .item__img:before,
.layout > * > div .hirdetes .item__img .item__img__assets:after,
.layout > * > div .hirdetes .item__img .item__img__assets:before,
.layout > * > div .hirdetes .item__img:after,
.layout > * > div .hirdetes .item__img:before,
.layout > * > div .pr-cikk .item__img .item__img__assets:after,
.layout > * > div .pr-cikk .item__img .item__img__assets:before,
.layout > * > div .pr-cikk .item__img:after,
.layout > * > div .pr-cikk .item__img:before,
.layout > * > div .tamogatott-tartalom .item__img .item__img__assets:after,
.layout > * > div .tamogatott-tartalom .item__img .item__img__assets:before,
.layout > * > div .tamogatott-tartalom .item__img:after,
.layout > * > div .tamogatott-tartalom .item__img:before,
.layout > * > div .tarsadalmi-celu-reklam .item__img .item__img__assets:after,
.layout > * > div .tarsadalmi-celu-reklam .item__img .item__img__assets:before,
.layout > * > div .tarsadalmi-celu-reklam .item__img:after,
.layout > * > div .tarsadalmi-celu-reklam .item__img:before {
  background: var(--white);
  content: "";
  position: absolute;
  z-index: 2;
}
.layout > * > div .biztos-dontes.vertical .item__img:before,
.layout > * > div .g7-pr.vertical .item__img:before,
.layout > * > div .hirdetes.vertical .item__img:before,
.layout > * > div .pr-cikk.vertical .item__img:before,
.layout > * > div .tamogatott-tartalom.vertical .item__img:before,
.layout > * > div .tarsadalmi-celu-reklam.vertical .item__img:before {
  height: 1px;
  left: 5px;
  top: 5px;
  width: calc(100% - 10px);
}
.layout > * > div .biztos-dontes.vertical .item__img:after,
.layout > * > div .g7-pr.vertical .item__img:after,
.layout > * > div .hirdetes.vertical .item__img:after,
.layout > * > div .pr-cikk.vertical .item__img:after,
.layout > * > div .tamogatott-tartalom.vertical .item__img:after,
.layout > * > div .tarsadalmi-celu-reklam.vertical .item__img:after {
  left: 5px;
  top: 5px;
  width: 1px;
}
.layout > * > div .biztos-dontes.vertical .item__img__assets:before,
.layout > * > div .g7-pr.vertical .item__img__assets:before,
.layout > * > div .hirdetes.vertical .item__img__assets:before,
.layout > * > div .pr-cikk.vertical .item__img__assets:before,
.layout > * > div .tamogatott-tartalom.vertical .item__img__assets:before,
.layout > * > div .tarsadalmi-celu-reklam.vertical .item__img__assets:before {
  bottom: 5px;
  height: 1px;
  right: 5px;
}
.layout > * > div .biztos-dontes.vertical .item__img__assets:after,
.layout > * > div .g7-pr.vertical .item__img__assets:after,
.layout > * > div .hirdetes.vertical .item__img__assets:after,
.layout > * > div .pr-cikk.vertical .item__img__assets:after,
.layout > * > div .tamogatott-tartalom.vertical .item__img__assets:after,
.layout > * > div .tarsadalmi-celu-reklam.vertical .item__img__assets:after {
  bottom: 5px;
  height: calc(100% - 10px);
  right: 5px;
  width: 1px;
}
.layout__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 30px;
}
@media screen and (min-width: 768px) {
  .layout__header {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .layout__header {
    margin-bottom: 30px;
  }
}
.layout__header__title {
  background: var(--color-bg);
  border: none;
  color: var(--color-secondary);
  cursor: default;
  font-size: 0.88rem;
  font-weight: var(--bold);
  max-width: calc(100vw - 60px);
  min-height: 30px;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transform: translateY(-50%);
  transition: var(--theme), var(--theme-text);
  width: auto;
}
@media screen and (min-width: 768px) {
  .layout__header__title {
    font-size: 1rem;
    line-height: 1.3;
  }
}
.layout__header__logo {
  background-color: var(--color-bg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  cursor: pointer;
  transform: translateY(-50%);
  transition: var(--theme);
}
.layout__header__logo:hover {
  opacity: 0.75;
}
.layout__header__logo--adatbank {
  background-image: var(--logo-adatbank);
  height: 25px;
  width: 165px;
}
@media screen and (min-width: 768px) {
  .layout__header__logo--adatbank {
    height: 35px;
    width: 230px;
  }
}
.layout__header__logo--eszkombajn {
  background-image: var(--logo-eszkombajn);
  height: 60px;
  width: 120px;
}
@media screen and (min-width: 768px) {
  .layout__header__logo--eszkombajn {
    height: 70px;
    width: 130px;
  }
}
.layout__header__logo--g7 {
  background-image: var(--logo-g7);
  height: 36px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .layout__header__logo--g7 {
    height: 48px;
    width: 130px;
  }
}
.layout__header__logo--helyben {
  background-image: var(--logo-helyben);
  height: 50px;
  transform: translateY(calc(-50% - 5px));
  width: 120px;
}
@media screen and (min-width: 768px) {
  .layout__header__logo--helyben {
    height: 80px;
    width: 170px;
  }
}
.layout__header__logo--komplex {
  background-image: var(--logo-komplex);
  height: 45px;
  width: 130px;
}
@media screen and (min-width: 768px) {
  .layout__header__logo--komplex {
    height: 60px;
    width: 170px;
  }
}
.layout__header__logo--napirajz {
  background-image: var(--logo-napirajz);
  height: 40px;
  width: 160px;
}
@media screen and (min-width: 768px) {
  .layout__header__logo--napirajz {
    height: 50px;
    width: 200px;
  }
}
.layout__header__logo--szepkilatas {
  background-image: var(--logo-szepkilatas);
  height: 40px;
  transform: translateY(calc(-50% - 5px));
  width: 150px;
}
@media screen and (min-width: 768px) {
  .layout__header__logo--szepkilatas {
    height: 50px;
    width: 180px;
  }
}
.layout__header__logo--telextarcak {
  background-image: var(--logo-tarca);
  height: 40px;
  width: 160px;
}
@media screen and (min-width: 768px) {
  .layout__header__logo--telextarcak {
    height: 50px;
    width: 200px;
  }
}
.layout__header__logo--usa2024 {
  background-image: var(--logo-usa2024);
  height: 25px;
  width: 130px;
}
@media screen and (min-width: 768px) {
  .layout__header__logo--usa2024 {
    height: 30px;
    width: 160px;
  }
}
.layout__header__logo--zacc {
  background-image: var(--logo-viral);
  height: 36px;
  width: 110px;
}
@media screen and (min-width: 768px) {
  .layout__header__logo--zacc {
    height: 40px;
    width: 120px;
  }
}
.layout__header__info p {
  color: var(--color-gray-medium);
  font-size: 0.77rem;
  font-weight: var(--regular);
  margin: 0;
  transition: var(--theme-text);
}
.layout__header__edit {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.layout__header__edit > * {
  margin: 0 15px 20px 0;
}
.layout__header__edit__delete {
  align-items: center;
  background: #222;
  border: 1px solid #222;
  color: #f9f9f9;
  display: flex;
  justify-content: flex-start;
}
.layout__header__edit__delete:hover {
  opacity: 0.9;
}
.layout__header__edit__delete p {
  font-size: 0.77rem;
  font-weight: var(--bold);
  margin: 0 0 0 7px;
  padding-right: 10px;
  white-space: nowrap;
}
.layout__header__edit select {
  font-size: 0.77rem;
  font-weight: var(--bold);
  min-height: 30px;
  padding: 10px 15px;
  width: 200px;
}
.layout__header__edit fieldset {
  display: grid;
  place-content: center;
}
.layout__header__edit fieldset .custom-control {
  font-size: 0.77rem !important;
  font-weight: var(--bold) !important;
}
.layout__header__edit fieldset .custom-control-label:after,
.layout__header__edit fieldset .custom-control-label:before {
  transform: translateY(-3px);
}
.layout__header__edit .btn i {
  font-size: 1.1rem;
}
.layout__header__input input {
  background: #f9f9f9;
  border: 1px solid var(--color-gray-light);
  color: #42c;
  font-size: 0.9rem;
  font-weight: var(--bold);
  margin: 0;
  max-width: 290px;
  min-width: 180px;
  outline: 2px solid rgba(64, 32, 207, 0.1);
  overflow: hidden;
  padding: 7px;
  transition: var(--theme-border);
  white-space: nowrap;
}
.layout__header__input input:before {
  font-weight: var(--bold) !important;
  opacity: 0.75;
}
.layout__header__input [contentEditable="true"]:empty:before {
  content: attr(data-text);
}
.layout--breaking {
  width: 100vw;
}
.layout--breaking .tag__item:not(.tag__item--breaking) {
  color: var(--color-text);
  margin: -3px 0 0 5px !important;
}
@media screen and (min-width: 768px) {
  .layout--breaking .tag__item:not(.tag__item--breaking) {
    color: var(--color-accent);
    margin: -3px 0 0 1px;
  }
}
.layout .block__group {
  overflow: hidden;
  position: relative;
}
.layout .block__group .clk .item__icon {
  display: flex;
}
.layout .block__group .item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0;
  position: relative;
}
.layout .block__group .item--group {
  align-content: start;
  display: grid;
  grid-template-columns: 1fr;
  height: 100%;
  grid-gap: 20px;
}
.layout .block__group .item--group .item:not(.author-card) {
  overflow: hidden;
}
.layout .block__group .item--group .item:last-child:not(.medium) {
  margin: 0;
}
.layout .block__group .item--group .item.medium {
  overflow: initial;
}
.layout .block__group .item__img {
  cursor: pointer;
  position: relative;
  width: 100%;
  z-index: 3;
}
.layout .block__group .item__img img {
  border: 1px solid var(--color-gray-light);
  transition: var(--theme), var(--theme-text), var(--theme-border);
}
.layout .block__group .item__img a {
  display: block;
}
.layout .block__group .item__img__container {
  height: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  padding-bottom: 66.66%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.layout .block__group .item__img__container img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.layout .block__group .item__img__container img[alt] {
  color: transparent;
}
.layout .block__group .item__img__src {
  display: block;
  height: 0;
  left: 0;
  padding-bottom: 66.66%;
  top: 0;
  width: 100%;
}
.layout .block__group .item__img__src img {
  background-position: 50%;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.layout .block__group .item__img:hover .item__icon {
  opacity: 1;
}
.layout .block__group .item__img:active {
  cursor: pointer;
}
.layout .block__group .item__details {
  display: flex;
  flex-direction: column;
  max-width: calc(100vw - 30px);
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .layout .block__group .item__details {
    max-width: none;
  }
}
.layout .block__group .item__details > a {
  cursor: pointer;
  display: flex;
  text-decoration: none;
}
.layout .block__group .item__details > a:active {
  cursor: pointer;
}
.layout .block__group .item__details > a:hover {
  opacity: 0.8;
}
.layout .block__group .item__details > a:last-child,
.layout .block__group .item__details > a > :last-child {
  margin: 0;
}
.layout .block__group .item__details > * {
  margin: 0 0 3px;
}
.layout .block__group .item__title {
  color: var(--color-text);
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1.3;
  transition: var(--theme-text);
  -webkit-tap-highlight-color: transparent;
}
@media screen and (min-width: 768px) {
  .layout .block__group .item__title {
    font-size: 1rem;
    line-height: 1.3;
  }
}
.layout .block__group .item__lead {
  color: var(--color-text-long);
  font-size: 0.9rem;
  line-height: 1.4;
  transition: var(--theme-text);
  -webkit-tap-highlight-color: transparent;
}
.layout .block__group .item__author {
  display: flex;
  flex-wrap: wrap;
}
.layout .block__group .item__author__name {
  color: var(--color-accent);
  font-size: 0.8rem;
  font-weight: var(--medium);
  line-height: 1.4;
  transition: var(--theme-text);
}
.layout .block__group .item__author__box {
  display: flex;
}
.layout .block__group .item__author__box span {
  color: var(--color-accent);
  margin: 0 5px;
  transform: translateY(-4px);
  transition: var(--theme-text);
}
.layout .block__group .item__author p {
  margin: 0 0 5px;
}
.layout .block__group .item__avatar {
  border: 4px solid var(--color-bg);
  border-radius: 30px;
  margin-bottom: 7px;
  min-height: 50px;
  outline: 10px solid var(--color-bg);
  transition: var(--theme-border), outline 0.3s ease-out;
  width: 50px;
}
.layout .block__group .item__icon {
  align-items: center;
  background: var(--color-text);
  border: 1px solid var(--color-bg);
  border-radius: 30px;
  cursor: pointer;
  display: none;
  height: 40px;
  justify-content: center;
  opacity: 0.9;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: var(--theme), var(--theme-border);
  width: 40px;
  z-index: 11;
}
.layout .block__group .item__icon--video {
  transform: translate(1px);
}
.layout .block__group .item__icon div {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.layout .block__group .item__icon svg {
  height: 17px;
  fill: var(--color-bg);
  transition: var(--theme-fill);
  z-index: 11;
}
.layout .item.clk .item__details {
  margin: -23px 0 0;
}
.layout .item.clk .tag__item {
  background: var(--color-bg);
  padding: 5px 5px 0 0;
  transition: var(--theme), var(--theme-text);
}
.layout .item.clk .tag__item--breaking {
  background: var(--red);
  margin: -3px 0 0 1px;
  padding: 2px 3px;
}
.layout .item.clk .tag__item .live {
  transform: translateY(5px) !important;
}
.layout .item.clk .live:hover,
.layout .item.clk .tag--cl:hover,
.layout .item.clk .tag__item:hover {
  opacity: 1;
}
.layout .item.clk.vertical .item__img {
  margin: 5px 0 0;
}
.layout .item.clk.vertical .item__details {
  margin: 0;
}
.layout .item.clk.vertical .item__details .tag__item:not(.tag__item--breaking) {
  padding: 2px 0 0;
}
.layout .item.clk.vertical .item__title {
  font-size: 0.88rem;
  line-height: 1.4;
}
.layout .item.breaking.clk .tag__item:not(.tag__item--breaking) {
  margin: -3px 0 0 1px;
  padding: 2px 3px;
}
.layout .item.breaking .tag--cl {
  background: transparent;
}
.layout .item.breaking .tag__item:not(.tag__item--breaking) {
  margin: 0 0 0 1px;
  padding: 2px 3px;
}
.layout .flyer-container .goa {
  margin: 0 0 20px !important;
}
.layout .flyer-container:empty {
  display: contents;
}
.layout .group0 {
  grid-area: a;
}
.layout .group1 {
  grid-area: b;
}
.layout .group2 {
  grid-area: c;
}
.layout .group3 {
  grid-area: d;
}
.layout .group4 {
  grid-area: e;
}
.layout .group5 {
  grid-area: f;
}
.layout .layout1 .layout__content {
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 1fr;
}
@media screen and (min-width: 500px) {
  .layout .layout1 .layout__content {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout1 .layout__content {
    grid-template-areas: "a b c";
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0 30px;
  }
}
.layout .layout1 .layout__content .item__img {
  margin: 0 0 7px;
}
.layout .layout1 .layout__content .item.leader .item__title {
  font-size: 1rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .layout .layout1 .layout__content .item.leader .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.layout
  .layout1
  .layout__content
  .group2
  .item--group
  div
  .item.clk
  .item__content,
.layout
  .layout1
  .layout__content
  .group2
  .item--group
  div
  .item.vertical
  .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
.layout
  .layout1
  .layout__content
  .group2
  .item--group
  div
  .item.clk
  .item__title,
.layout
  .layout1
  .layout__content
  .group2
  .item--group
  div
  .item.vertical
  .item__title {
  font-size: 0.88rem;
  line-height: 1.4;
}
.layout .layout1 .layout__content .group2 .item--group div .item.clk .item__img,
.layout
  .layout1
  .layout__content
  .group2
  .item--group
  div
  .item.vertical
  .item__img {
  height: -moz-min-content;
  height: min-content;
}
.layout
  .layout1
  .layout__content
  .group2
  .item--group
  div
  .item.clk
  .item__lead,
.layout
  .layout1
  .layout__content
  .group2
  .item--group
  div
  .item.vertical
  .item__lead {
  display: none;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout1
    .layout__content
    .group2
    .item--group
    div
    .item.clk
    .item__lead,
  .layout
    .layout1
    .layout__content
    .group2
    .item--group
    div
    .item.vertical
    .item__lead {
    display: block;
  }
}
.layout
  .layout1
  .layout__content
  .group2
  .item--group
  div
  .item.clk
  .item__icon,
.layout
  .layout1
  .layout__content
  .group2
  .item--group
  div
  .item.vertical
  .item__icon {
  display: none;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout1
    .layout__content
    .group2
    .item--group
    div
    .item.clk
    .item__icon,
  .layout
    .layout1
    .layout__content
    .group2
    .item--group
    div
    .item.vertical
    .item__icon {
    display: flex;
  }
  .layout
    .layout1
    .layout__content
    .group2
    .item--group
    div
    .item.leader
    .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .layout
    .layout1
    .layout__content
    .group2
    .item--group
    div
    .item.clk:not(.vertical)
    .item__content {
    display: flex;
    flex-direction: column;
    grid-gap: initial;
  }
}
.layout
  .layout1
  .layout__content
  .group2
  .item--group
  div
  .item.clk:not(.vertical)
  .item__details {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout1
    .layout__content
    .group2
    .item--group
    div
    .item.clk:not(.vertical)
    .item__details {
    margin: -23px 0 0;
  }
}
.layout
  .layout1
  .layout__content
  .group2
  .item--group
  div
  .item.clk:not(.vertical)
  .item__img {
  margin: 5px 0 0;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout1
    .layout__content
    .group2
    .item--group
    div
    .item.clk:not(.vertical)
    .item__img {
    margin: 0 0 7px;
  }
  .layout
    .layout1
    .layout__content
    .group2
    .item--group
    div
    .item.vertical
    .item__content {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 12px;
  }
}
.layout .layout2 .layout__content {
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 1fr;
}
@media screen and (min-width: 500px) {
  .layout .layout2 .layout__content {
    grid-template-areas: "a a" "b c";
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout2 .layout__content {
    grid-template-areas: "b a a c";
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
  }
}
.layout .layout2 .layout__content .item__img {
  margin: 0 0 7px;
}
.layout .layout2 .layout__content .group0 .item__title {
  font-size: 1rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .layout .layout2 .layout__content .group0 .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.layout .layout3a .layout__content,
.layout .layout3c .layout__content {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 500px) {
  .layout .layout3a .layout__content,
  .layout .layout3c .layout__content {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout3a .layout__content,
  .layout .layout3c .layout__content {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout3a .layout__content,
  .layout .layout3c .layout__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .layout .layout3a .layout__content .block__group .item__content,
  .layout .layout3c .layout__content .block__group .item__content {
    display: flex;
    flex-direction: column;
  }
  .layout .layout3a .layout__content .group0,
  .layout .layout3c .layout__content .group0 {
    padding: 0;
  }
}
.layout .layout3a .layout__content .item__img,
.layout .layout3c .layout__content .item__img {
  margin: 0 0 7px;
}
.layout
  .layout3a
  .layout__content
  .block__group.group1
  .item.clk
  .item__details,
.layout
  .layout3c
  .layout__content
  .block__group.group1
  .item.clk
  .item__details {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout3a
    .layout__content
    .block__group.group1
    .item.clk
    .item__details,
  .layout
    .layout3c
    .layout__content
    .block__group.group1
    .item.clk
    .item__details {
    margin: -16px 0 0;
  }
}
.layout
  .layout3a
  .layout__content
  .block__group.group1
  .item.clk
  .item__details
  .tag__item,
.layout
  .layout3c
  .layout__content
  .block__group.group1
  .item.clk
  .item__details
  .tag__item {
  padding: 2px 0 0;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout3a
    .layout__content
    .block__group.group1
    .item.clk
    .item__details
    .tag__item,
  .layout
    .layout3c
    .layout__content
    .block__group.group1
    .item.clk
    .item__details
    .tag__item {
    padding: 5px 5px 0 0;
  }
}
.layout .layout3a .layout__content .block__group.group1 .item.clk .item__img,
.layout .layout3c .layout__content .block__group.group1 .item.clk .item__img {
  margin: 5px 0 0;
}
@media screen and (min-width: 1200px) {
  .layout .layout3a .layout__content .block__group.group1 .item.clk .item__img,
  .layout .layout3c .layout__content .block__group.group1 .item.clk .item__img {
    margin: 0;
  }
}
.layout
  .layout3a
  .layout__content
  .block__group.group1
  .item.clk
  .item__content,
.layout
  .layout3c
  .layout__content
  .block__group.group1
  .item.clk
  .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout3a
    .layout__content
    .block__group.group1
    .item.clk
    .item__content,
  .layout
    .layout3c
    .layout__content
    .block__group.group1
    .item.clk
    .item__content {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
  }
}
.layout
  .layout3a
  .layout__content
  .block__group.group1
  .item.clk
  .item__content
  .item__title,
.layout
  .layout3c
  .layout__content
  .block__group.group1
  .item.clk
  .item__content
  .item__title {
  font-size: 1rem;
  line-height: 1.3;
}
.layout
  .layout3a
  .layout__content
  .block__group.group1
  .item.clk
  .item__content
  .item__img,
.layout
  .layout3c
  .layout__content
  .block__group.group1
  .item.clk
  .item__content
  .item__img {
  height: -moz-min-content;
  height: min-content;
}
.layout
  .layout3a
  .layout__content
  .block__group.group1
  .item.clk
  .item__content
  .item__lead,
.layout
  .layout3c
  .layout__content
  .block__group.group1
  .item.clk
  .item__content
  .item__lead {
  display: none;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout3a
    .layout__content
    .block__group.group1
    .item.clk
    .item__content
    .item__lead,
  .layout
    .layout3c
    .layout__content
    .block__group.group1
    .item.clk
    .item__content
    .item__lead {
    display: initial;
  }
}
.layout
  .layout3a
  .layout__content
  .block__group.group1
  .item.clk
  .item__content
  .item__icon,
.layout
  .layout3c
  .layout__content
  .block__group.group1
  .item.clk
  .item__content
  .item__icon {
  display: none;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout3a
    .layout__content
    .block__group.group1
    .item.clk
    .item__content
    .item__icon,
  .layout
    .layout3c
    .layout__content
    .block__group.group1
    .item.clk
    .item__content
    .item__icon {
    display: initial;
  }
}
.layout .layout3a .layout__content .block__group.group1 .item--group,
.layout .layout3c .layout__content .block__group.group1 .item--group {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1200px) {
  .layout .layout3a .layout__content .block__group.group1 .item,
  .layout .layout3c .layout__content .block__group.group1 .item {
    margin: 0;
  }
  .layout .layout3a .layout__content .block__group.group1 .item--group,
  .layout .layout3c .layout__content .block__group.group1 .item--group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
  }
  .layout .layout3a .layout__content .block__group.group1 .item__content,
  .layout .layout3c .layout__content .block__group.group1 .item__content {
    display: flex;
  }
}
.layout .layout3b .layout__content,
.layout .layout3d .layout__content {
  align-content: start;
  grid-template-columns: 1fr;
}
.layout .layout3b .layout__content .item__img,
.layout .layout3d .layout__content .item__img {
  margin: 0 0 7px;
}
@media screen and (min-width: 500px) {
  .layout .layout3b .layout__content,
  .layout .layout3d .layout__content {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout3b .layout__content,
  .layout .layout3d .layout__content {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout3b .layout__content,
  .layout .layout3d .layout__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .layout .layout3b .layout__content .block__group .item__content,
  .layout .layout3d .layout__content .block__group .item__content {
    display: flex;
    flex-direction: column;
  }
  .layout .layout3b .layout__content .group0,
  .layout .layout3d .layout__content .group0 {
    padding: 0;
  }
  .layout .layout3b .layout__content .group1 .item__title,
  .layout .layout3d .layout__content .group1 .item__title {
    font-weight: var(--bold);
  }
}
@media screen and (min-width: 768px) {
  .layout .layout3b .layout__content .group1 .item__title,
  .layout .layout3d .layout__content .group1 .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.layout .layout3a .layout__content,
.layout .layout3b .layout__content {
  grid-template-areas: "a" "b" "c";
}
@media screen and (min-width: 500px) {
  .layout .layout3a .layout__content,
  .layout .layout3b .layout__content {
    grid-template-areas: "a c" " b c";
  }
}
@media screen and (min-width: 768px) {
  .layout .layout3a .layout__content,
  .layout .layout3b .layout__content {
    grid-template-areas: "a a c" " b b c";
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout3a .layout__content,
  .layout .layout3b .layout__content {
    grid-template-areas: "a a a c" "b b b c";
  }
}
.layout .layout3c .layout__content,
.layout .layout3d .layout__content {
  grid-template-areas: "a" "c" "b";
}
@media screen and (min-width: 500px) {
  .layout .layout3c .layout__content,
  .layout .layout3d .layout__content {
    grid-template-areas: "c a" "c b";
  }
}
@media screen and (min-width: 768px) {
  .layout .layout3c .layout__content,
  .layout .layout3d .layout__content {
    grid-template-areas: "c a a" "c b b";
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout3c .layout__content,
  .layout .layout3d .layout__content {
    grid-template-areas: "c a a a" "c b b b";
  }
}
.layout .layout10 .group0,
.layout .layout4 .group0 {
  border: none;
  margin: 0;
  outline: none;
  overflow: visible !important;
}
@media screen and (min-width: 768px) {
  .layout .layout10 .group0,
  .layout .layout4 .group0 {
    padding: 0;
  }
}
.layout .layout10 .group0 .item,
.layout .layout4 .group0 .item {
  overflow: visible !important;
}
.layout .layout10 .group0 .item__lead,
.layout .layout10 .group0 .item__title,
.layout .layout4 .group0 .item__lead,
.layout .layout4 .group0 .item__title {
  color: var(--color-bg);
  transition: var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .layout .layout10 .group0 .item__lead,
  .layout .layout4 .group0 .item__lead {
    max-height: 230px;
    overflow: hidden;
  }
}
.layout .layout10 .group0 .item__author,
.layout .layout4 .group0 .item__author {
  color: var(--color-accent-inv);
  transition: var(--theme-text);
}
.layout .layout10 .group0 .item__author > .item__author__box,
.layout .layout4 .group0 .item__author > .item__author__box {
  margin: 0 7px 0 0;
}
.layout .layout10 .group0 .item__author > .item__author__box span,
.layout .layout4 .group0 .item__author > .item__author__box span {
  line-height: 1;
  margin: 0 7px 0 0;
}
.layout .layout10 .group0 .item__author__name,
.layout .layout4 .group0 .item__author__name {
  color: var(--color-accent-inv);
}
.layout .layout10 .group0 .item__author span,
.layout .layout4 .group0 .item__author span {
  color: var(--color-accent-inv);
  line-height: 1.4;
  transform: none;
  transition: var(--theme-text);
}
.layout .layout10 .group0 .item--group,
.layout .layout4 .group0 .item--group {
  margin-bottom: 0;
}
.layout .layout10 .group0 .item--group > div,
.layout .layout4 .group0 .item--group > div {
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .layout .layout10 .group0 .item--group,
  .layout .layout4 .group0 .item--group {
    grid-template-columns: 1fr;
    padding: 0;
  }
}
.layout .layout10 .group0 .item__content,
.layout .layout4 .group0 .item__content {
  background: var(--color-text);
  border-bottom: 1px solid var(--color-gray-light);
  border-top: 1px solid var(--color-gray-light);
  display: grid !important;
  grid-template-columns: 1fr;
  transform: translate(-15px);
  transition: var(--theme), var(--theme-border);
  width: calc(100% + 30px);
}
@media screen and (min-width: 768px) {
  .layout .layout10 .group0 .item__content,
  .layout .layout4 .group0 .item__content {
    transform: translate(-30px);
    width: calc(100% + 60px);
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout10 .group0 .item__content,
  .layout .layout4 .group0 .item__content {
    border-left: 1px solid var(--color-gray-light);
    border-right: 1px solid var(--color-gray-light);
    grid-template-columns: 2.15fr 1fr;
    transform: none;
    width: 100%;
  }
}
.layout .layout10 .group0 .item__img,
.layout .layout4 .group0 .item__img {
  margin: 0 !important;
  padding: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .layout .layout10 .group0 .item__img,
  .layout .layout4 .group0 .item__img {
    padding: 0;
    transform: none;
  }
}
.layout .layout10 .group0 .item__img img,
.layout .layout4 .group0 .item__img img {
  border: none;
}
.layout .layout10 .group0 .item__img__src,
.layout .layout4 .group0 .item__img__src {
  border: 1px solid var(--color-text);
  transition: var(--theme-border);
}
.layout .layout10 .group0 .item__details,
.layout .layout4 .group0 .item__details {
  margin: 0;
  max-width: none;
  padding: 5px 15px 20px;
}
@media screen and (min-width: 500px) {
  .layout .layout10 .group0 .item__details,
  .layout .layout4 .group0 .item__details {
    padding: 10px 20px 30px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout10 .group0 .item__details,
  .layout .layout4 .group0 .item__details {
    justify-content: center;
    padding: 20px 30px 30px;
    transform: none;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout10 .group0 .item__details,
  .layout .layout4 .group0 .item__details {
    padding: 30px 40px 40px;
  }
}
.layout .layout10 .group0 .item__details .tag--cl,
.layout .layout4 .group0 .item__details .tag--cl {
  margin: 0 0 10px;
  transform: translate(-2px);
}
.layout .layout10 .group0 .item__details .tag--cl .live,
.layout .layout4 .group0 .item__details .tag--cl .live {
  transform: translateY(-2px);
}
.layout
  .layout10
  .group0
  .item__details
  .tag--cl
  .tag__item:not(.tag__item--breaking),
.layout
  .layout4
  .group0
  .item__details
  .tag--cl
  .tag__item:not(.tag__item--breaking) {
  background: var(--color-bg);
  border-radius: 2px;
  color: var(--color-text);
  line-height: 1;
  padding: 4px 5px 3px;
  transition: var(--theme), var(--theme-text);
}
.layout
  .layout10
  .group0
  .item__details
  .tag--cl
  .tag__item:not(.tag__item--breaking):hover,
.layout
  .layout4
  .group0
  .item__details
  .tag--cl
  .tag__item:not(.tag__item--breaking):hover {
  opacity: 0.8;
}
.layout .layout10 .group0 .item__details .tag--cl .livetag,
.layout .layout4 .group0 .item__details .tag--cl .livetag {
  color: var(--color-bg);
  transform: translateY(2.5px);
  transition: var(--theme-text);
}
.layout .layout10 .group0 .item__title,
.layout .layout4 .group0 .item__title {
  font-size: 1rem;
  line-height: 1.3;
  margin: 0 0 10px;
}
@media screen and (min-width: 500px) {
  .layout .layout10 .group0 .item__title,
  .layout .layout4 .group0 .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.layout .layout4 .layout__content {
  grid-template-areas: "a";
}
.layout .layout5a .layout__content {
  grid-template-areas: "a" "b";
  grid-template-columns: 1fr;
}
.layout .layout5a .layout__content .item--group {
  grid-template-columns: 1fr;
  grid-gap: 20px 0;
}
.layout .layout5a .layout__content .item--group .item {
  margin: 0;
}
.layout .layout5a .layout__content .item__img {
  margin: 0 0 7px;
}
@media screen and (min-width: 500px) {
  .layout .layout5a .layout__content {
    grid-template-areas: "a b";
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 20px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout5a .layout__content {
    grid-template-areas: "a" "b";
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
  .layout .layout5a .layout__content .item--group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0 30px;
    padding-top: 10px;
  }
  .layout .layout5a .layout__content .leader .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.layout .layout5a .group0 .item__title {
  font-size: 1rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .layout .layout5a .group0 .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.layout .layout5a .group1 .item.clk .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
.layout .layout5a .group1 .item.clk .item__content .item__title {
  font-size: 0.88rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .layout .layout5a .group1 .item.clk .item__content .item__title {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 500px) {
  .layout .layout5a .group1 .item.clk .item__content .item__icon,
  .layout .layout5a .group1 .item.clk .item__content .item__lead {
    display: initial;
  }
}
.layout .layout5a .group1 .item.clk .item__content .item__img {
  height: -moz-min-content;
  height: min-content;
}
.layout .layout5a .group1 .item.clk .item__content .item__icon,
.layout .layout5a .group1 .item.clk .item__content .item__lead {
  display: none;
}
@media screen and (min-width: 500px) {
  .layout .layout5a .group1 .item.clk .item__content .item__icon {
    display: flex;
  }
  .layout .layout5a .group1 .item.clk .item__content {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
  }
}
.layout .layout5a .group1 .item.clk .item__details {
  margin: 0;
}
@media screen and (min-width: 500px) {
  .layout .layout5a .group1 .item.clk .item__details {
    margin: -16px 0 0;
  }
}
.layout .layout5a .group1 .item.clk .item__img {
  margin: 5px 0 0;
}
@media screen and (min-width: 500px) {
  .layout .layout5a .group1 .item.clk .item__img {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout5a .group1 .item--group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px 30px;
  }
  .layout .layout5a .group1 .item__content {
    display: flex;
  }
}
.layout .layout5b .layout__content {
  grid-template-areas: "a" "b" "c" "d";
  grid-template-columns: 1fr;
}
.layout .layout5b .layout__content .item__img {
  margin: 0 0 7px;
}
@media screen and (min-width: 500px) {
  .layout .layout5b .layout__content {
    grid-template-areas: "a a" "b c" "d d";
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 30px;
  }
  .layout .layout5b .layout__content .item--group {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout5b .layout__content {
    grid-template-areas: "a a a" "b c d";
    grid-template-columns: 1fr 1fr 1fr;
  }
  .layout .layout5b .layout__content .group0 .item--group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0 30px;
  }
}
.layout .layout5b .group0 .item__title {
  font-size: 1rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .layout .layout5b .group0 .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.layout .layout5b .group1 .item--group,
.layout .layout5b .group2 .item--group,
.layout .layout5b .group3 .item--group {
  display: grid;
}
.layout .layout5b .group1 .item.clk .item__title,
.layout .layout5b .group2 .item.clk .item__title,
.layout .layout5b .group3 .item.clk .item__title {
  font-size: 0.88rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .layout .layout5b .group1 .item.clk .item__title,
  .layout .layout5b .group2 .item.clk .item__title,
  .layout .layout5b .group3 .item.clk .item__title {
    font-size: 1rem;
    line-height: 1.3;
  }
}
.layout .layout5b .group1 .item.clk .item__lead,
.layout .layout5b .group2 .item.clk .item__lead,
.layout .layout5b .group3 .item.clk .item__lead {
  display: none;
}
@media screen and (min-width: 768px) {
  .layout .layout5b .group1 .item.clk .item__lead,
  .layout .layout5b .group2 .item.clk .item__lead,
  .layout .layout5b .group3 .item.clk .item__lead {
    display: block;
  }
}
.layout .layout5b .group1 .item.clk .item__details,
.layout .layout5b .group2 .item.clk .item__details,
.layout .layout5b .group3 .item.clk .item__details {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .layout .layout5b .group1 .item.clk .item__details,
  .layout .layout5b .group2 .item.clk .item__details,
  .layout .layout5b .group3 .item.clk .item__details {
    margin: -16px 0 0;
  }
}
.layout .layout5b .group1 .item.clk .item__content,
.layout .layout5b .group2 .item.clk .item__content,
.layout .layout5b .group3 .item.clk .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
@media screen and (min-width: 768px) {
  .layout .layout5b .group1 .item.clk .item__content,
  .layout .layout5b .group2 .item.clk .item__content,
  .layout .layout5b .group3 .item.clk .item__content {
    display: flex;
    flex-direction: column;
    grid-gap: initial;
  }
}
.layout .layout5b .group1 .item.clk .item__img,
.layout .layout5b .group2 .item.clk .item__img,
.layout .layout5b .group3 .item.clk .item__img {
  margin: 5px 0 0;
}
@media screen and (min-width: 768px) {
  .layout .layout5b .group1 .item.clk .item__img,
  .layout .layout5b .group2 .item.clk .item__img,
  .layout .layout5b .group3 .item.clk .item__img {
    margin: 0;
  }
}
.layout .layout5b .group1 .item.clk .item__icon,
.layout .layout5b .group2 .item.clk .item__icon,
.layout .layout5b .group3 .item.clk .item__icon {
  display: none;
}
@media screen and (min-width: 768px) {
  .layout .layout5b .group1 .item.clk .item__icon,
  .layout .layout5b .group2 .item.clk .item__icon,
  .layout .layout5b .group3 .item.clk .item__icon {
    display: block;
  }
}
.layout .layout5b .group1 .item.clk.vertical .item__title,
.layout .layout5b .group2 .item.clk.vertical .item__title,
.layout .layout5b .group3 .item.clk.vertical .item__title {
  font-size: 0.88rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .layout .layout5b .group1 .item.clk.vertical .item__title,
  .layout .layout5b .group2 .item.clk.vertical .item__title,
  .layout .layout5b .group3 .item.clk.vertical .item__title {
    font-size: 1rem;
    line-height: 1.3;
  }
}
.layout .layout5b .group1 .item.clk.vertical .item__content,
.layout .layout5b .group2 .item.clk.vertical .item__content,
.layout .layout5b .group3 .item.clk.vertical .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
.layout .layout5b .group1 .item.clk.vertical .item__details,
.layout .layout5b .group2 .item.clk.vertical .item__details,
.layout .layout5b .group3 .item.clk.vertical .item__details {
  margin: 0;
}
.layout .layout5b .group1 .item.clk.vertical .item--group .item.clk .item__img,
.layout .layout5b .group2 .item.clk.vertical .item--group .item.clk .item__img,
.layout .layout5b .group3 .item.clk.vertical .item--group .item.clk .item__img {
  height: -moz-min-content;
  height: min-content;
}
.layout .layout5b .group1 .item.clk.vertical .item--group .item.clk .item__icon,
.layout .layout5b .group1 .item.clk.vertical .item--group .item.clk .item__lead,
.layout .layout5b .group2 .item.clk.vertical .item--group .item.clk .item__icon,
.layout .layout5b .group2 .item.clk.vertical .item--group .item.clk .item__lead,
.layout .layout5b .group3 .item.clk.vertical .item--group .item.clk .item__icon,
.layout
  .layout5b
  .group3
  .item.clk.vertical
  .item--group
  .item.clk
  .item__lead {
  display: none;
}
.layout .layout5b .group1 .item.clk.vertical .item__img,
.layout .layout5b .group2 .item.clk.vertical .item__img,
.layout .layout5b .group3 .item.clk.vertical .item__img {
  margin: 5px 0 0;
}
@media screen and (min-width: 768px) {
  .layout .layout5b .group1 .item.clk.vertical .item__icon,
  .layout .layout5b .group2 .item.clk.vertical .item__icon,
  .layout .layout5b .group3 .item.clk.vertical .item__icon {
    display: none;
  }
}
.layout .layout5c .layout__content {
  grid-template-areas: "a" "b";
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
  .layout .layout5c .layout__content {
    grid-template-areas: "a b";
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 30px;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout5c .layout__content {
    grid-template-areas: "a b";
    grid-template-columns: 2fr 1fr;
  }
}
.layout .layout5c .layout__content .block__group.group0 .item__img {
  margin: 0 0 7px;
}
.layout .layout5c .layout__content .block__group.group0 .item.g7-pr .item__img {
  position: relative;
}
.layout
  .layout5c
  .layout__content
  .block__group.group0
  .item.g7-pr
  .item__img:before {
  height: 5px;
  left: 15px;
  top: 15px;
  width: calc(100% - 30px);
}
.layout
  .layout5c
  .layout__content
  .block__group.group0
  .item.g7-pr
  .item__img:after {
  height: 70%;
  left: 15px;
  top: 15px;
  width: 5px;
}
.layout
  .layout5c
  .layout__content
  .block__group.group0
  .item.g7-pr
  .item__img__assets {
  position: relative;
  z-index: 1;
}
.layout
  .layout5c
  .layout__content
  .block__group.group0
  .item.g7-pr
  .item__img__assets:before {
  bottom: 15px;
  height: 5px;
  right: 15px;
  width: 35%;
}
.layout
  .layout5c
  .layout__content
  .block__group.group0
  .item.g7-pr
  .item__img__assets:after {
  bottom: 15px;
  height: calc(100% - 30px);
  right: 15px;
  width: 5px;
}
.layout
  .layout5c
  .layout__content
  .block__group.group0
  .item.g7-pr
  .item__img
  .item__img__assets:after,
.layout
  .layout5c
  .layout__content
  .block__group.group0
  .item.g7-pr
  .item__img
  .item__img__assets:before,
.layout
  .layout5c
  .layout__content
  .block__group.group0
  .item.g7-pr
  .item__img:after,
.layout
  .layout5c
  .layout__content
  .block__group.group0
  .item.g7-pr
  .item__img:before {
  background: var(--white);
  content: "";
  position: absolute;
  z-index: 2;
}
.layout .layout5c .layout__content .block__group.group1 .item.g7-pr .item__img {
  position: relative;
}
.layout
  .layout5c
  .layout__content
  .block__group.group1
  .item.g7-pr
  .item__img:before {
  height: 5px;
  left: 10px;
  top: 10px;
  width: calc(100% - 20px);
}
.layout
  .layout5c
  .layout__content
  .block__group.group1
  .item.g7-pr
  .item__img:after {
  height: 70%;
  left: 10px;
  top: 10px;
  width: 5px;
}
@media screen and (min-width: 768px) {
  .layout
    .layout5c
    .layout__content
    .block__group.group1
    .item.g7-pr
    .item__img:after {
    height: 80%;
  }
}
.layout
  .layout5c
  .layout__content
  .block__group.group1
  .item.g7-pr
  .item__img__assets {
  position: relative;
  z-index: 1;
}
.layout
  .layout5c
  .layout__content
  .block__group.group1
  .item.g7-pr
  .item__img__assets:before {
  bottom: 10px;
  height: 5px;
  right: 10px;
  width: 35%;
}
.layout
  .layout5c
  .layout__content
  .block__group.group1
  .item.g7-pr
  .item__img__assets:after {
  bottom: 10px;
  height: calc(100% - 20px);
  right: 10px;
  width: 5px;
}
.layout
  .layout5c
  .layout__content
  .block__group.group1
  .item.g7-pr
  .item__img
  .item__img__assets:after,
.layout
  .layout5c
  .layout__content
  .block__group.group1
  .item.g7-pr
  .item__img
  .item__img__assets:before,
.layout
  .layout5c
  .layout__content
  .block__group.group1
  .item.g7-pr
  .item__img:after,
.layout
  .layout5c
  .layout__content
  .block__group.group1
  .item.g7-pr
  .item__img:before {
  background: var(--white);
  content: "";
  position: absolute;
  z-index: 2;
}
.layout .layout5c .group0 .item .leader .item__title,
.layout .layout5c .group0 .item__title {
  font-size: 1.2rem;
  line-height: 1.2;
}
@media screen and (min-width: 1200px) {
  .layout .layout5c .group0 .item .leader .item__title,
  .layout .layout5c .group0 .item__title {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout5c .group0 .item--group {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
}
.layout .layout5c .group1 .item.clk .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
.layout .layout5c .group1 .item.clk .item__content .item__title {
  font-size: 0.88rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .layout .layout5c .group1 .item.clk .item__content .item__title {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 500px) {
  .layout .layout5c .group1 .item.clk .item__content .item__icon,
  .layout .layout5c .group1 .item.clk .item__content .item__lead {
    display: initial;
  }
}
.layout .layout5c .group1 .item.clk .item__content .item__img {
  height: -moz-min-content;
  height: min-content;
}
.layout .layout5c .group1 .item.clk .item__content .item__icon,
.layout .layout5c .group1 .item.clk .item__content .item__lead {
  display: none;
}
@media screen and (min-width: 500px) {
  .layout .layout5c .group1 .item.clk .item__content .item__icon {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout5c .group1 .item.clk .item__content {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
  }
}
.layout .layout5c .group1 .item.clk .item__details {
  margin: 0;
}
@media screen and (min-width: 500px) {
  .layout .layout5c .group1 .item.clk .item__details {
    margin: -5px 0 0;
  }
}
.layout .layout5c .group1 .item.clk .item__img {
  margin: 5px 0 0;
}
@media screen and (min-width: 500px) {
  .layout .layout5c .group1 .item.clk .item__img {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout5c .group1 .item--group .item.clk .item__content {
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-gap: 15px;
  }
  .layout .layout5c .group1 .item--group .item.clk .item__title {
    font-size: 0.88rem;
    line-height: 1.4;
  }
  .layout .layout5c .group1 .item--group .item.clk .item__details {
    margin: -7px 0 0;
  }
  .layout .layout5c .group1 .item--group .item.clk .item__details .tag--cl {
    transform: translateY(2px);
  }
}
.layout .layout6a .layout__content,
.layout .layout6b .layout__content {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 500px) {
  .layout .layout6a .layout__content,
  .layout .layout6b .layout__content {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout6a .layout__content,
  .layout .layout6b .layout__content {
    grid-gap: 30px;
  }
}
.layout .layout6a .layout__content__group .item__img,
.layout .layout6b .layout__content__group .item__img {
  margin: 0 0 7px;
}
.layout .layout6a .layout__content__group .item--group,
.layout .layout6b .layout__content__group .item--group {
  grid-template-columns: 1fr;
  grid-gap: 20px 0;
}
@media screen and (min-width: 500px) {
  .layout .layout6a .layout__content__group .item--group,
  .layout .layout6b .layout__content__group .item--group {
    grid-template-columns: 1fr;
    grid-gap: 20px 0;
  }
}
.layout .layout6a .layout__content {
  grid-template-areas: "a" "b";
}
@media screen and (min-width: 500px) {
  .layout .layout6a .layout__content {
    grid-template-areas: "a b";
  }
}
.layout .layout6b .layout__content {
  grid-template-areas: "b" "a";
}
@media screen and (min-width: 500px) {
  .layout .layout6b .layout__content {
    grid-template-areas: "b a";
  }
}
.layout .layout7a .layout__content,
.layout .layout7b .layout__content {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 500px) {
  .layout .layout7a .layout__content,
  .layout .layout7b .layout__content {
    grid-gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout7a .layout__content,
  .layout .layout7b .layout__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout7a .layout__content,
  .layout .layout7b .layout__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .layout .layout7a .layout__content .group0,
  .layout .layout7a .layout__content .group3,
  .layout .layout7b .layout__content .group0,
  .layout .layout7b .layout__content .group3 {
    padding: 0;
  }
}
.layout .layout7a .layout__content .item__img,
.layout .layout7b .layout__content .item__img {
  margin: 0 0 7px;
}
.layout .layout7a .layout__content .group1 .item.clk .item__content,
.layout .layout7a .layout__content .group2 .item.clk .item__content,
.layout .layout7a .layout__content .group4 .item.clk .item__content,
.layout .layout7a .layout__content .group5 .item.clk .item__content,
.layout .layout7b .layout__content .group1 .item.clk .item__content,
.layout .layout7b .layout__content .group2 .item.clk .item__content,
.layout .layout7b .layout__content .group4 .item.clk .item__content,
.layout .layout7b .layout__content .group5 .item.clk .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
@media screen and (min-width: 1200px) {
  .layout .layout7a .layout__content .group1 .item.clk .item__content,
  .layout .layout7a .layout__content .group2 .item.clk .item__content,
  .layout .layout7a .layout__content .group4 .item.clk .item__content,
  .layout .layout7a .layout__content .group5 .item.clk .item__content,
  .layout .layout7b .layout__content .group1 .item.clk .item__content,
  .layout .layout7b .layout__content .group2 .item.clk .item__content,
  .layout .layout7b .layout__content .group4 .item.clk .item__content,
  .layout .layout7b .layout__content .group5 .item.clk .item__content {
    grid-gap: 0;
  }
}
.layout .layout7a .layout__content .group1 .item.clk .item__title,
.layout .layout7a .layout__content .group2 .item.clk .item__title,
.layout .layout7a .layout__content .group4 .item.clk .item__title,
.layout .layout7a .layout__content .group5 .item.clk .item__title,
.layout .layout7b .layout__content .group1 .item.clk .item__title,
.layout .layout7b .layout__content .group2 .item.clk .item__title,
.layout .layout7b .layout__content .group4 .item.clk .item__title,
.layout .layout7b .layout__content .group5 .item.clk .item__title {
  font-size: 0.88rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .layout .layout7a .layout__content .group1 .item.clk .item__title,
  .layout .layout7a .layout__content .group2 .item.clk .item__title,
  .layout .layout7a .layout__content .group4 .item.clk .item__title,
  .layout .layout7a .layout__content .group5 .item.clk .item__title,
  .layout .layout7b .layout__content .group1 .item.clk .item__title,
  .layout .layout7b .layout__content .group2 .item.clk .item__title,
  .layout .layout7b .layout__content .group4 .item.clk .item__title,
  .layout .layout7b .layout__content .group5 .item.clk .item__title {
    font-size: 1rem;
    line-height: 1.3;
  }
}
.layout .layout7a .layout__content .group1 .item.clk .item__img,
.layout .layout7a .layout__content .group2 .item.clk .item__img,
.layout .layout7a .layout__content .group4 .item.clk .item__img,
.layout .layout7a .layout__content .group5 .item.clk .item__img,
.layout .layout7b .layout__content .group1 .item.clk .item__img,
.layout .layout7b .layout__content .group2 .item.clk .item__img,
.layout .layout7b .layout__content .group4 .item.clk .item__img,
.layout .layout7b .layout__content .group5 .item.clk .item__img {
  height: -moz-min-content;
  height: min-content;
  margin: 5px 0 0;
}
@media screen and (min-width: 1200px) {
  .layout .layout7a .layout__content .group1 .item.clk .item__img,
  .layout .layout7a .layout__content .group2 .item.clk .item__img,
  .layout .layout7a .layout__content .group4 .item.clk .item__img,
  .layout .layout7a .layout__content .group5 .item.clk .item__img,
  .layout .layout7b .layout__content .group1 .item.clk .item__img,
  .layout .layout7b .layout__content .group2 .item.clk .item__img,
  .layout .layout7b .layout__content .group4 .item.clk .item__img,
  .layout .layout7b .layout__content .group5 .item.clk .item__img {
    margin: 0;
  }
}
.layout .layout7a .layout__content .group1 .item.clk .item__lead,
.layout .layout7a .layout__content .group2 .item.clk .item__lead,
.layout .layout7a .layout__content .group4 .item.clk .item__lead,
.layout .layout7a .layout__content .group5 .item.clk .item__lead,
.layout .layout7b .layout__content .group1 .item.clk .item__lead,
.layout .layout7b .layout__content .group2 .item.clk .item__lead,
.layout .layout7b .layout__content .group4 .item.clk .item__lead,
.layout .layout7b .layout__content .group5 .item.clk .item__lead {
  display: none;
}
@media screen and (min-width: 1200px) {
  .layout .layout7a .layout__content .group1 .item.clk .item__lead,
  .layout .layout7a .layout__content .group2 .item.clk .item__lead,
  .layout .layout7a .layout__content .group4 .item.clk .item__lead,
  .layout .layout7a .layout__content .group5 .item.clk .item__lead,
  .layout .layout7b .layout__content .group1 .item.clk .item__lead,
  .layout .layout7b .layout__content .group2 .item.clk .item__lead,
  .layout .layout7b .layout__content .group4 .item.clk .item__lead,
  .layout .layout7b .layout__content .group5 .item.clk .item__lead {
    display: initial;
  }
}
.layout .layout7a .layout__content .group1 .item.clk .item__icon,
.layout .layout7a .layout__content .group2 .item.clk .item__icon,
.layout .layout7a .layout__content .group4 .item.clk .item__icon,
.layout .layout7a .layout__content .group5 .item.clk .item__icon,
.layout .layout7b .layout__content .group1 .item.clk .item__icon,
.layout .layout7b .layout__content .group2 .item.clk .item__icon,
.layout .layout7b .layout__content .group4 .item.clk .item__icon,
.layout .layout7b .layout__content .group5 .item.clk .item__icon {
  display: none;
}
.layout .layout7a .layout__content .group1 .item.clk .item__details,
.layout .layout7a .layout__content .group2 .item.clk .item__details,
.layout .layout7a .layout__content .group4 .item.clk .item__details,
.layout .layout7a .layout__content .group5 .item.clk .item__details,
.layout .layout7b .layout__content .group1 .item.clk .item__details,
.layout .layout7b .layout__content .group2 .item.clk .item__details,
.layout .layout7b .layout__content .group4 .item.clk .item__details,
.layout .layout7b .layout__content .group5 .item.clk .item__details {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .layout .layout7a .layout__content .group1 .item.clk .item__details,
  .layout .layout7a .layout__content .group2 .item.clk .item__details,
  .layout .layout7a .layout__content .group4 .item.clk .item__details,
  .layout .layout7a .layout__content .group5 .item.clk .item__details,
  .layout .layout7b .layout__content .group1 .item.clk .item__details,
  .layout .layout7b .layout__content .group2 .item.clk .item__details,
  .layout .layout7b .layout__content .group4 .item.clk .item__details,
  .layout .layout7b .layout__content .group5 .item.clk .item__details {
    margin: -16px 0 0;
  }
}
.layout .layout7a .layout__content .group1 .item.clk .item__details .tag__item,
.layout .layout7a .layout__content .group2 .item.clk .item__details .tag__item,
.layout .layout7a .layout__content .group4 .item.clk .item__details .tag__item,
.layout .layout7a .layout__content .group5 .item.clk .item__details .tag__item,
.layout .layout7b .layout__content .group1 .item.clk .item__details .tag__item,
.layout .layout7b .layout__content .group2 .item.clk .item__details .tag__item,
.layout .layout7b .layout__content .group4 .item.clk .item__details .tag__item,
.layout .layout7b .layout__content .group5 .item.clk .item__details .tag__item {
  padding: 2px 0 0;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout7a
    .layout__content
    .group1
    .item.clk
    .item__details
    .tag__item,
  .layout
    .layout7a
    .layout__content
    .group2
    .item.clk
    .item__details
    .tag__item,
  .layout
    .layout7a
    .layout__content
    .group4
    .item.clk
    .item__details
    .tag__item,
  .layout
    .layout7a
    .layout__content
    .group5
    .item.clk
    .item__details
    .tag__item,
  .layout
    .layout7b
    .layout__content
    .group1
    .item.clk
    .item__details
    .tag__item,
  .layout
    .layout7b
    .layout__content
    .group2
    .item.clk
    .item__details
    .tag__item,
  .layout
    .layout7b
    .layout__content
    .group4
    .item.clk
    .item__details
    .tag__item,
  .layout
    .layout7b
    .layout__content
    .group5
    .item.clk
    .item__details
    .tag__item {
    padding: 5px 5px 0 0;
  }
  .layout .layout7a .layout__content .group1 .item.clk .item__title,
  .layout .layout7a .layout__content .group2 .item.clk .item__title,
  .layout .layout7a .layout__content .group4 .item.clk .item__title,
  .layout .layout7a .layout__content .group5 .item.clk .item__title,
  .layout .layout7b .layout__content .group1 .item.clk .item__title,
  .layout .layout7b .layout__content .group2 .item.clk .item__title,
  .layout .layout7b .layout__content .group4 .item.clk .item__title,
  .layout .layout7b .layout__content .group5 .item.clk .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .layout .layout7a .layout__content .group1 .item.clk .item__content,
  .layout .layout7a .layout__content .group2 .item.clk .item__content,
  .layout .layout7a .layout__content .group4 .item.clk .item__content,
  .layout .layout7a .layout__content .group5 .item.clk .item__content,
  .layout .layout7b .layout__content .group1 .item.clk .item__content,
  .layout .layout7b .layout__content .group2 .item.clk .item__content,
  .layout .layout7b .layout__content .group4 .item.clk .item__content,
  .layout .layout7b .layout__content .group5 .item.clk .item__content {
    display: flex;
    flex-direction: column;
  }
}
.layout .layout7a .layout__content .group1 .item.clk.vertical .item__content,
.layout .layout7a .layout__content .group2 .item.clk.vertical .item__content,
.layout .layout7a .layout__content .group4 .item.clk.vertical .item__content,
.layout .layout7a .layout__content .group5 .item.clk.vertical .item__content,
.layout .layout7b .layout__content .group1 .item.clk.vertical .item__content,
.layout .layout7b .layout__content .group2 .item.clk.vertical .item__content,
.layout .layout7b .layout__content .group4 .item.clk.vertical .item__content,
.layout .layout7b .layout__content .group5 .item.clk.vertical .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
.layout .layout7a .layout__content .group1 .item.clk.vertical .item__title,
.layout .layout7a .layout__content .group2 .item.clk.vertical .item__title,
.layout .layout7a .layout__content .group4 .item.clk.vertical .item__title,
.layout .layout7a .layout__content .group5 .item.clk.vertical .item__title,
.layout .layout7b .layout__content .group1 .item.clk.vertical .item__title,
.layout .layout7b .layout__content .group2 .item.clk.vertical .item__title,
.layout .layout7b .layout__content .group4 .item.clk.vertical .item__title,
.layout .layout7b .layout__content .group5 .item.clk.vertical .item__title {
  font-size: 0.88rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .layout .layout7a .layout__content .group1 .item.clk.vertical .item__title,
  .layout .layout7a .layout__content .group2 .item.clk.vertical .item__title,
  .layout .layout7a .layout__content .group4 .item.clk.vertical .item__title,
  .layout .layout7a .layout__content .group5 .item.clk.vertical .item__title,
  .layout .layout7b .layout__content .group1 .item.clk.vertical .item__title,
  .layout .layout7b .layout__content .group2 .item.clk.vertical .item__title,
  .layout .layout7b .layout__content .group4 .item.clk.vertical .item__title,
  .layout .layout7b .layout__content .group5 .item.clk.vertical .item__title {
    font-size: 1rem;
    line-height: 1.3;
  }
}
.layout .layout7a .layout__content .group1 .item.clk.vertical .item__img,
.layout .layout7a .layout__content .group2 .item.clk.vertical .item__img,
.layout .layout7a .layout__content .group4 .item.clk.vertical .item__img,
.layout .layout7a .layout__content .group5 .item.clk.vertical .item__img,
.layout .layout7b .layout__content .group1 .item.clk.vertical .item__img,
.layout .layout7b .layout__content .group2 .item.clk.vertical .item__img,
.layout .layout7b .layout__content .group4 .item.clk.vertical .item__img,
.layout .layout7b .layout__content .group5 .item.clk.vertical .item__img {
  height: -moz-min-content;
  height: min-content;
  margin: 5px 0 0;
}
.layout .layout7a .layout__content .group1 .item.clk.vertical .item__icon,
.layout .layout7a .layout__content .group1 .item.clk.vertical .item__lead,
.layout .layout7a .layout__content .group2 .item.clk.vertical .item__icon,
.layout .layout7a .layout__content .group2 .item.clk.vertical .item__lead,
.layout .layout7a .layout__content .group4 .item.clk.vertical .item__icon,
.layout .layout7a .layout__content .group4 .item.clk.vertical .item__lead,
.layout .layout7a .layout__content .group5 .item.clk.vertical .item__icon,
.layout .layout7a .layout__content .group5 .item.clk.vertical .item__lead,
.layout .layout7b .layout__content .group1 .item.clk.vertical .item__icon,
.layout .layout7b .layout__content .group1 .item.clk.vertical .item__lead,
.layout .layout7b .layout__content .group2 .item.clk.vertical .item__icon,
.layout .layout7b .layout__content .group2 .item.clk.vertical .item__lead,
.layout .layout7b .layout__content .group4 .item.clk.vertical .item__icon,
.layout .layout7b .layout__content .group4 .item.clk.vertical .item__lead,
.layout .layout7b .layout__content .group5 .item.clk.vertical .item__icon,
.layout .layout7b .layout__content .group5 .item.clk.vertical .item__lead {
  display: none;
}
.layout .layout7a .layout__content .group1 .item.clk.vertical .item__details,
.layout .layout7a .layout__content .group2 .item.clk.vertical .item__details,
.layout .layout7a .layout__content .group4 .item.clk.vertical .item__details,
.layout .layout7a .layout__content .group5 .item.clk.vertical .item__details,
.layout .layout7b .layout__content .group1 .item.clk.vertical .item__details,
.layout .layout7b .layout__content .group2 .item.clk.vertical .item__details,
.layout .layout7b .layout__content .group4 .item.clk.vertical .item__details,
.layout .layout7b .layout__content .group5 .item.clk.vertical .item__details {
  margin: 0;
}
.layout
  .layout7a
  .layout__content
  .group1
  .item.clk.vertical
  .item__details
  .tag__item,
.layout
  .layout7a
  .layout__content
  .group2
  .item.clk.vertical
  .item__details
  .tag__item,
.layout
  .layout7a
  .layout__content
  .group4
  .item.clk.vertical
  .item__details
  .tag__item,
.layout
  .layout7a
  .layout__content
  .group5
  .item.clk.vertical
  .item__details
  .tag__item,
.layout
  .layout7b
  .layout__content
  .group1
  .item.clk.vertical
  .item__details
  .tag__item,
.layout
  .layout7b
  .layout__content
  .group2
  .item.clk.vertical
  .item__details
  .tag__item,
.layout
  .layout7b
  .layout__content
  .group4
  .item.clk.vertical
  .item__details
  .tag__item,
.layout
  .layout7b
  .layout__content
  .group5
  .item.clk.vertical
  .item__details
  .tag__item {
  padding: 2px 0 0;
}
.layout .layout7a .layout__content {
  grid-template-areas: "a" "b" "c" "d" "e" "f";
}
@media screen and (min-width: 768px) {
  .layout .layout7a .layout__content {
    grid-template-areas: "a a d d" "b b e e" "c c f f";
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout7a .layout__content {
    grid-template-areas: "a a d d" "b c e f";
  }
}
.layout .layout7b .layout__content {
  grid-template-areas: "d" "e" "f" "a" "b" "c";
}
@media screen and (min-width: 768px) {
  .layout .layout7b .layout__content {
    grid-template-areas: "d d a a" "e e b b" "f f c c";
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout7b .layout__content {
    grid-template-areas: "d d a a" "e f b c";
  }
}
.layout .layout8a .layout__content,
.layout .layout8b .layout__content {
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 1fr;
}
@media screen and (min-width: 500px) {
  .layout .layout8a .layout__content,
  .layout .layout8b .layout__content {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout8a .layout__content,
  .layout .layout8b .layout__content {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px 30px;
  }
  .layout
    .layout8a
    .layout__content
    .group0
    .item--group
    > div:first-of-type
    .item__details,
  .layout
    .layout8b
    .layout__content
    .group0
    .item--group
    > div:first-of-type
    .item__details {
    padding: 0;
  }
  .layout .layout8a .layout__content .group0 .item__details,
  .layout .layout8b .layout__content .group0 .item__details {
    padding: 0 90px 0 0;
  }
  .layout .layout8a .layout__content .group0 .item__title,
  .layout .layout8b .layout__content .group0 .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .layout .layout8a .layout__content .group2 .item__title,
  .layout .layout8b .layout__content .group2 .item__title {
    font-weight: var(--bold);
    line-height: 1.2;
  }
}
.layout .layout8a .layout__content .item__img,
.layout .layout8b .layout__content .item__img {
  margin: 0 0 7px;
}
.layout .layout8a .layout__content .group1 .item.clk .item__content,
.layout .layout8b .layout__content .group1 .item.clk .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
.layout .layout8a .layout__content .group1 .item.clk .item__title,
.layout .layout8b .layout__content .group1 .item.clk .item__title {
  font-size: 0.88rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .layout .layout8a .layout__content .group1 .item.clk .item__title,
  .layout .layout8b .layout__content .group1 .item.clk .item__title {
    font-size: 1rem;
    line-height: 1.3;
  }
}
.layout .layout8a .layout__content .group1 .item.clk .item__img,
.layout .layout8b .layout__content .group1 .item.clk .item__img {
  margin: 5px 0 0;
}
@media screen and (min-width: 768px) {
  .layout .layout8a .layout__content .group1 .item.clk .item__img,
  .layout .layout8b .layout__content .group1 .item.clk .item__img {
    margin: 0;
  }
}
.layout .layout8a .layout__content .group1 .item.clk .item__lead,
.layout .layout8b .layout__content .group1 .item.clk .item__lead {
  display: none;
}
@media screen and (min-width: 768px) {
  .layout .layout8a .layout__content .group1 .item.clk .item__lead,
  .layout .layout8b .layout__content .group1 .item.clk .item__lead {
    display: initial;
  }
}
.layout .layout8a .layout__content .group1 .item.clk .item__icon,
.layout .layout8b .layout__content .group1 .item.clk .item__icon {
  display: none;
}
@media screen and (min-width: 768px) {
  .layout .layout8a .layout__content .group1 .item.clk .item__icon,
  .layout .layout8b .layout__content .group1 .item.clk .item__icon {
    display: initial;
  }
}
.layout .layout8a .layout__content .group1 .item.clk .item__details,
.layout .layout8b .layout__content .group1 .item.clk .item__details {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .layout .layout8a .layout__content .group1 .item.clk .item__details,
  .layout .layout8b .layout__content .group1 .item.clk .item__details {
    margin: -16px 0 0;
  }
}
.layout .layout8a .layout__content .group1 .item.clk .item__details .tag__item,
.layout .layout8b .layout__content .group1 .item.clk .item__details .tag__item {
  padding: 2px 0 0;
}
@media screen and (min-width: 768px) {
  .layout
    .layout8a
    .layout__content
    .group1
    .item.clk
    .item__details
    .tag__item,
  .layout
    .layout8b
    .layout__content
    .group1
    .item.clk
    .item__details
    .tag__item {
    padding: 5px 5px 0 0;
  }
  .layout .layout8a .layout__content .group1 .item.clk .item__title,
  .layout .layout8b .layout__content .group1 .item.clk .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .layout .layout8a .layout__content .group1 .item.clk .item__content,
  .layout .layout8b .layout__content .group1 .item.clk .item__content {
    display: flex;
    grid-gap: 0;
  }
}
@media screen and (min-width: 500px) {
  .layout .layout8a .layout__content .group1 .item__title,
  .layout .layout8b .layout__content .group1 .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .layout .layout8a .layout__content .group1 .item__content,
  .layout .layout8b .layout__content .group1 .item__content {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout8a .layout__content .group1 .item,
  .layout .layout8b .layout__content .group1 .item {
    margin: 0;
  }
  .layout .layout8a .layout__content .group1 .item--group,
  .layout .layout8b .layout__content .group1 .item--group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px 30px;
  }
  .layout .layout8a .layout__content .group1 .item__title,
  .layout .layout8b .layout__content .group1 .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 500px) {
  .layout .layout8a .layout__content {
    grid-template-areas: "a a a c c c" "b b b b b b";
  }
}
@media screen and (min-width: 768px) {
  .layout .layout8a .layout__content {
    grid-template-areas: "a a c" "b b b";
  }
}
@media screen and (min-width: 500px) {
  .layout .layout8b .layout__content {
    grid-template-areas: "c c c a a a" "b b b b b b";
  }
}
@media screen and (min-width: 768px) {
  .layout .layout8b .layout__content {
    grid-template-areas: "c a a" "b b b";
  }
}
.layout .layout9 .layout__content {
  grid-template-areas: "a" "b" "c" "d";
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
  .layout .layout9 .layout__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    grid-template-areas: "a a a a" "b b c c" "d d d d";
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout9 .layout__content {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 30px;
    grid-template-areas: "b b b a a a a a a c c c" "d d d d d d d d d d d d";
  }
  .layout .layout9 .layout__content .group0 {
    padding: 0;
  }
}
.layout .layout9 .layout__content .item__img {
  margin: 0 0 7px;
}
.layout .layout9 .layout__content .group3 .item.clk .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
@media screen and (min-width: 500px) {
  .layout .layout9 .layout__content .group3 .item.clk .item__content__icon,
  .layout .layout9 .layout__content .group3 .item.clk .item__content__lead {
    display: initial;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout9 .layout__content .group3 .item.clk .item__content {
    display: flex;
    flex-direction: column;
    grid-gap: 0;
  }
}
.layout .layout9 .layout__content .group3 .item.clk .item__content__img {
  height: -moz-min-content;
  height: min-content;
}
.layout .layout9 .layout__content .group3 .item.clk .item__content__icon,
.layout .layout9 .layout__content .group3 .item.clk .item__content__lead {
  display: none;
}
.layout .layout9 .layout__content .group3 .item.clk .item__icon {
  display: none !important;
}
@media screen and (min-width: 768px) {
  .layout .layout9 .layout__content .group3 .item.clk .item__icon {
    display: grid !important;
  }
}
.layout .layout9 .layout__content .group3 .item.clk .item__img {
  margin: 5px 0 0;
}
@media screen and (min-width: 768px) {
  .layout .layout9 .layout__content .group3 .item.clk .item__img {
    margin: 0;
  }
}
.layout .layout9 .layout__content .group3 .item.clk .item__details {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .layout .layout9 .layout__content .group3 .item.clk .item__details {
    margin: -16px 0 0;
  }
}
.layout .layout9 .layout__content .group3 .item.clk .item__details .tag__item {
  padding: 2px 0 0;
}
@media screen and (min-width: 768px) {
  .layout
    .layout9
    .layout__content
    .group3
    .item.clk
    .item__details
    .tag__item {
    padding: 5px 5px 0 0;
  }
}
.layout .layout9 .layout__content .group3 .item.clk .item__title {
  font-size: 0.88rem;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .layout .layout9 .layout__content .group3 .item.clk .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .layout .layout9 .layout__content .group3 .item--group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
  }
  .layout .layout9 .layout__content .group3 .item__content {
    display: flex;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout9 .layout__content .group3 .item--group {
    grid-gap: 20px 30px;
  }
}
.layout .layout10 .layout__content {
  grid-template-areas: "a" "b" "c" "d";
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
  .layout .layout10 .layout__content {
    grid-template-areas: "a a" "b c" "d d";
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout10 .layout__content {
    grid-template-areas: "a a a" "b c d";
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px 30px;
  }
}
.layout .layout10 .layout__content .item__img {
  margin: 0 0 7px;
}
.layout .layout11 {
  border-top: 0 !important;
  padding-top: 0 !important;
}
.layout .layout11 .layout__content {
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 1fr;
  position: relative;
  transition: var(--theme), var(--theme-border);
  grid-gap: 5px 0;
}
@media screen and (min-width: 500px) {
  .layout .layout11 .layout__content {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout11 .layout__content {
    grid-template-areas: "a a b b c c c";
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 0 5px;
  }
  .layout .layout11 .layout__content__group .item--group {
    grid-template-columns: 1fr;
    grid-gap: 20px 0;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout11 .layout__content {
    grid-template-areas: "a b c";
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.layout .layout11 .layout__content:before {
  background-image: var(--logo-viral);
  background-position: 50%;
  background-repeat: no-repeat;
  height: 36px;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: -17px;
  transform: translate(-50%);
  width: 70px;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .layout .layout11 .layout__content:before {
    height: 40px;
    top: 0;
    width: 90px;
  }
}
.layout .layout11 .layout__content:after {
  background: var(--color-viral);
  height: 40px;
  left: 0;
  position: absolute;
  top: -3;
  transition: var(--theme);
  width: 100%;
  z-index: 3;
}
.layout .layout11 .layout__content .item {
  transition: var(--theme), var(--theme-border);
}
.layout .layout11 .layout__content .item__img__container {
  border: none;
  overflow: hidden;
}
.layout .layout11 .layout__content .item__img img {
  border: none;
}
.layout .layout11 .layout__content .item__title {
  color: var(--color-bg);
}
.layout .layout11 .layout__content .item__lead {
  display: none;
}
.layout .layout11 .layout__content .item--group {
  grid-gap: 15px 0;
}
.layout .layout11 .layout__content .item--group .vertical .item__content {
  grid-template-columns: 80px 1fr;
}
.layout .layout11 .layout__content .item--group .vertical .item__img__src img {
  height: 78px;
}
.layout .layout11 .layout__content .block__group {
  background: var(--color-text);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 9px;
  overflow: hidden;
}
.layout .layout11 .layout__content .group0,
.layout .layout11 .layout__content .group1 {
  height: 100%;
}
.layout .layout11 .layout__content .group0 .item__details,
.layout .layout11 .layout__content .group1 .item__details {
  padding: 0 15px 15px;
}
.layout .layout11 .layout__content .group0 .item__title,
.layout .layout11 .layout__content .group1 .item__title {
  font-size: 1rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .layout .layout11 .layout__content .group0 .item__title,
  .layout .layout11 .layout__content .group1 .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.layout .layout11 .layout__content .group0 .item__img,
.layout .layout11 .layout__content .group1 .item__img {
  margin: 0 0 10px;
}
.layout .layout11 .layout__content .group2 {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 15px;
}
.layout .layout11 .layout__content .group2 .item__content {
  display: grid;
  grid-template-columns: 70px 1fr;
  grid-gap: 12px;
  align-items: center;
}
.layout .layout11 .layout__content .group2 .item:last-child .item__content {
  border: none;
  padding: 0;
}
.layout .layout11 .layout__content .group2 .item__title {
  font-size: 0.88rem;
  line-height: 1.4;
  padding: 0;
  transform: translateY(-2px);
}
.layout .layout11 .layout__content .group2 .item__img {
  height: -moz-min-content;
  height: min-content;
  overflow: hidden;
}
.layout .layout11 .layout__content .group2 .item__img__container {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 5px;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.layout .layout11 .layout__content .group2 .item__img img {
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: none;
}
.layout .layout11 .layout__content .group2 .item__icon {
  display: none;
}
.layout .layout11 .layout__content .group2 .item--group {
  grid-gap: 20px;
}
.layout .layout11 .layout__content .group2 .vertical .item__img,
.layout .layout11 .layout__content .group2 .vertical .item__title {
  margin: 0;
}
.layout .layout11 .item.author-card .tag--cl,
.layout .layout11 .item.medium .tag--cl,
.layout .layout11 .item.strong .tag--cl {
  background: var(--color-gray-light);
  display: flex;
}
.layout .layout11 .item.author-card .item__img,
.layout .layout11 .item.medium .item__img,
.layout .layout11 .item.strong .item__img {
  min-height: 20px;
}
.layout .layout11 .item.clk .item__details {
  margin: 0;
}
.layout .layout11 .item .tag--cl {
  display: none;
}
.layout .layout12 .layout__content {
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 1fr;
  grid-gap: 30px 0;
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  padding: 40px 15px 30px;
  position: relative;
  transition: var(--theme), var(--theme-border);
  z-index: 2;
}
@media screen and (min-width: 500px) {
  .layout .layout12 .layout__content {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding: 40px 30px 30px;
  }
  .layout .layout12 .layout__content__group .item--group .item__img {
    min-height: auto;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout12 .layout__content {
    padding: 50px 30px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout12 .layout__content {
    padding: 50px 40px 40px;
    grid-gap: 0 30px;
    grid-template-areas: "a b c";
    grid-template-columns: 1fr 1fr 1fr;
  }
  .layout .layout12 .layout__content__group .item--group .item__img {
    min-height: auto;
  }
}
.layout .layout12 .layout__content .item__img {
  margin: 0 0 7px;
  min-height: 0;
}
.layout .layout12 .layout__content .item.vertical .item__title {
  margin: 0;
  transform: translateY(-5px);
}
.layout .layout12 .layout__content .item.vertical .item__img {
  margin: 0;
}
.layout
  .layout12
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.clk
  .item__content,
.layout
  .layout12
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.vertical
  .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
.layout
  .layout12
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.clk
  .item__title,
.layout
  .layout12
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.vertical
  .item__title {
  font-size: 0.88rem;
  line-height: 1.4;
}
.layout
  .layout12
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.clk
  .item__img,
.layout
  .layout12
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.vertical
  .item__img {
  height: -moz-min-content;
  height: min-content;
}
.layout
  .layout12
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.clk
  .item__icon,
.layout
  .layout12
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.clk
  .item__lead,
.layout
  .layout12
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.vertical
  .item__icon,
.layout
  .layout12
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.vertical
  .item__lead {
  display: none;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout12
    .layout__content
    .group2
    .item--group
    div:first-of-type
    .item.clk
    .item__content {
    display: flex;
    flex-direction: column;
    grid-gap: initial;
  }
  .layout
    .layout12
    .layout__content
    .group2
    .item--group
    div:first-of-type
    .item.clk
    .item__content
    .item__title {
    font-size: 1rem;
    line-height: 1.3;
  }
  .layout
    .layout12
    .layout__content
    .group2
    .item--group
    div:first-of-type
    .item.vertical
    .item__content {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 12px;
  }
}
.layout .layout12 .layout__content .item.author-card .item__avatar {
  border: 4px solid var(--color-gray-light);
  outline: 10px solid var(--color-gray-light);
}
.layout .layout12 .layout__content .item.author-card .tag--cl,
.layout .layout12 .layout__content .item.medium .tag--cl {
  background: var(--color-gray-light);
}
.layout .layout12 .layout__content .item.opinion-card .tag--cl {
  display: flex;
}
.layout .layout12 .layout__content .tag--cl .tag__item {
  background: var(--color-gray-light);
  transition: var(--theme);
}
.layout .layout12 .item.author-card .tag--cl,
.layout .layout12 .item.medium .tag--cl,
.layout .layout12 .item.strong .tag--cl {
  background: var(--color-gray-light);
  display: flex;
  transition: var(--theme);
}
.layout .layout12 .item.author-card .item__img,
.layout .layout12 .item.medium .item__img,
.layout .layout12 .item.strong .item__img {
  min-height: 20px;
}
.layout .layout13 {
  border-top: 0 !important;
  padding-top: 0 !important;
}
.layout .layout13 .layout__content {
  grid-template-areas: "a" "b";
  grid-template-columns: 1fr;
  grid-gap: 30px 0;
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  padding: 30px 20px 10px;
  transition: var(--theme), var(--theme-border);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .layout .layout13 .layout__content {
    align-items: center;
    grid-template-areas: "a b";
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    padding: 50px 30px 30px;
  }
  .layout .layout13 .layout__content__group .item--group {
    grid-template-columns: 1fr;
    grid-gap: 20px 0;
  }
  .layout .layout13 .layout__content__group .item--group .item__img {
    min-height: auto;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout13 .layout__content {
    padding: 50px 40px 40px;
    grid-gap: 0 30px;
  }
  .layout .layout13 .layout__content__group .item--group {
    grid-template-columns: 1fr;
  }
  .layout .layout13 .layout__content__group .item--group .item__img {
    min-height: auto;
  }
}
.layout .layout13 .layout__content .item--group {
  grid-template-columns: 1fr;
  grid-gap: 20px 0;
}
.layout .layout13 .layout__content .item__img {
  margin: 0 0 7px;
  min-height: 0;
}
.layout .layout13 .layout__content .group0 {
  display: grid;
  place-content: center;
}
.layout .layout13 .layout__content .group0 .item__img {
  grid-area: a;
  max-width: calc(100vw - 120px);
}
.layout .layout13 .layout__content .group0 .item__img__container {
  padding-bottom: 133.33%;
}
@media screen and (min-width: 500px) {
  .layout .layout13 .layout__content .group0 .item__img {
    max-width: 320px;
  }
}
.layout .layout13 .layout__content .group0 .item__details {
  align-items: center;
  grid-area: b;
}
.layout .layout13 .layout__content .group0 .item__details .tag__item {
  background: transparent;
  padding: 0;
}
.layout .layout13 .layout__content .group0 .item__details .tag--cl {
  background: transparent;
  margin: 0 0 15px;
}
.layout .layout13 .layout__content .group0 .item__content {
  display: grid;
  grid-template-areas: "b" "a";
  grid-template-columns: 1fr;
  justify-items: center;
  grid-gap: 20px;
}
.layout .layout13 .layout__content .group0 .item__title {
  font-family: var(--serif);
  font-size: 1.5rem;
  line-height: 1.1;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .layout .layout13 .layout__content .group0 .item__title {
    font-size: 1.7rem;
  }
}
.layout .layout13 .layout__content .group0 .item.clk .item__details {
  margin: 0;
}
.layout .layout13 .layout__content .group1 .item {
  border-bottom: 1px solid var(--color-gray-mid-light);
  margin: 0;
  padding-bottom: 15px;
}
@media screen and (min-width: 500px) {
  .layout .layout13 .layout__content .group1 .item {
    margin: 0 30px;
  }
}
.layout .layout13 .layout__content .group1 .item:last-child:not(.medium) {
  border: none;
}
@media screen and (min-width: 500px) {
  .layout .layout13 .layout__content .group1 .item:last-child:not(.medium) {
    margin: 0 30px;
  }
}
.layout .layout13 .layout__content .group1 .item--group {
  grid-gap: 15px 0;
}
.layout .layout13 .layout__content .group1 .item__content {
  display: grid;
  grid-template-areas: "b a";
  grid-template-columns: 1fr 90px;
  grid-gap: 15px;
}
@media screen and (min-width: 1200px) {
  .layout .layout13 .layout__content .group1 .item__content {
    grid-template-columns: 1fr 150px;
  }
}
.layout .layout13 .layout__content .group1 .item__img {
  grid-area: a;
}
.layout .layout13 .layout__content .group1 .item__img img {
  height: 60px;
  width: 90px;
}
@media screen and (min-width: 1200px) {
  .layout .layout13 .layout__content .group1 .item__img img {
    height: 100px;
    width: 150px;
  }
}
.layout .layout13 .layout__content .group1 .item__details {
  grid-area: b;
  margin: 0;
}
.layout .layout13 .layout__content .group1 .item__details .tag--cl {
  display: none;
}
.layout .layout13 .layout__content .group1 .item__title {
  font-size: 0.8rem;
  line-height: 1.3;
}
@media screen and (min-width: 500px) {
  .layout .layout13 .layout__content .group1 .item__title {
    font-size: 0.88rem;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout13 .layout__content .group1 .item__title {
    font-size: 1rem;
  }
}
.layout .layout13 .layout__content .group1 .item__icon {
  display: none;
}
.layout .layout13 .layout__content .group1 .item--group > div:last-child .item {
  border: none;
  padding: 0;
}
.layout .layout14a .layout__content,
.layout .layout14b .layout__content,
.layout .layout14c .layout__content {
  align-items: start;
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 9px;
  grid-template-columns: 1fr;
  padding: 80px 15px 30px;
  position: relative;
  transition: var(--theme), var(--theme-border);
  z-index: 2;
}
@media screen and (min-width: 500px) {
  .layout .layout14a .layout__content,
  .layout .layout14b .layout__content,
  .layout .layout14c .layout__content {
    padding: 80px 20px 30px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout14a .layout__content,
  .layout .layout14b .layout__content,
  .layout .layout14c .layout__content {
    padding: 80px 30px 30px;
  }
}
.layout .layout14a .item__img__src,
.layout .layout14b .item__img__src,
.layout .layout14c .item__img__src {
  height: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  padding-bottom: 66.66%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.layout .layout14a .item__img__src img,
.layout .layout14b .item__img__src img,
.layout .layout14c .item__img__src img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.layout .layout14a .item .tag--cl,
.layout .layout14b .item .tag--cl,
.layout .layout14c .item .tag--cl {
  background: var(--color-gray-light);
  transition: var(--theme);
}
.layout .layout14a .item .tag--cl .tag__item,
.layout .layout14b .item .tag--cl .tag__item,
.layout .layout14c .item .tag--cl .tag__item {
  background: transparent;
}
.layout .layout14a .item.clk .item__details,
.layout .layout14b .item.clk .item__details,
.layout .layout14c .item.clk .item__details {
  margin: 0;
}
.layout .layout14a .layout__content {
  grid-template-areas: "a" "b" "c";
  grid-gap: 20px 0;
}
@media screen and (min-width: 500px) {
  .layout .layout14a .layout__content {
    grid-template-areas: "a" "b";
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout14a .layout__content {
    grid-gap: 30px 0;
    grid-template-areas: "a" "b";
    grid-template-columns: 1fr;
  }
  .layout .layout14a .layout__content .block__group__content .item--group {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0 30px;
  }
  .layout
    .layout14a
    .layout__content
    .block__group__content
    .item--group
    .item__img {
    min-height: auto;
  }
}
.layout .layout14a .layout__content .item__img {
  margin: 0 0 7px;
  min-height: 0;
}
.layout .layout14a .layout__content .group0 {
  grid-area: a;
}
.layout .layout14a .layout__content .group0 .item__details {
  margin: -23px 0 0;
  position: relative;
  z-index: 3;
}
.layout .layout14a .layout__content .group0 .item--group {
  grid-template-areas: "a" "b" "c";
}
@media screen and (min-width: 500px) {
  .layout .layout14a .layout__content .group0 .item--group {
    grid-template-areas: "a a" "b c";
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout14a .layout__content .group0 .item--group {
    grid-template-areas: "a b c";
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0 30px;
  }
}
.layout .layout14a .layout__content .group0 .item--group .item:first-child {
  grid-area: a;
}
.layout .layout14a .layout__content .group0 .item--group .item:nth-child(2) {
  grid-area: b;
}
.layout .layout14a .layout__content .group0 .item--group .item:nth-child(3) {
  grid-area: c;
}
@media screen and (min-width: 500px) {
  .layout .layout14a .layout__content .group0 .item--group .item__img {
    min-height: auto;
  }
}
.layout .layout14b .layout__content {
  grid-template-areas: "a" "b" "c" "d";
  grid-gap: 20px 0;
}
@media screen and (min-width: 500px) {
  .layout .layout14b .layout__content {
    grid-template-areas: "a a " "b b" "c c" "d d";
    grid-template-columns: 1fr 1fr;
  }
  .layout .layout14b .layout__content .group1 .item--group,
  .layout .layout14b .layout__content .group2 .item--group,
  .layout .layout14b .layout__content .group3 .item--group {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 30px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout14b .layout__content {
    grid-template-areas: "a b " "a c" "d d";
    grid-gap: 20px 30px;
  }
  .layout .layout14b .layout__content .group1 .item--group,
  .layout .layout14b .layout__content .group2 .item--group,
  .layout .layout14b .layout__content .group3 .item--group {
    grid-template-columns: 1fr;
    grid-gap: 20px 0;
  }
  .layout .layout14b .layout__content__group .item--group .item__img {
    min-height: auto;
  }
  .layout .layout14b .layout__content .group3 .item--group {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 30px;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout14b .layout__content {
    grid-gap: 20px 30px;
    grid-template-areas: "a b b" "a c c" "a d d";
    grid-template-columns: 1fr 1fr 1fr;
  }
  .layout .layout14b .layout__content__group .item--group .item__img {
    min-height: auto;
  }
  .layout .layout14b .layout__content .group1 .item--group,
  .layout .layout14b .layout__content .group2 .item--group {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 30px;
  }
}
.layout .layout14b .layout__content .group0 {
  grid-area: a;
}
.layout .layout14b .layout__content .group0 .item__details {
  margin: -16px 0 0;
  position: relative;
  z-index: 3;
}
.layout .layout14b .layout__content .group1 {
  grid-area: b;
}
.layout .layout14b .layout__content .group2 {
  grid-area: c;
}
.layout .layout14b .layout__content .group3 {
  grid-area: d;
}
.layout .layout14c .layout__content {
  grid-template-areas: "a" "b" "c";
  grid-gap: 20px 0;
}
@media screen and (min-width: 500px) {
  .layout .layout14c .layout__content {
    grid-template-areas: "a b" "c c";
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 30px;
  }
  .layout .layout14c .layout__content__group .item--group .item__img {
    min-height: auto;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout14c .layout__content {
    grid-gap: 30px 0;
    grid-template-areas: "a" "b";
    grid-template-columns: 1fr;
  }
  .layout .layout14c .layout__content .block__group__content .item--group {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0 30px;
  }
  .layout
    .layout14c
    .layout__content
    .block__group__content
    .item--group
    .item__img {
    min-height: auto;
  }
}
.layout .layout14c .layout__content .item__img {
  margin: 0 0 7px;
  min-height: 0;
}
.layout .layout14c .layout__content .item.vertical .item__title {
  margin: 0;
  transform: translateY(-5px);
}
.layout .layout14c .layout__content .item.vertical .item__img {
  margin: 0;
}
.layout
  .layout14c
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.clk
  .item__content,
.layout
  .layout14c
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.vertical
  .item__content {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 12px;
}
.layout
  .layout14c
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.clk
  .item__title,
.layout
  .layout14c
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.vertical
  .item__title {
  font-size: 0.88rem;
  line-height: 1.4;
}
.layout
  .layout14c
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.clk
  .item__img,
.layout
  .layout14c
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.vertical
  .item__img {
  height: -moz-min-content;
  height: min-content;
}
.layout
  .layout14c
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.clk
  .item__icon,
.layout
  .layout14c
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.clk
  .item__lead,
.layout
  .layout14c
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.vertical
  .item__icon,
.layout
  .layout14c
  .layout__content
  .group2
  .item--group
  div:first-of-type
  .item.vertical
  .item__lead {
  display: none;
}
@media screen and (min-width: 1200px) {
  .layout
    .layout14c
    .layout__content
    .group2
    .item--group
    div:first-of-type
    .item.clk
    .item__content {
    display: flex;
    flex-direction: column;
    grid-gap: initial;
  }
  .layout
    .layout14c
    .layout__content
    .group2
    .item--group
    div:first-of-type
    .item.clk
    .item__content
    .item__title {
    font-size: 1rem;
    line-height: 1.3;
  }
  .layout
    .layout14c
    .layout__content
    .group2
    .item--group
    div:first-of-type
    .item.vertical
    .item__content {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 12px;
  }
}
.layout .layout14c .layout__content .item.author-card .item__avatar {
  border: 4px solid var(--color-gray-light);
  outline: 10px solid var(--color-gray-light);
}
.layout .layout14c .layout__content .item.author-card .tag--cl,
.layout .layout14c .layout__content .item.medium .tag--cl {
  background: var(--color-gray-light);
}
.layout .layout14c .layout__content .item.opinion-card .tag--cl {
  display: flex;
}
.layout .layout14c .item.author-card .tag--cl,
.layout .layout14c .item.medium .tag--cl,
.layout .layout14c .item.strong .tag--cl {
  background: var(--color-gray-light);
  display: flex;
}
.layout .layout14c .item.author-card .item__img,
.layout .layout14c .item.medium .item__img,
.layout .layout14c .item.strong .item__img {
  min-height: 20px;
}
.layout .layout14c .item.clk .item__details {
  margin: 0;
}
.layout .layout15a .group0 {
  border: none;
  margin: 0;
  outline: none;
  overflow: visible !important;
}
@media screen and (min-width: 768px) {
  .layout .layout15a .group0 {
    padding: 0;
  }
}
.layout .layout15a .group0 .item {
  overflow: visible !important;
}
.layout .layout15a .group0 .item__author {
  color: var(--color-accent-inv);
  transition: var(--theme-text);
}
.layout .layout15a .group0 .item__author > .item__author__box {
  margin: 0 7px 0 0;
}
.layout .layout15a .group0 .item__author > .item__author__box span {
  line-height: 1;
  margin: 0 7px 0 0;
}
.layout .layout15a .group0 .item__author__name {
  color: var(--color-accent-inv);
}
.layout .layout15a .group0 .item__author span {
  color: var(--color-accent-inv);
  line-height: 1.4;
  transform: none;
  transition: var(--theme-text);
}
.layout .layout15a .group0 .item__content {
  background: var(--color-text);
  border-bottom: 1px solid var(--color-gray-light);
  border-top: 1px solid var(--color-gray-light);
  display: grid !important;
  grid-template-columns: 1fr;
  position: relative;
  transform: none;
  transition: var(--theme), var(--theme-border);
}
@media screen and (min-width: 768px) {
  .layout .layout15a .group0 .item__content {
    background: var(--color-bg);
    height: 100vh;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout15a .group0 .item__content {
    width: 100%;
  }
}
.layout .layout15a .group0 .item__details {
  margin: 0;
  max-width: none;
  padding: 15px 15px 20px;
  transform: none;
  transition: var(--theme);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .layout .layout15a .group0 .item__details {
    background: var(--color-bg);
    bottom: 95px;
    justify-content: center;
    max-width: 50vw;
    padding: 20px;
    position: absolute;
    right: 30px;
    transform: none;
    z-index: 3;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout15a .group0 .item__details {
    max-width: 33vw;
    padding: 30px;
  }
}
.layout .layout15a .group0 .item__details .tag--cl {
  margin: 0 0 10px;
  transform: translate(-2px);
}
.layout .layout15a .group0 .item__details .tag--cl .live {
  transform: translateY(-2px);
}
.layout .layout15a .group0 .item__details .tag--cl .tag__item {
  border-radius: 2px;
  line-height: 1;
  padding: 4px 5px 3px;
}
.layout .layout15a .group0 .item__details .tag--cl .tag__item:hover {
  opacity: 0.8;
}
.layout .layout15a .group0 .item__details .tag--cl .livetag {
  align-items: center;
  color: var(--color-bg);
  line-height: 1;
  margin: 0;
  transform: none !important;
}
.layout .layout15a .group0 .item__details .tag--cl .livetag:before {
  margin: 1.5px 8px 0 0;
}
@media screen and (min-width: 768px) {
  .layout .layout15a .group0 .item__details .tag--cl .livetag {
    color: var(--color-text);
  }
}
.layout .layout15a .group0 .item__details .live {
  border-radius: 2px;
  color: var(--color-text);
  line-height: 1;
  padding: 0 12px;
  transform: none !important;
}
.layout .layout15a .group0 .item__details .newpost {
  color: var(--color-bg);
  transform: none !important;
}
@media screen and (min-width: 768px) {
  .layout .layout15a .group0 .item__details .newpost {
    color: var(--color-text);
  }
}
.layout .layout15a .group0 .item__details .tag__item.tag__item--breaking {
  transform: none !important;
}
.layout .layout15a .group0 .item--group {
  margin-bottom: 0;
}
.layout .layout15a .group0 .item--group > div {
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .layout .layout15a .group0 .item--group {
    grid-template-columns: 1fr;
    padding: 0;
  }
}
.layout .layout15a .group0 .item__img {
  margin: 0 !important;
}
@media screen and (min-width: 768px) {
  .layout .layout15a .group0 .item__img {
    padding: 0;
    transform: none;
  }
}
.layout .layout15a .group0 .item__img__container {
  padding-bottom: 75%;
}
@media screen and (min-width: 768px) {
  .layout .layout15a .group0 .item__img__container {
    padding-bottom: 100vh;
  }
}
.layout .layout15a .group0 .item__img__container img {
  -o-object-position: center;
  object-position: center;
}
.layout .layout15a .group0 .item__img__src {
  border: 1px solid var(--color-text);
  transition: var(--theme-border);
}
.layout .layout15a .group0 .item__img img {
  border: none;
}
.layout .layout15a .group0 .item__lead {
  color: var(--color-text);
  transition: var(--theme-text);
}
@media screen and (min-width: 768px) {
  .layout .layout15a .group0 .item__lead {
    color: var(--color-text);
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout15a .group0 .item__lead {
    max-height: 230px;
    overflow: hidden;
  }
}
.layout .layout15a .group0 .item__title {
  color: var(--color-bg);
  font-size: 1.3rem;
  line-height: 1.3;
  margin: 0 0 10px;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .layout .layout15a .group0 .item__title {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout15a .group0 .item__title {
    color: var(--color-text);
  }
}
.layout .layout15a .layout__content {
  grid-template-areas: "a";
}
.layout .layout15a .layout__header {
  display: none;
}
.layout .layout15b {
  margin: 60px 0 0;
}
@media screen and (min-width: 500px) {
  .layout .layout15b {
    margin: 70px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout15b {
    padding: 110px 0 0;
  }
}
.layout .layout15b .group0 {
  border: none;
  margin: 0;
  outline: none;
  overflow: visible !important;
}
@media screen and (min-width: 768px) {
  .layout .layout15b .group0 {
    padding: 0;
  }
}
.layout .layout15b .group0 .item {
  overflow: visible !important;
}
.layout .layout15b .group0 .item__lead,
.layout .layout15b .group0 .item__title {
  color: var(--color-bg);
  transition: var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .layout .layout15b .group0 .item__lead {
    max-height: 230px;
    overflow: hidden;
  }
}
.layout .layout15b .group0 .item__author {
  color: var(--color-accent-inv);
  transition: var(--theme-text);
}
.layout .layout15b .group0 .item__author > .item__author__box {
  margin: 0 7px 0 0;
}
.layout .layout15b .group0 .item__author > .item__author__box span {
  line-height: 1;
  margin: 0 7px 0 0;
}
.layout .layout15b .group0 .item__author__name {
  color: var(--color-accent-inv);
}
.layout .layout15b .group0 .item__author span {
  color: var(--color-accent-inv);
  line-height: 1.4;
  transform: none;
  transition: var(--theme-text);
}
.layout .layout15b .group0 .item--group {
  margin-bottom: 0;
}
.layout .layout15b .group0 .item--group > div {
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .layout .layout15b .group0 .item--group {
    grid-template-columns: 1fr;
    padding: 0;
  }
}
.layout .layout15b .group0 .item__content {
  background: var(--color-text);
  border-bottom: 1px solid var(--color-gray-light);
  border-top: 1px solid var(--color-gray-light);
  display: grid !important;
  grid-template-columns: 1fr;
  transform: translate(-15px);
  transition: var(--theme), var(--theme-border);
  width: calc(100% + 30px);
}
@media screen and (min-width: 768px) {
  .layout .layout15b .group0 .item__content {
    transform: translate(-30px);
    width: calc(100% + 60px);
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout15b .group0 .item__content {
    border-left: 1px solid var(--color-gray-light);
    border-right: 1px solid var(--color-gray-light);
    grid-template-columns: 2.15fr 1fr;
    transform: none;
    width: 100%;
  }
}
.layout .layout15b .group0 .item__img {
  margin: 0 !important;
  padding: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .layout .layout15b .group0 .item__img {
    padding: 0;
    transform: none;
  }
}
.layout .layout15b .group0 .item__img img {
  border: none;
}
.layout .layout15b .group0 .item__img__src {
  border: 1px solid var(--color-text);
  transition: var(--theme-border);
}
.layout .layout15b .group0 .item__details {
  margin: 0;
  max-width: none;
  padding: 5px 15px 20px;
}
@media screen and (min-width: 500px) {
  .layout .layout15b .group0 .item__details {
    padding: 10px 20px 30px;
  }
}
@media screen and (min-width: 768px) {
  .layout .layout15b .group0 .item__details {
    justify-content: center;
    padding: 20px 30px 30px;
    transform: none;
  }
}
@media screen and (min-width: 1200px) {
  .layout .layout15b .group0 .item__details {
    padding: 30px 40px 40px;
  }
}
.layout .layout15b .group0 .item__details .tag--cl {
  margin: 0 0 10px;
  transform: translate(-2px);
}
.layout .layout15b .group0 .item__details .tag--cl .live {
  transform: translateY(-2px);
}
.layout
  .layout15b
  .group0
  .item__details
  .tag--cl
  .tag__item:not(.tag__item--breaking) {
  background: var(--color-bg);
  border-radius: 2px;
  color: var(--color-text);
  line-height: 1;
  padding: 4px 5px 3px;
  transition: var(--theme), var(--theme-text);
}
.layout
  .layout15b
  .group0
  .item__details
  .tag--cl
  .tag__item:not(.tag__item--breaking):hover {
  opacity: 0.8;
}
.layout .layout15b .group0 .item__details .tag--cl .livetag {
  color: var(--color-bg);
  transform: translateY(2.5px);
  transition: var(--theme-text);
}
.layout .layout15b .group0 .item__title {
  font-size: 1rem;
  line-height: 1.3;
  margin: 0 0 10px;
}
@media screen and (min-width: 500px) {
  .layout .layout15b .group0 .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.layout .layout15b .layout__content {
  grid-template-areas: "a";
}
.layout .listing .layout__content {
  margin: 20px 0 10px;
}
@media screen and (min-width: 768px) {
  .layout .listing .layout__content {
    margin: 40px 0 10px;
  }
}
.layout .listing .layout__content:after {
  color: #a4a4a4;
  /* content: "hirdetés"; */
  display: block;
  font-size: 10px;
  font-weight: 400;
  padding: 2px 8px;
  position: absolute;
  right: -10px;
  text-transform: uppercase;
  top: -20px;
}
.layout .listing__logo {
  background: var(--white);
  border-radius: 8px 8px 0 0;
  display: grid;
  height: 50px;
  left: 50%;
  place-content: center;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 100%;
}
.layout .listing__logo--biztosdontes {
  background: url(../images/biztos-dark.svg);
  height: 31px;
  width: 86px;
}
@media screen and (min-width: 500px) {
  .layout .listing__logo--biztosdontes {
    height: 36px;
    width: 100px;
  }
}
.layout .listing__logo--bunteto {
  background: url(../images/bunteto.svg);
  height: 25px;
  transform: translate(5px) translateY(-1px);
  width: 150px;
}
@media screen and (min-width: 500px) {
  .layout .listing__logo--bunteto {
    height: 28px;
    width: 170px;
  }
}
.layout .listing__logo--g7 {
  background-image: var(--logo-g7);
  height: 40px;
  transition: var(--theme);
  width: 80px;
}
.layout .listing__logo--hold {
  background: url(../images/hold_logo_white.svg);
  height: 32px;
  width: 86px;
}
@media screen and (min-width: 500px) {
  .layout .listing__logo--hold {
    height: 40px;
    width: 100px;
  }
}
.layout .listing__logo--otp {
  background: url(../images/otp_zenga-dark.svg);
  height: 28px;
  width: 100px;
}
@media screen and (min-width: 500px) {
  .layout .listing__logo--otp {
    height: 34px;
    width: 120px;
  }
}
.layout .listing__logo--biztosdontes,
.layout .listing__logo--bunteto,
.layout .listing__logo--g7,
.layout .listing__logo--hold,
.layout .listing__logo--otp {
  background-repeat: no-repeat !important;
  display: block;
}
.layout .listing--biztosdontes .listing__logo {
  background: #121a40;
}
.layout .listing--holdblog .listing__logo {
  background: var(--color-hold-accent);
}
.layout .listing--otp .listing__logo {
  background: #380724;
}
.layout .layout2 .group0 .leader .item__title,
.layout .layout3a .group0 .leader .item__title,
.layout .layout3b .group0 .leader .item__title,
.layout .layout3c .group0 .leader .item__title,
.layout .layout3d .group0 .leader .item__title,
.layout .layout7a .group0 .leader .item__title,
.layout .layout7a .group3 .leader .item__title,
.layout .layout7b .group0 .leader .item__title,
.layout .layout7b .group3 .leader .item__title,
.layout .layout8a .group0 .leader .item__title,
.layout .layout8b .group0 .leader .item__title,
.layout .layout9 .group0 .leader .item__title {
  font-size: 1.2rem;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .layout .layout2 .group0 .leader .item__title,
  .layout .layout3a .group0 .leader .item__title,
  .layout .layout3b .group0 .leader .item__title,
  .layout .layout3c .group0 .leader .item__title,
  .layout .layout3d .group0 .leader .item__title,
  .layout .layout7a .group0 .leader .item__title,
  .layout .layout7a .group3 .leader .item__title,
  .layout .layout7b .group0 .leader .item__title,
  .layout .layout7b .group3 .leader .item__title,
  .layout .layout8a .group0 .leader .item__title,
  .layout .layout8b .group0 .leader .item__title,
  .layout .layout9 .group0 .leader .item__title {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
.layout .layout2 .group0 .leader.clk .item__icon,
.layout .layout3a .group0 .leader.clk .item__icon,
.layout .layout3b .group0 .leader.clk .item__icon,
.layout .layout3c .group0 .leader.clk .item__icon,
.layout .layout3d .group0 .leader.clk .item__icon,
.layout .layout7a .group0 .leader.clk .item__icon,
.layout .layout7a .group3 .leader.clk .item__icon,
.layout .layout7b .group0 .leader.clk .item__icon,
.layout .layout7b .group3 .leader.clk .item__icon,
.layout .layout8a .group0 .leader.clk .item__icon,
.layout .layout8b .group0 .leader.clk .item__icon,
.layout .layout9 .group0 .leader.clk .item__icon {
  right: 20px;
  top: 20px;
}
.layout .layout6a .group0 .leader--optional.clk .item__title,
.layout .layout6a .group1 .leader--optional.clk .item__title,
.layout .layout6b .group0 .leader--optional.clk .item__title,
.layout .layout6b .group1 .leader--optional.clk .item__title {
  font-size: 1.2rem;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .layout .layout6a .group0 .leader--optional.clk .item__title,
  .layout .layout6a .group1 .leader--optional.clk .item__title,
  .layout .layout6b .group0 .leader--optional.clk .item__title,
  .layout .layout6b .group1 .leader--optional.clk .item__title {
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
.layout .layout6a .group0 .leader--optional.clk .item__icon,
.layout .layout6a .group1 .leader--optional.clk .item__icon,
.layout .layout6b .group0 .leader--optional.clk .item__icon,
.layout .layout6b .group1 .leader--optional.clk .item__icon {
  right: 20px;
  top: 20px;
}
.layout .layout6a .group0 .leader--optional.item .item__details,
.layout .layout6a .group1 .leader--optional.item .item__details,
.layout .layout6b .group0 .leader--optional.item .item__details,
.layout .layout6b .group1 .leader--optional.item .item__details {
  margin: -17px 0 0;
}
.layout .layout8a .group2 .leader--optional.clk .item__title,
.layout .layout8b .group2 .leader--optional.clk .item__title {
  font-size: 1rem;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .layout .layout8a .group2 .leader--optional.clk .item__title,
  .layout .layout8b .group2 .leader--optional.clk .item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.layout .telex-links {
  margin: 20px 0;
}
.layout .subscribe {
  align-items: center;
  background: #096;
  background: linear-gradient(288deg, #096, #069);
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  padding: 25px;
}
.layout .subscribe__btn {
  background: var(--yellow);
  color: var(--secondary);
  display: grid;
  margin: 15px 0 0;
  place-content: center;
  width: 100%;
}
.layout .subscribe__title {
  color: var(--white);
  cursor: default;
  font-weight: var(--bold);
  margin: 0 0 10px;
  text-align: center;
}
.layout .subscribe__consent {
  display: none;
}
.layout .subscribe__consent.active {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
}
.layout .subscribe__input {
  display: block;
  width: 100%;
}
.layout .subscribe__input__label {
  color: var(--white);
  font-size: 0.77rem;
}
.layout .subscribe__input__field {
  font-size: 0.88rem;
  height: 38px;
  margin: 0 0 7px;
  padding: 7px 10px;
  width: 100%;
}
.layout .subscribe__input__field::-moz-placeholder {
  color: var(--color-gray-medium);
  font-size: 0.88rem;
}
.layout .subscribe__input__field::placeholder {
  color: var(--color-gray-medium);
  font-size: 0.88rem;
}
.layout .subscribe__input__field.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.layout .subscribe__email__check-box {
  text-align: left;
}
.layout .subscribe__info {
  color: var(--white);
  cursor: default;
  font-size: 0.88rem;
}
.layout .subscribe__info a {
  color: var(--yellow);
}
.layout .subscribe__info a:hover {
  opacity: 0.85;
}
.layout .subscribe__checkbox {
  cursor: pointer;
  margin: 5px 7px 0 0;
  opacity: 0.85;
}
.layout .subscribe__checkbox__label {
  color: var(--white);
  cursor: default;
  font-size: 0.88rem;
}
.layout .subscribe__checkbox__label a {
  color: var(--yellow);
}
.layout .subscribe__checkbox__label a:hover {
  opacity: 0.85;
}
.layout .subscribe__checkbox.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.layout .subscribe__error-message {
  background: #e33c;
  color: #fff;
  display: none;
  font-size: 0.7rem;
  font-weight: var(--medium);
  margin: 7px 0 0;
  padding: 3px 6px;
}
.layout .subscribe__error-message.subscribe__error {
  display: block;
}
.layout .frontpage-av-codes {
  height: 0;
  width: 0;
}
.layout .frontpage-av-codes img {
  height: 0;
  min-height: 0;
  width: 0;
}
.cl-container {
  width: calc(100% - 30px);
}
.cl-container .rectangle--mobile {
  padding: 15px 0 0;
}
.latest-widget--disabled {
  margin: 20px 0 0;
}
@media screen and (min-width: 768px) {
  .latest-widget--disabled {
    margin: 30px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .latest-widget--disabled {
    margin: 40px 0 0;
  }
}
.layout > * > .cl-highlights {
  padding: 30px 20px !important;
}
@media screen and (min-width: 768px) {
  .layout > * > .cl-highlights {
    padding: 40px 30px !important;
  }
}
.cl-highlights {
  background: var(--color-list);
  border: 1px solid var(--color-gray-mid-light);
  border-top: 1px solid var(--color-gray-mid-light) !important;
  margin: 0 0 40px;
  padding: 20px 20px 10px;
}
@media screen and (min-width: 500px) {
  .cl-highlights {
    padding: 30px 30px 20px;
  }
}
@media screen and (min-width: 768px) {
  .cl-highlights {
    padding: 40px 30px 40px 10px;
  }
}
.cl-highlights > div:first-of-type {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
@media screen and (min-width: 500px) {
  .cl-highlights > div:first-of-type {
    grid-gap: 40px;
  }
}
@media screen and (min-width: 768px) {
  .cl-highlights > div:first-of-type {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .cl-highlights > div:first-of-type {
    grid-template-columns: 2.5fr 2fr;
  }
}
@media screen and (min-width: 768px) {
  .cl-highlights {
    margin: 0 0 60px;
  }
}
.cl-highlights__gfx {
  cursor: pointer;
  display: grid;
  justify-items: center;
  place-content: center;
}
.cl-highlights__gfx p {
  color: var(--color-text);
  cursor: pointer;
  font-family: var(--serif);
  font-size: 1.5rem;
  font-weight: var(--bold);
  line-height: 1.1;
  text-align: center;
}
.cl-highlights__gfx p:hover {
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .cl-highlights__gfx p {
    font-size: 1.7rem;
  }
}
.cl-highlights__gfx .tag--cl {
  background: transparent;
  margin: 0 0 15px;
}
.cl-highlights__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 380px;
  margin: 10px 0;
  width: calc(100vw - 90px);
}
@media screen and (min-width: 375px) {
  .cl-highlights__img {
    margin: 20px 0 15px;
  }
}
@media screen and (min-width: 500px) {
  .cl-highlights__img {
    max-width: 280px;
  }
}
@media screen and (min-width: 1200px) {
  .cl-highlights__img {
    height: 450px;
    max-width: 320px;
  }
}
.cl-highlights__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}
.cl-highlights__item {
  display: grid;
  grid-template-columns: 1fr 90px;
  grid-gap: 15px;
  border-bottom: 1px solid var(--color-gray-mid-light);
  cursor: pointer;
  padding: 0 0 15px;
  transition: var(--theme-border);
}
.cl-highlights__item:last-child {
  border: none;
}
@media screen and (min-width: 500px) {
  .cl-highlights__item {
    margin: 0 30px;
  }
}
@media screen and (min-width: 1200px) {
  .cl-highlights__item {
    grid-gap: 30px;
    grid-template-columns: 1fr 150px;
    margin: 0;
  }
}
.cl-highlights__item:hover .cl-highlights__item__title {
  opacity: 0.8;
}
.cl-highlights__item__img {
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid var(--color-gray-light);
  height: 60px;
  transition: var(--theme-border);
  width: 90px;
}
@media screen and (min-width: 1200px) {
  .cl-highlights__item__img {
    height: 100px;
    width: 150px;
  }
}
.cl-highlights__item__title {
  color: var(--color-text);
  font-size: 0.8rem;
  font-weight: var(--bold);
  line-height: 1.3;
  transition: var(--theme-text);
}
@media screen and (min-width: 375px) {
  .cl-highlights__item__title {
    font-size: 0.88rem;
  }
}
@media screen and (min-width: 1200px) {
  .cl-highlights__item__title {
    font-size: 1rem;
    line-height: 1.3;
  }
}
.live-list {
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 4px;
  margin: 20px 0;
}
.live-list__clk {
  background: var(--color-gray-mid-light);
}
.live-list__clk__src {
  height: 0;
  padding-top: 66.66%;
  position: relative;
  width: 100%;
}
.live-list__clk__src:before {
  color: var(--color-gray-medium);
  content: "☻";
  font-size: 3rem;
  font-weight: var(--bold);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%) translatey(-50%);
}
.live-list__header {
  display: flex;
  flex-direction: column;
  padding: 7px 20px;
  transition: var(--theme), var(--theme-text);
}
.live-list__header span {
  font-size: 0.7rem;
  font-weight: var(--semibold);
}
.live-list__header .livetag:before {
  margin: 1px 8px 0 0 !important;
}
.live-list__header__info {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.live-list__header__tags {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.live-list__header__title {
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: var(--bold);
}
.live-list__header__title:hover {
  opacity: 0.8;
}
.live-list.clk .tag--cl {
  transform: translate(-10px);
}
.live-list.clk .tag--cl > :first-of-type {
  padding-left: 12px;
}
.live-list.clk .tag--cl .newpost {
  display: none;
}
.live-list.clk .item__details {
  padding: 0 10px 10px;
}
.live-list .item__details {
  padding: 10px;
}
.live-list .item__details .tag__cl {
  background: red;
}
.live-list__item {
  cursor: pointer;
}
.live-list__item__info {
  font-size: 0.7rem;
  font-weight: var(--regular);
}
.live-list__item__content {
  display: block;
  padding: 0 10px;
}
.live-list__item__content:hover {
  background: var(--color-list);
}
.live-list__item__title {
  border-top: 1px solid var(--color-gray-mid-light);
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  font-weight: var(--bold);
  padding: 7px 10px 10px 20px;
  position: relative;
}
.live-list__item__title:before {
  background: var(--color-accent);
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 34px;
  width: 8px;
}
.live-list__item__title:hover:before {
  background: var(--color-text);
}
.live-list__item:last-child .live-list__item__title {
  padding-bottom: 15px;
}
.live-list__icon {
  background-image: url(../images/ep2024.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 22px;
  transition: background-image 0.3s;
  width: 90px;
}
.live-list__title {
  font-size: 1rem;
  padding: 10px;
}
@media screen and (min-width: 500px) {
  .live-list__title {
    font-size: 1.2rem;
    padding: 10px 15px;
  }
}
.podcast__block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 30px;
  margin: 20px 0 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .podcast__block {
    grid-gap: 0 120px;
  }
}
.podcast__block__img {
  border-radius: 9px;
  height: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.podcast__block__img,
.podcast__block__img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.podcast__block__img img {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.podcast__block__img img[alt] {
  color: transparent;
}
.podcast__block__item {
  align-content: start;
  cursor: pointer;
  display: grid;
  height: 100%;
  transition: var(--theme), var(theme-border);
  width: 100%;
  grid-gap: 0 20px;
}
.podcast__block__item:hover {
  transform: translateY(5px);
}
.podcast__block__container {
  align-items: start;
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
  .podcast__block__container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.podcast__block__container .in-app-podcast-player .podcast {
  border: none;
  border-radius: 0;
}
.podcast__block__container .in-app-podcast-player .podcast__details {
  border-radius: 0;
  border-top: 1px solid var(--color-gray-medium);
  margin: 0;
}
.podcast__block__container .in-app-podcast-player .podcast__content {
  background: transparent;
}
.podcast__block__container .in-app-podcast-player .podcast__content:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.podcast__block__container .in-app-podcast-player .podcast__episode__title {
  color: var(--color-text);
  font-size: 1rem;
  line-height: 1.3;
  transition: var(--theme-text);
}
.podcast__block__container .in-app-podcast-player .podcast__info__date {
  color: var(--color-text);
  transition: var(--theme-text);
}
.podcast__block__container .in-app-podcast-player .podcast__info .tag--cl {
  border: 1px solid var(--color-text);
  transition: var(--theme-border);
}
.podcast__block__container
  .in-app-podcast-player
  .podcast__info
  .tag--cl
  .tag__item {
  color: var(--color-text);
  transition: var(--theme-text);
}
.podcast__block__container
  .in-app-podcast-player
  .podcast__info
  .tag--cl:first-child {
  background: var(--color-text);
  transition: var(--theme);
}
.podcast__block__container
  .in-app-podcast-player
  .podcast__info
  .tag--cl:first-child
  .tag__item {
  color: var(--color-bg);
}
.podcast__block__container .in-app-podcast-player .podcast__bg {
  display: none;
}
.podcast__block__container .in-app-podcast-player .podcast__button__play {
  border: 1px solid var(--color-text);
  transition: var(--theme-border);
}
.podcast__block__container .in-app-podcast-player .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-text);
}
.podcast__block__container .in-app-podcast-player .podcast__more__button {
  border: 1px solid var(--color-text);
  color: var(--color-text) !important;
  display: none;
  transition: var(--theme-text), var(--theme-border);
}
.audio__block {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 40px 0;
  align-items: start;
  background: var(--color-gray-light-fx);
  border: 1px solid var(--color-gray-light);
  border-radius: 9px;
  margin: 20px 0 0;
  padding: 100px 15px 30px;
  position: relative;
  transition: var(--theme), var(--theme-border);
  z-index: 1;
}
@media screen and (min-width: 500px) {
  .audio__block {
    padding: 100px 20px 30px;
  }
}
@media screen and (min-width: 768px) {
  .audio__block {
    padding: 100px 30px 30px;
  }
}
.audio__block:before {
  display: none;
}
@media screen and (min-width: 500px) {
  .audio__block:before {
    background: var(--color-text);
    content: "";
    display: block;
    height: 1.5px;
    position: absolute;
    right: 180px;
    top: 40px;
    width: calc(100% - 370px);
    z-index: 2;
  }
}
@media screen and (min-width: 768px) {
  .audio__block:before {
    top: 50px;
  }
}
.audio__block__group {
  display: grid;
  grid-template-areas: "a" "b" "c" "d";
  grid-template-columns: 1fr;
  grid-gap: 30px;
}
@media screen and (min-width: 768px) {
  .audio__block__group {
    grid-template-areas: "a b" "c d";
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px;
  }
}
.audio__block__title {
  align-items: center;
  background: var(--color-text);
  border-radius: 3px;
  display: flex;
  left: 15px;
  padding: 7px 10px;
  position: absolute;
  top: 20px;
  transition: var(--theme);
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  z-index: 3;
}
@media screen and (min-width: 500px) {
  .audio__block__title {
    left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .audio__block__title {
    left: 30px;
    top: 30px;
  }
}
.audio__block__title:hover {
  opacity: 0.75;
}
.audio__block__title svg {
  width: 18px;
  fill: var(--color-bg);
  margin: 0 7px 0 0;
  transition: var(--theme-fill);
}
@media screen and (min-width: 500px) {
  .audio__block__title svg {
    width: 25px;
  }
}
.audio__block__title span {
  color: var(--color-bg);
  font-size: 0.7rem;
  font-weight: var(--bold);
  text-transform: uppercase;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .audio__block__title span {
    font-size: 0.88rem;
  }
}
.audio__block__btn {
  align-items: center;
  display: flex;
  font-size: 0.77rem;
  font-weight: var(--bold);
  padding: 10px 15px 10px 20px;
  position: absolute;
  right: 0;
  top: 16px;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  z-index: 3;
}
@media screen and (min-width: 375px) {
  .audio__block__btn {
    font-size: 0.88rem;
    top: 15px;
  }
}
@media screen and (min-width: 500px) {
  .audio__block__btn {
    padding: 10px 20px;
    top: 18px;
  }
}
@media screen and (min-width: 768px) {
  .audio__block__btn {
    padding: 10px 30px 10px 20px;
    top: 28px;
  }
}
@media screen and (min-width: 1200px) {
  .audio__block__btn {
    padding: 10px 0 10px 20px;
    right: 30px;
  }
}
.audio__block__btn:hover span {
  opacity: 0.85;
}
.audio__block__btn:hover svg {
  opacity: 0.75;
}
.audio__block__btn span {
  color: var(--color-text);
  margin: 0 7px 0 0;
  transition: var(--theme-text);
}
.audio__block__btn svg {
  fill: var(--color-text);
  transition: var(--theme-fill);
  width: 10px;
}
.audio__block--1 .audio__block__group,
.audio__block--2 .audio__block__group,
.audio__block--3 .audio__block__group {
  grid-template-areas: "a" "b";
}
@media screen and (min-width: 768px) {
  .audio__block--1 .audio__block__group,
  .audio__block--2 .audio__block__group,
  .audio__block--3 .audio__block__group {
    grid-template-areas: "a b";
  }
}
.audio__block .episode {
  align-items: start;
  display: grid;
}
.audio__block .episode__details {
  align-items: center;
  border-bottom: 1.5px solid var(--color-text);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 0 10px;
  width: 100%;
}
.audio__block .episode__details__date {
  align-items: center;
  cursor: default;
  display: flex;
  margin: 0 5px 0 0;
  white-space: nowrap;
}
.audio__block .episode__details__date span {
  font-size: 0.73rem;
  font-weight: var(--regular);
}
.audio__block .episode__details__date svg {
  fill: var(--color-text);
  height: 13px;
  margin: 0 4px 0 0;
  transition: var(--theme-fill);
  width: 13px;
}
.audio__block .episode__details__group {
  align-items: center;
  display: flex;
}
.audio__block .episode__details__length {
  align-items: center;
  cursor: default;
  display: flex;
  white-space: nowrap;
}
.audio__block .episode__details__length span {
  font-size: 0.73rem;
  font-weight: var(--regular);
}
.audio__block .episode__details__length svg {
  fill: var(--color-text);
  margin: 0 4px 0 0;
  transition: var(--theme-fill);
  width: 8px;
}
.audio__block .episode__details__tag {
  align-items: center;
  background: var(--color-text);
  border-radius: 2px;
  display: flex;
  margin: 0 12px 0 0;
  padding: 2px 7px;
  transition: var(--theme);
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
}
.audio__block .episode__details__tag:hover {
  opacity: 0.85;
}
.audio__block .episode__details__tag svg {
  width: 15px;
  fill: var(--color-bg);
  margin: 0 5px 0 0;
  transition: var(--theme-fill);
}
.audio__block .episode__details__tag span {
  color: var(--color-bg);
  font-size: 0.6rem;
  font-weight: var(--bold);
  text-transform: uppercase;
  transition: var(--theme-text);
}
.audio__block .episode__content {
  display: grid;
  grid-template-columns: 40px 1fr 70px;
  grid-gap: 10px;
  align-items: center;
  margin: 7px 0 0;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .audio__block .episode__content {
    grid-template-columns: 50px 1fr 70px;
  }
}
.audio__block .episode__content__img {
  border: 1px solid var(--color-gray-light);
  border-radius: 5px;
  cursor: pointer;
  height: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.audio__block .episode__content__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.audio__block .episode__content__img img[alt] {
  color: transparent;
}
.audio__block .episode__content__btn {
  cursor: pointer;
  display: grid;
  height: 40px;
  place-content: center;
  width: 40px;
}
@media screen and (min-width: 1200px) {
  .audio__block .episode__content__btn {
    height: 50px;
    width: 50px;
  }
}
.audio__block .episode__content__btn:hover {
  opacity: 0.85;
}
.audio__block .episode__content__btn svg {
  width: 16px;
  fill: var(--color-bg);
  transform: translate(2px);
  transition: var(--theme-text);
}
.audio__block .episode__content__btn .podcast__button {
  border-radius: 60px;
  cursor: pointer;
}
.audio__block .episode__content__btn .podcast__button__icon {
  background: transparent;
  border-color: transparent transparent transparent var(--color-bg);
  box-sizing: border-box;
  height: 17px;
  transition: 0.2s all ease, var(--theme-border);
  width: 0;
  -webkit-tap-highlight-color: transparent;
  border-style: solid;
  border-width: 9px 0 9px 13px;
  cursor: pointer;
  outline: none !important;
  transform: translate(3px);
}
@media screen and (min-width: 1200px) {
  .audio__block .episode__content__btn .podcast__button__icon {
    border-width: 12px 0 12px 20px;
    height: 22px;
    transform: translate(4px);
  }
}
.audio__block .episode__content__btn .podcast__button__icon.show-pause {
  border-style: double;
  border-width: 0 0 0 15px;
  transform: translate(0);
}
@media screen and (min-width: 1200px) {
  .audio__block .episode__content__btn .podcast__button__icon.show-pause {
    border-width: 0 0 0 20px;
  }
}
.audio__block
  .episode__content__btn
  .podcast__button__icon.show-pause
  .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-text);
  transition: var(--theme-border);
}
.audio__block .episode__content__btn .podcast__button__play {
  background: var(--color-text);
  border-radius: 60px;
  display: grid;
  height: 40px;
  place-content: center;
  transition: var(--theme-border);
  width: 40px;
  -webkit-tap-highlight-color: transparent;
}
@media screen and (min-width: 1200px) {
  .audio__block .episode__content__btn .podcast__button__play {
    height: 50px;
    width: 50px;
  }
}
.audio__block .episode__content__btn .podcast__button__play:hover {
  opacity: 0.8;
}
.audio__block .episode__content__btn .podcast__button__playing {
  background: var(--color-text);
}
.audio__block
  .episode__content__btn
  .podcast__button__playing
  .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-bg);
  transition: var(--theme-border);
}
.audio__block
  .episode__content__btn
  .podcast__button__playing:hover
  .podcast__button__icon {
  opacity: 0.8;
}
.audio__block .episode__content__title {
  color: var(--color-text);
  font-size: 0.8rem;
  font-weight: var(--semibold);
  line-height: 1.5;
  max-width: 60vw;
  transition: var(--theme-text);
}
.audio__block .episode__content__title:hover {
  opacity: 0.85;
}
.audio__block .episode__bg {
  display: none;
}
@media screen and (min-width: 500px) {
  .audio__block .episode {
    display: grid;
    grid-template-columns: 1fr 100px;
    grid-gap: 20px;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .audio__block .episode {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .audio__block .episode {
    grid-template-columns: 1fr 120px;
  }
}
.audio__block .episode__highlight-img {
  display: none;
}
@media screen and (min-width: 500px) {
  .audio__block .episode__highlight-img {
    display: initial;
  }
}
@media screen and (min-width: 1200px) {
  .audio__block .episode__highlight-img {
    display: initial;
  }
}
.audio__block .episode__highlight-img img {
  border: 1px solid var(--color-gray-light);
  border-radius: 7px;
  overflow: hidden;
  transition: var(--theme-border);
}
.audio__block .episode__highlight-img {
  width: 100px;
}
@media screen and (min-width: 768px) {
  .audio__block .episode__highlight-img {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .audio__block .episode__highlight-img {
    display: initial;
    width: 120px;
  }
}
@media screen and (min-width: 500px) {
  .audio__block .episode .episode__content {
    grid-template-columns: 40px 1fr;
  }
}
@media screen and (min-width: 768px) {
  .audio__block .episode .episode__content {
    grid-template-columns: 40px 1fr 70px;
  }
}
@media screen and (min-width: 1200px) {
  .audio__block .episode .episode__content {
    grid-template-columns: 50px 1fr;
    grid-gap: 20px;
  }
}
.audio__block .episode .episode__content__img {
  display: initial;
}
@media screen and (min-width: 500px) {
  .audio__block .episode .episode__content__img {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .audio__block .episode .episode__content__img {
    display: initial;
  }
}
@media screen and (min-width: 1200px) {
  .audio__block .episode .episode__content__img {
    display: none;
  }
  .audio__block .episode .episode__content__title {
    font-size: 1rem;
    line-height: 1.3;
  }
}
.after__block {
  display: grid;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 1fr;
  grid-gap: 5px;
  align-items: start;
  margin: 20px 0 0;
}
@media screen and (min-width: 768px) {
  .after__block {
    grid-template-areas: "a a" "b c";
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 900px) {
  .after__block {
    grid-template-areas: "a b c";
    grid-template-columns: 1fr 2.5fr 2.5fr;
  }
}
.after__block__title {
  align-items: center;
  background: var(--color-text);
  border-radius: 3px;
  display: flex;
  left: 15px;
  padding: 7px 10px;
  position: absolute;
  top: 20px;
  transition: var(--theme);
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .after__block__title {
    left: 30px;
    top: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .after__block__title {
    left: 40px;
  }
}
.after__block__title:hover {
  opacity: 0.75;
}
.after__block__title svg {
  width: 18px;
  fill: var(--color-bg);
  margin: 0 7px 0 0;
  transition: var(--theme-fill);
}
@media screen and (min-width: 500px) {
  .after__block__title svg {
    width: 25px;
  }
}
.after__block__title span {
  color: var(--color-bg);
  font-size: 0.7rem;
  font-weight: var(--bold);
  text-transform: uppercase;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .after__block__title span {
    font-size: 0.88rem;
  }
}
.after__block__btn {
  align-items: center;
  background: var(--color-gray-light-fx);
  display: flex;
  font-size: 0.77rem;
  font-weight: var(--bold);
  padding: 10px 15px 10px 20px;
  position: absolute;
  right: 0;
  top: 16px;
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  z-index: 3;
}
@media screen and (min-width: 375px) {
  .after__block__btn {
    font-size: 0.88rem;
    top: 15px;
  }
}
@media screen and (min-width: 500px) {
  .after__block__btn {
    top: 18px;
  }
}
@media screen and (min-width: 768px) {
  .after__block__btn {
    padding: 10px 30px 10px 20px;
    top: 38px;
  }
}
@media screen and (min-width: 1200px) {
  .after__block__btn {
    padding: 10px 0 10px 20px;
    right: 40px;
  }
}
.after__block__btn:hover span {
  opacity: 0.85;
}
.after__block__btn:hover svg {
  opacity: 0.75;
}
.after__block__btn span {
  color: var(--color-text);
  margin: 0 7px 0 0;
  transition: var(--theme-text);
}
.after__block__btn svg {
  fill: var(--color-text);
  transition: var(--theme-fill);
  width: 10px;
}
.after__block__group {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px 0;
  border-radius: 9px;
  height: 100%;
}
.after__block__group--logo {
  background: var(--after);
  display: grid;
  grid-area: a;
  grid-template-columns: 1fr;
  padding: 15px 0;
  place-items: center;
}
@media screen and (min-width: 500px) {
  .after__block__group--logo {
    padding: 20px 0;
  }
}
.after__block__group--logo .after-logo {
  background-image: var(--logo-after-white);
  background-repeat: no-repeat;
  background-size: contain;
  height: 34px;
  transition: background-image 0.3s;
  width: 106px;
}
@media screen and (min-width: 1200px) {
  .after__block__group--logo .after-logo {
    height: 40px;
    width: 120px;
  }
}
.after__block__group--articles {
  background: var(--color-text);
  grid-area: b;
}
.after__block__group--articles .after-widget {
  display: grid;
  grid-template-columns: 50px 1fr;
  grid-gap: 10px;
  align-items: center;
}
@media screen and (min-width: 375px) {
  .after__block__group--articles .after-widget {
    grid-template-columns: 70px 1fr;
  }
}
@media screen and (min-width: 500px) {
  .after__block__group--articles .after-widget {
    grid-gap: 15px;
  }
}
.after__block__group--articles .after-widget__title {
  color: var(--color-bg);
  display: block;
  font-size: 0.77rem;
  font-weight: var(--bold);
  line-height: 1.3;
  transition: var(--theme-text);
}
@media screen and (min-width: 375px) {
  .after__block__group--articles .after-widget__title {
    font-size: 0.88rem;
  }
}
.after__block__group--articles .after-widget__img {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 5px;
  display: block;
  height: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  top: 0;
  transition: border-radius 0.15s ease-out;
  width: 50px;
}
@media screen and (min-width: 375px) {
  .after__block__group--articles .after-widget__img {
    width: 70px;
  }
}
.after__block__group--articles .after-widget__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.after__block__group--articles .after-widget__img img[alt] {
  color: transparent;
}
.after__block__group--podcasts {
  background: var(--after);
  grid-area: c;
}
.after__block__group--articles,
.after__block__group--podcasts {
  padding: 15px 10px;
}
@media screen and (min-width: 375px) {
  .after__block__group--articles,
  .after__block__group--podcasts {
    padding: 15px;
  }
}
@media screen and (min-width: 500px) {
  .after__block__group--articles,
  .after__block__group--podcasts {
    padding: 20px;
  }
}
.after__block .episode__bg,
.after__block .episode__details {
  display: none;
}
.after__block .episode__content {
  display: grid;
  grid-gap: 10px;
  align-items: center;
  grid-template-columns: 40px 1fr 50px;
  margin: 0;
}
@media screen and (min-width: 375px) {
  .after__block .episode__content {
    grid-template-columns: 40px 1fr 70px;
  }
}
@media screen and (min-width: 500px) {
  .after__block .episode__content {
    grid-gap: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .after__block .episode__content {
    grid-gap: 20px;
  }
}
.after__block .episode__content__title {
  color: var(--white);
  font-size: 0.77rem;
  font-weight: var(--bold);
  line-height: 1.3;
  transition: var(--theme-text);
}
@media screen and (min-width: 375px) {
  .after__block .episode__content__title {
    font-size: 0.88rem;
  }
}
.after__block .episode__content__img img {
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 5px;
}
.after__block .episode__content__btn {
  cursor: pointer;
  display: grid;
  height: 40px;
  place-content: center;
  width: 40px;
}
@media screen and (min-width: 1200px) {
  .after__block .episode__content__btn {
    height: 50px;
    width: 50px;
  }
}
.after__block .episode__content__btn:hover {
  opacity: 0.85;
}
.after__block .episode__content__btn svg {
  width: 16px;
  fill: var(--color-bg);
  transform: translate(2px);
  transition: var(--theme-text);
}
.after__block .episode__content__btn .podcast__button {
  border-radius: 60px;
  cursor: pointer;
}
.after__block .episode__content__btn .podcast__button__icon {
  background: transparent;
  border-color: transparent transparent transparent var(--color-bg);
  box-sizing: border-box;
  height: 17px;
  transition: 0.2s all ease, var(--theme-border);
  width: 0;
  -webkit-tap-highlight-color: transparent;
  border-style: solid;
  border-width: 9px 0 9px 13px;
  cursor: pointer;
  outline: none !important;
  transform: translate(3px);
}
@media screen and (min-width: 1200px) {
  .after__block .episode__content__btn .podcast__button__icon {
    border-width: 12px 0 12px 20px;
    height: 22px;
    transform: translate(4px);
  }
}
.after__block .episode__content__btn .podcast__button__icon.show-pause {
  border-style: double;
  border-width: 0 0 0 15px;
  transform: translate(0);
}
@media screen and (min-width: 1200px) {
  .after__block .episode__content__btn .podcast__button__icon.show-pause {
    border-width: 0 0 0 20px;
  }
}
.after__block
  .episode__content__btn
  .podcast__button__icon.show-pause
  .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-text);
  transition: var(--theme-border);
}
.after__block .episode__content__btn .podcast__button__play {
  background: var(--color-text);
  border-radius: 60px;
  display: grid;
  height: 40px;
  place-content: center;
  transition: var(--theme-border);
  width: 40px;
  -webkit-tap-highlight-color: transparent;
}
@media screen and (min-width: 1200px) {
  .after__block .episode__content__btn .podcast__button__play {
    height: 50px;
    width: 50px;
  }
}
.after__block .episode__content__btn .podcast__button__play:hover {
  opacity: 0.8;
}
.after__block .episode__content__btn .podcast__button__playing {
  background: var(--color-text);
}
.after__block
  .episode__content__btn
  .podcast__button__playing
  .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-bg);
  transition: var(--theme-border);
}
.after__block
  .episode__content__btn
  .podcast__button__playing:hover
  .podcast__button__icon {
  opacity: 0.8;
}
.after__block .episode__content__btn .podcast__button__play {
  background: #0006;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.after__block .episode__content__btn .podcast__button__icon {
  border-color: transparent transparent transparent var(--white);
}
.latest {
  -ms-overflow-style: none;
  display: flex;
  flex-direction: column;
  margin: 15px 0 0;
  max-width: calc(100vw - 30px);
  overflow-x: scroll;
  scrollbar-width: none;
}
.latest::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 500px) {
  .latest {
    margin: 10px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .latest {
    overflow: initial;
  }
}
.latest__article {
  color: var(--color-text);
  cursor: pointer;
  font-size: 0.77rem;
  font-weight: 700;
  line-height: 1.3;
  transition: var(--theme-text);
  width: calc(100vw - 100px);
}
@media screen and (min-width: 500px) {
  .latest__article {
    width: 300px;
  }
}
@media screen and (min-width: 768px) {
  .latest__article {
    width: 100%;
  }
}
.latest__article__date {
  align-items: center;
  color: var(--color-secondary-light);
  display: flex;
  font-size: 0.7rem;
  height: 20px;
  justify-content: flex-start;
  line-height: 1.3;
  margin: 0 0 2px;
  transition: var(--theme-text);
}
.latest__article__date svg {
  fill: var(--color-gray-dark);
  margin: 0 4px 0 0;
  width: 15px;
}
.latest__article__date span {
  margin: 0 0 0 12px;
  position: relative;
}
.latest__article__date span:before {
  background: var(--color-secondary-extra-light);
  border-radius: 1px;
  content: "";
  height: 6px;
  left: -12px;
  position: absolute;
  top: 50%;
  transform: translateY(-2.5px);
  transition: var(--theme);
  width: 6px;
}
.latest__article__title {
  font-weight: var(--bold);
}
.latest__article__title:hover {
  opacity: 0.8;
}
.latest__box {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: calc(100vw - 30px);
  transform: translateY(20px);
}
@media screen and (min-width: 1200px) {
  .latest__box {
    transform: translateY(25px);
  }
}
.latest__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}
@media screen and (min-width: 768px) {
  .latest__container {
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px 30px;
  }
}
@media screen and (min-width: 1000px) {
  .latest__container {
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.latest__container a {
  align-items: start;
  display: flex;
  flex-direction: column;
  font-weight: var(--medium);
  justify-content: start;
  line-height: 1.4;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.latest__container a:not(:last-child):before {
  border-right: 1px solid var(--color-secondary-extra-light);
  content: "";
  height: 100%;
  position: absolute;
  right: -15.5px;
  top: 0;
  transition: var(--theme-border);
  width: 1px;
}
@media screen and (min-width: 768px) {
  .latest__container a:nth-child(2):before {
    border: none;
  }
}
@media screen and (min-width: 1000px) {
  .latest__container a:nth-child(2):before {
    border-right: 1px solid var(--color-secondary-extra-light);
    transition: var(--theme-border);
  }
}
@media screen and (min-width: 500px) {
  .latest__trending {
    align-items: flex-start;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    width: 100%;
  }
}
.latest__trending__container {
  align-items: flex-start;
  display: flex;
  width: calc(100vw - 30px);
}
@media screen and (min-width: 768px) {
  .latest__trending__container {
    width: calc(100vw - 60px);
  }
}
@media screen and (min-width: 1200px) {
  .latest__trending__container {
    width: 100%;
  }
}
.latest__trending__icon {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: flex-start;
  width: 100%;
}
.latest__trending__icon:hover {
  opacity: 0.9;
}
.latest__trending__icon span {
  display: none;
}
@media screen and (min-width: 768px) {
  .latest__trending__icon span {
    color: var(--color-text);
    display: block;
    font-weight: var(--semibold);
    margin: 0 0 0 3px;
    transition: var(--theme-text);
  }
}
.latest__trending__icon svg {
  fill: var(--color-accent);
  height: 24px;
  transition: var(--theme-fill);
  width: 18px;
}
.latest__trending__tag {
  align-items: center;
  background-color: var(--color-gray-light);
  background: var(--color-gray-light);
  border-radius: 2px;
  color: var(--color-secondary);
  cursor: pointer;
  display: flex;
  font-size: 0.6rem;
  font-weight: var(--medium);
  justify-content: flex-start;
  letter-spacing: 0.3px;
  margin: 0 10px 0 0;
  padding: 4px 8px;
  text-decoration: none;
  text-transform: uppercase;
  transition: var(--theme), var(--theme-text);
  white-space: nowrap;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .latest__trending__tag {
    margin: 0 0 0 10px;
  }
}
.latest__trending__tag svg {
  fill: var(--color-secondary);
  color: var(--color-secondary);
  height: 16px;
  margin: 0 3px 0 0;
  transition: var(--theme-fill);
  width: 14px;
}
.latest__trending__tag:hover {
  background: var(--color-gray-light-fx);
}
.latest__trending__tag--new span {
  color: var(--color-accent);
}
.latest__trending__tag--new svg {
  fill: var(--color-accent);
}
.latest__trending__tags {
  -ms-overflow-style: none;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  overflow-x: scroll;
  scrollbar-width: none;
}
.latest__trending__tags::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 768px) {
  .latest__trending__tags {
    overflow: visible;
    width: -moz-max-content;
    width: max-content;
  }
}
.top-category {
  align-items: center;
  border-bottom: 1px solid rgba(17, 51, 85, 0.3);
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  margin: 15px 0 0;
  padding: 3px 0;
  transform: translateY(50px);
}
.top-category--item {
  color: var(--secondary);
  font-size: 0.6rem;
  font-weight: var(--medium);
  text-transform: uppercase;
}
.fact-check {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
  border-bottom: 1px solid var(--color-text);
  border-top: 1px solid var(--color-text);
  margin: 20px 0 7px;
  padding: 25px 0 20px;
  transition: var(--theme-border);
}
@media screen and (min-width: 1200px) {
  .fact-check {
    grid-template-columns: 250px 1fr;
    grid-gap: 50px;
    margin: 30px 0 7px;
    padding: 35px 0 30px;
  }
}
.fact-check__border {
  fill: var(--color-text);
  transition: var(--theme-fill);
}
.fact-check__gfx {
  margin: 0 auto;
  width: 250px;
}
@media screen and (min-width: 1200px) {
  .fact-check__gfx {
    width: 250px;
  }
}
.fact-check__gfx #var-a,
.fact-check__gfx #var-b,
.fact-check__gfx #var-c,
.fact-check__gfx #var-d {
  visibility: visible;
}
.fact-check__txt {
  display: flex;
  flex-direction: column;
}
.fact-check__title {
  font-size: 1.1rem;
  font-weight: var(--bold);
  line-height: 1.3;
  margin: 0 0 4px;
}
.fact-check__link {
  align-items: center;
  color: var(--color-accent);
  display: flex;
  font-size: 0.8rem;
  font-weight: var(--semibold);
  justify-content: flex-end;
  margin: 7px 0 20px;
  transition: var(--theme);
}
.fact-check__link i {
  font-size: 1rem;
  font-weight: var(--bold);
  margin: 2px 0 0;
}
@media screen and (min-width: 1200px) {
  .fact-check__link {
    margin: 7px 0 30px;
  }
}
.hint_box--fact {
  position: relative;
}
.hint_box--fact,
.hint_box--fact__information {
  display: flex;
  flex-direction: column;
}
.hint_box--fact__title {
  display: inline;
}
.hint_box--fact__title svg {
  transform: translateY(-2px);
}
.hint_box--fact__content {
  font-size: 0.8rem;
}
.hint_box--fact__btn {
  background: var(--color-accent);
  bottom: 15px;
  color: var(--color-bg);
  display: grid;
  outline: 10px solid var(--color-gray-light);
  place-content: center;
  position: absolute;
  transition: var(--theme), var(--theme-text);
  width: calc(100% - 40px);
}
#fact-btn {
  display: none;
}
#fact-btn + .hint_box--fact__btn + .hint_box--fact__information {
  max-height: 205px;
  overflow: hidden;
}
#fact-btn:checked + .hint_box--fact__btn {
  display: none;
}
#fact-btn:checked + .hint_box--fact__btn + .hint_box--fact__information {
  max-height: 100%;
  overflow: initial;
}
.with-image {
  height: auto;
  min-height: 150px;
}
.single_article:not(.longform, .g7-hero) {
  padding: 15px 0 40px;
}
@media screen and (min-width: 768px) {
  .single_article:not(.longform, .g7-hero) {
    padding: 20px 0 40px;
  }
}
.single_article .article_img {
  animation: appear 1s;
}
.single_article .article_img img {
  width: 100%;
}
.single_article .article-html-content {
  font-size: 0.95rem;
}
.single_article .article-html-content p {
  word-break: break-word;
  margin-top: 15px;
  margin-bottom: 15px;
}
.single_article .article-html-content > div {
  font-size: 0.95rem;
}

.single_article .article-html-content > div > :first-child {
  margin: 0;
}
@media screen and (min-width: 1200px) {
  .single_article .article-html-content > div > * {
    max-width: 690px !important;
  }
}
.single_article .article_container_ > div:not([class]) {
  display: contents;
  padding: 20px 0 !important;
}
.single_article .article-html-content figure.image,
.single_article .ck figure.image {
  border: 0;
  display: table;
  margin: 1em auto;
  min-height: 100px;
  min-width: 200px;
  text-align: left;
  width: auto;
}
.single_article .article-html-content figure.image.image-style-align-left,
.single_article .ck figure.image.image-style-align-left {
  float: left;
  margin-right: 10px;
  max-width: 50%;
}
.single_article .article-html-content figure.image.image-style-align-right,
.single_article .ck figure.image.image-style-align-right {
  float: right;
  margin-right: 10px;
  max-width: 50%;
}
.single_article .article-html-content figure.image > img,
.single_article .ck figure.image > img {
  display: block;
  margin: 0 auto;
  min-width: 50px;
}
.single_article .article-html-content figure.image figcaption,
.single_article .ck figure.image figcaption {
  caption-side: bottom;
  color: var(--color-text);
  font-size: 0.66rem;
  outline-offset: -1px;
  padding: 0.6em 0;
  word-break: break-word;
}
.single_article .article-html-content figure.table,
.single_article .ck figure.table {
  display: table;
  margin: 1em auto;
}
.single_article .article-html-content figure.table tbody,
.single_article .ck figure.table tbody {
  border: 2px solid var(--color-text);
}
.single_article .article-html-content figure.table td,
.single_article .ck figure.table td {
  font-size: 0.88rem;
}
.single_article .article-html-content figure.table th,
.single_article .ck figure.table th {
  padding: 0 16px 6px;
}
.single_article .article-html-content figure.table th:first-letter,
.single_article .ck figure.table th:first-letter {
  text-transform: capitalize;
}

.single_article .article-html-content strong,
.single_article .ck strong {
  font-weight: var(--bold) !important;
}
.single_article .article-html-content em,
.single_article .ck em {
  font-style: italic;
}
.single_article .article-html-content a,
.single_article .ck a {
  color: #009966;
  text-decoration: none;
  transition: var(--theme-text);
}
.article-html-content a:hover {
  text-decoration: none;
}
.single_article .article-html-content a:hover,
.single_article .ck a:hover {
  text-decoration: none;
}
.single_article .article-html-content i,
.single_article .ck i {
  font-style: italic;
}
.single_article .article-html-content ol,
.single_article .article-html-content ul,
.single_article .ck ol,
.single_article .ck ul {
  margin-left: 5px;
}
.single_article .article-html-content li,
.single_article .ck li {
  list-style-type: disc;
}
.single_article .article-html-content .paragraph-wrapper,
.single_article .article-html-content .quote,
.single_article .article-html-content blockquote,
.single_article .article-html-content li,
.single_article .ck .paragraph-wrapper,
.single_article .ck .quote,
.single_article .ck blockquote,
.single_article .ck li {
  position: relative;
}
.single_article .article-html-content .paragraph-wrapper:after,
.single_article .article-html-content .quote:after,
.single_article .article-html-content blockquote:after,
.single_article .article-html-content li:after,
.single_article .ck .paragraph-wrapper:after,
.single_article .ck .quote:after,
.single_article .ck blockquote:after,
.single_article .ck li:after {
  content: "";
  display: block;
}
.single_article .article-html-content .quote,
.single_article .article-html-content ,
.single_article .ck .quote,
.single_article .ck  {
  border-left: none !important;
  font-weight: 500;
  line-height: 24px;
}
.single_article .article-html-content .quote p,
.single_article .article-html-content blockquote p,
.single_article .ck .quote p,
.single_article .ck blockquote p {
  padding: 0 25px;
}
.single_article .article-html-content .quote p:before,
.single_article .article-html-content blockquote p:before,
.single_article .ck .quote p:before,
.single_article .ck blockquote p:before {
  background-color: var(--color-accent-dark);
  content: "";
  display: block;
  height: calc(100% - 10px);
  left: 2px;
  position: absolute;
  top: 5px;
  width: 6px;
}
.single_article .article-html-content ul,
.single_article .ck ul {

}
.single_article .article-html-content ul li,
.single_article .ck ul li {

}
.single_article .article-html-content ul li:not(:last-of-type),
.single_article .ck ul li:not(:last-of-type) {

}
.single_article .article-html-content ul li:first-child,
.single_article .ck ul li:first-child {

}

.single_article .article-html-content .paragraph-wrapper,
.single_article .ck .paragraph-wrapper {
  position: relative;
}
.single_article .article-html-content .paragraph-wrapper span,
.single_article .ck .paragraph-wrapper span {
  background-color: #1cada8;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  left: -7px;
  line-height: 24px;
  padding: 0 7px;
  position: absolute;
  top: 0;
}
.single_article .sub-article .subtitle-wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.single_article .sub-article .article_date {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
.single_article .sub-article .subtitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 7px 0 4px;
}
.single_article .sub-article .subtitle .changed {
  animation: fadeout 0.5s forwards;
  animation-delay: 10s;
  background-color: var(--color-accent);
  border-radius: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  height: 12px;
  margin-top: 5px;
  width: 12px;
}
@keyframes fadeout {
  to {
    background-color: initial;
  }
}
.single_article .sub-article .authors div {
  display: inline-block;
  overflow: hidden;
}
.single_article .sub-article .authors div img {
  height: 100%;
  vertical-align: initial;
}
.single_article .sub-article .authors + h3 {
  margin: 0;
}
@media (min-width: 768px) {
  .single_article .sub-article .authors + h3 {
    width: calc(100% - 30px);
  }
}
@media (min-width: 1200px) {
  .single_article .sub-article .authors + h3 {
    width: calc(100% - 95px);
  }
}
.single_article .sub-article .article_title {
  font-size: 18px;
  margin: 0;
}
.single_article .sub-article .article_author {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.single_article .sub-article .article_right_date {
  font-size: 12px;
  line-height: 20px;
  margin-left: 10px;
}
.single_article .sub-article .article-html-content > div > :after {
  background: var(--color-cards);
}
.single_article sup {
  font-size: 12px;
  position: relative;
  top: -0.5em;
}
.single_article .sidebar_container_ .subscribe {
  align-items: center;
  background: #096;
  background: linear-gradient(288deg, #096, #069);
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  padding: 25px 20px;
}
.single_article .sidebar_container_ .subscribe__btn {
  background: var(--yellow);
  color: var(--secondary);
  display: grid;
  margin: 15px 0 0;
  place-content: center;
  width: 100%;
}
.single_article .sidebar_container_ .subscribe__title {
  color: var(--white);
  cursor: default;
  font-weight: var(--bold);
  margin: 0 0 10px;
  text-align: center;
}
.single_article .sidebar_container_ .subscribe__consent {
  display: none;
}
.single_article .sidebar_container_ .subscribe__consent.active {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
}
.single_article .sidebar_container_ .subscribe__input {
  display: block;
  width: 100%;
}
.single_article .sidebar_container_ .subscribe__input__label {
  color: var(--white);
  font-size: 0.77rem;
}
.single_article .sidebar_container_ .subscribe__input__field {
  font-size: 0.88rem;
  height: 38px;
  margin: 0 0 7px;
  padding: 7px 10px;
  width: 100%;
}
.single_article .sidebar_container_ .subscribe__input__field::-moz-placeholder {
  color: var(--color-gray-medium);
  font-size: 0.88rem;
}
.single_article .sidebar_container_ .subscribe__input__field::placeholder {
  color: var(--color-gray-medium);
  font-size: 0.88rem;
}
.single_article .sidebar_container_ .subscribe__input__field.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.single_article .sidebar_container_ .subscribe__email__check-box {
  text-align: left;
}
.single_article .sidebar_container_ .subscribe__info {
  color: var(--white);
  cursor: default;
  font-size: 0.88rem;
}
.single_article .sidebar_container_ .subscribe__info a {
  color: var(--yellow);
}
.single_article .sidebar_container_ .subscribe__info a:hover {
  opacity: 0.85;
}
.single_article .sidebar_container_ .subscribe__checkbox {
  cursor: pointer;
  margin: 5px 7px 0 0;
  opacity: 0.85;
}
.single_article .sidebar_container_ .subscribe__checkbox__label {
  color: var(--white);
  cursor: default;
  font-size: 0.88rem;
}
.single_article .sidebar_container_ .subscribe__checkbox__label a {
  color: var(--yellow);
}
.single_article .sidebar_container_ .subscribe__checkbox__label a:hover {
  opacity: 0.85;
}
.single_article .sidebar_container_ .subscribe__checkbox.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.single_article .sidebar_container_ .subscribe__error-message {
  background: #e33c;
  color: #fff;
  display: none;
  font-size: 0.7rem;
  font-weight: var(--medium);
  margin: 7px 0 0;
  padding: 3px 6px;
}
.single_article .sidebar_container_ .subscribe__error-message.subscribe__error {
  display: block;
}
.single_article .twitter-tweet {
  margin: 0 auto;
}
.single_article.picture .long-img {
  padding: 0;
}
.longform .birthday-widget {
  display: none;
}
.placeholder--video {
  padding-top: calc(56.25% + 15px);
  position: relative;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .placeholder--video {
    padding-top: 56.25%;
  }
}
.placeholder--video .cover-embed {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
table {
  margin: 0 auto;
}
img {
  color: transparent;
}
.article-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
}
.article_body_ {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  max-width: calc(100vw - 30px);
  width: 1120px;
}
.article_body_ img {
  /* cursor: pointer; */
}
.article_body_ ol,
.article_body_ ul {
  /* padding: 20px 0 0; */
}
/* .article_body_ ul li {
  font-weight: var(--regular);
  margin: 0 0 0 15px !important;
  padding: 0 0 10px 30px;
}
.article_body_ ul li:before {
  top: 4px;
} */
.article_body_ ol {
  counter-reset: long-counter;
  display: grid;
  margin-left: 0 !important;
}
.article_body_ ol li {
  counter-increment: long-counter;
  float: right;
  list-style: none !important;
  padding: 0 0 10px 45px;
}
.article_body_ ol li::marker {
  list-style-type: none;
}
.article_body_ ol li:before {
  align-items: center;
  color: var(--color-text-long);
  content: counter(long-counter, decimal) ". ";
  display: block;
  font-family: var(--sans);
  font-size: 1rem;
  font-weight: var(--semibold);
  height: 100%;
  left: 0;
  position: absolute;
  text-align: right;
  top: 0;
  width: 25px;
}
.article_body_ ol li:last-child {
  padding: 0 0 0 45px;
}
.article_container_ {
  width: calc(100% - 430px);
}
.sidebar_container_ {
  display: grid;
  grid-template-columns: 1fr;
  padding: 40px 0;
  width: 340px;
  z-index: 0;
  grid-gap: 40px;
}
.sidebar_container_ > * {
  max-width: calc(100vw - 30px);
}
@media screen and (min-width: 768px) {
  .sidebar_container_ > * {
    max-width: 300px;
  }
}
@media screen and (min-width: 1200px) {
  .sidebar_container_ > * {
    max-width: 340px;
  }
}
@media screen and (min-width: 769px) {
  .sidebar_container_ {
    grid-gap: 40px;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .sidebar_container_ {
    padding: 0 0 40px;
  }
}
@media screen and (min-width: 1200px) {
  .sidebar_container_ {
    grid-gap: 60px;
  }
}
.article-av-codes {
  height: 0;
  width: 0;
}
.cover_image_text {
  color: var(--color-text);
  font-size: 0.66rem;
  padding-top: 8px;
}
@media screen and (min-width: 500px) {
  .cover_image_text {
    background: transparent;
  }
}
@media screen and (max-width: 1200px) {
  .article_body_ {
    width: 100%;
  }
  .article_container_ {
    width: calc(100% - 360px);
  }
  .sidebar_container_ {
    width: 300px;
  }
}
@media screen and (max-width: 850px) {
  .article_container_ {
    width: calc(100% - 330px);
  }
}
@media screen and (max-width: 768px) {
  .article_body_ {
    flex-direction: column;
  }
  .article_body_,
  .article_container_,
  .sidebar_container_ {
    width: 100%;
  }
}
.article-bottom {
  align-items: start;
  display: flex;
  flex-direction: column;
  gap: 15px;
  justify-content: start;
  padding: 40px 0;
}
@media screen and (min-width: 1050px) {
  .article-bottom {
    padding: 60px 0;
  }
}
.article-bottom .content-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 15px;
  justify-content: flex-start;
}
.article__lead {
  padding: 0 0 20px;
}
@media screen and (min-width: 500px) {
  .article__lead {
    padding: 0 0 30px;
  }
}
.article__lead b,
p {
  display: block;
}
.cover-box {
  width: 1120px;
}
@media screen and (max-width: 1200px) {
  .cover-box {
    width: 100%;
  }
}
.cover-box img {
  /* cursor: pointer; */
}
.coverless .title-separator {
  border-bottom: 1px dotted var(--color-gray-medium);
  transition: var(--theme-border);
}
@media screen and (min-width: 769px) {
  .smallcover .title-separator {
    border-bottom: 1px dotted var(--color-gray-medium);
    transition: var(--theme-border);
  }
}
@media screen and (min-width: 768px) {
  .bigcover .sidebar_container_ {
    margin-top: 30px;
  }
}
.article_body_ .cover-box {
  width: 100%;
}
.title-section h2 {
  display: none;
}
.article--important {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  transform: translateY(-1px);
  white-space: nowrap;
}
.article--important:hover .article--important__label {
  color: var(--color-secondary);
}
.article--important:hover svg {
  fill: var(--color-secondary);
}
.article--important__label {
  color: var(--color-text);
  font-size: 0.7rem;
  font-weight: var(--semi-bold);
  line-height: 1.3;
  margin-right: 15px;
  transition: var(--theme-text);
}
.article--important svg {
  width: 13px;
  fill: var(--color-accent);
  margin-right: 2px;
  transition: var(--theme-fill);
}
.single-article__content {
  display: grid;
  grid-gap: 0;
  position: relative;
}
.single-article__content h1 {
  color: var(--color-text);
  font-size: 1.3rem;
  font-weight: var(--bold);
  line-height: 1.4;
  margin: 0 0 10px;
  transition: var(--theme-text);
  font-family: 'Inter' !important;
}
@media screen and (min-width: 500px) {
  .single-article__content h1 {
    font-size: 1.6rem;
    margin: 10px 0;
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1200px) {
  .single-article__content h1 {
    font-size: 1.9rem;
    line-height: 1.3;
  }
}


.article-html-content h2 {
  font-size: 1.22rem;
  font-weight: var(--bold);
  /* padding: 30px 0 0; */
}
@media screen and (min-width: 500px) {
  .article-html-content h2 {
    font-size: 1.4rem;
  }
}
.article-html-content h3,
.article-html-content h4 {
  font-size: 1.1rem;
  font-weight: var(--bold);
  /* padding: 30px 0 0; */
}
@media screen and (min-width: 500px) {
  .article-html-content h3,
  .article-html-content h4 {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .article-html-content p.ad[data-index="4"] {
    display: none;
  }
}
.framed-content {
  border: 1px solid var(--color-text-long);
  border-radius: 3px;
  margin: 0 0 20px !important;
  overflow: visible !important;
  padding: 20px !important;
  transition: border 0.3s;
}
.framed-content .media {
  background: transparent !important;
}
@media screen and (max-width: 768px) {
  .framed-content .media,
  .framed-content .media > *,
  .framed-content .media > youtube-embed > * {
    width: calc(100vw - 72px) !important;
  }
}
.framed-content:after {
  background: transparent !important;
}
.framed-content--sponsored {
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  margin: 10px 0 20px !important;
  padding: 50px 20px 20px !important;
  position: relative;
  transition: var(--theme), var(--theme-border);
}
.framed-content--sponsored:before {
  color: var(--color-text);
  content: "Partnereinktől";
  font-size: 1.1rem;
  font-weight: var(--semibold);
  left: 15px;
  position: absolute;
  top: 10px;
}
@media screen and (min-width: 500px) {
  .framed-content--sponsored:before {
    font-size: 1.4rem;
  }
}
.framed-content--sponsored:after {
  color: #a4a4a4;
  /* content: "hirdetés"; */
  display: block;
  font-size: 10px;
  font-weight: 400;
  left: 50%;
  padding: 2px 8px;
  position: absolute;
  text-transform: uppercase;
  top: -20px;
  transform: translate(-50%);
}
.framed-content h1,
.framed-content h2,
.framed-content h3,
.framed-content h4 {
  font-size: 1rem;
  margin: 7px 0 15px;
  padding: 0;
}
@media screen and (min-width: 500px) {
  .framed-content h1,
  .framed-content h2,
  .framed-content h3,
  .framed-content h4 {
    font-size: 1.2rem;
    margin: 10px 0 20px;
  }
}
.longform .article_body_ .support-box:before,
.longform .framed-content:before {
  background: var(--color-bg-long);
}
@media screen and (max-width: 768px) {
  .article-width {
    margin-top: 0;
  }
}
.history {
  display: flex;
  flex-wrap: wrap;
}
.history--original {
  margin-right: 10px;
}
.history p {
  color: var(--color-text);
  font-size: 12px;
  font-weight: var(--regular);
  transform: translateY(-1px);
  transition: var(--theme-text);
}
#edited {
  cursor: pointer;
  margin: 0 0 0 3px;
  position: relative;
}
#edited p {
  color: var(--color-accent);
  font-weight: var(--medium);
}
#edited svg {
  fill: var(--color-accent);
  height: 12px;
  transform: translate(-4px) translateY(2px);
  transition: var(--theme-fill);
  width: 12px;
}
#edited:hover p {
  color: var(--color-secondary);
  cursor: pointer;
}
#edited:hover svg {
  fill: var(--color-secondary);
}
.journalist {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
}
.author {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-right: 30px;
}
.author__info {
  align-content: center;
  align-items: center;
  display: grid;
  justify-content: left;
  margin: 10px 0;
  min-height: 40px;
  grid-gap: 2px;
}
.author__name {
  color: var(--color-accent);
  font-size: 0.8rem;
  font-weight: var(--medium);
  line-height: 1.4;
  text-decoration: none;
  transition: var(--theme-text);
}
.author__name,
.author__title {
  display: block;
  max-width: 160px;
}
.author__title {
  cursor: default;
  font-size: 0.66rem;
  line-height: 1.3;
  opacity: 0.7;
}
.author:hover .author__name {
  color: var(--color-secondary);
}
.author:hover .avatar {
  opacity: 0.8;
}
@media screen and (max-width: 400px) {
  .journalist {
    padding: 0 15px 0 0;
  }
  .author__name {
    margin: 0;
  }
}
@media screen and (max-width: 250px) {
  .author {
    padding: 0;
  }
}
.avatar {
  background-color: var(--color-gray-light);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  color: transparent;
  display: grid;
  height: 40px;
  margin: 10px 8px 10px 0;
  place-content: center;
  transition: var(--theme);
  width: 40px;
}
.top-shr {
  gap: 10px;
  padding: 0;
}
.content-wrapper,
.top-shr {
  align-items: center;
  display: flex;
}
.content-wrapper {
  flex-wrap: wrap;
}
.content-wrapper__child {
  margin: 0 0 8px;
}
.top-section {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  padding: 10px 0 20px;
}
@media screen and (min-width: 500px) {
  .top-section {
    align-items: flex-start;
    flex-direction: row;
    justify-content: space-between;
    padding: 20px 0;
  }
}
.options {
  background-color: var(--color-gray-light);
  border-radius: 3px;
  display: inline-flex;
  height: 40px;
  transition: var(--theme);
}
.options svg {
  fill: var(--color-secondary);
  align-self: center;
  height: 20px;
  justify-self: center;
  transition: var(--theme-fill);
  width: 20px;
}
.options-top {
  align-items: center;
  padding: 0 12px;
  width: auto;
}
.options-top p {
  align-self: center;
  color: var(--color-secondary);
  font-size: 12px;
  font-weight: var(--semibold);
  height: 18px;
  line-height: 18px;
  margin: 0 4px 0 6px;
  text-align: left;
  text-decoration: none;
  transition: var(--theme-text);
  width: auto;
}
.options-top a {
  align-items: center;
  display: inline-flex;
}
@media screen and (max-width: 500px) {
  .spacing-top {
    margin: 0 12px 0 0;
  }
  .article-width,
  .full-width {
    max-width: calc(100% + 30px);
    transform: translate(-15px);
    width: calc(100% + 30px);
  }
}
.options-bottom {
  align-items: center;
  justify-content: center;
  width: 40px;
}
.options-bottom svg {
  height: 20px;
  width: 20px;
  fill: var(--color-secondary);
}
.meta:hover,
.options:hover,
.super:hover {
  cursor: pointer;
}
.meta:hover,
.options:hover {
  background-color: var(--color-gray-light-fx);
}
.share {
  height: 20px;
  margin: 0;
  padding: 0;
  width: 30px;
}
.label,
.share {
  fill: var(--color-secondary);
}
.label {
  transform: translate(2px);
}
.tooltip {
  display: inline-block;
  position: relative;
}
.tooltip .tooltiptext {
  background-color: var(--color-general);
  border-radius: 4px;
  bottom: 120%;
  box-shadow: 0 -1px #ffffff4d;
  color: var(--white-medium);
  font-size: 12px;
  font-weight: var(--bold);
  opacity: 0;
  padding: 6px 10px;
  text-align: center;
  transition: opacity 0.2s;
  white-space: nowrap;
  z-index: 1;
}
.tooltip .tooltiptext,
.tooltip .tooltiptext:after {
  left: 50%;
  position: absolute;
  transform: translate(-50%);
}
.tooltip .tooltiptext:after {
  border-color: var(--color-general) transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
  content: "";
  top: 100%;
}
@media screen and (max-width: 500px) {
  .tooltip .tooltiptext {
    left: 65px;
  }
  .tooltiptext:after {
    display: none;
  }
}
.single-article td {
  border: 1px solid var(--color-text);
  padding: 8px 16px;
}
.title-section--logo .sub-brand {
  margin-top: 10px;
}
.title-section--logo .sub-brand__logo {
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s;
}
.title-section--logo h1 {
  margin-top: 10px;
}
.after .article_date,
.after .article_date .tag--basic {
  color: var(--white) !important;
}
.after .sub-brand__logo {
  background-image: var(--logo-after-white);
  height: 32px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .after .sub-brand__logo {
    height: 40px;
    width: 120px;
  }
}
.automagazin .sub-brand__logo {
  background-image: var(--logo-automagazin);
  height: 38px;
  width: 86px;
}
@media screen and (min-width: 768px) {
  .automagazin .sub-brand__logo {
    height: 45px;
    width: 100px;
  }
}
.direkt36 .sub-brand__logo {
  background-image: var(--logo-direkt);
  height: 18px;
  width: 136px;
}
@media screen and (min-width: 768px) {
  .direkt36 .sub-brand__logo {
    height: 24px;
  }
}
.direkt36 .article_body_ .support-box__next {
  background: #db4d4e;
  color: var(--white);
}
.helyben .sub-brand__logo {
  background-image: var(--logo-helyben);
  height: 50px;
  width: 80px;
}
@media screen and (min-width: 768px) {
  .helyben .sub-brand__logo {
    height: 70px;
    width: 110px;
  }
}
.ep-2024 .sub-brand__logo {
  background-image: url(../images/ep2024.svg);
  height: 25px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .ep-2024 .sub-brand__logo {
    height: 36px;
    width: 144px;
  }
}
.valasztas-2024 .sub-brand__logo {
  background-image: url(../images/ov2024.svg);
  height: 50px;
  width: 50px;
}
@media screen and (min-width: 768px) {
  .valasztas-2024 .sub-brand__logo {
    height: 60px;
    width: 60px;
  }
}
.eszkombajn .sub-brand__logo {
  background-image: var(--logo-eszkombajn);
  height: 70px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .eszkombajn .sub-brand__logo {
    height: 90px;
    width: 120px;
  }
}
.holdblog .sub-brand__logo {
  background-image: var(--logo-hold);
  height: 40px;
  width: 136px;
}
@media screen and (min-width: 768px) {
  .holdblog .sub-brand__logo {
    height: 60px;
  }
}
.napirajz .sub-brand__logo {
  background-image: url(../images/napirajz.svg);
  height: 45px;
  width: 140px;
}
@media screen and (min-width: 768px) {
  .napirajz .sub-brand__logo {
    height: 60px;
    width: 180px;
  }
}
.szepkilatas .sub-brand__logo {
  background: var(--logo-szepkilatas);
  height: 45px;
  width: 140px;
}
@media screen and (min-width: 768px) {
  .szepkilatas .sub-brand__logo {
    height: 60px;
    width: 180px;
  }
}
.telextarcak .sub-brand__logo {
  background-image: var(--logo-tarca);
  height: 45px;
  width: 140px;
}
@media screen and (min-width: 768px) {
  .telextarcak .sub-brand__logo {
    height: 60px;
    width: 180px;
  }
}
.valasztasi-foldrajz .sub-brand__logo {
  background-image: var(--logo-valasztasi-foldrajz);
  height: 45px;
  width: 140px;
}
@media screen and (min-width: 768px) {
  .valasztasi-foldrajz .sub-brand__logo {
    height: 60px;
    width: 180px;
  }
}
.cl-container .napirajz .article_img,
.cl-container .vesezo .article_img {
  border: none !important;
}
.article-open {
  margin: 170px auto 0;
}
@media screen and (max-width: 1200px) {
  .article-open {
    margin: 100px auto 0;
  }
  .article-open .article_title {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 500px) {
  .article-open .article_title h1 {
    font-size: 1.2rem;
    line-height: 1.4;
  }
}
.title-section__tags {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.g7-hero .single-article__content .title-section {
  max-width: none;
  padding: 0 15px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .g7-hero .single-article__content .title-section {
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .g7-hero .single-article__content .title-section {
    max-width: 1120px;
    width: 100%;
  }
}
.g7-hero .single-article__content .title-section .content-wrapper {
  margin: 0 auto !important;
  max-width: calc(100vw - 30px);
}
@media screen and (min-width: 901px) {
  .g7-hero .single-article__content .title-section .content-wrapper {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .g7-hero .single-article__content .title-section .content-wrapper {
    max-width: 1120px;
    padding-top: 60px;
  }
}
.g7-hero .single-article__content .title-section__top h1,
.g7-hero .single-article__content .title-section__top h2 {
  display: none;
}
.g7-hero .single-article__content .title-section__top h1 {
  font-family: var(--serif);
}
.g7-hero .single-article__content .title-section__top .backup h1 {
  font-family: var(--serif);
  font-size: 1.6rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .g7-hero .single-article__content .title-section__top .backup h1 {
    font-size: 1.8rem;
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1200px) {
  .g7-hero .single-article__content .title-section__top .backup h1 {
    font-size: 2rem;
    line-height: 1.3;
  }
}
.g7-hero .single-article__content .title-section__top .hero__caption {
  color: var(--color-bg);
  display: block;
  font-size: 0.7rem;
  font-weight: var(--medium);
  line-height: 1.4;
  margin: 0 0 15px;
  padding: 0 15px;
  transform: translate(-5px) translateY(5px);
}
@media screen and (min-width: 901px) {
  .g7-hero .single-article__content .title-section__top .hero__caption {
    color: var(--color-text);
    left: 5px;
    padding: 5px 10px;
    position: absolute;
    top: -4px;
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (min-width: 1200px) {
  .g7-hero .single-article__content .title-section__top .hero__caption {
    padding: 5px 16px;
  }
}
@media screen and (max-width: 900px) {
  .g7-hero .single-article__content .title-section__top {
    background-color: var(--color-bg-inv);
    margin-bottom: -30px;
    padding-bottom: 15px;
    transition: var(--theme), var(--color-text);
  }
  .g7-hero .single-article__content .title-section__top h1,
  .g7-hero .single-article__content .title-section__top h2 {
    color: var(--color-bg);
    display: block;
    margin-top: 0;
    padding: 0 15px;
    transition: var(--theme-text);
  }
  .g7-hero .single-article__content .title-section__top h2 {
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.4;
    margin: 15px 0;
    width: 100%;
  }
  .g7-hero .single-article__content .title-section__top .content-wrapper {
    padding: 20px 0 8px;
  }
}
@media screen and (max-width: 768px) {
  .g7-hero .single-article__content .title-section__top {
    transform: translate(-15px) translateY(-1px);
    width: calc(100% + 30px);
  }
}
@media screen and (max-width: 500px) {
  .g7-hero .single-article__content .title-section__top h2 {
    margin: 0 0 5px;
  }
}
@media screen and (min-width: 901px) {
  .g7-hero .g7 .content-wrapper {
    display: none;
  }
}
.longform .single-article__content {
  background-color: var(--color-bg-long);
  display: grid;
  justify-items: center;
  margin-top: 0;
  transition: var(--theme);
  width: 100vw;
  z-index: 2;
}
.longform .single-article__content .article__lead {
  font-family: var(--serif);
  font-size: 1.22rem;
  line-height: 1.4;
}
.longform .single-article__content .media * {
  margin: 0 auto;
  max-width: 690px !important;
}
@media screen and (max-width: 900px) {
  .longform .single-article__content .media {
    width: calc(100vw - 60px);
  }
  .longform .single-article__content .media * {
    width: calc(100vw - 60px) !important;
  }
}
@media screen and (max-width: 768px) {
  .longform .single-article__content .media {
    width: calc(100vw - 30px);
  }
  .longform .single-article__content .media * {
    width: calc(100vw - 30px) !important;
  }
}
.longform .single-article__content u {
  display: initial;
}
.longform .single-article__content .article_body_ {
  justify-content: center;
}
@media screen and (max-width: 350px) {
  .longform .single-article__content .article_body_ {
    overflow: hidden !important;
  }
}
@media screen and (max-width: 1200px) {
  .longform .single-article__content .article_container_ {
    width: 690px;
  }
}
.longform .single-article__content h2 {
  font-family: var(--serif);
  font-size: 1.44rem;
  font-weight: var(--bold);
  line-height: 1.22;
  margin: 40px 0 15px;
}
@media screen and (min-width: 500px) {
  .longform .single-article__content h2 {
    font-size: 1.6rem;
  }
}
.longform .single-article__content h3,
.longform .single-article__content h4 {
  font-family: var(--serif);
  font-size: 1.33rem;
  font-weight: var(--bold);
  line-height: 1.22;
  margin: 40px 0 15px;
}
@media screen and (max-width: 500px) {
  .longform .single-article__content h3,
  .longform .single-article__content h4 {
    font-size: 1.25rem;
  }
}
.longform .single-article__content .article-html-content li,
.longform .single-article__content .article-html-content p,
.longform .single-article__content .bold {
  font-family: var(--serif);
  font-size: 1.22rem;
  line-height: 1.4;
}
.longform .single-article__content .article-html-content ol,
.longform .single-article__content .article-html-content ul {
  margin: 20px 0;
}
.longform .single-article__content .article-html-content ul li {
  font-weight: var(--regular);
  margin: 0 0 10px;
  padding-left: 32px;
}
.longform .single-article__content .article-html-content ul li:before {
  border-radius: 0;
  top: 12px;
}
.longform .single-article__content .article-html-content ol {
  counter-reset: long-counter;
  display: grid;
}
.longform .single-article__content .article-html-content ol li {
  counter-increment: long-counter;
  float: right;
  list-style: none;
  margin: 0 0 10px;
  padding: 0 0 0 60px;
}
.longform .single-article__content .article-html-content ol li:before {
  align-items: center;
  color: var(--color-text-long);
  content: counter(long-counter, decimal-leading-zero) ". ";
  display: flex;
  font-family: var(--sans);
  font-size: 1rem;
  font-weight: var(--semibold);
  height: 100%;
  left: 0;
  position: absolute;
  top: 1px;
  transition: var(--theme-text);
}
.longform .single-article__content .article-html-content ol li:last-child {
  margin: 0;
}
.longform .single-article__content .article-html-content figcaption {
  font-family: var(--sans);
}
.longform .single-article__content .article-html-content blockquote {
  color: var(--color-text-long);
  font-weight: var(--regular);
  padding: 0 30px;
  transition: var(--theme-text);
}
.longform .single-article__content .article-html-content blockquote:before {
  background-color: var(--color-text-long);
  height: calc(100% - 12px);
  left: 2px;
  transform: translateY(6px);
  transition: var(--theme);
  width: 1.5px;
}
.longform .single-article__content .article-html-content a:hover {
  color: var(--color-secondary);
  text-decoration: none;
}
.longform .single-article__content .article-html-content u {
  text-decoration: none;
}
.longform .single-article__content .article-html-content .framed-content {
  border: 1px solid var(--color-text-long);
  padding: 20px;
  transition: var(--theme-border);
}
.longform
  .single-article__content
  .article-html-content
  .framed-content
  p:not(:first-child) {
  padding-top: 18px;
}
.longform .single-article__content .article-html-content .framed-content h1,
.longform .single-article__content .article-html-content .framed-content h2,
.longform .single-article__content .article-html-content .framed-content h3,
.longform .single-article__content .article-html-content .framed-content h4 {
  margin: 0;
  padding: 0 0 10px;
}
.longform .single-article__content .article-html-content .framed-content ol,
.longform .single-article__content .article-html-content .framed-content p,
.longform .single-article__content .article-html-content .framed-content ul {
  margin: 0;
  padding: 0;
}
.longform .single-article__content .article-html-content .framed-content p {
  font-family: var(--sans);
  font-size: 0.88rem;
}
.longform .single-article__content .article-html-content .strong-content p {
  color: var(--color-text-long);
  font-family: var(--sans);
  font-size: 1.44rem;
  font-weight: var(--bold);
  line-height: 1.33;
  margin: 20px 0;
  padding: 0 30px;
  position: relative;
  transition: var(--theme-text);
}
.longform
  .single-article__content
  .article-html-content
  .strong-content
  p:before {
  background-color: var(--color-text-long);
  content: "";
  display: block;
  height: calc(100% - 16px);
  left: 6px;
  position: absolute;
  top: 0;
  transform: translateY(9px);
  transition: var(--theme);
  width: 5px;
}
.longform
  .single-article__content
  .article-html-content
  .strong-content
  p
  strong {
  font-weight: var(--bold) !important;
}
.longform .single-article__content .chapter {
  margin-top: 60px;
}
.longform .single-article__content .chapter--number p {
  background-color: var(--color-text-long);
  border-radius: 2px;
  color: var(--color-bg-long);
  display: block;
  font-family: var(--sans);
  font-size: 1.1rem;
  font-weight: var(--medium);
  margin: 0 auto 20px;
  padding: 0 10px;
  text-align: center;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 500px) {
  .longform .single-article__content .chapter--number p {
    margin: 40px auto 20px;
  }
}
.longform .single-article__content .chapter--title p {
  font-size: 2.2222rem;
  font-weight: 600;
  margin: 20px auto 40px;
  text-align: center;
}
.longform .single-article__content .chapter--title p:first-letter {
  text-transform: uppercase;
}
@media screen and (max-width: 500px) {
  .longform .single-article__content .chapter--title p {
    font-size: 1.8rem;
    margin: 20px auto 40px;
  }
}
.longform .single-article__content .initial-block p:first-letter {
  display: block;
  float: left;
  font-family: var(--sans);
  font-size: 4.5rem;
  font-weight: var(--bold);
  line-height: 4.5rem;
  margin: 0;
  padding: 0 20px 0 0;
  text-transform: uppercase;
}
@-moz-document url-prefix() {
  .longform .single-article__content .initial-block p:first-letter {
    padding: 10px 20px 0 0;
  }
}
@media screen and (max-width: 500px) {
  .longform .single-article__content .initial-block p:first-letter {
    font-size: 4rem;
    line-height: 4rem;
  }
}
.longform .single-article__content .article__lead {
  margin-bottom: 40px;
}
.longform .single-article__content .article-html-content {
  color: var(--color-text-long);
  transition: var(--theme-text);
}
.longform .single-article__content .article-html-content div {
  max-width: none;
  overflow: unset;
}
@media screen and (max-width: 900px) {
  .longform .single-article__content .article_body_ {
    margin-top: 0;
  }
  .longform .single-article__content .article_body_ .article_container_ {
    width: 100%;
  }
}
.longform .single-article__content .article_body_ .author {
  position: relative;
  z-index: 2;
}
.longform .single-article__content .article_body_ .author:before {
  border-radius: 50%;
  height: 39px;
  left: 2.5px;
  opacity: 0.3;
  top: 12.5px;
  transition: var(--theme);
  width: 39px;
  z-index: 5;
}
.longform .single-article__content .article_body_ .author:after {
  content: "";
  height: 20px;
  left: -1px;
  position: absolute;
  top: 22px;
  transition: var(--theme);
  width: 46px;
  z-index: -1;
}
.longform .single-article__content .article_body_ .avatar {
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  height: 42px;
  transition: var(--theme), var(--theme-border);
  width: 42px;
}
.longform .single-article__content .article_body_ .avatar__fx {
  border-radius: 50%;
  content: "";
  height: 46px;
  left: -1px;
  opacity: 0.5;
  position: absolute;
  top: 9px;
  transition: var(--theme);
  width: 46px;
  z-index: -1;
}
.longform .single-article__content .title-separator {
  border-bottom: 1px dotted var(--color-gray-medium);
  transition: var(--theme-border);
}
.longform .single-article__content .title-section {
  max-width: none;
  padding: 0 15px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .longform .single-article__content .title-section {
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .longform .single-article__content .title-section {
    max-width: 690px;
    width: 100%;
  }
}
.longform .single-article__content .title-section .content-wrapper {
  margin: 0 auto !important;
}
@media screen and (min-width: 901px) {
  .longform .single-article__content .title-section .content-wrapper {
    max-width: 690px;
    padding-top: 50px;
  }
}
@media screen and (min-width: 1200px) {
  .longform .single-article__content .title-section .content-wrapper {
    padding-top: 60px;
  }
}
.longform .single-article__content .title-section__top h1,
.longform .single-article__content .title-section__top h2 {
  display: none;
}
.longform .single-article__content .title-section__top .backup h1 {
  font-family: var(--serif);
  font-size: 1.6rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .longform .single-article__content .title-section__top .backup h1 {
    font-size: 1.8rem;
    width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1200px) {
  .longform .single-article__content .title-section__top .backup h1 {
    font-size: 2rem;
    line-height: 1.3;
  }
}
.longform .single-article__content .title-section__top .hero__caption {
  color: var(--color-bg);
  display: block;
  font-size: 0.7rem;
  font-weight: var(--medium);
  line-height: 1.4;
  margin: 0 0 15px;
  padding: 0 15px;
  transform: translate(-5px) translateY(5px);
}
@media screen and (min-width: 901px) {
  .longform .single-article__content .title-section__top .hero__caption {
    background: var(--color-bg-long);
    color: var(--color-text);
    left: 5px;
    padding: 5px 10px;
    position: absolute;
    top: -4px;
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (min-width: 1200px) {
  .longform .single-article__content .title-section__top .hero__caption {
    padding: 5px 16px;
  }
}
@media screen and (max-width: 900px) {
  .longform .single-article__content .title-section__top {
    background-color: var(--color-bg-inv);
    margin-bottom: 15px;
    padding-bottom: 15px;
    transform: translate(-30px);
    transition: var(--theme), var(--color-text);
    width: calc(100% + 60px);
  }
  .longform .single-article__content .title-section__top h1,
  .longform .single-article__content .title-section__top h2 {
    color: var(--color-bg);
    display: block;
    margin-top: 0;
    padding: 0 15px;
    transition: var(--theme-text);
  }
  .longform .single-article__content .title-section__top h2 {
    font-family: var(--sans);
    font-size: 1rem;
    font-weight: var(--regular);
    line-height: 1.4;
    margin: 15px 0;
    width: 100%;
  }
  .longform .single-article__content .title-section__top .content-wrapper {
    padding: 20px 0 8px;
  }
}
@media screen and (max-width: 768px) {
  .longform .single-article__content .title-section__top {
    transform: translate(-15px) translateY(-1px);
    width: calc(100% + 30px);
  }
}
@media screen and (max-width: 500px) {
  .longform .single-article__content .title-section__top h2 {
    margin: 0 0 5px;
  }
}
.longform .single-article__content .cover-box {
  display: none;
}
.longform .single-article__content .article-bottom .journalist {
  margin-bottom: 30px;
}
.longform .single-article__content .article-html-content > div > :after,
.longform .single-article__content .framed-content:after,
.longform .single-article__content .framed-content:before {
  display: none;
}
.longform .single-article__content .article-html-content > div > * {
  background: transparent;
}
@media screen and (max-width: 1200px) {
  .longform .single-article__content {
    padding: 0 30px;
  }
}
@media screen and (max-width: 768px) {
  .longform .single-article__content {
    padding: 0;
  }
  .longform .single-article__content .article-bottom,
  .longform .single-article__content .article-html-content,
  .longform .single-article__content .bold,
  .longform .single-article__content .recommendation,
  .longform .single-article__content .top-section {
    margin: 0 auto;
    width: calc(100% - 30px);
  }
  .longform .single-article__content .top-section {
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .longform .single-article__content .recommendation {
    margin-bottom: 40px;
  }
  .longform .single-article__content .article-bottom {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .longform .single-article__content .article__lead {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 500px) {
  .longform .single-article__content .article-bottom,
  .longform .single-article__content .article-html-content,
  .longform .single-article__content .bold,
  .longform .single-article__content .recommendation,
  .longform .single-article__content .top-section {
    width: 100%;
  }
}
.longform--cw .long-img figcaption {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.5);
}
.longform--cw .support-box {
  border-bottom: 3px solid hsla(0, 0%, 100%, 0.3) !important;
  border-top: 3px solid hsla(0, 0%, 100%, 0.3) !important;
}
.longform--cw .options,
.longform--cw .tag--meta {
  background-color: #0000004d !important;
}
.longform--cw .options:hover,
.longform--cw .tag--meta:hover {
  background-color: #00000080 !important;
}
.longform--cw .options svg,
.longform--cw .tag--meta svg {
  fill: var(--white);
}
.longform--cw .single-article__content .article-html-content,
.longform--cw .single-article__content .article-html-content .strong-content p {
  color: var(--white);
}
.longform--cw
  .single-article__content
  .article-html-content
  .strong-content
  p:before {
  background: var(--white);
}
.longform--cw .article--important__label,
.longform--cw .history p,
.longform--cw .long-img figcaption,
.longform--cw .recommendation__head span,
.longform--cw .recommendation__title,
.longform--cw .single-article__container .hero-box .hero figcaption,
.longform--cw .support-box,
.longform--cw .telex-team--title {
  color: var(--white);
}
.longform--cw .single-article__content .article-html-content .framed-content {
  border: 1px solid var(--white);
}
.longform--cw .recommendation__image--fav {
  border: 1px solid var(--gray-extra-dark) !important;
}
.longform--cw .smallcover .title-section__separator {
  border-bottom: 1px dotted hsla(0, 0%, 100%, 0.6);
}
.longform--cw .single-article__content .article_body_ .avatar {
  background: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.longform--cw .single-article__content .chapter--number p {
  background: var(--white);
  color: var(--black);
}
.longform--cw--a .article-html-content > :after,
.longform--cw--a .article_body_ .support-box:before,
.longform--cw--a .article_container_ > :after,
.longform--cw--a .img_tag,
.longform--cw--a .single-article__content,
.longform--cw--a .title-section:after {
  background: var(--cw-a) !important;
}
@media screen and (min-width: 901px) {
  .longform--cw--a .hero figcaption {
    background: var(--cw-a) !important;
  }
}
.longform--cw--a .article-html-content ul li:before,
.longform--cw--a .article_body_ .support-box__next,
.longform--cw--a .ck ul li:before {
  background-color: var(--cw-a--accent);
}
.longform--cw--a #edited p,
.longform--cw--a .article_body_ .support-box__highlight,
.longform--cw--a .author__name,
.longform--cw--a .ck a,
.longform--cw--a .options-top p,
.longform--cw--a .single-article .article-html-content a,
.longform--cw--a .tag--basic,
.longform--cw--a .tag--meta {
  color: var(--cw-a--accent);
}
.longform--cw--a #edited svg,
.longform--cw--a .article--important svg,
.longform--cw--a .recommendation__head svg {
  fill: var(--cw-a--accent);
}
.longform--cw--b .article-html-content > :after,
.longform--cw--b .article_body_ .support-box:before,
.longform--cw--b .article_container_ > :after,
.longform--cw--b .img_tag,
.longform--cw--b .single-article__content,
.longform--cw--b .title-section:after {
  background: var(--cw-b) !important;
}
@media screen and (min-width: 901px) {
  .longform--cw--b .hero figcaption {
    background: var(--cw-b) !important;
  }
}
.longform--cw--b .article-html-content ul li:before,
.longform--cw--b .article_body_ .support-box__next,
.longform--cw--b .ck ul li:before {
  background-color: var(--cw-b--accent);
}
.longform--cw--b #edited p,
.longform--cw--b .article_body_ .support-box__highlight,
.longform--cw--b .author__name,
.longform--cw--b .ck a,
.longform--cw--b .options-top p,
.longform--cw--b .single-article .article-html-content a,
.longform--cw--b .tag--basic,
.longform--cw--b .tag--meta {
  color: var(--cw-b--accent);
}
.longform--cw--b #edited svg,
.longform--cw--b .article--important svg,
.longform--cw--b .recommendation__head svg {
  fill: var(--cw-b--accent);
}
.longform--cw--c .article-html-content > :after,
.longform--cw--c .article_body_ .support-box:before,
.longform--cw--c .article_container_ > :after,
.longform--cw--c .img_tag,
.longform--cw--c .single-article__content,
.longform--cw--c .title-section:after {
  background: var(--cw-c) !important;
}
@media screen and (min-width: 901px) {
  .longform--cw--c .hero figcaption {
    background: var(--cw-c) !important;
  }
}
.longform--cw--c .article-html-content ul li:before,
.longform--cw--c .article_body_ .support-box__next,
.longform--cw--c .ck ul li:before {
  background-color: var(--cw-c--accent);
}
.longform--cw--c #edited p,
.longform--cw--c .article_body_ .support-box__highlight,
.longform--cw--c .author__name,
.longform--cw--c .ck a,
.longform--cw--c .options-top p,
.longform--cw--c .single-article .article-html-content a,
.longform--cw--c .tag--basic,
.longform--cw--c .tag--meta {
  color: var(--cw-c--accent);
}
.longform--cw--c #edited svg,
.longform--cw--c .article--important svg,
.longform--cw--c .recommendation__head svg {
  fill: var(--cw-c--accent);
}
.telex-team--title {
  font-weight: var(--semibold);
  margin-bottom: 15px;
}
.single-article__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.single-article__container .hero-box {
  position: relative;
  z-index: 1;
}
.single-article__container .hero-box .hero__fill {
  opacity: 0;
  transition: 2s;
}
.single-article__container .hero-box .hero--full {
  align-items: flex-end;
  color: var(--white);
  display: flex;
  height: 100vh;
  justify-items: center;
  width: 100vw;
}
.single-article__container .hero-box .hero--full img {
  bottom: 0;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: -1;
}
@media screen and (max-width: 900px) {
  .single-article__container .hero-box .hero--full img {
    height: 75vw;
  }
}
.single-article__container .hero-box .hero--full__title {
  bottom: 10%;
  left: 50%;
  max-width: 60%;
  position: absolute;
  text-align: left;
  transform: translate(-50%);
}
.single-article__container .hero-box .hero--full__title .backup h1 {
  display: initial;
  font-family: var(--serif);
  font-weight: var(--bold);
  width: 100%;
}
.single-article__container .hero-box .hero--full__title .backup h1 > span {
  background-color: #fffc;
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: var(--black);
  font-size: 1.6rem;
  padding: 0 15px;
}
@media screen and (min-width: 500px) {
  .single-article__container .hero-box .hero--full__title .backup h1 > span {
    font-size: 2rem;
    line-height: 1.3;
  }
}
@media screen and (min-width: 1200px) {
  .single-article__container .hero-box .hero--full__title .backup h1 > span {
    font-size: 2.5vw;
    line-height: 2;
  }
}
.single-article__container .hero-box .hero--full__title .headline {
  display: initial;
  font-weight: var(--bold);
  width: 100%;
}
.single-article__container .hero-box .hero--full__title h2 {
  font-size: 1rem;
  font-weight: var(--regular);
  line-height: 1.4;
  margin-top: 15px;
  width: 100%;
}
@media screen and (min-width: 900px) {
  .single-article__container .hero-box .hero--full__title h2 {
    color: var(--white);
    filter: drop-shadow(0 0 16px #000);
  }
}
@media screen and (max-width: 900px) {
  .single-article__container .hero-box .hero--full__title {
    display: none;
  }
}
.single-article__container .hero-box .hero--full__image {
  cursor: pointer;
  height: 100vh;
  position: relative;
  width: 100vw;
}
.single-article__container .hero-box .hero--full__image img {
  max-width: 100vw;
}
@media screen and (max-width: 900px) {
  .single-article__container .hero-box .hero--full__image {
    background-image: linear-gradient(
      180deg,
      transparent,
      transparent 60%,
      transparent
    );
    height: 75vw;
  }
  .single-article__container .hero-box .hero--full {
    height: 100%;
  }
}
.single-article__container .hero-box .hero--half {
  align-items: flex-end;
  display: flex;
  height: 100vh;
  justify-items: center;
  position: relative;
  width: 100vw;
  z-index: 1;
}
.single-article__container .hero-box .hero--half img {
  bottom: 0;
  height: 75vw;
  -o-object-fit: cover;
  object-fit: cover;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: -1;
}
@media screen and (min-width: 901px) {
  .single-article__container .hero-box .hero--half img {
    height: 100vh;
    width: 50vw;
  }
}
.single-article__container .hero-box .hero--half__txt {
  display: none;
}
@media screen and (min-width: 901px) {
  .single-article__container .hero-box .hero--half__txt {
    display: grid;
    height: 100vh;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    place-content: center;
    position: fixed;
    top: 0;
    width: 50vw;
    z-index: -1;
  }
}
.single-article__container .hero-box .hero--half__title {
  display: none;
}
@media screen and (min-width: 901px) {
  .single-article__container .hero-box .hero--half__title {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: center;
    left: 50%;
    max-width: 60%;
    position: absolute;
    text-align: left;
    top: 60px;
    transform: translate(-50%);
    width: 100%;
  }
}
.single-article__container .hero-box .hero--half__title .headline {
  display: initial;
  font-weight: var(--bold);
  width: 100%;
}
.single-article__container .hero-box .hero--half__title .headline > span {
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  display: inline;
  font-size: 2rem;
  font-weight: var(--bold);
  line-height: 2.8rem;
  padding: 0 15px 3px;
}
@media screen and (min-width: 1600px) {
  .single-article__container .hero-box .hero--half__title .headline > span {
    font-size: 2vw;
    line-height: 2.8vw;
  }
}
.single-article__container .hero-box .hero--half__title h2 {
  font-size: 1rem;
  font-weight: var(--regular);
  line-height: 1.4;
  margin-top: 15px;
  width: 100%;
}
.single-article__container .hero-box .hero--half--dark {
  background-color: var(--black);
  color: var(--white);
}
.single-article__container .hero-box .hero--half--dark .headline > span {
  background-color: #ffffffd9;
  color: var(--black);
}
@media screen and (min-width: 901px) {
  .single-article__container .hero-box .hero--half--dark h2 {
    color: var(--white);
  }
}
.single-article__container .hero-box .hero--half--light {
  background-color: var(--white);
  color: var(--black);
}
.single-article__container .hero-box .hero--half--light .headline > span {
  background-color: #222222d9;
  color: var(--white);
}
@media screen and (min-width: 901px) {
  .single-article__container .hero-box .hero--half--light h2 {
    color: var(--black);
  }
}
.single-article__container .hero-box .hero--half__image {
  cursor: pointer;
  height: 75vw;
  position: relative;
  width: 50vw;
}
.single-article__container .hero-box .hero--half__image img {
  max-width: 100vw;
}
@media screen and (min-width: 900px) {
  .single-article__container .hero-box .hero--half__image {
    height: 100vh;
  }
}
.single-article__container .hero-box .hero--half__info .tag--cl {
  cursor: pointer;
}
.single-article__container .hero-box .hero--half__info .tag--cl:hover {
  opacity: 0.8;
}
@media screen and (max-width: 900px) {
  .single-article__container .hero-box .hero--half {
    height: 100%;
  }
}
.single-article__container .hero-box .hero .hero__caption {
  background-color: var(--color-bg-long);
  color: var(--color-text-long);
  font-size: 0.7rem;
  font-weight: var(--medium);
  line-height: 1.4;
  padding: 6px 10px 65px;
}
@media screen and (max-width: 900px) {
  .single-article__container .hero-box .hero .hero__caption {
    background-color: var(--color-bg-inv);
    color: var(--color-bg);
    display: none;
    padding-bottom: 20px;
  }
}
.single-article__container .hero-box .hero .hero__caption b {
  font-weight: var(--medium);
}
.long-img {
  margin: 0 !important;
  width: 100%;
}
.long-img:after {
  z-index: 4;
}
.long-img__items {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .long-img__items {
    height: 100%;
  }
}
.long-img__items img {
  margin: 0 0 10px;
  width: 100%;
}
.long-img figure {
  display: flex;
  flex-direction: column;
}
.long-img figcaption {
  border-bottom: 1px solid var(--color-gray-mid-light);
  color: var(--color-text-long);
  font-family: var(--sans);
  font-size: 0.7rem;
  outline-offset: -1px;
  padding: 2px 0 10px;
  text-align: initial;
  transition: var(--theme-text), var(--theme-border);
  width: 100%;
}
.long-img figcaption,
.long-img figcaption b {
  font-weight: var(--regular);
}
.long-img .placeholder_ {
  background: transparent;
}
.longform .long-img .long-img__items,
.picture .long-img .long-img__items {
  display: flex;
  gap: 15px;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .longform .long-img .long-img__items:not(.long-img--vertical__items),
  .picture .long-img .long-img__items:not(.long-img--vertical__items) {
    flex-direction: row;
  }
}
.longform .long-img figure,
.picture .long-img figure {
  gap: 15px;
}
.longform .long-img picture,
.picture .long-img picture {
  width: 100%;
}
.longform .long-img img,
.picture .long-img img {
  margin: 0;
}
.longform .long-img--normal,
.picture .long-img--normal {
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .longform .long-img--normal,
  .picture .long-img--normal {
    padding: 0;
  }
  .longform .long-img--normal picture > div img,
  .picture .long-img--normal picture > div img {
    width: 100%;
  }
  .longform .long-img--normal figcaption,
  .picture .long-img--normal figcaption {
    padding-top: 10px;
    transform: translateY(-9px);
  }
}
@media screen and (min-width: 1200px) {
  .longform .long-img--normal,
  .picture .long-img--normal {
    margin: 30px 0;
  }
}
.longform .long-img--normal figcaption,
.picture .long-img--normal figcaption {
  margin-top: -5px;
}
.longform .long-img--bigger,
.picture .long-img--bigger {
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .longform .long-img--bigger,
  .picture .long-img--bigger {
    left: 50%;
    margin: 40px -50vw;
    padding: 0 30px;
    position: relative;
    right: 50%;
    transform: none;
    width: 100vw;
  }
}
@media screen and (min-width: 1200px) {
  .longform .long-img--bigger,
  .picture .long-img--bigger {
    margin: 40px auto;
    transform: translate(-545px);
    width: 1090px;
  }
}
.longform .long-img--bigger figcaption,
.picture .long-img--bigger figcaption {
  margin: -10px auto 0;
  padding: 7px 0 10px;
}
.longform .long-img--bigger .long-img__items img,
.picture .long-img--bigger .long-img__items img {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .longform .long-img--bigger .long-img__items img,
  .picture .long-img--bigger .long-img__items img {
    margin: 0;
    width: 100%;
  }
}
.longform .long-img--full,
.picture .long-img--full {
  flex-direction: column;
  left: 50%;
  margin: 40px -50vw;
  position: relative;
  right: 50%;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  .longform .long-img--full,
  .picture .long-img--full {
    flex-direction: row;
    padding: 0;
  }
  .longform .long-img--full figure > div,
  .picture .long-img--full figure > div {
    gap: 15px;
  }
  .longform .long-img--full figure > div img,
  .picture .long-img--full figure > div img {
    width: 100%;
  }
}
.longform .long-img--full figcaption,
.picture .long-img--full figcaption {
  margin: -5px auto 0;
  max-width: 1030px;
  width: calc(100vw - 30px);
}
@media screen and (min-width: 1200px) {
  .longform .long-img--full figcaption,
  .picture .long-img--full figcaption {
    width: 100%;
  }
}
.longform .long-img--bottom,
.longform .long-img--center,
.longform .long-img--top,
.picture .long-img--bottom,
.picture .long-img--center,
.picture .long-img--top {
  display: flex;
}
.longform .long-img--bottom picture,
.longform .long-img--bottom picture img,
.longform .long-img--center picture,
.longform .long-img--center picture img,
.longform .long-img--top picture,
.longform .long-img--top picture img,
.picture .long-img--bottom picture,
.picture .long-img--bottom picture img,
.picture .long-img--center picture,
.picture .long-img--center picture img,
.picture .long-img--top picture,
.picture .long-img--top picture img {
  width: 100%;
}
.longform .long-img--top,
.picture .long-img--top {
  align-items: flex-start;
}
.longform .long-img--center,
.picture .long-img--center {
  align-items: center;
}
.longform .long-img--bottom,
.picture .long-img--bottom {
  align-items: flex-end;
}
.longform .long-img--solo picture,
.picture .long-img--solo picture {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .longform .long-img--solo picture,
  .picture .long-img--solo picture {
    height: 100%;
  }
}
.longform .long-img--solo picture img,
.picture .long-img--solo picture img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .longform .long-img--solo picture img,
  .picture .long-img--solo picture img {
    height: 100%;
  }
}
.longform .long-img--vertical__items,
.picture .long-img--vertical__items {
  flex-direction: column;
  gap: 15px;
  justify-content: normal !important;
}
.longform .long-img--vertical__items:last-child,
.picture .long-img--vertical__items:last-child {
  margin: 0 !important;
}
.longform .long-img--vertical__items picture,
.picture .long-img--vertical__items picture {
  display: flex !important;
  flex-direction: column;
  grid-gap: 0;
}
.message-box {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 5px;
  margin: 30px 0;
}
@media screen and (min-width: 500px) {
  .message-box {
    grid-gap: 30px;
  }
}
.message-box__avatar {
  background-image: url(../images/avatar.svg);
  height: 30px;
  margin-top: 20px;
  width: 30px;
}
@media screen and (min-width: 500px) {
  .message-box__avatar {
    height: 40px;
    width: 40px;
  }
}
.message-box__content {
  background-color: var(--color-gray-light);
  border-radius: 3px;
  padding: 20px;
  position: relative;
}
@media screen and (min-width: 500px) {
  .message-box__content {
    padding: 25px 40px 30px;
  }
}
.message-box__content p {
  font-family: var(--sans) !important;
  font-size: 0.77rem !important;
  line-height: 2 !important;
}
@media screen and (min-width: 500px) {
  .message-box__content p {
    font-size: 0.88rem !important;
  }
}
.message-box__content__title {
  font-weight: var(--bold);
  margin-bottom: 10px;
}
@media screen and (min-width: 500px) {
  .message-box__content__title {
    margin-bottom: 15px;
  }
}
.message-box__content:before {
  background-color: var(--color-gray-light);
  border-radius: 3px;
  content: "";
  height: 20px;
  left: -5px;
  position: absolute;
  top: 25px;
  transform: rotate(45deg);
  width: 20px;
}
@media screen and (min-width: 500px) {
  .message-box__content:before {
    left: -9px;
    top: 30px;
  }
}
.article .article-html-content blockquote i,
.article .article-html-content blockquote strong,
.liveblog .article-html-content blockquote i,
.liveblog .article-html-content blockquote strong {
  font-style: normal !important;
  font-weight: var(--semibold) !important;
}
.longform .article-html-content blockquote {
  font-style: italic;
}
.longform .article-html-content blockquote i,
.longform .article-html-content blockquote strong {
  font-style: italic;
  font-weight: var(--regular) !important;
}
.picture .article_container_,
.picture .coverless .top-section .title-section {
  margin: 0 auto;
  max-width: 690px;
}
.picture .article_container_ {
  width: 100%;
}
.picture .single-article__content {
  display: grid;
  justify-items: left;
}
.picture .single-article__content .top-section {
  padding-top: 20px;
}
@media screen and (min-width: 500px) {
  .picture .single-article__content .top-section {
    padding-top: 30px;
  }
}
.picture .single-article__content .article_body_ {
  justify-content: center;
}
.picture .single-article__content h1 {
  width: 100%;
}
.picture .single-article__content .title-section {
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  width: 100%;
}
.picture .article-html-content div {
  max-width: 100vw !important;
  overflow: initial !important;
}
.framed .datawrapper-embed iframe,
.main--dark .interaktiv-sharing-container {
  background-color: #fff;
  padding: 10px;
}
.main--dark .interaktiv-sharing-container iframe {
  background-color: #fff !important;
}
.article__snackbar {
  align-items: center;
  background-color: var(--color-accent-dark);
  border-radius: 3px;
  border-top: 1px solid var(--color-bg);
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
  max-width: calc(100vw - 20px);
  padding: 7px 15px;
  transition: var(--theme), var(--theme-border);
  width: 100%;
}
.article__snackbar.delayed-animation {
  animation-delay: 20s;
}
.article__snackbar__button {
  border: 1px solid var(--white);
  border-radius: 3px;
  color: var(--white);
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: var(--bold);
  margin-left: 8px;
  padding: 4px 8px;
}
.article__snackbar__button:hover {
  background-color: var(--white);
  color: var(--black);
}
.article__snackbar__button:active {
  opacity: 0.8;
}
.article__snackbar__button:focus {
  outline: 1px solid hsla(0, 0%, 100%, 0.5);
  outline-offset: 3px;
}
.article__snackbar .livetag {
  color: var(--white);
  font-size: 0.77rem;
}
@media screen and (min-width: 500px) {
  .article__snackbar {
    border: 1px solid var(--color-bg);
    justify-content: flex-start;
    margin: initial;
    white-space: nowrap;
    width: auto;
  }
}
.article .soccer-box--predictions,
.article .soccer-box--summary {
  border: 1px solid;
  padding: 1em;
}
.cool-lightbox {
  background: var(--color-bg);
  background-color: #000000e6 !important;
}
.cool-lightbox__inner {
  padding: 0 0 130px !important;
}
@media screen and (min-width: 500px) {
  .cool-lightbox__inner {
    padding: 0 0 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .cool-lightbox__inner {
    padding: 50px 0 100px !important;
  }
}
.cool-lightbox__slide__img {
  top: calc(50% + 65px) !important;
}
@media screen and (min-width: 500px) {
  .cool-lightbox__slide__img {
    top: 50% !important;
  }
}
.cool-lightbox-caption {
  padding: 15px 20px;
}
.cool-lightbox-caption h6 {
  font-size: 0.77rem;
  font-weight: var(--regular);
  line-height: 1.5;
  margin: 0;
}
.cool-lightbox-toolbar {
  display: grid;
  place-content: center;
  width: 100%;
}
.cool-lightbox-toolbar button {
  display: grid !important;
  margin: 60px 0 0 !important;
  padding: 50px 100px 100vh !important;
  width: 100vw !important;
}
@media screen and (min-width: 500px) {
  .cool-lightbox-toolbar button {
    align-items: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 10px !important;
  }
}
.cool-lightbox-toolbar button:first-child {
  order: 2;
  place-content: center;
}
.cool-lightbox-toolbar button:nth-child(2) {
  order: 1;
  place-content: center;
}
.cool-lightbox-toolbar__btn {
  background-color: transparent !important;
  color: var(--white) !important;
  height: 40px !important;
  width: 40px !important;
}
@media screen and (min-width: 768px) {
  .cool-lightbox-toolbar__btn {
    height: 40px !important;
    width: 60px !important;
  }
}
.cool-lightbox-toolbar__btn svg,
.cool-lightbox-toolbar__btn svg path {
  height: 32px !important;
  width: 32px !important;
}
.subscribe--doc.subscribe {
  display: block;
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .subscribe--doc.subscribe {
    margin: 40px 0;
  }
}
.subscribe--doc.subscribe .subscribe {
  overflow: visible;
}
.subscribe--doc.subscribe .subscribe__account {
  border-top: 1px dotted var(--color-gray-medium);
  display: flex;
  flex-direction: column;
  font-size: 0.88rem;
  margin: 30px 0 0 10px;
  max-width: 550px;
  padding: 30px 0 0;
}
.subscribe--doc.subscribe .subscribe__account__btn {
  align-items: center;
  border: 1px solid var(--color-text);
  color: var(--color-text);
  display: flex;
  justify-content: center;
  margin: 15px 0 0;
  transition: var(--theme-border), var(--theme-text);
}
@media screen and (min-width: 500px) {
  .subscribe--doc.subscribe .subscribe__account__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.subscribe--doc.subscribe .subscribe__account__btn i {
  margin: 0 5px 0 0;
}
.subscribe--doc.subscribe .subscribe__btn {
  background: var(--color-yellow);
  border: 1px solid var(--secondary);
  color: var(--black);
  display: grid;
  margin: 15px 0 0 10px;
  place-content: center;
  width: calc(100% - 20px);
}
@media screen and (min-width: 500px) {
  .subscribe--doc.subscribe .subscribe__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.subscribe--doc.subscribe .subscribe__checkbox {
  cursor: pointer;
  opacity: 0.85;
}
.subscribe--doc.subscribe .subscribe__checkbox__label {
  color: var(--color-text);
  cursor: default;
  display: block;
  font-size: 0.88rem;
  margin: 10px 0;
  overflow: visible;
  transition: var(--theme-text);
}
.subscribe--doc.subscribe .subscribe__checkbox__label a {
  color: var(--color-accent);
  font-weight: var(--medium);
  transition: var(--theme-text);
}
.subscribe--doc.subscribe .subscribe__checkbox__label a:hover {
  opacity: 0.85;
}
.subscribe--doc.subscribe .subscribe__checkbox.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.subscribe--doc.subscribe .subscribe__consent {
  margin-top: 50px;
  overflow: visible;
}
.subscribe--doc.subscribe .subscribe__newsletter__all {
  font-size: 0.88rem;
  margin-top: 20px;
  overflow: visible;
}
.subscribe--doc.subscribe .subscribe__content {
  display: block;
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .subscribe--doc.subscribe .subscribe__content {
    max-width: 550px;
    width: 100%;
  }
}
.subscribe--doc.subscribe .subscribe__email__check-box {
  text-align: left;
}
.subscribe--doc.subscribe .subscribe__error-message {
  background: #e33c;
  color: #fff;
  display: none;
  font-size: 0.7rem;
  font-weight: var(--medium);
  margin: 7px 0 0;
  padding: 3px 6px;
}
.subscribe--doc.subscribe .subscribe__error-message.subscribe__error {
  display: block;
}
.subscribe--doc.subscribe .subscribe__group {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
  justify-items: start;
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .subscribe--doc.subscribe .subscribe__group {
    align-items: center;
  }
}
.subscribe--doc.subscribe .subscribe__info {
  color: var(--color-text);
  cursor: default;
  font-size: 0.88rem;
  text-align: left;
  transition: var(--theme-text);
}
.subscribe--doc.subscribe .subscribe__info a {
  color: var(--color-accent);
  font-weight: var(--medium);
  transition: var(--theme-text);
}
.subscribe--doc.subscribe .subscribe__info a:hover {
  opacity: 0.85;
}
.subscribe--doc.subscribe .subscribe__info__gfx {
  height: 0;
  margin: 10px 0 15px;
  padding: 66.66% 0 0;
  position: relative;
}
.subscribe--doc.subscribe .subscribe__info__gfx--girl {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.subscribe--doc.subscribe .subscribe__info__gfx--girl__fill {
  fill: var(--color-general);
  transition: var(--theme-fill);
}
.subscribe--doc.subscribe .subscribe__input {
  display: block;
  margin: 0 auto;
  overflow: visible;
  width: calc(100% - 20px);
}
.subscribe--doc.subscribe .subscribe__input__label {
  color: var(--color-text);
  font-size: 0.77rem;
  opacity: 0.8;
}
.subscribe--doc.subscribe .subscribe__input__field {
  background: var(--white);
  border: 2px solid var(--gray-mid-light-fx);
  font-size: 0.88rem;
  height: 38px;
  margin: 0 0 7px;
  padding: 7px 10px;
  width: 100%;
}
.subscribe--doc.subscribe .subscribe__input__field::-moz-placeholder {
  color: #555;
  font-size: 0.88rem;
}
.subscribe--doc.subscribe .subscribe__input__field::placeholder {
  color: #555;
  font-size: 0.88rem;
}
.subscribe--doc.subscribe .subscribe__input__field.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.subscribe--doc.subscribe .subscribe__input .newsletter__item {
  font-size: 0.88rem;
  overflow: visible;
}
.subscribe--doc.subscribe .subscribe__input #email__check-box-input,
.subscribe--doc.subscribe .subscribe__input .newsletter__check-box-input {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 20px;
  left: 0;
  position: absolute;
  top: -3px;
  transform: translateY(6px);
  width: 20px;
}
.subscribe--doc.subscribe
  .subscribe__input
  #email__check-box-input.subscribe__error,
.subscribe--doc.subscribe
  .subscribe__input
  .newsletter__check-box-input.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.subscribe--doc.subscribe .subscribe__input #email__check-box-label,
.subscribe--doc.subscribe .subscribe__input .newsletter__check-box-label {
  padding: 0 0 0 30px;
  position: relative;
}
.subscribe--doc.subscribe .subscribe__input .newsletter__check-box-label {
  display: block;
}
.subscribe--doc.subscribe
  .subscribe__input
  #email__check-box-label:hover
  input
  ~ #email__check-box-input,
.subscribe--doc.subscribe
  .subscribe__input
  .newsletter__check-box-label:hover
  input
  ~ .newsletter__check-box-input {
  background-color: #ccc;
  transition: 0.5s;
}
.subscribe--doc.subscribe
  .subscribe__input
  #email__check-box-label
  input:checked
  ~ #email__check-box-input,
.subscribe--doc.subscribe
  .subscribe__input
  .newsletter__check-box-label
  input:checked
  ~ .newsletter__check-box-input {
  background-color: #096;
  border: 1px solid #096;
}
.subscribe--doc.subscribe .subscribe__input #email__check-box-input:after,
.subscribe--doc.subscribe .subscribe__input .newsletter__check-box-input:after {
  content: "";
  display: none;
  position: absolute;
}
.subscribe--doc.subscribe
  .subscribe__input
  #email__check-box-label
  input:checked
  ~ #email__check-box-input:after,
.subscribe--doc.subscribe
  .subscribe__input
  .newsletter__check-box-label
  input:checked
  ~ .newsletter__check-box-input:after {
  display: block;
}
.subscribe--doc.subscribe
  .subscribe__input
  #email__check-box-label
  #email__check-box-input:after,
.subscribe--doc.subscribe
  .subscribe__input
  .newsletter__check-box-label
  .newsletter__check-box-input:after {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  height: 10px;
  left: 6px;
  top: 2px;
  transform: rotate(45deg);
  width: 5px;
}
.subscribe--doc.subscribe .subscribe__img {
  height: 80px;
  width: 80px;
}
@media screen and (min-width: 768px) {
  .subscribe--doc.subscribe .subscribe__img {
    height: 120px;
    width: 120px;
  }
}
.subscribe--doc.subscribe .subscribe__name {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  overflow: visible;
}
.subscribe--doc.subscribe .subscribe__name__input {
  overflow: visible;
}
.subscribe--doc.subscribe .subscribe__title {
  color: var(--color-text);
  cursor: default;
  font-weight: var(--bold);
  margin: 0 0 10px 10px;
  text-align: left;
}
.doc-9 .article_container_ .article_title h1 {
  margin-left: 10px !important;
}
.single_article .screenshot {
  display: table-cell;
  min-height: 3250px;
  vertical-align: middle;
}
.single_article .tt-support {
  margin: 10px 0 30px;
}
@media screen and (min-width: 500px) {
  .single_article .tt-support {
    margin: 20px 0 40px;
  }
}
.main--a .article .bigcover .article_img,
.main--a .article .smallcover .article_img,
.main--a .picture .bigcover .article_img,
.main--a .picture .smallcover .article_img {
  position: relative;
  z-index: 2;
}
.main--a .article .bigcover .article_img:after,
.main--a .article .smallcover .article_img:after,
.main--a .picture .bigcover .article_img:after,
.main--a .picture .smallcover .article_img:after {
  background: var(--accent);
  background: linear-gradient(300deg, #1e1e1e -100%, #7b52c2 0);
  bottom: 45%;
  content: "";
  height: 200vh;
  left: 0;
  position: absolute;
  transform: translate(-50vw) translateY(-20px);
  width: 150vw;
  z-index: -1;
}
.main--a .article .bigcover .article_body_,
.main--a .article .smallcover .article_body_,
.main--a .picture .bigcover .article_body_,
.main--a .picture .smallcover .article_body_ {
  z-index: 1;
}
.main--a .article .bigcover .sponsored-line,
.main--a .article .smallcover .sponsored-line,
.main--a .picture .bigcover .sponsored-line,
.main--a .picture .smallcover .sponsored-line {
  margin: 10px 0 15px;
}
.main--a .article .bigcover .title-section__lines,
.main--a .article .smallcover .title-section__lines,
.main--a .picture .bigcover .title-section__lines,
.main--a .picture .smallcover .title-section__lines {
  padding: 10px 0;
}
.main--a .article .coverless .title-section,
.main--a .picture .coverless .title-section {
  margin: 0 0 20px;
  padding: 0 0 20px;
  position: relative;
}
.main--a .article .coverless .title-section__lines,
.main--a .picture .coverless .title-section__lines {
  padding: 0;
}
.main--a .article .coverless .title-section__lines > *,
.main--a .picture .coverless .title-section__lines > * {
  margin: 0;
  padding: 10px 0;
}
.main--a .article .coverless .title-section:after,
.main--a .picture .coverless .title-section:after {
  background: var(--accent);
  background: linear-gradient(300deg, #1e1e1e -100%, #7b52c2 0);
  bottom: 0;
  content: "";
  height: 100vh;
  left: 0;
  position: absolute;
  transform: translate(-50vw);
  width: 200vw;
  z-index: -1;
}
.main--a .article .coverless .sponsored-line,
.main--a .picture .coverless .sponsored-line {
  margin: 10px 0 -5px;
}
.main--a .article .sidebar_container_,
.main--a .picture .sidebar_container_ {
  z-index: 2;
}
.main--a .article .sidebar_container_ .spotify-embed,
.main--a .picture .sidebar_container_ .spotify-embed {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 16px;
  overflow: hidden;
}
.main--a .article .sponsored-line,
.main--a .picture .sponsored-line {
  margin-bottom: 30px;
}
.main--a .article #edited p,
.main--a .article .article--important__label,
.main--a .article .history p,
.main--a .picture #edited p,
.main--a .picture .article--important__label,
.main--a .picture .history p {
  color: var(--white);
}
.main--a .article .article-html-content a,
.main--a .article .article_body_ ol li:before,
.main--a .article .author__name,
.main--a .picture .article-html-content a,
.main--a .picture .article_body_ ol li:before,
.main--a .picture .author__name {
  color: var(--color-accent);
}
.main--a .article .author:hover .author__name,
.main--a .picture .author:hover .author__name {
  opacity: 0.8;
}
.main--a .article #edited svg,
.main--a .article .article--important svg,
.main--a .picture #edited svg,
.main--a .picture .article--important svg {
  fill: var(--white);
}
.main--a .article .article-html-content blockquote p:before,
.main--a .article .article-html-content blockquote ul li:before,
.main--a .article .article-html-content ul li:before,
.main--a .article .ck ul li:before,
.main--a .picture .article-html-content blockquote p:before,
.main--a .picture .article-html-content blockquote ul li:before,
.main--a .picture .article-html-content ul li:before,
.main--a .picture .ck ul li:before {
  background: var(--color-accent);
}
.main--a .article .options p,
.main--a .picture .options p {
  color: var(--color-accent);
}
.main--a .article .options svg,
.main--a .picture .options svg {
  fill: var(--color-accent);
}
.main--a .article .tag--meta,
.main--a .picture .tag--meta {
  color: var(--color-accent);
}
.main--a .article .title-section__tags:first-child .tag--basic,
.main--a .picture .title-section__tags:first-child .tag--basic {
  background: var(--white);
  border-radius: 2px;
  color: var(--accent);
  font-weight: var(--bold);
  padding: 4px 6px;
}
.main--a .article .title-section__tags:first-child .tag--basic:hover,
.main--a .picture .title-section__tags:first-child .tag--basic:hover {
  background: #fffc;
}
.main--a .article .title-section__tags:not(:first-child) .tag--basic,
.main--a .picture .title-section__tags:not(:first-child) .tag--basic {
  border: 1px solid var(--white);
  border-radius: 2px;
  color: var(--white);
  padding: 3px 6px;
}
.main--a .article .title-section__tags:not(:first-child) .tag--basic:hover,
.main--a .picture .title-section__tags:not(:first-child) .tag--basic:hover {
  opacity: 0.8;
}
.main--a .article .long-img figcaption,
.main--a .picture .long-img figcaption {
  border-bottom: 3px solid var(--color-gray-mid-light);
}
@media screen and (min-width: 501px) {
  .main--a .article .article_img,
  .main--a .picture .article_img {
    background: transparent;
  }
  .main--a .article .article_img img,
  .main--a .picture .article_img img {
    outline: 1px solid hsla(0, 0%, 100%, 0.2);
  }
}
.main--a .article .framed-content,
.main--a .picture .framed-content {
  border-radius: 9px;
}
.main--a .article .hint_box,
.main--a .picture .hint_box {
  background: #0003 !important;
}
.main--a .article .hint_box svg,
.main--a .picture .hint_box svg {
  fill: var(--color-accent);
}
.main--a .article .hint_box a,
.main--a .picture .hint_box a {
  color: var(--color-accent) !important;
}
.main--a .article .hint_box a:hover,
.main--a .picture .hint_box a:hover {
  opacity: 0.8;
}
.main--a .article .title-section,
.main--a .picture .title-section {
  z-index: 3;
}
.main--a .article .title-section__separator,
.main--a .picture .title-section__separator {
  display: none;
}
.main--a .article .title-section .sponsored-line--txt:after,
.main--a .picture .title-section .sponsored-line--txt:after {
  color: #fff9;
}
.main--a .article .title-section h1,
.main--a .picture .title-section h1 {
  color: var(--white);
  font-weight: var(--extrabold);
}
.main--a .article .recommendation__head svg,
.main--a .picture .recommendation__head svg {
  fill: var(--color-accent);
}
.main--a .article .article_body_ .support-box,
.main--a .picture .article_body_ .support-box {
  border-bottom: 3px solid var(--color-gray-mid-light);
  border-top: 3px solid var(--color-gray-mid-light);
}
.main--a .article .article_body_ .support-box__next,
.main--a .picture .article_body_ .support-box__next {
  background: var(--color-accent);
  color: var(--color-bg);
}
.main--a .longform .sub-brand {
  display: none;
}
.main--l .sub-container {
  background: #ffd;
}
.main--l .article,
.main--l .picture {
  font-family: var(--serif);
}
.main--l .article .bigcover .article_img,
.main--l .article .smallcover .article_img,
.main--l .picture .bigcover .article_img,
.main--l .picture .smallcover .article_img {
  position: relative;
  z-index: 2;
}
.main--l .article .bigcover .article_img:after,
.main--l .article .smallcover .article_img:after,
.main--l .picture .bigcover .article_img:after,
.main--l .picture .smallcover .article_img:after {
  background: var(--accent);
  border-bottom: 1px solid var(--black);
  bottom: 45%;
  content: "";
  height: 200vh;
  left: 0;
  position: absolute;
  transform: translate(-50vw) translateY(-20px);
  width: 150vw;
  z-index: -1;
}
.main--l .article .bigcover .article_body_,
.main--l .article .smallcover .article_body_,
.main--l .picture .bigcover .article_body_,
.main--l .picture .smallcover .article_body_ {
  z-index: 1;
}
.main--l .article .bigcover .sponsored-line,
.main--l .article .smallcover .sponsored-line,
.main--l .picture .bigcover .sponsored-line,
.main--l .picture .smallcover .sponsored-line {
  margin: 10px 0 15px;
}
.main--l .article .bigcover .title-section__lines,
.main--l .article .smallcover .title-section__lines,
.main--l .picture .bigcover .title-section__lines,
.main--l .picture .smallcover .title-section__lines {
  padding: 10px 0;
}
.main--l .article .coverless .title-section,
.main--l .picture .coverless .title-section {
  margin: 0 0 20px;
  padding: 0 0 20px;
  position: relative;
}
.main--l .article .coverless .title-section__lines,
.main--l .picture .coverless .title-section__lines {
  padding: 0;
}
.main--l .article .coverless .title-section__lines > *,
.main--l .picture .coverless .title-section__lines > * {
  margin: 0;
  padding: 10px 0;
}
.main--l .article .coverless .title-section:after,
.main--l .picture .coverless .title-section:after {
  background: var(--accent);
  background: linear-gradient(300deg, #1e1e1e -100%, #7b52c2 0);
  bottom: 0;
  content: "";
  height: 100vh;
  left: 0;
  position: absolute;
  transform: translate(-50vw);
  width: 200vw;
  z-index: -1;
}
.main--l .article .coverless .sponsored-line,
.main--l .picture .coverless .sponsored-line {
  margin: 10px 0 -5px;
}
.main--l .article .sidebar_container_,
.main--l .picture .sidebar_container_ {
  z-index: 2;
}
.main--l .article .sidebar_container_ .spotify-embed,
.main--l .picture .sidebar_container_ .spotify-embed {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 16px;
  overflow: hidden;
}
.main--l .article .sponsored-line,
.main--l .picture .sponsored-line {
  margin-bottom: 30px;
}
.main--l .article #edited p,
.main--l .article .article--important__label,
.main--l .article .history p,
.main--l .picture #edited p,
.main--l .picture .article--important__label,
.main--l .picture .history p {
  color: var(--black);
}
.main--l .article .article-html-content a,
.main--l .article .article_body_ ol li:before,
.main--l .article .author__name,
.main--l .picture .article-html-content a,
.main--l .picture .article_body_ ol li:before,
.main--l .picture .author__name {
  color: var(--color-accent);
}
.main--l .article .author:hover .author__name,
.main--l .picture .author:hover .author__name {
  opacity: 0.8;
}
.main--l .article #edited svg,
.main--l .article .article--important svg,
.main--l .picture #edited svg,
.main--l .picture .article--important svg {
  fill: var(--white);
}
.main--l .article .article-html-content p,
.main--l .picture .article-html-content p {
  font-size: 1.2rem;
  line-height: 1.3;
}
.main--l .article .article-html-content blockquote p:before,
.main--l .article .article-html-content blockquote ul li:before,
.main--l .article .article-html-content ul li:before,
.main--l .article .ck ul li:before,
.main--l .picture .article-html-content blockquote p:before,
.main--l .picture .article-html-content blockquote ul li:before,
.main--l .picture .article-html-content ul li:before,
.main--l .picture .ck ul li:before {
  background: var(--color-accent);
}
.main--l .article .options p,
.main--l .picture .options p {
  color: var(--color-accent);
}
.main--l .article .options svg,
.main--l .picture .options svg {
  fill: var(--color-accent);
}
.main--l .article .tag--meta,
.main--l .picture .tag--meta {
  color: var(--color-accent);
}
.main--l .article .title-section__tags:first-child .tag--basic,
.main--l .picture .title-section__tags:first-child .tag--basic {
  background: var(--black);
  border-radius: 2px;
  color: var(--accent);
  font-weight: var(--bold);
  padding: 4px 6px;
}
.main--l .article .title-section__tags:first-child .tag--basic:hover,
.main--l .picture .title-section__tags:first-child .tag--basic:hover {
  opacity: 0.8;
}
.main--l .article .title-section__tags:not(:first-child) .tag--basic,
.main--l .picture .title-section__tags:not(:first-child) .tag--basic {
  border: 1px solid var(--white);
  border-radius: 2px;
  color: var(--white);
  padding: 3px 6px;
}
.main--l .article .title-section__tags:not(:first-child) .tag--basic:hover,
.main--l .picture .title-section__tags:not(:first-child) .tag--basic:hover {
  opacity: 0.8;
}
.main--l .article .long-img figcaption,
.main--l .picture .long-img figcaption {
  border-bottom: 3px solid var(--color-gray-mid-light);
}
@media screen and (min-width: 501px) {
  .main--l .article .article_img,
  .main--l .picture .article_img {
    background: transparent;
  }
  .main--l .article .article_img img,
  .main--l .picture .article_img img {
    outline: 1px solid hsla(0, 0%, 100%, 0.2);
  }
}
.main--l .article .framed-content,
.main--l .picture .framed-content {
  border-radius: 9px;
}
.main--l .article .hint_box,
.main--l .picture .hint_box {
  background: #0003 !important;
}
.main--l .article .hint_box svg,
.main--l .picture .hint_box svg {
  fill: var(--color-accent);
}
.main--l .article .hint_box a,
.main--l .picture .hint_box a {
  color: var(--color-accent) !important;
}
.main--l .article .hint_box a:hover,
.main--l .picture .hint_box a:hover {
  opacity: 0.8;
}
.main--l .article .title-section,
.main--l .picture .title-section {
  z-index: 3;
}
.main--l .article .title-section__separator,
.main--l .picture .title-section__separator {
  display: none;
}
.main--l .article .title-section .sponsored-line--txt:after,
.main--l .picture .title-section .sponsored-line--txt:after {
  color: #fff9;
}
.main--l .article .title-section h1,
.main--l .picture .title-section h1 {
  color: var(--black);
  font-weight: var(--extrabold);
}
.main--l .article .recommendation__head svg,
.main--l .picture .recommendation__head svg {
  fill: var(--color-accent);
}
.main--l .article .article_body_ .support-box,
.main--l .picture .article_body_ .support-box {
  border-bottom: 3px solid var(--color-gray-mid-light);
  border-top: 3px solid var(--color-gray-mid-light);
}
.main--l .article .article_body_ .support-box__next,
.main--l .picture .article_body_ .support-box__next {
  background: var(--color-accent);
  color: var(--color-bg);
}
.main--l .longform .sub-brand {
  display: none;
}
.main:not(.main--g)
  .single-article__container
  .hero-box
  .hero--full__title
  .headline
  > span {
  background-color: #ffffffd9;
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: var(--black);
  display: inline;
  font-size: 2rem;
  font-weight: var(--bold);
  line-height: 2.8rem;
  padding: 0 15px 3px;
}
@media screen and (min-width: 1600px) {
  .main:not(.main--g)
    .single-article__container
    .hero-box
    .hero--full__title
    .headline
    > span {
    font-size: 2vw;
    line-height: 2.8vw;
  }
}
.main:not(.main--g) .single-article__container .hero-box .hero--full__image {
  background-image: linear-gradient(
    180deg,
    transparent,
    rgba(0, 0, 0, 0.2) 60%,
    rgba(0, 0, 0, 0.8)
  );
}
.main--g .article .bigcover .article_img,
.main--g .article .smallcover .article_img,
.main--g .picture .bigcover .article_img,
.main--g .picture .smallcover .article_img {
  position: relative;
  z-index: 2;
}
.main--g .article .bigcover .article_img:after,
.main--g .article .smallcover .article_img:after,
.main--g .picture .bigcover .article_img:after,
.main--g .picture .smallcover .article_img:after {
  background: var(--color-general);
  bottom: 45%;
  content: "";
  height: 200vh;
  left: 0;
  position: absolute;
  transform: translate(-50vw) translateY(-20px);
  width: 150vw;
  z-index: -1;
}
.main--g .article .bigcover .article_body_,
.main--g .article .smallcover .article_body_,
.main--g .picture .bigcover .article_body_,
.main--g .picture .smallcover .article_body_ {
  z-index: 1;
}
.main--g .article .bigcover .sponsored-line,
.main--g .article .smallcover .sponsored-line,
.main--g .picture .bigcover .sponsored-line,
.main--g .picture .smallcover .sponsored-line {
  margin: 10px 0 15px;
}
.main--g .article .bigcover .title-section__lines,
.main--g .article .smallcover .title-section__lines,
.main--g .picture .bigcover .title-section__lines,
.main--g .picture .smallcover .title-section__lines {
  padding: 10px 0;
}
.main--g .article .coverless .title-section,
.main--g .picture .coverless .title-section {
  margin: 0 0 20px;
  padding: 0 0 20px;
  position: relative;
}
.main--g .article .coverless .title-section__lines,
.main--g .picture .coverless .title-section__lines {
  padding: 0;
}
.main--g .article .coverless .title-section__lines > *,
.main--g .picture .coverless .title-section__lines > * {
  margin: 0;
  padding: 10px 0;
}
.main--g .article .coverless .title-section:after,
.main--g .picture .coverless .title-section:after {
  background: var(--color-general);
  bottom: 0;
  content: "";
  height: 100vh;
  left: 0;
  position: absolute;
  transform: translate(-50vw);
  width: 200vw;
  z-index: -1;
}
.main--g .article .coverless .sponsored-line,
.main--g .picture .coverless .sponsored-line {
  margin: 10px 0 -5px;
}
.main--g .article .sidebar_container_,
.main--g .picture .sidebar_container_ {
  z-index: 2;
}
.main--g .article .sidebar_container_ .spotify-embed,
.main--g .picture .sidebar_container_ .spotify-embed {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 16px;
  overflow: hidden;
}
.main--g .article .sponsored-line,
.main--g .picture .sponsored-line {
  margin-bottom: 30px;
}
.main--g .article #edited p,
.main--g .article .article--important__label,
.main--g .article .history p,
.main--g .picture #edited p,
.main--g .picture .article--important__label,
.main--g .picture .history p {
  color: var(--color-bg);
}
.main--g .article .article-html-content a:hover .author__name,
.main--g .article .author:hover .author__name,
.main--g .article .author__name:hover .author__name,
.main--g .picture .article-html-content a:hover .author__name,
.main--g .picture .author:hover .author__name,
.main--g .picture .author__name:hover .author__name {
  opacity: 0.8;
}
.main--g .article #edited svg,
.main--g .article .article--important svg,
.main--g .picture #edited svg,
.main--g .picture .article--important svg {
  fill: var(--color-bg);
}
.main--g .article .options,
.main--g .picture .options {
  background: transparent;
  border: 1px solid var(--color-text);
  border-radius: 50px;
  transition: var(--theme-border);
}
.main--g .article .options:hover,
.main--g .picture .options:hover {
  opacity: 0.75;
}
.main--g .article .options p,
.main--g .picture .options p {
  color: var(--color-text);
}
.main--g .article .options svg,
.main--g .picture .options svg {
  fill: var(--color-text);
}
.main--g .article .fb-box__btn,
.main--g .picture .fb-box__btn {
  border-radius: 50px;
}
.main--g .article .tag--meta,
.main--g .picture .tag--meta {
  border-radius: 20px;
  padding: 4px 10px;
}
.main--g .article .title-section__tags:first-child .tag--basic,
.main--g .picture .title-section__tags:first-child .tag--basic {
  background: var(--color-bg);
  color: var(--color-text);
  font-weight: var(--bold);
}
.main--g .article .title-section__tags:first-child .tag--basic:hover,
.main--g .picture .title-section__tags:first-child .tag--basic:hover {
  opacity: 0.8;
}
.main--g .article .title-section__tags:not(:first-child) .tag--basic,
.main--g .picture .title-section__tags:not(:first-child) .tag--basic {
  border: 1px solid var(--color-bg);
  border-radius: 12px;
  color: var(--color-bg);
  padding: 4px 10px;
  transition: var(--theme-all);
}
.main--g .article .title-section__tags:not(:first-child) .tag--basic:hover,
.main--g .picture .title-section__tags:not(:first-child) .tag--basic:hover {
  opacity: 0.8;
}
.main--g .article .history#edited,
.main--g .picture .history#edited {
  align-items: center;
  border: 1px solid var(--color-bg);
  border-radius: 12px;
  display: flex;
  justify-content: center;
  padding: 0 4px;
}
.main--g .article .history#edited svg,
.main--g .picture .history#edited svg {
  transform: none;
}
.main--g .article .history#edited p,
.main--g .picture .history#edited p {
  margin: 0 0 0 4px;
}
.main--g .article .long-img figcaption,
.main--g .picture .long-img figcaption {
  border-bottom: 3px solid var(--color-gray-mid-light);
}
@media screen and (min-width: 501px) {
  .main--g .article .article_img,
  .main--g .picture .article_img {
    background: transparent;
  }
  .main--g .article .article_img img,
  .main--g .picture .article_img img {
    outline: 1px solid hsla(0, 0%, 100%, 0.2);
  }
}
.main--g .article .framed-content,
.main--g .picture .framed-content {
  border-radius: 9px;
}
.main--g .article .hint_box,
.main--g .picture .hint_box {
  background: #0003 !important;
}
.main--g .article .hint_box a:hover,
.main--g .picture .hint_box a:hover {
  opacity: 0.8;
}
.main--g .article .title-section,
.main--g .picture .title-section {
  z-index: 3;
}
.main--g .article .title-section__separator,
.main--g .picture .title-section__separator {
  display: none;
}
.main--g .article .title-section .sponsored-line--txt:after,
.main--g .picture .title-section .sponsored-line--txt:after {
  color: #fff9;
}
.main--g .article .title-section h1,
.main--g .picture .title-section h1 {
  color: var(--color-bg);
  font-weight: var(--extrabold);
  line-height: 1.3;
}
@media screen and (min-width: 1200px) {
  .main--g .article .title-section h1,
  .main--g .picture .title-section h1 {
    font-size: 2.4rem;
  }
}
.main--g .article .article_body_ .support-box,
.main--g .picture .article_body_ .support-box {
  border-bottom: 3px solid var(--color-gray-mid-light);
  border-top: 3px solid var(--color-gray-mid-light);
}
.main--g .article .article_body_ .support-box__next,
.main--g .picture .article_body_ .support-box__next {
  border-radius: 50px;
  color: var(--color-bg);
}
.main--g .longform .sub-brand {
  display: none;
}
.main--g .single-article .article-html-content {
  font-family: var(--serif);
}
.main--g .single-article .article-html-content > div {
  font-size: 1.2rem;
}
.main--g .single-article .article-html-content ul li:before {
  border-radius: 3px;
  height: 12px;
  width: 12px;
}
.main--g .article .title-section__tags:first-child .tag--basic {
  border-radius: 12px;
  padding: 4px 10px;
}
.main--g .single-article__container .hero-box .hero--full__info,
.main--g .single-article__container .hero-box .hero--half__info {
  align-items: center;
  display: flex;
  gap: 15px;
  justify-content: flex-start;
  margin: 0 0 10px;
}
.main--g .single-article__container .hero-box .hero--full .tag--cl,
.main--g .single-article__container .hero-box .hero--half .tag--cl {
  border-radius: 15px;
}
.main--g .single-article__container .hero-box .hero--full .tag__item,
.main--g .single-article__container .hero-box .hero--half .tag__item {
  font-size: 0.77rem;
  padding: 2px 12px;
}
.main--g .single-article__container .hero-box .hero--full .tag__item {
  color: var(--color-text);
}
.main--g .single-article__container .hero-box .hero--full__title {
  background: var(--color-text);
  border-top: 10px solid var(--color-accent-inv);
  padding: 15px;
}
@media screen and (min-width: 768px) {
  .main--g .single-article__container .hero-box .hero--full__title {
    left: 50px;
    transform: none;
  }
}
@media screen and (min-width: 1200px) {
  .main--g .single-article__container .hero-box .hero--full__title {
    left: 60px;
    max-width: 600px;
    padding: 20px 30px;
  }
}
.main--g
  .single-article__container
  .hero-box
  .hero--full__title
  .headline
  > span {
  color: var(--color-bg);
  display: block;
  font-family: var(--serif);
  font-size: 1.9rem;
  font-weight: var(--bold);
  line-height: 1.2;
}
.main--g .single-article__container .hero-box .hero--full__title h2 {
  color: var(--color-bg);
  font-family: var(--serif);
  line-height: 1.3;
}
.main--g .single-article__container .hero-box .hero--full__image {
  background-image: linear-gradient(
    0deg,
    transparent,
    rgba(0, 0, 0, 0.2) 60%,
    rgba(0, 0, 0, 0.8)
  );
}
.main--g .single-article__container .hero-box .hero--full .history p {
  color: var(--color-bg);
}
.main--g
  .single-article__container
  .hero-box
  .hero--half__title
  .headline
  > span {
  background: transparent;
  color: var(--white);
  display: block;
  font-family: var(--serif);
  font-size: 1.6rem;
  font-weight: var(--bold);
  line-height: 1.2;
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .main--g
    .single-article__container
    .hero-box
    .hero--half__title
    .headline
    > span {
    font-size: 1.9rem;
  }
}
.main--g .single-article__container .hero-box .hero--half__title h2 {
  color: var(--color-bg);
  font-family: var(--serif);
  line-height: 1.3;
}
.main--g .single-article__container .hero-box .hero--half .history p {
  color: var(--white);
}
.main--g .single-article__container .hero-box .hero--half .tag--cl {
  background: var(--white);
}
.main--g .single-article__container .hero-box .hero--half .tag__item {
  color: var(--black);
}
.main--g .g7-hero .single-article__content {
  background-color: var(--color-bg-long);
  display: grid;
  justify-items: center;
  margin-top: 0;
  transition: var(--theme);
  width: 100vw;
  z-index: 2;
}
.main--g .footer__container {
  background-color: var(--black-dark);
}
.main--g .tag--meta {
  background: transparent;
  border: 1px solid var(--g7-meta);
  color: var(--color-text);
  transition: var(--theme-border), var(--theme-text);
}
.main--g .tag--meta:hover {
  background: var(--g7-meta);
}
.main--z .sub-brand__logo {
  background-image: var(--logo-viral-red);
  height: 40px;
  width: 80px;
}
.sidebar_container_ .live-list {
  margin: 0;
}
.adult-content {
  align-items: center;
  display: flex;
  flex-direction: column;
  max-width: 500px;
  padding: 15px;
  position: relative;
  z-index: 999;
}
@media screen and (min-width: 1200px) {
  .adult-content {
    max-width: 600px;
  }
}
.adult-content__actions {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .adult-content__actions {
    gap: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .adult-content__actions {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
}
.adult-content__btn {
  background: var(--color-bg);
  border: 1px solid var(--color-gray-dark);
  border-radius: 5px;
  color: var(--color-text);
  cursor: pointer;
  display: grid;
  font-size: 0.77rem;
  font-weight: var(--bold);
  opacity: 0.8;
  padding: 7px 15px;
  place-content: center;
  text-align: center;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  white-space: nowrap;
  width: 100%;
}
.adult-content__btn:hover {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .adult-content__btn {
    font-size: 0.9rem;
  }
}
.adult-content__container {
  align-items: center;
  background: var(--color-text);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0.95;
  padding: 10px 15px 20px;
  transition: var(--theme);
  z-index: 2;
}
.adult-content__container:hover {
  opacity: 1;
}
.adult-content__gfx {
  border: 8px solid crimson;
  border-radius: 50px;
  color: var(--color-bg);
  display: grid;
  height: 70px;
  margin: 5px 0 0;
  place-content: center;
  transition: var(--theme-text);
  width: 70px;
}
@media screen and (min-width: 768px) {
  .adult-content__gfx {
    border: 10px solid crimson;
    height: 90px;
    width: 90px;
  }
}
.adult-content__gfx span {
  font-size: 1.8rem;
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .adult-content__gfx span {
    font-size: 2.2rem;
  }
}
.adult-content__info {
  display: flex;
  flex-direction: column;
  font-size: 0.77rem;
  max-height: 150px;
  overflow: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  color: var(--color-bg);
  position: relative;
  transition: var(--theme-text);
}
.adult-content__info::-webkit-scrollbar {
  display: none;
}
.adult-content__info a {
  color: var(--color-accent-inv);
  font-weight: var(--medium);
  margin: 0 0 5px;
  transition: var(--theme-text);
}
.adult-content__info p {
  margin: 5px 0;
}
.adult-content__title {
  color: var(--color-bg);
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1;
  text-align: center;
  transition: var(--theme-text);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .adult-content__title {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .adult-content__title {
    margin: 15px 0 0;
  }
}
.adult-content:after,
.adult-content:before {
  display: none;
}
.adult-content svg {
  height: 100%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.article .framed-content--sponsored .media {
  padding: 15px 0;
}
.article .framed-content--sponsored .media > * {
  max-width: calc(100vw - 72px);
}
.vel-modal {
  background: #000000e6 !important;
}
.vel-img-title {
  bottom: auto !important;
  color: #fff !important;
  font-size: 14px !important;
  top: 25px !important;
}
.sub-article .sub-article__ad {
  margin-bottom: 30px;
  margin-top: 30px;
}
.liveblog .vote-result {
  background-color: transparent;
}
.liveblog .vote-parent {
  border: 1px solid var(--color-gray-mid-light);
  transition: var(--theme-border);
}
.liveblog .pagination .current-page {
  background-color: var(--color-secondary);
}
.liveblog .options,
.liveblog .pagination .current-page,
.liveblog .tag-meta {
  transition: var(--theme), var(--theme-text), var(--theme-border);
}
.liveblog .img_tag {
  background-color: var(--color-bg-long);
  min-height: 18px;
  position: relative;
  top: 1px;
  transition: var(--theme);
}
@media screen and (min-width: 500px) {
  .liveblog .author__name {
    max-width: 250px;
    white-space: nowrap;
  }
}
.liveblog .adult-dialog {
  background: var(--color-list);
  border-radius: 5px;
  transition: var(--theme);
}
.liveblog .article_body_ .support-box {
  border: none;
  margin: 0;
}
.liveblog .article_body_ .support-box:before {
  display: none;
}
.liveblog .article_body_ .support-box > div {
  padding: 0;
}
.sub-article {
  margin-top: 30px;
}
.sub-article__counter {
  background-color: var(--color-cards);
  border: 0.5px solid var(--color-gray-medium);
  border-radius: 30px;
  color: var(--color-text);
  display: none;
  font-size: 0.66rem;
  font-weight: 700;
  padding: 4px 8px;
  transition: var(--theme), var(--theme-border), var(--theme-text);
}
@media screen and (min-width: 500px) {
  .sub-article__counter {
    font-size: 0.77rem;
  }
}
.sub-article__header {
  align-items: center;
  background-color: var(--color-gray-mid-light);
  border-bottom: 0.5px solid var(--color-gray-medium);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: var(--color-text);
  display: none;
  font-size: 0.88rem;
  font-weight: var(--bold);
  height: 40px;
  justify-content: flex-start;
  padding: 0 20px;
  transform: translate(-20px) translateY(-15px);
  transition: var(--theme), var(--theme-text), var(--theme-border);
  width: calc(100% + 40px);
}
.sub-article__header svg {
  height: 26px;
  padding: 0 6px 0 0;
  width: 26px;
}
.sub-article__infos {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 10px;
  top: -15px;
  white-space: nowrap;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 500px) {
  .sub-article__infos {
    right: 15px;
  }
}
.sub-article__infos > * {
  display: none;
  margin-left: 10px;
}
.sub-article__item {
  background-color: var(--color-cards);
  border: 1px solid var(--color-gray-light);
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  padding: 10px 20px 20px;
  position: relative;
  transition: background-color 0.3s, border 0.3s !important;
  z-index: 1;
}
.sub-article__item .subtitle-wrapper .subtitle .article_title {
  color: var(--color-text);
  font-size: 1.1rem;
  transition: var(--theme-text);
}
.sub-article__item .article_title {
  font-size: 1.22rem;
  line-height: 1.4;
}
.sub-article__item .article_author {
  margin-bottom: 4px;
}
.sub-article__item .author__name {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.sub-article__item .authors {
  height: 30px;
}
.sub-article__item .authors div {
  border-radius: 50%;
  height: 30px;
  margin-right: 8px;
  width: 30px;
}
.sub-article__item .article_right_date {
  align-items: center;
  display: flex;
  height: 30px;
  justify-content: flex-end;
}
@media screen and (max-width: 500px) {
  .sub-article__item .article_right_date {
    max-width: 110px;
  }
}
.sub-article__item.inactive {
  background-color: #ff9300;
}
.sub-article__item.ep {
  position: relative;
}
.sub-article__item.ep:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 50 50'%3E%3Cpath fill='%23039' d='M50 25c0 13.798-11.202 25-25 25S0 38.798 0 25 11.202 0 25 0s25 11.202 25 25'/%3E%3Cpath fill='%23fc0' d='M22.358 7.475h2.017L25 5.556l.625 1.919h2.017l-1.633 1.186.625 1.919L25 9.394l-1.633 1.186.625-1.919-1.633-1.186zm0 33.333h2.017L25 38.889l.625 1.919h2.017l-1.633 1.186.625 1.919L25 42.728l-1.633 1.186.625-1.919-1.633-1.186zM5.692 24.142h2.017l.625-1.919.625 1.919h2.017l-1.633 1.186.625 1.919-1.633-1.186L6.7 27.247l.625-1.919zm8.333-14.433h2.017l.625-1.919.625 1.919h2.017l-1.633 1.186.625 1.919-1.633-1.186-1.633 1.186.625-1.919-1.633-1.186zm-6.1 6.1h2.017l.625-1.919.622 1.919h2.019l-1.633 1.186.625 1.919-1.633-1.186-1.633 1.186.625-1.919-1.633-1.186zm0 16.667h2.017l.625-1.919.622 1.919h2.019l-1.633 1.186.625 1.919-1.633-1.186-1.633 1.186.625-1.919-1.633-1.186zm6.1 6.1h2.017l.625-1.919.625 1.919h2.017l-1.633 1.186.625 1.919-1.633-1.186-1.633 1.186.625-1.919-1.633-1.186zm25-14.433h2.017l.625-1.919.625 1.919h2.017l-1.633 1.186.625 1.919-1.633-1.186-1.633 1.186.625-1.919-1.633-1.186zM30.692 9.708h2.017l.625-1.919.625 1.919h2.017l-1.633 1.186.625 1.919-1.633-1.186-1.633 1.186.625-1.919-1.633-1.186zm6.1 6.1h2.019l.622-1.919.625 1.919h2.017l-1.633 1.186.625 1.919-1.633-1.186-1.633 1.186.625-1.919zm0 16.667h2.019l.622-1.919.625 1.919h2.017l-1.633 1.186.625 1.919-1.633-1.186-1.633 1.186.625-1.919zm-6.1 6.1h2.017l.625-1.919.625 1.919h2.017l-1.633 1.186.625 1.919-1.633-1.186-1.633 1.186.625-1.919-1.633-1.186z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  border: 2px solid var(--color-bg-long);
  border-radius: 30px;
  content: "";
  height: 30px;
  left: -16px;
  -o-object-fit: cover;
  object-fit: cover;
  outline: 1px solid var(--color-bg-long);
  position: absolute;
  top: 10px;
  transition: var(--theme-border);
  width: 30px;
}
.sub-article__pinned {
  align-content: center;
  background-color: var(--color-text-long);
  border: 0.5px solid var(--color-text);
  border-radius: 30px;
  display: none;
  height: 30px;
  justify-content: center;
  transition: var(--theme), var(--theme-border);
  width: 30px;
}
.sub-article__pinned svg {
  fill: var(--color-bg);
  transition: var(--theme-fill);
  width: 55%;
}
.sub-article__starred {
  align-content: center;
  background-color: var(--color-accent);
  border: 0.5px solid var(--color-accent);
  border-radius: 30px;
  display: none;
  height: 30px;
  justify-content: center;
  transition: var(--theme), var(--theme-border);
  width: 30px;
}
.sub-article__starred svg {
  fill: var(--color-bg);
  transition: var(--theme-fill);
  width: 50%;
}
.sub-article__widget {
  background-color: var(--color-cards);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  margin: 0 0 10px;
  padding: 10px;
  position: relative;
  transition: var(--theme), var(--theme-border);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .sub-article__widget {
    padding: 20px;
  }
}
.sub-article__widget .sub-article__counter {
  display: flex;
  position: absolute;
  top: 0;
}
.sub-article__snackbar {
  align-items: center;
  background-color: var(--color-accent-dark);
  border-top: 1px solid var(--color-bg);
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 7px 15px;
  position: fixed;
  transition: var(--theme), var(--theme-border);
  width: 100vw;
  z-index: 10;
}
.sub-article__snackbar__button {
  border: 1px solid var(--white);
  border-radius: 3px;
  color: var(--white);
  cursor: pointer;
  font-size: 0.7rem;
  font-weight: var(--bold);
  margin-left: 8px;
  padding: 4px 8px;
}
.sub-article__snackbar__button:hover {
  background-color: var(--white);
  color: var(--black);
}
.sub-article__snackbar__button:active {
  opacity: 0.8;
}
.sub-article__snackbar__button:focus {
  outline: 1px solid hsla(0, 0%, 100%, 0.5);
  outline-offset: 3px;
}
.sub-article__snackbar .livetag {
  color: var(--white);
  font-size: 0.77rem;
}
@media screen and (min-width: 500px) {
  .sub-article__snackbar {
    border: 1px solid var(--color-bg);
    border-radius: 3px;
    bottom: 20px;
    justify-content: flex-start;
    left: 20px;
    transition: var(--theme-border);
    white-space: nowrap;
    width: auto;
  }
}
.sub-article__expand {
  display: none;
}
.expert,
.spot {
  border: 0.5px solid var(--color-gray-medium) !important;
  padding: 15px 20px 20px !important;
  transition: var(--theme-border);
}
.expert .sub-article__header,
.spot .sub-article__header {
  display: flex;
}
.counter {
  border: 0.5px solid var(--color-gray-medium) !important;
  margin-top: 25px;
  padding: 15px 20px 20px !important;
  transition: var(--theme-border);
}
.counter .sub-article__counter {
  display: flex;
}
.pinned {
  border: 0.5px solid var(--color-gray-medium) !important;
  margin-top: 25px;
  padding: 15px 20px 20px !important;
  transition: var(--theme-border);
}
.pinned .sub-article__pinned {
  display: flex;
}
.pinned .article-html-content {
  max-height: 100px;
  overflow: hidden;
  position: relative;
}
.pinned__size__button {
  align-items: center;
  background-color: var(--color-gray-mid-light);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top: 0.5px solid var(--color-gray-medium);
  bottom: 0;
  color: var(--color-text);
  cursor: pointer;
  display: flex;
  font-size: 0.88rem;
  font-weight: var(--bold);
  justify-content: center;
  left: 0;
  padding: 10px 0;
  position: absolute;
  transition: var(--theme), var(--theme-text), var(--theme-border);
  width: 100%;
  z-index: 1;
}
.pinned__size__button:hover {
  background-color: var(--color-list);
  transition: var(--smooth);
}
.pinned__size__full .article-html-content {
  max-height: 100%;
}
.pinned__size__full .pinned__size__button {
  display: none;
}
.sticky {
  border: 3px solid rgba(var(--accent), 0.2) !important;
  margin-top: 25px;
  padding: 15px 20px 20px !important;
}
.sticky .sub-article__starred {
  display: flex;
}
.widget--soccer-title {
  font-size: 0.66rem;
  font-weight: var(--bold);
}
@media screen and (min-width: 500px) {
  .widget--soccer-title {
    font-size: 0.9rem;
  }
}
.widget--end_card,
.widget--exchange_card,
.widget--goal_card,
.widget--red_card,
.widget--var_card,
.widget--yellow_card {
  align-items: center;
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 10px;
}
@media screen and (min-width: 500px) {
  .widget--end_card,
  .widget--exchange_card,
  .widget--goal_card,
  .widget--red_card,
  .widget--var_card,
  .widget--yellow_card {
    grid-template-columns: 60px 1fr;
    grid-gap: 20px;
  }
}
.widget--end_card__img,
.widget--exchange_card__img,
.widget--goal_card__img,
.widget--red_card__img,
.widget--var_card__img,
.widget--yellow_card__img {
  align-items: center;
  border-radius: 40px;
  height: 80px;
  justify-content: center;
  width: 80px;
}
.widget--end_card__player-name,
.widget--exchange_card__player-name,
.widget--goal_card__player-name,
.widget--red_card__player-name,
.widget--var_card__player-name,
.widget--yellow_card__player-name {
  align-items: center;
  display: flex;
  font-size: 1rem;
  font-weight: var(--bold);
  justify-content: flex-start;
  line-height: 1.4;
}
@media screen and (min-width: 330px) {
  .widget--end_card__player-name,
  .widget--exchange_card__player-name,
  .widget--goal_card__player-name,
  .widget--red_card__player-name,
  .widget--var_card__player-name,
  .widget--yellow_card__player-name {
    margin-bottom: 4px;
  }
}
@media screen and (min-width: 500px) {
  .widget--end_card__player-name,
  .widget--exchange_card__player-name,
  .widget--goal_card__player-name,
  .widget--red_card__player-name,
  .widget--var_card__player-name,
  .widget--yellow_card__player-name {
    font-size: 1.4rem;
  }
}
.widget--end_card__player-name:first-letter,
.widget--exchange_card__player-name:first-letter,
.widget--goal_card__player-name:first-letter,
.widget--red_card__player-name:first-letter,
.widget--var_card__player-name:first-letter,
.widget--yellow_card__player-name:first-letter {
  text-transform: capitalize;
}
.widget--end_card__player-flag,
.widget--exchange_card__player-flag,
.widget--goal_card__player-flag,
.widget--red_card__player-flag,
.widget--var_card__player-flag,
.widget--yellow_card__player-flag {
  align-items: center;
  background-color: var(--white);
  border: 1px solid var(--color-light);
  border-radius: 2px;
  display: flex;
  height: 14px;
  justify-content: center;
  margin-right: 7px;
  overflow: hidden;
  transition: var(--theme-border);
  width: 19px;
}
.widget--end_card__player-flag img,
.widget--exchange_card__player-flag img,
.widget--goal_card__player-flag img,
.widget--red_card__player-flag img,
.widget--var_card__player-flag img,
.widget--yellow_card__player-flag img {
  height: 18px;
  width: 18px;
}
@media screen and (min-width: 330px) {
  .widget--end_card__player-flag,
  .widget--exchange_card__player-flag,
  .widget--goal_card__player-flag,
  .widget--red_card__player-flag,
  .widget--var_card__player-flag,
  .widget--yellow_card__player-flag {
    display: flex;
    height: 16px;
    width: 22px;
  }
  .widget--end_card__player-flag img,
  .widget--exchange_card__player-flag img,
  .widget--goal_card__player-flag img,
  .widget--red_card__player-flag img,
  .widget--var_card__player-flag img,
  .widget--yellow_card__player-flag img {
    height: 22px;
    width: 22px;
  }
}
@media screen and (min-width: 500px) {
  .widget--red_card__player_name,
  .widget--yellow_card__player_name {
    font-size: 1.4rem;
  }
}
.widget--exchange_card__player_name {
  font-size: 0.66rem;
}
@media screen and (min-width: 500px) {
  .widget--exchange_card__player_name {
    font-size: 0.9rem;
  }
}
.widget--exchange_card__flag,
.widget--red_card__flag,
.widget--yellow_card__flag {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.widget--exchange_card__img,
.widget--red_card__img,
.widget--yellow_card__img {
  border: 1.5px solid var(--color-text);
  border-radius: 60px;
  overflow: hidden;
  transition: var(--theme-border);
}
@media screen and (min-width: 500px) {
  .widget--exchange_card__img,
  .widget--red_card__img,
  .widget--yellow_card__img {
    border: 2.5px solid var(--color-text);
  }
}
.widget--exchange_card__player_team,
.widget--red_card__player_team,
.widget--yellow_card__player_team {
  transform: translate(-3px);
}
@media screen and (min-width: 330px) {
  .widget--exchange_card__player_team,
  .widget--red_card__player_team,
  .widget--yellow_card__player_team {
    transform: none;
  }
}
.widget--exchange_card__player_name,
.widget--red_card__player_name,
.widget--yellow_card__player_name {
  font-weight: var(--bold);
}
.widget--red_card__img {
  background-color: var(--red);
  display: flex;
}
.widget--yellow_card__img {
  background-color: var(--yellow);
  display: flex;
}
.widget--exchange_card__img,
.widget--goal_card__img {
  background-color: var(--color-text);
  display: flex;
  transition: var(--theme);
}
.widget--exchange_card__score,
.widget--goal_card__score {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  line-height: 1;
  overflow: hidden;
  transform: translate(-3px);
  white-space: nowrap;
}
@media screen and (min-width: 330px) {
  .widget--exchange_card__score,
  .widget--goal_card__score {
    transform: none;
  }
}
.widget--exchange_card__score__flag,
.widget--goal_card__score__flag {
  align-items: center;
  background-color: var(--white);
  border: 1px solid var(--color-light);
  border-radius: 2px;
  display: none;
  height: 14px;
  justify-content: center;
  overflow: hidden;
  transition: var(--theme-border);
  width: 19px;
}
.widget--exchange_card__score__flag img,
.widget--goal_card__score__flag img {
  height: 18px;
  width: 18px;
}
@media screen and (min-width: 330px) {
  .widget--exchange_card__score__flag,
  .widget--goal_card__score__flag {
    display: flex;
    height: 16px;
    width: 22px;
  }
  .widget--exchange_card__score__flag img,
  .widget--goal_card__score__flag img {
    height: 22px;
    width: 22px;
  }
}
.widget--exchange_card__score__team,
.widget--goal_card__score__team {
  font-size: 0.66rem;
  font-weight: var(--bold);
  margin: 0 3px;
}
@media screen and (min-width: 500px) {
  .widget--exchange_card__score__team,
  .widget--goal_card__score__team {
    font-size: 0.9rem;
    margin: 0 6px;
  }
}
.widget--exchange_card__score__team:first-letter,
.widget--goal_card__score__team:first-letter {
  text-transform: capitalize;
}
.widget--exchange_card__score__result,
.widget--goal_card__score__result {
  font-size: 0.8rem;
  font-weight: var(--bold);
  margin: 0 1px;
}
@media screen and (min-width: 500px) {
  .widget--exchange_card__score__result,
  .widget--goal_card__score__result {
    font-size: 1.3rem;
    margin: 0;
  }
}
.widget--exchange_card__img svg {
  fill: var(--color-bg);
  transition: var(--theme-fill);
  width: 100%;
}
.widget--end_card .widget--soccer-title,
.widget--var_card .widget--soccer-title {
  margin-bottom: 5px;
}
@media screen and (min-width: 500px) {
  .widget--end_card .widget--soccer-title,
  .widget--var_card .widget--soccer-title {
    margin-bottom: 10px;
  }
}
.widget--end_card__img,
.widget--var_card__img {
  background-color: var(--color-text);
  transition: var(--theme);
}
.widget--end_card__img svg,
.widget--var_card__img svg {
  fill: var(--color-bg);
  transition: var(--theme-fill);
}
.widget__counter {
  margin-top: 25px;
}
.widget__counter .sub-article__counter {
  transform: translate(-10px);
}
.widget__soccer-img {
  display: inline-block;
  height: 40px;
  width: 40px;
}
@media screen and (min-width: 500px) {
  .widget__soccer-img {
    height: 60px;
    width: 60px;
  }
}
.exchange--up {
  color: var(--color-accent);
  margin: 0 7px 0 0;
}
@media screen and (min-width: 500px) {
  .exchange--up {
    margin: 0 15px 0 0;
  }
}
.exchange--down {
  color: var(--color-red);
}
.article_body_ .sub-article__item .article-html-content ul li {
  margin: 0 0 10px !important;
}
.article_body_ .sub-article__item .article-html-content ol li {
  padding: 0 0 0 30px;
}
.article_body_ .sub-article__item .article-html-content ol li:before {
  width: auto;
}

/* убрал не нужно  */

.article-html-content div {
  /* max-width: 100%; */
  /* overflow: hidden; */
}
.table {
  overflow-y: auto;
  width: 100%;
}
.single-article figure.table {
  display: flex !important;
}
.framed__item {
  height: 744px;
}
@media screen and (max-width: 500px) {
  .framed__item {
    height: 1028px;
  }
}
.media {
  overflow: hidden;
  padding: 20px 0;
}
@media screen and (max-width: 768px) {
  .article .media {
    width: calc(100vw - 30px);
  }
  .article .media * {
    width: calc(100vw - 30px) !important;
  }
}
.article .media,
.article iframe {
  background-color: var(--color-bg);
  transition: var(--theme);
}
.article .media .bg-white iframe,
.article iframe .bg-white iframe {
  background-color: #fff !important;
}
.article iframe[name="flipbook"] {
  background: transparent;
}
@media screen and (max-width: 768px) {
  .liveblog .media {
    width: calc(100vw - 70px);
  }
  .liveblog .media *,
  .liveblog .media * > video {
    width: calc(100vw - 70px) !important;
  }
}
.liveblog .media,
.liveblog iframe {
  background-color: var(--color-cards);
  transition: var(--theme);
}
.longform .media,
.longform iframe {
  background-color: transparent;
  transition: var(--theme);
}
.longform .datawrapper-embed iframe {
  background-color: #f9f9f9;
}
.facebook-post-embed iframe {
  background-color: var(--white);
}
.tik-tok {
  height: 0;
  margin: 20px 0;
  padding-bottom: 174%;
  transform: translate(4px);
}
.tik-tok > * {
  margin: 0 auto;
  transform: translateY(-42px) translate(-4px);
  width: calc(100% + 4px);
}
@media (min-width: 500px) {
  .tik-tok {
    margin: 20px auto;
    padding-bottom: 96%;
    width: 55% !important;
  }
}
@media (min-width: 1200px) {
  .tik-tok {
    padding-bottom: 78%;
    width: 45% !important;
  }
}
.in-app-podcast-player {
  width: 100%;
}
.in-app-podcast-player .podcast {
  border: 1px solid var(--color-gray-dark);
  border-radius: 13px;
  margin: 0 auto;
  overflow: hidden;
  transition: var(--theme-border);
}
.in-app-podcast-player .podcast__actions {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 50px;
  padding: 10px 15px 15px;
  width: 100%;
  z-index: 2;
  grid-gap: 10px;
}
@media screen and (min-width: 375px) {
  .in-app-podcast-player .podcast__actions {
    grid-template-columns: 60px 1fr 50px;
  }
}
@media screen and (min-width: 500px) {
  .in-app-podcast-player .podcast__actions {
    grid-template-columns: 70px 1fr 60px;
    padding: 20px 30px 20px 20px;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 768px) {
  .in-app-podcast-player .podcast__actions {
    z-index: 2;
  }
}
@media screen and (min-width: 1200px) {
  .in-app-podcast-player .podcast__actions {
    grid-template-columns: 100px 1fr 60px;
    padding: 20px 40px 20px 20px;
  }
}
.in-app-podcast-player .podcast__bg {
  filter: blur(0.33rem);
  -webkit-filter: blur(0.33rem);
  left: 0;
  opacity: 0.25;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}
.in-app-podcast-player .podcast__button {
  border-radius: 60px;
  cursor: pointer;
}
.in-app-podcast-player .podcast__button__icon {
  background: transparent;
  border-color: transparent transparent transparent var(--color-text);
  box-sizing: border-box;
  height: 22px;
  transition: 0.2s all ease, var(--theme-border);
  width: 0;
  -webkit-tap-highlight-color: transparent;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  cursor: pointer;
  outline: none !important;
  transform: translate(3px);
}
@media screen and (min-width: 500px) {
  .in-app-podcast-player .podcast__button__icon {
    height: 24px;
    transform: translate(4px);
  }
}
.in-app-podcast-player .podcast__button__icon.show-pause {
  border-style: double;
  border-width: 0 0 0 20px;
  transform: translate(0);
}
.in-app-podcast-player
  .podcast__button__icon.show-pause
  .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-text);
  transition: var(--theme-border);
}
.in-app-podcast-player .podcast__button__play {
  background: var(--color-bg);
  border-radius: 60px;
  display: grid;
  height: 50px;
  place-content: center;
  transition: var(--theme-border);
  width: 50px;
  -webkit-tap-highlight-color: transparent;
}
@media screen and (min-width: 500px) {
  .in-app-podcast-player .podcast__button__play {
    height: 60px;
    width: 60px;
  }
}
.in-app-podcast-player .podcast__button__play:hover {
  opacity: 0.8;
}
.in-app-podcast-player .podcast__button__playing {
  background: var(--color-bg);
}
.in-app-podcast-player .podcast__button__playing .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-text);
  transition: var(--theme-border);
}
.in-app-podcast-player .podcast__button__playing:hover {
  background: var(--color-bg);
}
.in-app-podcast-player .podcast__button__playing:hover .podcast__button__icon {
  opacity: 0.8;
}
.in-app-podcast-player .podcast__content {
  background: var(--color-text);
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  transition: var(--theme);
}
.in-app-podcast-player .podcast__details {
  align-items: center;
  border-bottom: 1px solid var(--color-gray-dark);
  border-radius: 13px 13px 0 0;
  color: var(--color-bg);
  display: grid;
  grid-template-columns: 1fr 128px;
  margin: 0 10px 0 15px;
  padding: 10px 0 5px;
  transition: var(--theme-text), var(--theme-border);
  z-index: 2;
}
@media screen and (min-width: 375px) {
  .in-app-podcast-player .podcast__details {
    padding: 10px 0;
  }
}
@media screen and (min-width: 500px) {
  .in-app-podcast-player .podcast__details {
    align-items: center;
    grid-template-columns: 1fr 145px;
    margin: 0 10px 0 20px;
    padding: 10px 0;
  }
}
.in-app-podcast-player .podcast__episode {
  color: var(--color-bg);
  cursor: default;
  height: 100%;
  transition: var(--theme-text);
  width: 100%;
}
.in-app-podcast-player .podcast__episode__title {
  font-size: 0.95rem;
  font-weight: var(--bold);
  -webkit-hyphens: none;
  hyphens: none;
  line-height: 1.3;
  margin: 5px 0 0;
}
@media screen and (min-width: 375px) {
  .in-app-podcast-player .podcast__episode__title {
    font-size: 0.88rem;
  }
}
@media screen and (min-width: 500px) {
  .in-app-podcast-player .podcast__episode__title {
    font-size: 1.2rem;
    max-width: 90%;
  }
}
@media screen and (min-width: 768px) {
  .in-app-podcast-player .podcast__episode__title {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .in-app-podcast-player .podcast__episode__title {
    font-size: 1.4rem;
  }
}
.in-app-podcast-player .podcast__episode__artist {
  font-size: 0.7rem;
  font-weight: 400;
}
.in-app-podcast-player .podcast__episode__info {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.in-app-podcast-player .podcast__episode__info > * {
  align-items: center;
  display: flex;
  font-size: 0.7rem;
  font-weight: var(--semibold);
  line-height: 1.6;
  margin: 0 10px 0 0;
  white-space: nowrap;
}
.in-app-podcast-player .podcast__episode__info > * svg {
  fill: var(--color-bg);
  transition: var(--theme-fill);
}
.in-app-podcast-player .podcast__episode__info--date svg {
  height: 12px;
  margin: 0 4px 0 0;
  width: 12px;
}
.in-app-podcast-player .podcast__episode__info--length svg {
  height: 9px;
  margin: 0 4px 0 0;
  width: 9px;
}
.in-app-podcast-player .podcast__episode__info--separator {
  background: var(--color-bg);
  display: block;
  height: 12px;
  transition: var(--theme);
  width: 1px;
}
.in-app-podcast-player .podcast__tag {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: -moz-min-content;
  max-width: min-content;
}
@media screen and (min-width: 375px) {
  .in-app-podcast-player .podcast__tag {
    max-width: none;
  }
}
@media screen and (min-width: 500px) {
  .in-app-podcast-player .podcast__tag {
    align-items: flex-start;
  }
}
.in-app-podcast-player .podcast__tag .tag--podcast {
  align-items: center;
  background: transparent;
  border: 1px solid var(--color-bg);
  border-radius: 2px;
  display: grid;
  height: 18px;
  justify-items: start;
  padding: 0 7px;
  transition: var(--theme), var(--theme-border);
  width: -moz-max-content;
  width: max-content;
  -webkit-tap-highlight-color: transparent;
  margin: 3px 7px 3px 0;
}
@media screen and (min-width: 500px) {
  .in-app-podcast-player .podcast__tag .tag--podcast {
    margin: 1px 7px 0 0;
  }
}
.in-app-podcast-player .podcast__tag .tag--podcast:hover {
  background: var(--color-bg);
  opacity: 0.8;
  text-decoration: none;
  transition: var(--theme);
}
.in-app-podcast-player .podcast__tag .tag--podcast:hover .tag--podcast__item {
  text-decoration: none;
}
.in-app-podcast-player
  .podcast__tag
  .tag--podcast:hover
  .tag--podcast__item
  span {
  color: var(--color-secondary) !important;
}
.in-app-podcast-player .podcast__tag .tag--podcast__item {
  align-items: center;
  color: var(--color-bg);
  margin: 0;
  overflow: visible !important;
  padding: 0;
  transition: var(--theme-text);
  white-space: nowrap;
}
.in-app-podcast-player .podcast__tag .tag--podcast__item span {
  color: var(--color-bg);
  display: grid;
  font-size: 0.66rem;
  font-weight: var(--semibold);
  height: 10px;
  line-height: 1;
  margin: 0;
  padding: 0;
  place-content: center;
  text-transform: uppercase;
  transform: translateY(0.5px);
  transition: var(--theme-color);
}
.in-app-podcast-player .podcast__tag .tag--podcast:first-child {
  background: var(--color-bg);
}
.in-app-podcast-player
  .podcast__tag
  .tag--podcast:first-child
  .tag--podcast__item {
  color: var(--color-text);
  display: grid;
  grid-template-columns: 13px 1fr;
  grid-gap: 4px;
  width: -moz-max-content;
  width: max-content;
}
.in-app-podcast-player
  .podcast__tag
  .tag--podcast:first-child:hover
  .tag--podcast__item
  svg {
  fill: var(--color-secondary);
  transition: var(--theme-fill);
}
.in-app-podcast-player
  .podcast__tag
  .tag--podcast:first-child:hover
  .tag--podcast__item
  span {
  color: var(--color-secondary);
  transition: var(--theme-text);
}
.in-app-podcast-player
  .podcast__tag
  .tag--podcast:first-child
  .tag--podcast__item
  span {
  color: var(--color-text);
}
.in-app-podcast-player .podcast__tag .tag--podcast:first-child svg {
  fill: var(--color-text);
  height: 13px;
  transition: var(--theme-fill);
  width: 13px;
}
.in-app-podcast-player .podcast__logo {
  display: none;
  -webkit-tap-highlight-color: transparent;
  cursor: default;
}
@media screen and (min-width: 375px) {
  .in-app-podcast-player .podcast__logo {
    border: 1px solid var(--color-gray-extra-dark);
    border-radius: 7px;
    display: block;
    height: 60px;
    transition: var(--theme-border);
    width: 60px;
  }
}
@media screen and (min-width: 500px) {
  .in-app-podcast-player .podcast__logo {
    height: 70px;
    width: 70px;
  }
}
@media screen and (min-width: 1200px) {
  .in-app-podcast-player .podcast__logo {
    height: 100px;
    width: 100px;
  }
}
.in-app-podcast-player .podcast__more {
  align-items: center;
  display: grid;
  justify-items: end;
}
.in-app-podcast-player .podcast__more__button {
  background: transparent;
  border: 1px solid var(--color-bg);
  border-radius: 20px;
  color: var(--color--bg) !important;
  cursor: pointer;
  display: grid;
  font-size: 0.66rem;
  font-weight: var(--bold);
  padding: 3px 12px;
  place-content: center;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  white-space: nowrap;
  width: -moz-max-content;
  width: max-content;
  -webkit-tap-highlight-color: transparent;
}
@media screen and (min-width: 500px) {
  .in-app-podcast-player .podcast__more__button {
    font-size: 0.77rem;
  }
}
.in-app-podcast-player .podcast__more__button:hover {
  background: var(--color-bg);
  border: 1px solid var(--color-bg);
  color: var(--color-text) !important;
  text-decoration: none !important;
}
.framed .facebook-video-container *,
.framed .facebook-video-embed * {
  vertical-align: baseline !important;
}
.recommendation__head {
  align-items: center;
  display: flex;
  margin: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .recommendation__head {
    font-size: 1.6rem;
  }
}
.recommendation__head svg {
  fill: var(--color-accent);
  height: 25px;
  margin: 0 5px 0 0;
  transition: fill 0.3s;
  width: 25px;
}
@media screen and (min-width: 768px) {
  .recommendation__head svg {
    height: 30px;
    margin: 0 10px 0 0;
    width: 30px;
  }
}
.recommendation__head span {
  color: var(--color-text);
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.3;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .recommendation__head span {
    font-size: 1.4rem;
  }
}
.recommendation__head:hover {
  color: var(--color-secondary);
  cursor: pointer;
  transition: var(--smooth);
}
.recommendation__head:hover svg {
  fill: var(--color-secondary);
  -webkit-filter: opacity(0.9);
  transition: var(--smooth);
}
.recommendation__head--valasztas {
  width: 160px !important;
}
.recommendation__title {
  color: var(--color-text);
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.4;
  transform: translateY(-4px);
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .recommendation__title {
    max-width: 50vw;
  }
}
.recommendation__title:hover {
  color: var(--color-accent);
}
.recommendation__title:active {
  -webkit-filter: opacity(0.9);
  opacity: 0.9;
}
.recommendation__image--after,
.recommendation__image--fav,
.recommendation__image--new,
.recommendation__image--out,
.recommendation__image--pr__item,
.recommendation__image--top {
  border: 1px solid var(--color-gray-light);
  height: 0;
  -o-object-fit: cover;
  object-fit: cover;
  padding-top: 66.66%;
  position: relative;
  transition: background-color 0.3s, border 0.3s;
  width: 100%;
  z-index: 1;
}
.recommendation__image--after img,
.recommendation__image--fav img,
.recommendation__image--new img,
.recommendation__image--out img,
.recommendation__image--pr__item img,
.recommendation__image--top img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.recommendation__image--after {
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 5px;
  overflow: hidden;
}
.recommendation__tags {
  background-color: var(--color-bg);
  bottom: -2px;
  color: var(--color-accent);
  content: "belföld";
  font-size: 0.66rem;
  font-weight: 600;
  left: 0;
  letter-spacing: 0.3px;
  line-height: 1;
  overflow: hidden;
  padding: 6px 6px 0 0;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase;
  transform: translate(-1px);
  width: auto;
  z-index: 1;
}
.recommendation__tags:hover {
  color: var(--color-secondary);
  cursor: pointer;
  transition: var(--smooth);
}
.recommendation__last {
  margin: 0 !important;
}
.recommendation__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px 30px;
}
.recommendation--fav,
.recommendation--out {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .recommendation.favorite {
    margin: 0 0 40px;
  }
}
@media screen and (min-width: 1200px) {
  .recommendation.favorite {
    margin: 0 0 60px;
  }
}
.recommendation__logo--bunteto {
  background-image: var(--logo-bunteto);
  height: 30px;
  width: 140px;
}
.recommendation__logo--bunteto,
.recommendation__logo--goal {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 0 15px;
}
.recommendation__logo--goal {
  background-image: url(../images/goal.svg);
  border: 1px solid hsla(0, 0%, 100%, 0.1);
  height: 40px;
  width: 85px;
}
.recommendation__logo--hold {
  background-image: var(--logo-hold);
  height: 30px;
  margin: 0 10px 0 0;
  width: 30px;
}
.recommendation__logo--zenga {
  background-image: var(--logo-zenga);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 33px;
  margin: 0 0 15px;
  width: 120px;
}
.recommendation--after,
.recommendation--new,
.recommendation--top {
  display: grid;
  grid-template-columns: 130px 1fr;
  grid-gap: 12px;
  margin-bottom: 30px;
}
.recommendation--after--text,
.recommendation--new--text,
.recommendation--top--text {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 8px;
  margin: 40px 0 20px;
}
@media screen and (min-width: 500px) {
  .recommendation--after--text,
  .recommendation--new--text,
  .recommendation--top--text {
    max-width: calc(50vw + 112px);
  }
}
.recommendation--after--text .img_tag,
.recommendation--new--text .img_tag,
.recommendation--top--text .img_tag {
  bottom: 2px;
}
.recommendation--after .recommendation--title,
.recommendation--new .recommendation--title,
.recommendation--top .recommendation--title {
  transform: translateY(-4px);
}
.recommendation--out {
  display: flex;
  flex-direction: column;
}
.recommendation--out__item {
  display: grid;
  grid-template-columns: 115px 1fr;
  grid-gap: 12px;
  margin-bottom: 30px;
}
.recommendation--out__item .img_tag {
  background: var(--color-gray-light);
}
.recommendation--out--text {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 8px;
  margin: 40px 0 20px;
}
@media screen and (min-width: 500px) {
  .recommendation--out--text {
    max-width: calc(50vw + 112px);
  }
}
.recommendation--out--text .img_tag {
  bottom: 2px;
}
.recommendation--out .recommendation--title {
  transform: translateY(-4px);
}
.recommendation--out,
.recommendation--pr {
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  padding: 15px;
  position: relative;
  transition: var(--theme), var(--theme-border);
}
.recommendation--out:before,
.recommendation--pr:before {
  color: #a4a4a4;
  /* content: "hirdetés"; */
  display: block;
  font-size: 10px;
  font-weight: 400;
  left: 50%;
  padding: 2px 8px;
  position: absolute;
  text-transform: uppercase;
  top: -20px;
  transform: translate(-50%);
}
.recommendation--pr__item {
  display: grid;
  grid-template-columns: 115px 1fr;
  grid-gap: 12px;
}
.recommendation--pr__item:not(:last-child) {
  margin: 0 0 20px;
}
.recommendation--pr__item__item--text {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 8px;
  margin: 40px 0 20px;
}
@media screen and (min-width: 500px) {
  .recommendation--pr__item__item--text {
    max-width: calc(50vw + 112px);
  }
}
.recommendation--pr__item__item--text .img_tag {
  bottom: 2px;
}
.recommendation--pr__item .recommendation--title {
  transform: translateY(-4px);
}
.recommendation--pr__item .img_tag {
  background-color: var(--color-gray-light);
}
.recommendation--pr .recommendation__head {
  cursor: default;
}
.recommendation--g7 .recommendation--new,
.recommendation--g7 .recommendation--top {
  grid-template-columns: 115px 1fr;
}
.recommendation .img_tag {
  position: absolute;
  top: auto;
}
.recommendation .tag--outward {
  align-items: center;
  color: var(--color-outward);
  display: flex;
  justify-content: flex-start;
  transition: var(--theme), var(--theme-text);
}
.recommendation .tag--outward svg {
  width: 12px;
  fill: var(--color-outward);
  margin: 0 4px 0 0;
  transition: var(--theme-fill);
}
.recommendation .tag--outward:hover {
  color: var(--color-secondary);
}
.recommendation .tag--outward:hover svg {
  fill: var(--color-secondary);
}
.main--g .recommendation__head {
  border-bottom: 3px solid var(--color-text);
  padding: 5px 0;
  text-transform: uppercase;
  transition: var(--theme-border);
}
.main--g .recommendation__head span {
  font-size: 1rem;
  font-weight: var(--max);
}
.main--g .recommendation__head svg {
  display: none;
}
.main--g .recommendation img {
  border-radius: 3px;
}
.after .recommendation--fav .recommendation__image--fav {
  background-color: transparent;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 5px;
  overflow: hidden;
}
.after .recommendation--fav .recommendation__image--fav .img_tag {
  display: none;
}
.grid_title {
  margin-top: 12px;
}
@media screen and (max-width: 1150px) {
  .recommendation--after,
  .recommendation--g7 .recommendation--new,
  .recommendation--g7 .recommendation--top,
  .recommendation--new,
  .recommendation--out__item,
  .recommendation--pr__item,
  .recommendation--top {
    grid-template-columns: 100px 1fr;
  }
}
@media screen and (max-width: 500px) {
  .grid_title {
    margin: 0;
  }
  .recommendation__grid {
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .recommendation__image--fav,
  .recommendation__image--new {
    padding-top: 75%;
  }
  .recommendation--fav {
    display: grid;
    grid-template-columns: 110px 1fr;
    grid-gap: 12px;
  }
  .recommendation--after,
  .recommendation--top {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
  }
  .recommendation--new {
    grid-template-columns: 110px 1fr;
  }
  .napirajz .recommendation--fav,
  .vesezo .recommendation--fav {
    display: flex;
    flex-direction: column;
  }
}
.new_with_text {
  border: unset;
  padding: 0;
}
.info-left {
  align-content: center;
  display: flex;
}
.info-box {
  align-items: center;
  display: flex;
}
.info-box__title {
  padding: 10px 20px 15px !important;
}
.info-box p {
  margin: 0;
}
.info-box a,
.info-box button {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: var(--bold);
  justify-content: center;
  line-height: 18px;
  text-decoration: none;
}
.info-box a a:hover,
.info-box button a:hover {
  -webkit-filter: opacity(0.9);
  opacity: 0.9;
  transition: var(--smooth);
}
.info-box a a:active,
.info-box button a:active {
  -webkit-filter: opacity(1);
  opacity: 1;
  transition: var(--smooth);
}
.letter {
  background-color: var(--secondary);
}
.letter p {
  color: var(--white);
}
.letter a {
  background-color: var(--yellow);
  color: var(--black);
}
.letter a:hover {
  background-color: var(--white);
}
.kari {
  border: 8px double #ddd;
}
.kari p {
  color: #d33;
}
.kari a {
  background-color: #d33;
  color: var(--white);
}
.kari a:hover {
  background-color: var(--accent);
}
.support {
  background-color: var(--yellow);
}
.support a,
.support p {
  color: var(--secondary);
}
.support a {
  background-color: var(--white);
  border: 1px solid var(--secondary);
}
.support a:hover {
  background-color: var(--gray-light-fx);
  color: var(--secondary);
}
.support-selector {
  background-color: var(--color-text);
  border-radius: 4px;
  position: relative;
}
.support-selector p {
  color: var(--color-bg);
}
.support-selector a {
  background-color: var(--color-bg);
  color: var(--color-text);
  transition: var(--smooth);
}
.support-selector a:hover {
  background: var(--color-accent-inv);
}
.support-content a {
  border-radius: 3px;
  cursor: pointer;
  font-size: 16px;
  font-weight: var(--bold);
  line-height: 18px;
  margin: 0;
  padding: 16px;
  text-decoration: none;
}
.support-content a a:hover {
  -webkit-filter: opacity(0.9);
  opacity: 0.9;
  transition: var(--smooth);
}
.support-content a a:active {
  -webkit-filter: opacity(1);
  opacity: 1;
  transition: var(--smooth);
}
.sidebar_container_ .support-content a {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 12px 0;
  width: 100%;
}
.article_container_ .info-left {
  max-width: 377px;
}
.article_container_ .support_plans {
  margin: 0 0 20px;
}
.article_container_ .support-content p {
  margin-top: 15px;
}
.support-content p {
  font-size: 0.88rem;
}
.frequency {
  margin: 20px 0 0;
}
.app {
  background-color: #fff;
  border: 5px solid var(--gray-light-fx);
}
.app p {
  color: var(--secondary);
}
.app a {
  background-color: var(--accent);
  color: var(--white);
}
.app a:hover {
  background-color: #086;
  color: var(--white);
}
.info-icons {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50px;
  width: 50px;
}
.push .info-icons,
.support .info-icons {
  height: 60px;
  width: 60px;
}
.kari-icon {
  transform: translateY(-5px);
}
.support-icon {
  transform: translateY(5px);
}
.support-selector-icon {
  height: 60px;
  width: 60px;
}
.support-selector-icon svg {
  height: 60px;
  width: 60px;
  fill: var(--color-bg);
}
.app-icon {
  background-image: var(--gfx-apps);
  height: 60px;
  transform: translateY(5px);
  width: 60px;
}
.info-icon-box {
  margin-right: 30px;
  padding: 0;
}
.info-article {
  justify-content: space-between;
  padding: 20px 30px;
}
.info-article a {
  margin-left: 30px;
  padding: 16px;
}
.info-home {
  flex-direction: column;
  padding: 20px 20px 30px;
}
.info-home a,
.support-home-content a {
  margin: 0;
  padding: 12px 0;
  width: 100%;
}
.info-spacing-home {
  margin: 8px 0 30px;
}
.info-spacing-article {
  margin: 0 0 60px;
}
.info-spacing-article-top {
  margin: 0 0 40px;
}
.info-text-article,
.info-text-home {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.info-text-home {
  padding: 20px 0;
}
.info-center-home {
  text-align: center;
  width: 100%;
}
.info-center-article {
  width: 100%;
}
.info-title {
  font-size: 18px;
  font-weight: var(--semibold);
  line-height: 24px;
}
.info-lead {
  font-size: 16px;
  font-weight: var(--regular);
  line-height: 22px;
  padding-top: 8px;
}
#side-box {
  margin: 60px 0;
}
#subscribes p {
  font-size: 16px;
  padding-left: 8px;
  width: 100%;
}
#subscribes a {
  background-color: transparent;
  color: var(--yellow);
}
#subscribes a:hover {
  cursor: pointer;
  text-decoration: underline;
}
#subscribes svg {
  fill: var(--yellow);
}
.push {
  background: #096;
  background: linear-gradient(288deg, #096, #069);
  border-radius: 3px;
  margin: 20px 0;
}
@media screen and (min-width: 500px) {
  .push {
    margin: 40px 0;
  }
}
.push p {
  color: var(--white);
}
.push a,
.push button {
  background-color: var(--white);
  color: var(--accent);
  margin-top: 20px;
  padding: 10px 15px;
  width: 100%;
}
@media screen and (min-width: 375px) {
  .push a,
  .push button {
    width: auto;
  }
}
.push a:hover,
.push button:hover {
  background-color: var(--gray-light-fx);
  color: var(--secondary);
}
.push .info-text-article {
  padding: 20px 0 0;
}
.subscribes-article {
  padding: 0 30px 20px;
}
.subscribes-home {
  padding: 0 20px 20px;
  transform: translateY(-20px);
}
.info-hint {
  align-content: flex-start;
  display: flex;
}
.info-icon {
  height: 16px;
  transform: translateY(-3px);
  width: 16px;
  fill: red;
}
.info-box-flex {
  display: flex;
  flex-wrap: wrap;
}
.check-box-mark,
.radio-mark {
  cursor: pointer;
  font-weight: var(--regular);
  margin: 0 0 20px;
  padding: 0 20px 0 30px;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.check-box-mark {
  color: var(--white);
}
.radio-mark {
  color: var(--color-secondary);
  font-size: 0.88rem;
  font-weight: var(--semibold);
}
.check-box-mark input,
.radio-mark input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.check-box {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 2px;
  top: 0;
}
.check-box,
.radio-button {
  height: 20px;
  left: 0;
  position: absolute;
  transform: translateY(4px);
  width: 20px;
}
.radio-button {
  border: 1px solid var(--color-secondary);
  border-radius: 10px;
  top: -2px;
}
.check-box-mark:hover input ~ .check-box {
  background-color: #ccc;
  transition: 0.5s;
}
.radio-mark:hover input ~ .radio-button {
  background-color: #0099661a;
  transition: 0.5s;
}
.check-box-mark input:checked ~ .check-box {
  background-color: var(--yellow);
  border: 1px solid var(--yellow);
}
.check-box:after,
.radio-button:after {
  content: "";
  display: none;
  position: absolute;
}
.check-box-mark input:checked ~ .check-box:after,
.radio-mark input:checked ~ .radio-button:after {
  display: block;
}
.check-box-mark .check-box:after {
  border: solid var(--primary);
  border-width: 0 3px 3px 0;
  height: 10px;
  left: 6px;
  top: 3px;
  transform: rotate(45deg);
  width: 6px;
}
.radio-mark .radio-button:after {
  background-color: var(--color-accent);
  border-radius: 10px;
  height: 10px;
  left: 4px;
  top: 4px;
  transform: rotate(45deg);
  width: 10px;
}
.support-selector .radio-mark {
  color: var(--color-accent-inv);
}
.support-selector .radio-mark .radio-button:after {
  background-color: var(--color-accent-inv);
}
.support-selector .radio-button {
  border: 2px solid var(--color-accent-inv);
  border-radius: 12px;
  height: 22px;
  width: 22px;
}
@media screen and (max-width: 1049px) {
  .info-article {
    flex-direction: column;
    padding: 30px;
  }
  .info-article a {
    margin: 0;
    padding: 12px 0;
    width: 100%;
  }
  .info-icon-box {
    margin-right: 0;
  }
  .info-text-article {
    padding: 20px 0;
  }
  .info-left {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  #subscribes,
  .support-content {
    transform: translateY(-20px);
  }
  .info-article {
    justify-content: space-between;
    padding: 20px 20px 30px;
  }
  .info-spacing-article {
    margin: 40px 0;
  }
  .info-center-article {
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .support-selector {
    width: calc(100% - 7px);
  }
}
.telex-donate .donate-box {
  align-items: center;
  background: #135;
  background: linear-gradient(90deg, #135 31%, #096 85%, #fe0, #e2007a00 135%);
  display: grid;
  grid-template-columns: 36px 1fr;
  grid-gap: 15px;
  border-radius: 3px;
  color: var(--white) !important;
  margin: 15px 0;
  padding: 10px 15px;
  transition: var(--theme);
}
.telex-donate .donate-box:hover {
  background-color: #025;
  background: linear-gradient(55deg, #135 31%, #096 85%, #fe0, #e2007a00 135%);
  text-decoration: none !important;
}
@media screen and (min-width: 500px) {
  .telex-donate .donate-box {
    grid-gap: 20px;
    grid-template-columns: 60px 1fr;
    padding: 15px;
  }
}
.telex-donate .donate-box__img {
  background-color: var(--white);
  border-radius: 2px;
  display: grid;
  height: 36px;
  place-content: center;
}
.telex-donate .donate-box__img svg {
  width: 32px;
}
@media screen and (min-width: 500px) {
  .telex-donate .donate-box__img {
    height: 60px;
  }
  .telex-donate .donate-box__img svg {
    width: 50px;
  }
}
.telex-donate .donate-box__txt {
  display: flex;
  flex-direction: column;
  font-size: 0.77rem;
  font-weight: var(--medium);
  max-width: 480px !important;
}
@media screen and (min-width: 500px) {
  .telex-donate .donate-box__txt {
    font-size: 0.88rem;
  }
}
.telex-donate .donate-box__txt span {
  font-size: 0.84rem;
  font-weight: var(--bold);
  margin-bottom: 0;
}
@media screen and (min-width: 500px) {
  .telex-donate .donate-box__txt span {
    font-size: 1.1rem;
  }
}
.telex-support {
  align-items: center;
  background: #135;
  background: linear-gradient(90deg, #135 31%, #096 85%, #fe0, #e2007a00 135%);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-gap: 15px;
  border-radius: 3px;
  color: var(--white) !important;
  padding: 10px 15px 20px;
  transition: var(--theme);
}
.telex-support:hover {
  background-color: #025;
  background: linear-gradient(55deg, #135 31%, #096 85%, #fe0, #e2007a00 135%);
  text-decoration: none !important;
}
.telex-support__img {
  background-color: var(--white);
  border-radius: 2px;
  display: grid;
  height: 36px;
  place-content: center;
}
.telex-support__img svg {
  width: 32px;
}
@media screen and (min-width: 500px) {
  .telex-support__img {
    height: 50px;
  }
  .telex-support__img svg {
    width: 50px;
  }
}
.telex-support__txt {
  cursor: default;
  display: flex;
  flex-direction: column;
  font-size: 0.77rem;
  font-weight: var(--medium);
  max-width: 480px !important;
}
@media screen and (min-width: 500px) {
  .telex-support__txt {
    font-size: 0.88rem;
  }
}
.telex-support__txt span {
  font-size: 0.84rem;
  font-weight: var(--bold);
  margin-bottom: 0;
}
@media screen and (min-width: 500px) {
  .telex-support__txt span {
    font-size: 1rem;
  }
}
.telex-support__btn {
  background-color: var(--white);
  border-radius: 3px;
  color: var(--secondary);
  display: grid;
  font-size: 0.8rem;
  font-weight: var(--bold);
  padding: 7px 0;
  place-content: center;
  width: calc(100vw - 60px);
}
.telex-support__btn:hover {
  background-color: var(--yellow);
  opacity: 0.9;
  transition: var(--theme);
}
@media screen and (min-width: 500px) {
  .telex-support {
    grid-gap: 20px;
    grid-template-columns: 1fr 120px;
    grid-template-rows: 1fr;
    padding: 15px;
  }
  .telex-support__btn {
    width: 100%;
  }
}
.telex-anniversary {
  background-color: var(--color-gray-light-fx);
  border: 1px solid var(--color-gray-mid-light-fx);
  border-radius: 3px;
  color: var(--color-secondary);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 15px 10px;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .telex-anniversary {
    padding: 15px 20px;
  }
}
.telex-anniversary h1 {
  font-size: 1.2rem !important;
  font-weight: var(--bold);
  margin: 0 0 10px;
}
.telex-anniversary p {
  font-size: 0.88rem;
}
.telex-anniversary label {
  font-size: 0.77rem;
}
.telex-anniversary__actions {
  display: grid;
  grid-template-columns: 1fr 60px;
  grid-template-rows: 1fr;
  grid-gap: 10px;
  margin: 10px 0;
}
.telex-anniversary__actions__container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.telex-anniversary__email {
  border: 1px solid var(--color-gray-mid-light-fx);
  border-radius: 3px;
  color: var(--secondary);
  cursor: pointer;
  font-size: 0.9rem;
  height: 40px;
  padding: 10px;
  transition: var(--theme-border);
  width: 100%;
}
.telex-anniversary__email:active,
.telex-anniversary__email:hover {
  border: 1px solid var(--secondary);
  transition: var(--theme-border);
}
.telex-anniversary__email::-moz-placeholder {
  color: #11335580;
}
.telex-anniversary__email::placeholder {
  color: #11335580;
}
.telex-anniversary__submit {
  background-color: var(--color-secondary);
  border-radius: 3px;
  cursor: pointer;
  display: grid;
  height: 40px;
  place-content: center;
  transition: var(--theme);
}
.telex-anniversary__submit:hover {
  opacity: 0.9;
}
.telex-anniversary__submit:active {
  background-color: var(--color-accent);
  transition: var(--theme);
}
.telex-anniversary__submit svg {
  fill: var(--color-bg);
  transform: translateY(-1px);
  transition: var(--theme-fill);
  width: 22px;
}
.telex-anniversary__data-management {
  display: grid;
  grid-template-columns: 15px 1fr;
  grid-template-rows: 1fr;
  grid-gap: 10px;
  align-items: self-start;
  margin-top: 10px;
  width: 100%;
}
.telex-anniversary__data-management__label {
  color: var(--color-secondary);
  transition: var(--theme-text);
}
.telex-anniversary__data-management input {
  transform: translateY(5px);
}
.telex-anniversary__data-management a {
  color: var(--color-accent);
  cursor: pointer;
  text-decoration: underline;
  transition: var(--theme-text);
}
.telex-anniversary__thanks {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-template-rows: 1fr;
  grid-gap: 20px;
  align-items: center;
  padding: 10px 0;
}
@media screen and (min-width: 500px) {
  .telex-anniversary__thanks {
    grid-template-columns: 80px 1fr;
    margin: 0 auto;
  }
}
.telex-anniversary__thanks svg {
  fill: var(--color-accent);
  height: 80px;
  transition: var(--theme-fill);
}
.telex-anniversary__thanks__txt {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 500px) {
  .telex-anniversary__thanks__txt {
    max-width: 375px;
    transform: translateY(-7px);
  }
}
.telex-anniversary__thanks__txt h1 {
  font-size: 1rem !important;
  width: 100% !important;
}
@media screen and (min-width: 500px) {
  .telex-anniversary__thanks__txt h1 {
    font-size: 1.2rem !important;
  }
}
.support-m {
  display: grid;
}
@media screen and (min-width: 769px) {
  .support-m {
    display: none;
  }
}
.support-d {
  display: none;
}
@media screen and (min-width: 769px) {
  .support-d {
    display: grid;
  }
}
.hint_box {
  background-color: var(--color-gray-light) !important;
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  margin: 0 0 20px !important;
  padding: 10px 20px 20px !important;
  transition: var(--theme), var(--theme-border);
}
.hint_box--top {
  margin: 0 0 30px;
}
.hint_box--title {
  padding: 10px 20px 15px !important;
}
.hint_box__more {
  background: var(--color-gray-light);
  bottom: 0;
  left: 0;
  padding: 0 0 0 5px;
  position: absolute;
  transition: var(--theme);
  width: 100%;
}
.hint_box__more span {
  align-items: center;
  border: 1px solid var(--color-text);
  border-radius: 3px;
  color: var(--color-text);
  cursor: pointer;
  display: flex;
  font-size: 0.77rem;
  font-weight: var(--bold);
  justify-content: center;
  position: relative;
  transition: var(--theme-text) var(--theme-border);
}
.hint_box__more span:hover {
  border: 1px solid var(--color-gray-medium);
}
.hint_box__more span:before {
  background: var(--color-gray-light-fade);
  content: "";
  height: 40px;
  left: -2px;
  position: absolute;
  top: -41px;
  width: calc(100% + 5px);
}
.hint_box__more span i {
  font-size: 1.2rem;
  padding: 0 0 0 4px;
}
.hint_box__txt {
  position: relative;
}
.hint_box svg {
  height: 16px;
  width: 16px !important;
  fill: var(--color-accent);
}
.hint_box a,
.hint_box p {
  display: inline;
  font-size: 0.8rem;
  width: auto;
}
.hint_box p {
  margin-left: 4px;
}
.hint_box a {
  color: var(--color-accent);
  cursor: pointer;
  transition: var(--theme-text);
}
.hint_box a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .hint_box--top {
    margin: 0 0 30px;
  }
}
.hint_box--zacc p {
  cursor: default;
}
.hint_box--zacc svg {
  fill: var(--color-viral);
}
.hint_box--traffic {
  align-items: center;
  padding: 15px 20px 20px;
}
@media screen and (min-width: 500px) {
  .hint_box--traffic {
    padding: 10px 20px !important;
  }
}
.hint_box--traffic p {
  cursor: default;
}
@media screen and (min-width: 500px) {
  .hint_box--traffic {
    align-items: center;
    display: flex;
  }
}
.hint_box--traffic #pp_txt {
  display: initial;
}
@media screen and (min-width: 500px) {
  .hint_box--traffic #pp_txt {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
}
.hint_box--traffic #pp_txt a {
  background-color: var(--color-accent);
  border-radius: 3px;
  color: var(--color-bg);
  cursor: pointer;
  display: block;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 18px;
  margin: 15px 0 0;
  padding: 12px 15px;
  text-align: center;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .hint_box--traffic #pp_txt a {
    margin: 0 0 0 15px;
  }
}
.hint_box--traffic #pp_txt a:hover {
  background-color: var(--color-secondary);
  text-decoration: none;
  transition: var(--smooth);
}
.hint_box--ep2024 {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 5px;
  align-items: center;
}
.hint_box--ep2024 p {
  display: block;
}
@media screen and (min-width: 500px) {
  .hint_box--ep2024 {
    grid-template-columns: 50px 1fr;
    grid-gap: 10px;
  }
}
.hint_box--ep2024 svg {
  height: 25px;
  width: 40px !important;
}
@media screen and (min-width: 500px) {
  .hint_box--ep2024 svg {
    height: 30px;
    width: 50px !important;
  }
}
.hint_box--pp {
  align-items: center;
  display: block;
  flex-direction: column;
  padding: 15px 20px 20px;
}
.hint_box--pp .hint_box__context {
  display: grid;
  grid-template-columns: 16px 1fr;
  grid-gap: 7px;
  align-items: center;
  justify-items: start;
}
.hint_box--pp .hint_box__cta {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 500px) {
  .hint_box--pp .hint_box__cta {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.hint_box--pp .hint_box__title {
  font-size: 0.9rem;
  font-weight: var(--bold);
  padding: 20px 0 10px;
}
.hint_box--pp .hint_box__info {
  font-size: 0.77rem;
}
.hint_box--pp .hint_box__btn {
  background-color: var(--color-accent);
  border-radius: 3px;
  color: var(--color-bg);
  cursor: pointer;
  display: block;
  font-size: 0.77rem;
  font-weight: 700;
  line-height: 18px;
  margin: 15px 0 0;
  padding: 12px 10px;
  text-align: center;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .hint_box--pp .hint_box__btn {
    margin: 0 0 0 10px;
  }
}
@media screen and (min-width: 768px) {
  .hint_box--pp .hint_box__btn {
    padding: 12px 15px;
  }
}
@media screen and (min-width: 1200px) {
  .hint_box--pp .hint_box__btn {
    font-size: 0.88rem;
  }
}
.hint_box--pp .hint_box__btn:hover {
  background-color: var(--color-secondary);
  text-decoration: none;
  transition: var(--smooth);
}
@media screen and (min-width: 500px) {
  .hint_box--pp {
    padding: 10px 20px !important;
  }
}
.hint_box--pp p {
  cursor: default;
}
.hint_box--pr {
  align-items: center;
  display: block;
  flex-direction: column;
  margin-top: 30px !important;
  padding: 15px 20px 20px;
  position: relative;
}
.hint_box--pr:before {
  color: #a4a4a4;
  /* content: "hirdetés"; */
  display: block;
  font-size: 10px;
  font-weight: 400;
  left: 50%;
  padding: 2px 8px;
  position: absolute;
  text-transform: uppercase;
  top: -20px;
  transform: translate(-50%);
}
.hint_box--pr .hint_box__context {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 7px;
  align-items: center;
  justify-items: start;
}
.hint_box--pr .hint_box__cta {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 500px) {
  .hint_box--pr .hint_box__cta {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.hint_box--pr .hint_box__title {
  font-size: 0.9rem;
  font-weight: var(--bold);
  padding: 20px 0 10px;
}
.hint_box--pr .hint_box__info {
  font-size: 0.77rem;
}
.hint_box--pr .hint_box__btn {
  background-color: var(--color-accent);
  border-radius: 3px;
  color: var(--color-bg);
  cursor: pointer;
  display: block;
  font-size: 0.77rem;
  font-weight: 700;
  line-height: 18px;
  margin: 15px 0 0;
  padding: 12px 10px;
  text-align: center;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .hint_box--pr .hint_box__btn {
    margin: 0 0 0 10px;
  }
}
@media screen and (min-width: 768px) {
  .hint_box--pr .hint_box__btn {
    padding: 12px 15px;
  }
}
@media screen and (min-width: 1200px) {
  .hint_box--pr .hint_box__btn {
    font-size: 0.88rem;
  }
}
.hint_box--pr .hint_box__btn:hover {
  background-color: var(--color-secondary);
  text-decoration: none;
  transition: var(--smooth);
}
@media screen and (min-width: 500px) {
  .hint_box--pr {
    padding: 10px 20px !important;
  }
}
.hint_box--pr p {
  cursor: default;
}
.hint_box--okotars {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 20px;
  align-items: center;
  padding: 20px !important;
}
.hint_box--okotars__txt {
  line-height: 1.3;
  max-width: 420px;
}
.hint_box--okotars .hint_box--okotars__logo {
  height: 100% !important;
  width: 60px !important;
}
.hint_box--okotars .hint_box--okotars__logo__txt {
  fill: var(--color-text);
  transition: var(--theme-fill);
}
.list__page .hint_box--ep2024 {
  font-size: 0.6rem;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 10px 15px 15px !important;
  grid-gap: 10px;
}
.list__page .hint_box--ep2024 svg {
  margin: 5px 0 0;
}
.article-hint {
  padding: 20px 0 0;
  position: relative;
}
.article-hint #hidden-hint {
  display: none;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.article-hint #hidden-hint + .hint_box__more + .hint_box__content {
  display: grid;
  height: 100%;
  max-height: 150px;
  overflow: hidden;
}
.article-hint #hidden-hint:checked + .hint_box__more {
  display: none;
}
.article-hint #hidden-hint:checked + .hint_box__more + .hint_box__content {
  max-height: 100%;
}
.direkt--donate,
.direkt--hint {
  align-items: center;
  background-color: #db4d4e;
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 20px;
  border-radius: 3px;
  color: var(--white) !important;
  font-size: 0.9rem;
  line-height: 1.3;
  padding: 10px 15px;
}
.direkt--donate:hover,
.direkt--hint:hover {
  background-color: #d44;
  text-decoration: none !important;
}
@media screen and (min-width: 500px) {
  .direkt--donate,
  .direkt--hint {
    padding: 15px;
  }
}
@media screen and (min-width: 768px) {
  .direkt--donate,
  .direkt--hint {
    grid-template-columns: 60px 1fr;
  }
}
.direkt--hint {
  font-size: 0.77rem;
  font-weight: var(--regular);
}
.direkt--hint__txt {
  max-width: 480px !important;
}
.direkt--donate {
  font-weight: var(--bold);
}
.direkt--donate__txt {
  display: flex;
  flex-direction: column;
  max-width: 520px !important;
}
.direkt--donate__txt .direkt__button {
  font-weight: var(--bold);
  margin: 5px 0 0;
}
.direkt--donate__txt span:first-child {
  margin-right: 15px;
}
.direkt__36 {
  background-color: var(--white);
  display: grid;
  height: 60px;
  place-content: center;
  width: 100%;
}
.direkt__36 svg {
  fill: #db4d4e;
  width: 30px;
}
@media screen and (min-width: 768px) {
  .direkt__36 {
    height: 60px;
  }
  .direkt__36 svg {
    width: 30px;
  }
}
.direkt--hint__link,
.direkt__button {
  color: var(--yellow);
  font-weight: var(--medium);
}
.direkt--hint__link:hover,
.direkt__button:hover {
  text-decoration: underline;
}
.hold--box,
.hold--hint {
  align-items: center;
  display: grid;
  font-weight: var(--bold);
  grid-template-columns: 60px 1fr;
  grid-gap: 20px;
  background: #020024;
  background: linear-gradient(30deg, #020024 -75%, #cd3160);
  border-radius: 3px;
  color: var(--white) !important;
  margin: 15px 0;
  padding: 15px;
}
.hold--box:hover,
.hold--hint:hover {
  background: linear-gradient(90deg, #020024 -75%, #cd3160);
  text-decoration: none !important;
}
@media screen and (min-width: 768px) {
  .hold--box,
  .hold--hint {
    grid-template-columns: 60px 1fr;
  }
}
.hold__img {
  background-color: #cd3160;
  display: grid;
  height: 60px;
  place-content: center;
  width: 100%;
}
.hold__img svg {
  fill: var(--white);
  width: 30px;
}
@media screen and (min-width: 768px) {
  .hold__img {
    height: 60px;
  }
  .hold__img svg {
    width: 30px;
  }
}
.hold--box__txt {
  max-width: 480px !important;
}
.hold--box__txt span:first-child {
  margin-right: 15px;
}
.hold--hint {
  font-size: 0.77rem;
  font-weight: var(--regular);
}
.hold--hint__txt {
  max-width: 480px !important;
}
.alapblog {
  background-color: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  display: grid;
  grid-template-columns: 40px 1fr;
  margin: 20px 0 0;
  padding: 15px 20px 15px 10px;
  transition: var(--theme), var(--theme-border);
  grid-gap: 15px;
  align-items: start;
}
.alapblog div {
  display: block;
}
@media screen and (min-width: 500px) {
  .alapblog {
    grid-template-columns: 40px 1fr 140px;
    grid-template-rows: 1fr;
    padding: 20px;
    grid-gap: 20px;
    align-items: center;
  }
  .alapblog div {
    display: none;
  }
}
.alapblog svg {
  height: 40px;
  transform: translateY(5px);
  width: 40px !important;
}
@media screen and (min-width: 500px) {
  .alapblog svg {
    transform: none;
  }
}
.alapblog svg circle {
  fill: var(--color-hold);
}
.alapblog svg path {
  fill: var(--color-bg);
}
.alapblog p {
  font-size: 0.8rem;
  margin: 0 !important;
  width: auto;
}
.alapblog a {
  color: var(--color-accent);
  cursor: pointer;
  transition: var(--theme-text);
}
.alapblog a:hover {
  text-decoration: underline;
}
.alapblog--top {
  margin: 0 0 30px;
}
.alapblog--btn {
  background-color: var(--color-hold);
  border-radius: 3px;
  color: var(--color-bg) !important;
  cursor: pointer;
  display: grid;
  font-size: 0.8rem;
  font-weight: var(--bold);
  height: 40px;
  place-content: center;
  transition: var(--theme), var(--theme-text) !important;
}
.alapblog--btn:hover {
  opacity: 0.9;
  text-decoration: none !important;
}
.coverless .sponsored-line {
  margin-bottom: 0;
}
.bigcover .sponsored-line {
  margin-bottom: 30px;
}
.separator-hidden {
  border: none !important;
}
.separator-except {
  border-bottom: 1px dotted var(--color-gray-medium) !important;
  transition: var(--theme-border);
}
.index-box {
  border-bottom: 1px dotted var(--color-gray-medium);
  border-top: 1px dotted var(--color-gray-medium);
  padding: 30px 0;
}
.index-box--under .tshop {
  background-color: #9bb;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .index-box--under .tshop {
    grid-template-columns: 444px 1fr;
  }
}
.index-box--under .tshop__img {
  background: transparent url(./tshop.CvnOX-2c.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
  height: 250px;
}
@media screen and (min-width: 768px) {
  .index-box--under .tshop__img {
    display: block;
  }
}
.index-box--under .tshop__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 22px;
}
@media screen and (min-width: 375px) {
  .index-box--under .tshop__content {
    padding: 30px;
  }
}
.index-box--under .tshop__content p {
  color: var(--black);
  font-family: var(--serif);
  font-size: 1.2rem;
  font-style: italic;
  font-weight: var(--medium);
  line-height: 1.2;
  margin: 10px 0;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .index-box--under .tshop__content p {
    font-size: 1.4rem;
  }
}
.index-box--under .tshop__content svg {
  max-width: 400px;
}
.index-box--under .tshop__btn {
  background: var(--black);
  color: var(--white);
}
@media screen and (min-width: 768px) {
  .index-box--under .tshop__btn {
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content;
  }
}
.index-box--above {
  position: relative;
}
.index-box--above .corona-chart {
  background: var(--color-list);
  border: 1px solid var(--color-gray-mid-light);
  color: var(--color-text);
  display: grid;
  grid-template-columns: 1fr;
  padding: 20px 15px 0;
  transition: var(--theme), var(--theme-text);
  grid-gap: 10px;
  border-radius: 5px 5px 5px 0;
}
@media screen and (min-width: 768px) {
  .index-box--above .corona-chart {
    grid-template-columns: 1fr 400px;
    grid-gap: 30px;
    align-items: center;
    padding: 20px 30px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .index-box--above .corona-chart {
    grid-template-columns: 1fr 500px;
    padding: 20px 80px 25px;
  }
}
.index-box--above .corona-chart--txt {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  transform: translateY(-5px);
  z-index: 3;
}
.index-box--above .corona-chart--txt p {
  font-size: 0.88rem;
}
@media screen and (min-width: 768px) {
  .index-box--above .corona-chart--txt p {
    max-width: 500px;
  }
}
.index-box--above .corona-chart--txt p span {
  font-size: 1.1rem;
  font-weight: var(--bold);
}
.index-box--above .corona-chart--content {
  border: 1px solid var(gray-mid-light);
  border-radius: 3px;
  display: block;
  margin: 0 0 25px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .index-box--above .corona-chart--content {
    margin: 0;
  }
}
.index-box--above .corona-chart--content div {
  align-items: flex-start;
  display: flex;
  height: 100px;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .index-box--above .corona-chart--content div {
    height: 98px;
  }
}
.index-box--above .corona-chart--content .media {
  background: var(--white) !important;
  margin: 0;
  padding: 0 7px !important;
  width: calc(100vw - 60px);
}
@media screen and (min-width: 768px) {
  .index-box--above .corona-chart--content .media {
    width: 100%;
  }
}
.index-box--above .corona-chart--content .media .embedly-card-hug {
  margin: 0 !important;
}
.index-box--above .corona-chart--btn {
  background: var(--color-accent);
  color: var(--color-bg);
  margin: 10px 0 0;
  transition: var(--theme), var(--theme-text);
}
.index-box--above .tag {
  transform: none !important;
}
.index-box .dw-box {
  background: var(--color-text);
  color: var(--color-bg);
  display: grid;
  grid-template-columns: 1fr;
  padding: 20px 15px;
  transition: var(--theme), var(--theme-text);
  grid-gap: 20px;
  border-radius: 5px;
}
@media screen and (min-width: 768px) {
  .index-box .dw-box {
    grid-template-columns: 1fr 400px;
    grid-gap: 50px;
    align-items: center;
    padding: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .index-box .dw-box {
    grid-template-columns: 1fr 450px;
    grid-gap: 100px;
    padding: 30px 80px;
  }
}
.index-box .dw-box--txt {
  z-index: 3;
}
.index-box .dw-box--txt p {
  font-size: 0.88rem;
}
@media screen and (min-width: 768px) {
  .index-box .dw-box--txt p {
    max-width: 500px;
  }
}
.index-box .dw-box--txt p span {
  font-size: 1.1rem;
  font-weight: var(--bold);
}
.index-box .dw-box--content {
  display: grid;
  height: 0;
  overflow: hidden;
  padding-top: 56%;
  place-content: center;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .index-box .dw-box--content {
    align-items: flex-end;
    display: flex;
    overflow: hidden;
  }
}
.index-box .dw-box--content .media {
  margin: 0;
  padding: 0;
  position: absolute;
  width: calc(100vw - 60px);
}
@media screen and (min-width: 768px) {
  .index-box .dw-box--content .media {
    width: 100%;
  }
}
.index-box .dw-box--content .media .embedly-card-hug {
  margin: 0 !important;
}
.index-box .dw-box--btn {
  align-items: center;
  cursor: pointer;
  display: grid;
  grid-template-columns: 32px 1fr;
  grid-gap: 7px;
  background: #08d;
  background: linear-gradient(0deg, #08d, #0bf);
  border-radius: 3px;
  color: var(--white);
  font-size: 0.88rem;
  font-weight: var(--bold);
  margin: 10px 0 0;
  padding: 10px 15px;
  white-space: nowrap;
  width: -moz-min-content;
  width: min-content;
}
.index-box .dw-box--btn:hover {
  background: #08d;
  background: linear-gradient(30deg, #08d, #0bf 50%);
}
.index-box .dw-box--btn svg {
  width: 32px;
  fill: var(--white);
}
.shop-box {
  border-bottom: none;
  margin: 0 0 30px;
  padding-bottom: 0;
}
.christmas {
  align-items: center;
  background: var(--secondary);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  margin: 40px 0;
  padding: 20px 15px;
}
@media screen and (min-width: 500px) {
  .christmas {
    display: grid;
    grid-template-columns: 1fr 160px;
    padding: 20px 30px;
    grid-gap: 30px;
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .christmas {
    grid-template-columns: 1fr 210px;
    margin: 60px 0;
    padding: 30px 40px;
  }
}
.christmas--txt {
  display: flex;
  flex-direction: column;
  font-weight: var(--bold);
  justify-content: flex-start;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .christmas--txt {
    order: 1;
    text-align: left;
  }
}
.christmas--txt p {
  color: var(--white);
  cursor: default;
  font-size: 0.88rem;
  line-height: 1.6;
}
.christmas--txt span {
  font-family: var(--serif);
  font-size: 1.5rem;
  font-weight: var(--regular);
  line-height: 1.3;
  margin-bottom: 20px;
}
@media screen and (min-width: 1200px) {
  .christmas--txt span {
    font-size: 2rem;
  }
}
.christmas--img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100px;
  margin: 0 0 15px;
  width: 105px;
}
@media screen and (min-width: 500px) {
  .christmas--img {
    height: 150px;
    margin: 0;
    order: 2;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .christmas--img {
    height: 200px;
  }
}
.christmas--btn {
  background: var(--accent);
  color: var(--white);
  margin-top: 15px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .christmas--btn {
    white-space: nowrap;
    width: -moz-min-content;
    width: min-content;
  }
}
.gift-card {
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .gift-card {
    grid-template-columns: 300px 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .gift-card {
    grid-template-columns: 460px 1fr;
  }
}
.gift-card__txt {
  align-items: center;
  background: var(--white);
  border-radius: 0 0 5px 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  order: 2;
  outline: 1px solid var(--white);
  padding: 10px 20px 30px;
  text-align: center;
  width: 100%;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .gift-card__txt {
    border-radius: 5px 0 0 5px;
    order: 1;
    outline: 2px solid var(--white);
    padding: 20px 30px;
  }
}
.gift-card__txt p {
  color: #c97;
  cursor: default;
  font-size: 0.8rem;
  font-weight: var(--bold);
  line-height: 1.4;
  margin: 3px 0;
  max-width: 400px;
}
@media screen and (min-width: 768px) {
  .gift-card__txt p {
    font-size: 0.85rem;
  }
}
@media screen and (min-width: 1200px) {
  .gift-card__txt p {
    font-size: 0.94rem;
  }
}
.gift-card__txt span {
  color: var(--secondary);
  font-family: var(--serif);
  font-size: 1.5rem;
  font-weight: var(--bold);
  line-height: 1.3;
}
.gift-card__img {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px 5px 0 0;
  height: 200px;
  order: 1;
  width: calc(100% + 4px);
}
@media screen and (min-width: 500px) {
  .gift-card__img {
    height: 260px;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .gift-card__img {
    border-radius: 0 5px 5px 0;
    height: 270px;
    order: 2;
    transform: translate(1px);
  }
}
.gift-card__btn {
  background: #417b5f;
  border-radius: 3px;
  color: var(--white);
  margin: 15px 0 0;
  max-width: 400px;
  white-space: nowrap;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .gift-card__btn {
    width: -moz-min-content;
    width: min-content;
  }
}
.kari-box {
  align-items: center;
  background: #ffdab3;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  padding: 30px 15px 20px;
}
@media screen and (min-width: 768px) {
  .kari-box {
    display: grid;
    grid-template-columns: 2fr 1fr;
    padding: 20px;
  }
}
.kari-box__txt {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 20px 5px 5px;
}
@media screen and (min-width: 768px) {
  .kari-box__txt {
    order: 1;
  }
  .kari-box__txt > * {
    transform: translateY(-10px);
  }
}
.kari-box__txt p {
  color: var(--black);
  cursor: default;
  font-size: 0.9rem;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .kari-box__txt p {
    max-width: 400px;
  }
}
.kari-box__txt p:first-child {
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .kari-box__txt p:first-child {
    margin: 0;
  }
}
.kari-box__txt p span {
  font-family: var(--serif);
  font-size: 1.3rem;
  line-height: 1.3;
}
@media screen and (min-width: 500px) {
  .kari-box__txt p span {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .kari-box__txt p span {
    font-size: 2rem;
  }
}
.kari-box__img {
  max-width: 180px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .kari-box__img {
    max-width: 220px;
  }
}
@media screen and (min-width: 1200px) {
  .kari-box__img {
    max-width: 250px;
  }
}
@media screen and (min-width: 768px) {
  .kari-box__img {
    order: 2;
  }
}
.kari-box__btn {
  background: var(--black);
  border-radius: 5px;
  color: var(--white);
  margin: 15px 0 0;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .kari-box__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.mano {
  background: #9acd32;
  border: 1px solid var(--secondary);
  margin: 30px 0;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .mano {
    border: none;
  }
}
.mano__toggle {
  background: #9acd32;
  border-radius: 30px;
  display: grid;
  left: 20px;
  place-content: center;
  position: absolute;
  top: 35%;
}
@media screen and (min-width: 500px) {
  .mano__toggle {
    left: 30px;
    top: 40%;
  }
}
.mano__toggle__icon {
  background: #0cc;
  border: 2px solid var(--black);
  border-radius: 30px;
  display: grid;
  height: 70px;
  place-content: center;
  position: relative;
  width: 40px;
}
@media screen and (min-width: 500px) {
  .mano__toggle__icon {
    height: 100px;
    width: 60px;
  }
}
.mano__toggle__icon .theme-widget {
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: absolute;
  width: 60px;
}
.mano__toggle__icon .theme-widget__button {
  background: var(--color-general);
  border-radius: 30px;
  display: grid;
  height: 30px;
  place-content: center;
  width: 30px;
}
@media screen and (min-width: 500px) {
  .mano__toggle__icon .theme-widget__button {
    height: 44px;
    width: 44px;
  }
}
.mano__toggle__icon .theme-widget__button svg {
  width: 18px;
  fill: var(--white);
}
@media screen and (min-width: 500px) {
  .mano__toggle__icon .theme-widget__button svg {
    width: 22px;
  }
}
.mano__toggle__icon .theme-widget__button__img {
  width: 100%;
}
.mano__toggle__icon .theme-widget__button span {
  display: none;
}
.main--light .mano__toggle__icon .theme-widget {
  bottom: auto;
  position: absolute;
  top: 3px;
  transition: top 0.3s, bottom 0.3s;
}
@media screen and (min-width: 500px) {
  .main--light .mano__toggle__icon .theme-widget {
    top: 5px;
  }
}
.main--dark .mano__toggle__icon .theme-widget {
  bottom: 3px;
  position: absolute;
  top: auto;
  transition: top 0.3s, bottom 0.3s;
}
@media screen and (min-width: 500px) {
  .main--dark .mano__toggle__icon .theme-widget {
    bottom: 5px;
  }
}
.email-box__content {
  display: grid;
  grid-template-columns: 60px 1fr;
  grid-gap: 10px;
  align-items: start;
  background-color: var(--color-gray-light-fx);
  border: 1px solid var(--color-gray-mid-light-fx);
  border-radius: 0 5px;
  color: var(--color-secondary);
  font-weight: var(--semibold);
  margin: 20px 0;
  padding: 15px 15px 20px;
  transition: var(--theme), var(--theme-border), var(--theme-text);
}
@media screen and (min-width: 500px) {
  .email-box__content {
    align-items: center;
    grid-template-columns: 60px 1fr 100px;
    grid-gap: 15px;
    padding: 15px 20px;
  }
  .email-box__content span {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .email-box__content {
    grid-template-columns: 80px 1fr 100px;
  }
}
.email-box__content svg {
  fill: var(--secondary);
  width: 60px;
}
@media screen and (min-width: 1200px) {
  .email-box__content svg {
    width: 80px;
  }
}
.email-box__img {
  background-color: var(--white);
  border: 1px solid var(--color-gray-mid-light-fx);
  border-radius: 0 10px;
  margin: 7px 0 0;
  max-height: 50px;
  padding: 7px;
}
@media screen and (min-width: 500px) {
  .email-box__img {
    margin: 0;
  }
}
.email-box__eye {
  margin: 7px 0 0;
}
@media screen and (min-width: 500px) {
  .email-box__eye {
    margin: 0;
  }
}
.email-box__eye #eye_one {
  fill: #fd0;
}
.email-box__eye #eye_two {
  fill: var(--white);
}
.email-box__eye #eye_three {
  fill: var(--secondary);
}
.email-box__txt {
  display: flex;
  flex-direction: column;
  font-weight: var(--regular);
  justify-content: flex-start;
}
.email-box__txt h1 {
  font-size: 1rem !important;
  font-weight: var(--semibold);
  line-height: 1.1;
  margin: 0 !important;
  width: 100% !important;
}
.email-box__txt p {
  font-size: 0.88rem;
  margin: 0 !important;
}
.email-box__btn {
  background-color: var(--color-secondary);
  border-radius: 3px;
  color: var(--color-bg) !important;
  cursor: pointer;
  display: grid;
  font-size: 0.88rem;
  font-weight: var(--semibold);
  height: 40px;
  padding: 10px 14px;
  place-content: center;
  text-decoration: none !important;
  transition: var(--theme), var(--theme-text);
}
.email-box__btn:hover {
  opacity: 0.9;
}
.email-box__btn:active {
  background-color: var(--color-accent);
  transition: var(--theme);
}
.telex-links {
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  font-weight: var(--semibold);
  padding: 15px;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .telex-links {
    margin: 8px 0 15px;
  }
}
.telex-links__group {
  display: grid;
  margin: 0 auto;
  max-width: 260px;
  grid-gap: 50px;
  align-items: center;
  grid-template-columns: 80px 1fr;
}
.telex-links__content {
  display: flex;
  flex-direction: column;
  max-width: 250px;
}
.telex-links__content a {
  color: var(--color-secondary);
  display: block;
  font-size: 1rem;
  font-weight: var(--bold);
  margin: 5px 0;
  position: relative;
  transition: var(--theme-text);
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .telex-links__content a {
    margin: 2px 0;
  }
}
.telex-links__content a:before {
  background: transparent;
  border-radius: 2px;
  color: var(--color-accent);
  content: "➜";
  height: 8px;
  left: -24px;
  pointer-events: none;
  position: absolute;
  top: 1px;
  transition: var(--theme-text), left 0.2s ease-out;
  width: 8px;
  z-index: -1;
}
.telex-links__content a:active:before,
.telex-links__content a:hover:before {
  background: var(--color-accent);
  border-radius: 2px;
  content: "";
  height: 4px;
  left: 0;
  top: 23px;
  transition: var(--theme-text), left 0.5s ease-out;
  width: 100%;
}
.telex-links__img {
  background-image: url(../images/telex-hand.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 80px;
  width: 80px;
}
.telex-links__img svg {
  fill: var(--color-bg);
  transition: var(--theme-fill);
}
.telex-links__img svg #border {
  fill: var(--secondary);
}
.telex-links__img svg #bg {
  fill: var(--white);
}
.telex-links__img svg #accent {
  fill: var(--color-accent);
  transition: var(--theme-fill);
}
@media screen and (min-width: 768px) {
  .s-screen {
    display: none;
  }
}
.l-screen {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-screen {
    display: block;
  }
}
.ov22--push {
  align-items: center;
  border-bottom: 2px solid var(--color-gray-mid-light);
  border-top: 2px solid var(--color-gray-mid-light);
  display: flex;
  flex-direction: column;
  margin: 30px 0;
  padding: 15px 0;
  transition: var(--theme-border);
}
@media screen and (min-width: 500px) {
  .ov22--push {
    flex-direction: row;
    justify-content: space-between;
  }
}
.ov22--push__message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .ov22--push__message {
    text-align: left;
  }
}
.ov22--push__title {
  font-weight: var(--bold);
}
.ov22--push__lead {
  font-size: 0.88rem;
}
.ov22--push__center .ov22--push__title {
  text-align: center;
}
.ov22--push__center .ov22--push__message {
  margin: 0 auto;
  max-width: 250px;
}
.ov22--push button {
  border: 1px solid rgba(34, 34, 34, 0.2);
  margin: 15px 0 5px;
  transition: var(--theme-border);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .ov22--push button {
    margin: 0;
    width: -moz-max-content;
    width: max-content;
  }
}
.ov22--push button:hover {
  opacity: 0.7;
}
@media screen and (min-width: 500px) {
  .telex-election {
    max-height: none;
    overflow: initial;
  }
}
.telex-election .sub-article__item {
  background-color: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  transition: var(--theme), var(--theme-border);
}
.telex-election h3 {
  font-size: 1.1rem;
  line-height: 1.3;
  margin: 0 0 7px;
}
.telex-election p {
  font-size: 17px;
}
.telex-election a {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .telex-election a {
    width: -moz-max-content;
    width: max-content;
  }
}
.telex-election a:hover {
  opacity: 0.8;
}
.liveblog .telex-election .sub-article__item {
  background-color: var(--color-yellow);
  border: none;
  color: #333;
}
.liveblog .telex-election a {
  background: #555;
  color: var(--white);
}
.women .longform-box {
  background: #e03d32;
  background: linear-gradient(-45deg, #e03d32, #e27568 50%, #e03d32);
  border-radius: 3px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-family: var(--sans);
  font-size: 0.95rem;
  margin: 20px auto;
  padding: 15px 15px 20px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .women .longform-box {
    margin: 30px auto;
  }
}
@media screen and (min-width: 768px) {
  .women .longform-box {
    margin: 40px auto;
    width: 100%;
  }
}
.women .longform-box__title {
  font-weight: var(--bold);
  text-transform: uppercase;
}
.women .longform-box__content {
  margin: 20px 0;
}
.women .longform-box__btn {
  background: var(--black);
  color: var(--white);
  display: grid;
  place-content: center;
}
@media screen and (min-width: 500px) {
  .women .longform-box__btn {
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content;
  }
}
.women .longform-box a {
  color: var(--white) !important;
}
.bullying .longform-box {
  background: #441212;
  background: linear-gradient(200deg, #441212 20%, #29235c 65%);
  border-radius: 3px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-family: var(--sans);
  font-size: 0.95rem;
  margin: 20px auto;
  padding: 15px 15px 20px;
  position: relative;
  width: 100%;
  z-index: 0;
}
.bullying .longform-box:after {
  background: #1d1d1b;
  background: linear-gradient(150deg, #1d1d1b, #1d1d1b00 40%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media screen and (min-width: 500px) {
  .bullying .longform-box {
    margin: 30px auto;
    width: calc(100% - 30px);
  }
}
@media screen and (min-width: 768px) {
  .bullying .longform-box {
    margin: 40px auto;
    width: 100%;
  }
}
.bullying .longform-box__title {
  font-weight: var(--bold);
  text-transform: uppercase;
}
.bullying .longform-box__content {
  margin: 20px 0;
}
.bullying .longform-box__btn {
  background: var(--yellow);
  display: grid;
  place-content: center;
}
@media screen and (min-width: 500px) {
  .bullying .longform-box__btn {
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content;
  }
}
.bullying .longform-box a {
  color: var(--black) !important;
}
.doggo {
  display: flex;
  flex-direction: column;
  margin: 20px auto;
}
@media screen and (min-width: 500px) {
  .doggo {
    margin: 30px auto;
  }
}
@media screen and (min-width: 768px) {
  .doggo {
    margin: 40px auto;
  }
}
.doggo .longform-box {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-family: var(--sans);
  font-size: 0.95rem;
  padding: 15px 15px 20px;
  position: relative;
  transition: var(--theme-border);
  width: 100%;
  z-index: 0;
}
@media screen and (min-width: 768px) {
  .doggo .longform-box {
    width: 100%;
  }
}
.doggo .longform-box__title {
  font-weight: var(--bold);
  text-transform: uppercase;
}
.doggo .longform-box__content {
  display: block;
  margin: 20px 0;
  width: 100%;
}
.doggo .longform-box__btn {
  background: var(--yellow);
  display: grid;
  place-content: center;
}
@media screen and (min-width: 500px) {
  .doggo .longform-box__btn {
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content;
  }
}
.doggo .longform-box a {
  color: var(--black) !important;
}
.szepkilatas__group {
  display: grid;
  grid-template-columns: 1fr;
  margin: 10px 0 20px;
  width: 100%;
  grid-gap: 10px;
  padding: 10px 20px;
}
@media screen and (min-width: 500px) {
  .szepkilatas__group {
    padding: 20px 40px;
  }
}
.szepkilatas__item {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.szepkilatas__item__title {
  font-weight: var(--bold);
  margin: 0 15px 0 0;
}
.szepkilatas__title {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.szepkilatas__title svg {
  margin: 0 7px 0 0;
  width: 16px;
}
.article_body_ .support-box {
  border-bottom: 3px solid var(--color-gray-mid-light);
  border-top: 3px solid var(--color-gray-mid-light);
  font-size: 0.95rem;
  margin: 20px 0 0;
  transition: var(--theme-border);
}
.article_body_ .support-box__actions {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box__actions {
    justify-content: flex-start;
  }
}
.article_body_ .support-box__actions .btn {
  margin: 0 10px 0 0;
}
.article_body_ .support-box__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px 10px;
  margin: 20px 0 30px;
}
@media screen and (min-width: 500px) {
  .article_body_ .support-box__buttons {
    grid-gap: 15px;
  }
}
.article_body_ .support-box__buttons .btn {
  display: grid;
  place-content: center;
}
.article_body_ .support-box__btn {
  background: var(--color-accent);
  display: block;
  font-size: 0.8rem;
  margin: 0;
}
.article_body_ .support-box__btn label {
  border: 1px solid rgba(var(--rgb-accent), 0.3);
  display: block;
  padding: 7px;
  transition: var(--theme-border);
  z-index: 9;
}
.article_body_ .support-box__btn input[type="radio"] {
  display: none;
}
.article_body_ .support-box__btn input[type="radio"] + label {
  margin: 0 !important;
}
.article_body_ .support-box__btn input[type="radio"] + label:hover {
  background: rgba(var(--rgb-accent), 0.05);
}
.article_body_ .support-box__btn input[type="radio"]:checked + label {
  background: rgba(var(--rgb-accent), 0.2);
  transition: var(--theme);
}
.article_body_ .support-box__cards {
  display: none;
}
@media screen and (min-width: 500px) {
  .article_body_ .support-box__cards {
    display: flex;
  }
}
.article_body_ .support-box__cards > * {
  margin: 0 0 0 7px;
}
.article_body_ .support-box__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box__content {
    align-items: flex-start;
  }
}
.article_body_ .support-box__framed {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.article_body_ .support-box__framed iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.article_body_ .support-box__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box__highlight:hover {
  opacity: 0.85;
}
.article_body_ .support-box__icons {
  background: transparent;
  padding: 0;
}
.article_body_ .support-box__icons svg {
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  height: 30px;
}
.article_body_ .support-box__message a {
  color: var(--color-accent);
}
.article_body_ .support-box__message a:hover {
  text-decoration: underline;
}
.article_body_ .support-box__more {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.article_body_ .support-box__next {
  background: var(--color-accent);
  color: var(--color-bg);
  margin: 15px 0 0 !important;
  transition: var(--theme), var(--theme-text);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .article_body_ .support-box__next {
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--pp {
  background: var(--color-accent);
  border-radius: 3px;
  color: var(--color-bg);
  margin-bottom: 10px;
  padding: 10px 20px 20px;
  transition: var(--theme), var(--theme-text);
}
.article_body_ .support-box--pp__title {
  display: block;
  font-size: 1.1rem;
  font-weight: var(--bold);
  line-height: 1.4;
}
.article_body_ .support-box--pp__content {
  font-size: 0.95rem;
  line-height: 1.5;
}
.article_body_ .support-box--pp__btn {
  background: var(--color-bg);
  color: var(--color-accent);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--pp__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--pp__btn:hover {
  opacity: 0.9;
}
.article_body_ .support-box__reminder {
  background: transparent;
  color: var(--color-text);
  font-weight: var(--semibold);
  margin: 0 10px !important;
  padding: 7px 0;
  transition: var(--theme-text);
}
.article_body_ .support-box__reminder:before {
  background: rgba(var(--rgb-accent), 0.25);
  bottom: 4px;
  content: "";
  display: none;
  height: 2px;
  left: 0;
  position: absolute;
  transition: var(--theme);
  width: 100%;
}
.article_body_ .support-box__reminder:hover {
  text-decoration: underline;
}
.article_body_ .support-box__reminder i {
  font-size: 0.9rem;
}
.article_body_ .support-box__title {
  font-weight: var(--bold);
}
.article_body_ .support-box > div {
  overflow: hidden;
  padding: 15px 0 20px;
}
.article_body_ .support-box .btn {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .article_body_ .support-box .btn {
    max-width: 250px;
  }
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box .btn {
    max-width: none;
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box__campaign {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box__campaign {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box__campaign .support-box__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  width: 160px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box__campaign .support-box__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box__campaign .support-box__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box__campaign .support-box__content {
    text-align: left;
  }
}
.article_body_ .support-box__campaign .support-box__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box__campaign .support-box__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box__campaign .support-box__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 500px) {
  .article_body_ .support-box__campaign .support-box__btn {
    padding: 10px 16px;
  }
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box__campaign .support-box__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box__campaign .support-box__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box__campaign .support-box__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--2years {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--2years {
    grid-template-columns: 300px 1fr;
    grid-gap: 30px;
    align-items: center;
  }
}
.article_body_ .support-box--2years__img svg {
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--2years__img svg {
    width: 300px;
  }
}
.article_body_ .support-box--2years__border {
  fill: var(--color-szepkilatas-border);
}
.article_body_ .support-box--2years__green {
  fill: var(--color-accent);
}
.article_body_ .support-box--2years__blue {
  fill: var(--color-szepkilatas-blue);
}
.article_body_ .support-box--2years__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--2years__content {
    text-align: left;
  }
}
.article_body_ .support-box--2years__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--2years__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--2years__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--2years__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--2years__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--afterparty {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--afterparty {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--afterparty__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--afterparty__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box--afterparty__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--afterparty__content {
    text-align: left;
  }
}
.article_body_ .support-box--afterparty__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--afterparty__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--afterparty__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--afterparty__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--afterparty__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--afterparty__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--atlathatosag {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--atlathatosag {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
  .article_body_ .support-box--atlathatosag > * {
    max-width: 400px;
  }
}
.article_body_ .support-box--atlathatosag .xray-animation {
  max-width: 300px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--atlathatosag .xray-animation {
    margin: 0 30px 0 0;
  }
}
.article_body_ .support-box--attack {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--attack {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--attack .support-box__img {
  background-image: url(../images/el_a_kezekkel_bg-d.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 200px;
  width: 160px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--attack .support-box__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box--attack .support-box__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--attack .support-box__content {
    text-align: left;
  }
}
.article_body_ .support-box--attack .support-box__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--attack .support-box__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--attack .support-box__btn {
  background: #c81a33 !important;
  color: var(--white) !important;
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--attack .support-box__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--attack .support-box__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--attack .support-box__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--carsoncoma {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--carsoncoma {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--carsoncoma__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--carsoncoma__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box--carsoncoma__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--carsoncoma__content {
    text-align: left;
  }
}
.article_body_ .support-box--carsoncoma__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--carsoncoma__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--carsoncoma__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--carsoncoma__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--carsoncoma__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--carsoncoma__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--danger {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--danger {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--danger__img {
  /* background-image: url(../images/el_a_kezekkel_bg-c.svg); */
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 200px;
  width: 160px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--danger__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box--danger__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--danger__content {
    align-items: flex-start;
    text-align: left;
  }
}
.article_body_ .support-box--danger__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--danger__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--danger__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--danger__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--danger__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--danger__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--eb .support-box__img {
  height: 190px !important;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--eb .support-box__img {
    height: 250px !important;
  }
  .article_body_ .support-box--eb .support-box__campaign {
    grid-template-columns: 240px 1fr;
  }
}
.article_body_ .support-box--egyszazalek {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--egyszazalek {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--egyszazalek .support-box__img {
  background-image: var(--1percent);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--egyszazalek .support-box__img {
    height: 300px;
    width: 250px;
  }
}
.article_body_ .support-box--egyszazalek .support-box__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--egyszazalek .support-box__content {
    text-align: left;
  }
}
.article_body_ .support-box--egyszazalek .support-box__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--egyszazalek .support-box__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--egyszazalek .support-box__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--egyszazalek .support-box__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--egyszazalek .support-box__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--egyszazalek .support-box__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--elfelejtett_magyar_konyha {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--elfelejtett_magyar_konyha {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--elfelejtett_magyar_konyha__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--elfelejtett_magyar_konyha__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box--elfelejtett_magyar_konyha__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--elfelejtett_magyar_konyha__content {
    text-align: left;
  }
}
.article_body_ .support-box--elfelejtett_magyar_konyha__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--elfelejtett_magyar_konyha__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--elfelejtett_magyar_konyha__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--elfelejtett_magyar_konyha__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--elfelejtett_magyar_konyha__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--elfelejtett_magyar_konyha__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--erossajto {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--erossajto {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--erossajto__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--erossajto__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box--erossajto__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--erossajto__content {
    text-align: left;
  }
}
.article_body_ .support-box--erossajto__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--erossajto__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--erossajto__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--erossajto__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--erossajto__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--erossajto__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--eszkombajn {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--eszkombajn {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--eszkombajn__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--eszkombajn__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box--eszkombajn__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--eszkombajn__content {
    text-align: left;
  }
}
.article_body_ .support-box--eszkombajn__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--eszkombajn__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--eszkombajn__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--eszkombajn__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--eszkombajn__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--eszkombajn__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--1sza {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--1sza {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--1sza .support-box__img {
  background-image: url(../images/illustrations/1percent-logo.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 150px;
  width: 150px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--1sza .support-box__img {
    height: 160px;
    width: 200px;
  }
}
.article_body_ .support-box--1sza .support-box__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--1sza .support-box__content {
    text-align: left;
  }
}
.article_body_ .support-box--1sza .support-box__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--1sza .support-box__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--1sza .support-box__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--1sza .support-box__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--1sza .support-box__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--1sza .support-box__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--freenews {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 10px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--freenews {
    grid-template-columns: 240px 1fr;
    grid-gap: 0 40px;
    align-items: center;
  }
}
.article_body_ .support-box--freenews__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 150px;
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--freenews__img {
    height: 300px;
    width: 240px;
  }
}
.article_body_ .support-box--freenews__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--freenews__content {
    text-align: left;
  }
}
.article_body_ .support-box--freenews__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--freenews__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--freenews__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--freenews__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--freenews__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--freenews__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--kari24,
.article_body_ .support-box--langos {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--kari24,
  .article_body_ .support-box--langos {
    grid-template-columns: 220px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--kari24__img,
.article_body_ .support-box--langos__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--kari24__img,
  .article_body_ .support-box--langos__img {
    height: 220px;
    width: 220px;
  }
}
.article_body_ .support-box--kari24__content,
.article_body_ .support-box--langos__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--kari24__content,
  .article_body_ .support-box--langos__content {
    text-align: left;
  }
}
.article_body_ .support-box--kari24__content h2,
.article_body_ .support-box--langos__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--kari24__highlight,
.article_body_ .support-box--langos__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--kari24__btn,
.article_body_ .support-box--langos__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--kari24__btn,
  .article_body_ .support-box--langos__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--kari24__btn:hover,
.article_body_ .support-box--langos__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--kari24__btn a,
.article_body_ .support-box--langos__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--perc .support-box__img,
.article_body_ .support-box--reszveny .support-box__img {
  background-image: url(../images/illustrations/reszvenyek.jpg);
}
.article_body_ .support-box--szepkilatas {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--szepkilatas {
    grid-template-columns: 300px 1fr;
    grid-gap: 30px;
    align-items: center;
  }
}
.article_body_ .support-box--szepkilatas__img svg {
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--szepkilatas__img svg {
    width: 300px;
  }
}
.article_body_ .support-box--szepkilatas__border {
  fill: var(--color-szepkilatas-border);
}
.article_body_ .support-box--szepkilatas__green {
  fill: var(--color-accent);
}
.article_body_ .support-box--szepkilatas__blue {
  fill: var(--color-szepkilatas-blue);
}
.article_body_ .support-box--szepkilatas__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--szepkilatas__content {
    text-align: left;
  }
}
.article_body_ .support-box--szepkilatas__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--szepkilatas__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--szepkilatas__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--szepkilatas__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--szepkilatas__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--tarca {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--tarca {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--tarca__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  width: 160px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--tarca__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box--tarca__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--tarca__content {
    text-align: left;
  }
}
.article_body_ .support-box--tarca__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--tarca__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--tarca__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--tarca__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--tarca__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--tarca__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--telex4 {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--telex4 {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--telex4 .support-box__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--telex4 .support-box__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box--telex4 .support-box__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--telex4 .support-box__content {
    text-align: left;
  }
}
.article_body_ .support-box--telex4 .support-box__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--telex4 .support-box__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--telex4 .support-box__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--telex4 .support-box__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--telex4 .support-box__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--telex4 .support-box__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--telex5 {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--telex5 {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--telex5__img {
  background-image: url(../images/telex-5.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 200px;
  width: 160px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--telex5__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box--telex5__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--telex5__content {
    align-items: flex-start;
    text-align: left;
  }
}
.article_body_ .support-box--telex5__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--telex5__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--telex5__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--telex5__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--telex5__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--telex5__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--video {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 10px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--video {
    grid-template-columns: 350px 1fr;
    grid-gap: 0 40px;
    align-items: center;
  }
}
.article_body_ .support-box--video__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 150px;
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--video__img {
    height: 300px;
    width: 240px;
  }
}
.article_body_ .support-box--video__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--video__content {
    text-align: left;
  }
}
.article_body_ .support-box--video__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--video__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--video__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--video__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--video__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--video__btn a {
  color: var(--color-bg);
}
.article_body_ .support-box--zsebtarca {
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 15px 0;
  grid-gap: 20px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--zsebtarca {
    grid-template-columns: 330px 1fr;
    grid-gap: 0;
    align-items: center;
  }
}
.article_body_ .support-box--zsebtarca .support-box__img {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 240px;
  width: 200px;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--zsebtarca .support-box__img {
    height: 300px;
    width: 300px;
  }
}
.article_body_ .support-box--zsebtarca .support-box__content {
  font-size: 0.95rem;
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--zsebtarca .support-box__content {
    text-align: left;
  }
}
.article_body_ .support-box--zsebtarca .support-box__content h2 {
  margin: 0 0 10px;
}
.article_body_ .support-box--zsebtarca .support-box__highlight {
  color: var(--color-accent);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.article_body_ .support-box--zsebtarca .support-box__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  height: 39px;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-box--zsebtarca .support-box__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article_body_ .support-box--zsebtarca .support-box__btn:hover {
  color: var(--color-bg);
  opacity: 0.9;
}
.article_body_ .support-box--zsebtarca .support-box__btn a {
  color: var(--color-bg);
}
.article_body_ .support-panel {
  background: var(--color-gray-mid-light);
  border: 1px solid var(--color-gray-medium);
  border-radius: 3px;
  display: grid;
  grid-template-columns: 1fr;
  margin: 30px 0;
  padding: 20px 15px;
  transition: var(--theme-border);
  grid-gap: 20px;
  align-items: center;
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-panel {
    grid-template-columns: 200px 1fr;
    grid-gap: 40px;
    padding: 20px 15px 20px 30px;
  }
}
.article_body_ .support-panel__gfx {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  max-height: 170px;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 375px) {
  .article_body_ .support-panel__gfx {
    max-height: 190px;
  }
}
@media screen and (min-width: 500px) {
  .article_body_ .support-panel__gfx {
    max-height: 190px;
  }
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-panel__gfx {
    max-height: none;
  }
}
.article_body_ .support-panel__content {
  display: flex;
  flex-direction: column;
}
.article_body_ .support-panel__btn {
  background: var(--color-accent);
  color: var(--color-bg);
  display: grid;
  margin: 15px 0 0;
  place-content: center;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 500px) {
  .article_body_ .support-panel__btn {
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-panel--pp {
    grid-template-columns: 1fr;
  }
}
.article_body_ .support-panel b {
  margin: 0 0 15px;
}
.article_body_ .support-panel span {
  font-size: 0.95rem;
}
.article_body_ .support-panel .hand-img {
  width: 100%;
}
@media screen and (min-width: 375px) {
  .article_body_ .support-panel .hand-img {
    max-width: 80%;
  }
}
@media screen and (min-width: 500px) {
  .article_body_ .support-panel .hand-img {
    max-width: 50%;
  }
}
@media screen and (min-width: 1200px) {
  .article_body_ .support-panel .hand-img {
    max-width: 200px;
  }
}
.article_body_ .support-panel .hand-img__accent {
  fill: #096;
  transition: var(--theme);
}
.article_body_ .support-panel .hand-img__fill {
  fill: #f9f9f9;
  transition: var(--theme);
}
.article_body_ .support-panel .hand-img__border {
  fill: #000;
  transition: var(--theme);
}
.article .newsletter-box {
  align-items: center;
  border: 1px solid var(--gray-medium);
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  margin: 0 0 20px;
  padding: 20px;
  transition: var(--theme), var(--theme-border);
}
.article .newsletter-box__img {
  width: 60px;
}
@media screen and (min-width: 500px) {
  .article .newsletter-box__img {
    width: 80px;
  }
}
.article .newsletter-box__img__bg {
  fill: var(--color-yellow);
}
.article .newsletter-box__title {
  color: var(--color-text) !important;
  cursor: default;
  font-size: 0.9rem;
  font-weight: var(--bold);
  margin: 10px;
  max-width: 350px;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .article .newsletter-box__title {
    font-size: 1.1rem;
    margin: 15px;
  }
}
.article .newsletter-box__btn {
  background: var(--color-yellow);
  border: 1px solid var(--gray-medium);
  color: var(--black) !important;
  display: grid;
  font-size: 0.88rem;
  place-content: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .article .newsletter-box__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
.article .newsletter-box__btn:hover {
  opacity: 0.8;
}
.article .newsletter-box a:hover {
  text-decoration: none !important;
}
.birthday-widget {
  --clock-size: 3rem;
  background: #9cd;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  border-radius: 3px;
  color: var(--black);
  cursor: pointer;
  font-size: 0.77rem;
  margin-inline: auto;
  margin: 30px auto 15px;
  max-width: calc(100vw - 30px);
  padding: 10px 15px;
  position: relative;
  width: 100%;
  z-index: 4;
}
@media screen and (min-width: 500px) {
  .birthday-widget {
    padding: 10px 15px;
  }
}
@media screen and (min-width: 768px) {
  .birthday-widget {
    margin: 35px auto 5px;
    max-width: calc(100vw - 60px);
  }
}
@media screen and (min-width: 1200px) {
  .birthday-widget {
    margin: 40px auto 0;
    max-width: 1120px;
  }
}
.birthday-widget__name {
  font-weight: var(--bold);
}
.birthday-widget__icon__item {
  height: 100%;
  width: 100%;
}
.birthday-widget__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .birthday-widget__content {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
}
.birthday-widget__btn {
  background: var(--yellow);
  border: 1px solid var(--black);
  border-radius: 3px;
  color: var(--black);
  display: grid;
  font-size: 0.77rem;
  height: -moz-max-content;
  height: max-content;
  margin: 7px 0 0;
  padding: 8px 15px;
  place-content: center;
}
@media screen and (min-width: 500px) {
  .birthday-widget__btn {
    font-size: 0.88rem;
    margin: 0 0 0 15px;
  }
}
.birthday-widget__container {
  display: grid;
  grid-template-columns: 54px 1fr;
  grid-gap: 15px;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}
.birthday-widget .telex-coin {
  height: var(--clock-size);
  transform-style: preserve-3d;
  width: var(--clock-size);
}
.birthday-widget .spin {
  animation: spin 3s cubic-bezier(0.16, 1, 0.9, 1);
}
.birthday-widget .back,
.birthday-widget .front,
.birthday-widget .middle {
  background-image: url(../images/illustrations/telex-coin.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
}
.birthday-widget .middle {
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.birthday-widget .front {
  position: absolute;
  top: 0;
  transform: translateZ(6px);
}
.birthday-widget .back {
  transform: scaleX(-1) translateZ(1px);
}
.birthday-widget .middle:first-child {
  transform: translateZ(1px);
}
.birthday-widget .middle:nth-child(2) {
  transform: translateZ(2px);
}
.birthday-widget .middle:nth-child(3) {
  transform: translateZ(3px);
}
.birthday-widget .middle:nth-child(4) {
  transform: translateZ(4px);
}
.birthday-widget .middle:nth-child(5) {
  transform: translateZ(5px);
}
.birthday-widget .middle:nth-child(6) {
  transform: translateZ(6px);
}
.birthday-widget .middle:nth-child(7) {
  transform: translateZ(7px);
}
.birthday-widget .middle:nth-child(8) {
  transform: translateZ(8px);
}
.birthday-widget .middle:nth-child(9) {
  transform: translateZ(9px);
}
@keyframes spin {
  0% {
    transform: rotateX(0) rotateY(0) rotate(0);
  }
  60% {
    transform: rotateX(20deg) rotateY(180deg) rotate(7deg);
  }
  to {
    transform: rotateX(0) rotateY(2turn) rotate(0);
  }
}
.birthday-widget .telex-clock,
.birthday-widget-mini .telex-clock {
  align-items: center;
  background: #fff;
  border: 3px solid #000;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  position: relative;
  transition: all 0.2s ease;
}
.birthday-widget .telex-clock:before,
.birthday-widget-mini .telex-clock:before {
  background-color: #000;
  border-radius: 4px;
  content: "";
  height: 7px;
  position: absolute;
  transition: all 0.2s ease;
  width: 7px;
  z-index: 7;
}
.birthday-widget .bg,
.birthday-widget-mini .bg {
  background-image: url(../images/illustrations/telex-clock.png);
  background-position: 50%;
  background-size: cover;
  bottom: -3px;
  left: -3px;
  position: absolute;
  right: -3px;
  top: -3px;
}
.birthday-widget .hour,
.birthday-widget .min,
.birthday-widget .sec,
.birthday-widget-mini .hour,
.birthday-widget-mini .min,
.birthday-widget-mini .sec {
  border-radius: 4px;
  display: flex;
  justify-content: center;
  position: absolute;
}
.birthday-widget .hour,
.birthday-widget-mini .hour {
  background: #000;
  border-width: 0;
  height: calc(var(--clock-size) / 3);
  left: calc(var(--clock-size) / 2.5);
  margin-left: 0;
  position: absolute;
  top: 6.5px;
  transform-origin: 50% calc(var(--clock-size) / 3);
  width: 3px;
  z-index: 5;
}
.birthday-widget .min,
.birthday-widget-mini .min {
  background: #000;
  width: 3px;
}
.birthday-widget .min,
.birthday-widget .sec,
.birthday-widget-mini .min,
.birthday-widget-mini .sec {
  border-width: 0;
  height: calc(var(--clock-size) / 2.5);
  left: calc(var(--clock-size) / 2.4);
  margin-left: 0;
  position: absolute;
  top: 3px;
  transform-origin: 50% calc(var(--clock-size) / 2.5);
  z-index: 5;
}
.birthday-widget .sec,
.birthday-widget-mini .sec {
  background: red;
  width: 2px;
}
.birthday-widget-mini {
  bottom: 10px;
  margin: initial !important;
  position: fixed;
  right: 50%;
  transform: translate(50%);
  width: -moz-max-content;
  width: max-content;
  z-index: 100;
}
@media screen and (min-width: 500px) {
  .birthday-widget-mini {
    right: 10px;
    transform: none;
  }
}
@media screen and (min-width: 768px) {
  .birthday-widget-mini {
    bottom: 15px;
    right: 15px;
  }
}
.birthday-widget-mini .minutes__cta {
  border: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 500px) {
  .birthday-widget-mini .minutes__info {
    flex-direction: column;
    width: 200px;
  }
  .birthday-widget-mini .minutes__info span {
    font-size: 0.88rem;
  }
  .birthday-widget-mini .birthday-widget__content {
    flex-direction: column;
  }
}
.birthday-widget-mini .birthday-widget__btn {
  font-size: 0.77rem;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .birthday-widget-mini .birthday-widget__btn {
    margin: 7px 0 0 !important;
  }
}
.birthday-widget-mini {
  background: #ffd4c7;
  border: 1px solid hsla(0, 0%, 100%, 0.5);
  border-radius: 3px;
  color: var(--black);
  cursor: pointer;
  display: none;
  font-size: 0.77rem;
  grid-template-columns: 1fr;
  margin: 0 auto;
  padding: 7px 15px;
  width: calc(100vw - 12px);
}
@media screen and (min-width: 500px) {
  .birthday-widget-mini {
    grid-template-columns: 40px 1fr;
    grid-gap: 15px;
    bottom: 25px;
    left: auto;
    right: 30px;
    width: 350px;
  }
}
.birthday-widget-mini__name {
  font-weight: var(--bold);
}
.birthday-widget-mini__icon {
  display: none;
}
@media screen and (min-width: 500px) {
  .birthday-widget-mini__icon {
    align-items: center;
    display: flex;
    justify-content: flex-start;
  }
}
.birthday-widget-mini__icon__item {
  height: 40px;
  width: 40px;
}
.birthday-widget-mini__content {
  display: block;
}
.telex-clock {
  height: var(--clock-size);
  left: 0;
  position: relative;
  top: 0;
  -webkit-transform-style: preserve-3d;
  width: var(--clock-size);
}
.minutes__counter {
  display: flex;
  flex-wrap: wrap;
  font-weight: var(--bold);
}
@media screen and (min-width: 768px) {
  .minutes__cta {
    border-right: 1px solid var(--black);
    margin: 0 15px 0 0;
    padding: 0 15px 0 0;
  }
}
.minutes__info {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .minutes__info {
    flex-direction: row;
  }
}
.minutes__info span {
  font-family: var(--serif);
  font-size: 0.88rem;
  line-height: 1.1;
}
@media screen and (min-width: 1200px) {
  .minutes__info span {
    font-size: 1rem;
  }
}
.transtelex-line {
  align-items: center;
  background: #222;
  background-image: linear-gradient(
    40deg,
    #ff1e50 -30%,
    #b4dce6 40%,
    #9b3333 120%
  );
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  margin: 30px auto 15px;
  max-width: calc(100vw - 30px);
  outline: 1px solid hsla(0, 0%, 100%, 0.3);
  overflow: hidden;
  padding: 10px;
  position: relative;
  z-index: 1;
}
.transtelex-line:after {
  background-image: radial-gradient(
    50% 91% at 50% -13.7%,
    #f56938cc 0,
    #f5693800
  );
  content: "";
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}
@media screen and (min-width: 375px) {
  .transtelex-line {
    padding: 15px;
  }
}
@media screen and (min-width: 500px) {
  .transtelex-line {
    padding: 15px 20px;
  }
}
@media screen and (min-width: 768px) {
  .transtelex-line {
    margin: 35px auto 5px;
    max-width: calc(100vw - 60px);
  }
}
@media screen and (min-width: 1200px) {
  .transtelex-line {
    margin: 40px auto 0;
    max-width: 1120px;
  }
}
.transtelex-line__btn {
  background: var(--yellow);
  border: 1px solid var(--secondary);
  border-radius: 3px;
  color: var(--black);
  display: grid;
  font-size: 0.77rem;
  place-content: center;
}
@media screen and (min-width: 500px) {
  .transtelex-line__btn {
    font-size: 0.88rem;
  }
}
.transtelex-line__btn:hover {
  opacity: 0.85;
}
.transtelex-line__info {
  display: grid;
  grid-template-columns: 1fr 85px;
  grid-gap: 10px;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 375px) {
  .transtelex-line__info {
    grid-gap: 12px;
  }
}
@media screen and (min-width: 500px) {
  .transtelex-line__info {
    grid-gap: 20px;
    grid-template-columns: 1fr 95px;
  }
}
@media screen and (min-width: 768px) {
  .transtelex-line__info {
    grid-gap: 30px;
  }
}
.transtelex-line__lead {
  align-items: center;
  color: var(--secondary);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.77rem;
  font-weight: var(--medium);
  gap: 5px 15px;
  justify-content: flex-start;
  line-height: 1.3;
}
@media screen and (min-width: 500px) {
  .transtelex-line__lead {
    font-size: 0.88rem;
  }
}
@media screen and (min-width: 768px) {
  .transtelex-line__lead {
    font-size: 1rem;
  }
}
.transtelex-line__lead b {
  background: var(--secondary);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--secondary), -5px 0 0 var(--secondary);
  color: var(--white);
  display: inline;
  font-weight: var(--bold);
  padding: 0 5px;
  white-space: nowrap;
}
.transtelex-line__title {
  color: var(--secondary);
  font-size: 1.1rem;
  font-weight: var(--max);
  line-height: 1.3;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .transtelex-line__title {
    font-size: 1.3rem;
  }
}
.transtelex-line-mini {
  background-color: linear-gradient(
    -170deg,
    #ff1e50 -30%,
    #b4dce6 40%,
    #9b3333 120%
  );
  bottom: 10px;
  grid-template-columns: 1fr;
  margin: initial !important;
  max-width: 320px;
  padding: 7px 10px;
  position: fixed;
  right: 50%;
  transform: translate(50%);
  width: -moz-max-content;
  width: max-content;
  z-index: 100;
  grid-gap: 7px;
  display: none;
}
@media screen and (min-width: 500px) {
  .transtelex-line-mini {
    right: 10px;
    transform: none;
  }
}
@media screen and (min-width: 768px) {
  .transtelex-line-mini {
    bottom: 15px;
    right: 15px;
  }
}
@media screen and (min-width: 500px) {
  .transtelex-line-mini .birthday-widget__content {
    flex-direction: column;
  }
}
.transtelex-line-mini .birthday-widget__btn {
  font-size: 0.77rem;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .transtelex-line-mini .birthday-widget__btn {
    margin: 7px 0 0 !important;
  }
}
.transtelex-line-mini .transtelex-line__title {
  font-size: 1rem;
  line-height: 1.3;
}
.transtelex-line-mini .transtelex-line__lead {
  font-size: 0.77rem;
}
@media screen and (min-width: 500px) {
  .transtelex-line-mini .transtelex-line__btn {
    font-size: 0.77rem;
  }
  .transtelex-line-mini .transtelex-line__info {
    grid-template-columns: 1fr 80px;
    grid-gap: 5px;
  }
}
.tt-line {
  align-items: center;
  background: #f12c2c;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  margin: 30px auto 15px;
  max-width: calc(100vw - 30px);
  outline: 1px solid hsla(0, 0%, 100%, 0.3);
  overflow: hidden;
  padding: 10px;
  position: relative;
  z-index: 4;
}
@media screen and (min-width: 375px) {
  .tt-line {
    padding: 15px;
  }
}
@media screen and (min-width: 500px) {
  .tt-line {
    padding: 15px 20px;
  }
}
@media screen and (min-width: 768px) {
  .tt-line {
    margin: 35px auto 5px;
    max-width: calc(100vw - 60px);
  }
}
@media screen and (min-width: 1200px) {
  .tt-line {
    margin: 40px auto 0;
    max-width: 1120px;
  }
}
.tt-line__btn {
  background: var(--yellow);
  border: 1px solid var(--secondary);
  border-radius: 3px;
  color: var(--black);
  display: grid;
  font-size: 0.77rem;
  place-content: center;
}
@media screen and (min-width: 500px) {
  .tt-line__btn {
    font-size: 0.88rem;
  }
}
.tt-line__btn:hover {
  opacity: 0.85;
}
.tt-line__info {
  display: grid;
  grid-template-columns: 1fr 85px;
  grid-gap: 10px;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 375px) {
  .tt-line__info {
    grid-gap: 12px;
  }
}
@media screen and (min-width: 500px) {
  .tt-line__info {
    grid-gap: 20px;
    grid-template-columns: 1fr 95px;
  }
}
@media screen and (min-width: 768px) {
  .tt-line__info {
    grid-gap: 30px;
  }
}
.tt-line__lead {
  align-items: center;
  color: var(--white);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.77rem;
  font-weight: var(--medium);
  gap: 5px 15px;
  justify-content: flex-start;
  line-height: 1.3;
}
@media screen and (min-width: 500px) {
  .tt-line__lead {
    font-size: 0.88rem;
  }
}
@media screen and (min-width: 768px) {
  .tt-line__lead {
    font-size: 1rem;
  }
}
.tt-line__lead b {
  background: var(--black);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--black), -5px 0 0 var(--black);
  color: var(--white);
  display: inline;
  font-weight: var(--bold);
  padding: 0 5px;
  white-space: nowrap;
}
.tt-line__title {
  color: var(--white);
  font-size: 1.1rem;
  font-weight: var(--max);
  line-height: 1.3;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .tt-line__title {
    font-size: 1.3rem;
  }
}
.tt-line-mini {
  bottom: 10px;
  grid-template-columns: 1fr;
  margin: initial !important;
  max-width: 320px;
  padding: 7px 10px;
  position: fixed;
  right: 50%;
  transform: translate(50%);
  width: -moz-max-content;
  width: max-content;
  z-index: 100;
  grid-gap: 7px;
  display: none;
}
@media screen and (min-width: 500px) {
  .tt-line-mini {
    right: 10px;
    transform: none;
  }
}
@media screen and (min-width: 768px) {
  .tt-line-mini {
    bottom: 15px;
    right: 15px;
  }
}
@media screen and (min-width: 500px) {
  .tt-line-mini .birthday-widget__content {
    flex-direction: column;
  }
}
.tt-line-mini .birthday-widget__btn {
  font-size: 0.77rem;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .tt-line-mini .birthday-widget__btn {
    margin: 7px 0 0 !important;
  }
}
.tt-line-mini .tt-line__title {
  font-size: 1rem;
  line-height: 1.3;
}
.tt-line-mini .tt-line__lead {
  font-size: 0.77rem;
}
@media screen and (min-width: 500px) {
  .tt-line-mini .tt-line__btn {
    font-size: 0.77rem;
  }
  .tt-line-mini .tt-line__info {
    grid-template-columns: 1fr 80px;
    grid-gap: 5px;
  }
}
.usa2024-header {
  transform: translateY(30px);
}
.usa2024-header iframe {
  background: transparent;
}
.usa2024-header iframe .names p {
  color: red !important;
}
.soccer-box {
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  overflow: hidden;
  transition: var(--theme-border);
}
.soccer-box--header {
  align-items: center;
  background: #62112c;
  background: linear-gradient(130deg, #62112c 32%, #440419);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: var(--white);
  display: flex;
  font-size: 0.8rem;
  font-weight: var(--bold);
  justify-content: space-between;
  padding: 7px 15px;
  width: 100%;
}
.soccer-box--header__logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 224 66'%3E%3Cpath fill='%23fff' d='M211.951 9.604h4.899c2.449 0 4.181.42 5.418 1.237 1.113.792 1.732 2.128 1.732 3.86 0 1.632-.52 2.869-1.633 3.785s-2.648 1.336-4.601 1.336h-1.633v5.518h-4.182zm7.867 5.097c0-.421-.099-.718-.197-1.015s-.297-.519-.52-.618c-.197-.198-.52-.297-.816-.297-.297-.099-.618-.099-1.014-.099h-1.114v4.255h1.114c.42 0 .717 0 1.014-.099s.619-.198.816-.42c.198-.198.421-.421.52-.718s.197-.594.197-.989m-86.767-5.122h7.521c.718 0 1.336.099 1.93.198.619.198 1.113.421 1.632.718s.817.717 1.114 1.237.42 1.113.42 1.732c0 1.013-.198 1.929-.717 2.547-.52.718-1.237 1.114-2.252 1.436.297.099.619.198.817.42.198.198.42.421.519.718s.297.618.422 1.014c.098.421.296.817.519 1.336l1.533 4.281h-4.378l-.916-2.87a8.8 8.8 0 0 0-.618-1.633c-.198-.421-.421-.817-.619-1.015-.198-.297-.519-.42-.717-.519-.298-.099-.619-.099-1.015-.099h-1.015v6.235h-4.18zm4.18 6.655h2.129c.42 0 .717-.098 1.014-.197s.52-.297.718-.52c.198-.198.297-.618.297-1.014 0-.421-.099-.619-.297-.916-.198-.198-.421-.42-.718-.519s-.618-.198-1.014-.198-.718-.099-1.114-.099h-1.015zM21.676 44.678c-.126-.212-.35-.32-.513-.429-.308-.249-.602-.249-.793-.117-.25.117-.367.543-.118 1.028.059.117.177.25.25.367.308.426.734.793 1.087 1.146.25.249.426.484.661.734.543.602.485 1.336.485 1.395.249-.367.426-.793.249-1.454-.117-.367-.367-.661-.661-.91-.249-.177-.426-.367-.661-.544a1.02 1.02 0 0 1-.484-.852c0-.308.176-.367.484-.308 0 .059.059.059.118.059l2.217 4.347-.22-.294c-.117-.176-.176-.367-.308-.543-.25.793-.25 1.512.176 2.188.176.25.25.543.367.793.294-.191.558-.558.543-.94l.367.822c-.249.25-.484.544-.601.794.308-.059.543-.177.851-.25.059.25.176.485.25.734-.367-.059-.661.059-1.028.177 0 0-.059 0-.059.058.426.059.603.426.661.852.25-.059.368-.308.484-.485.118.059.177.177.309.25l.176.793c-.176 0-.308-.059-.367-.117-.176-.118-.367-.177-.66-.177.117.25.249.426.367.603a.48.48 0 0 0 .484.117l.176-.176c.661 3.392.059 5.757-.367 7.093-.543 1.763-1.395 2.908-3.333 3.51-.485.308-1.087.544-1.822.734-.176-.117-.426-.176-.734-.176-.543.059-1.028.25-1.571.544h-.426c.117-.177.25-.309.426-.426.484-.368.969-.544 1.395-.544.367.059.661.118.969.118.176 0 .426.058.602 0 .25-.059.544-.25.793-.661-.058 0-.176-.059-.249-.059.308-.308.602-.66.661-1.145-.177.059-.309.176-.426.249.117-.176.176-.367.249-.543.059-.176.059-.308 0-.426l-.308.485c0-.059-.059-.059-.059-.059-.176-.059-.852-.25-1.145.118-.177.249-.485.91-.059 1.145.117.059.176.117.367.059a.86.86 0 0 0 .308-.367v-.118l-.058.059c-.177.117-.25.176-.309.117a.52.52 0 0 1-.059-.425c.177-.367.544-.485.735-.367.117.058.176.249.059.542-.177.368-.368.603-.661.735-.25.117-.485.117-.735.176-.308.059-.66-.176-1.086-.059-.602.177-1.337.793-1.763 1.337h-.381c.059 0 .117-.059.117-.059.176-.118.309-.308.426-.426.058-.059.176-.176.25-.308.058-.118.117-.177.249-.309-.543.059-1.028.177-1.395.603-.117.176-.308.308-.426.425-.176-.058-.308-.058-.484-.117.543-.367.969-.852 1.454-1.337.426.177.91.25 1.277-.058.25-.177.309-.426.426-.661l.176-.543c.118-.25.308-.485.485-.544s.308 0 .308.25v.117c.118-.117.118-.308.176-.425.059-.25 0-.426-.117-.544s-.367-.117-.602.059a.7.7 0 0 0-.309.308c-.117.177-.249.367-.308.544-.309.367-.485.602-.661.734.176-.25.309-.543.426-.793.059-.25.176-.485.25-.734v-.162l-.059.059c-.308.367-.661.734-1.028 1.087l-.117.117c0-.25.176-.485.308-.661 0-.059.059-.117.117-.176a1.7 1.7 0 0 0 .368-.602c.117-.25.058-.426-.118-.544-.117-.117-.367-.117-.602 0-.176.059-.367.308-.426.426.059 0 .176-.059.25-.059.176 0 .308.059.308.25.059.117-.059.367-.176.485l-.661.484c-.249.177-.367.426-.367.661 0 .367.308.602.367.661-.426.544-.969 1.028-1.513 1.454-.117-.058-.176-.058-.308-.117-.485-.118-.911-.367-1.337-.602-.91.176-1.938.484-3.216-.059-1.938-.602-2.908-1.88-2.908-1.88-1.512-1.763-1.997-4.127-1.88-6.727 0-1.028.177-2.187.25-2.364.793-5.096 3.275-10.545 4.421-13.217C8.797 37.773 2.438 27.713.558 20.193c-.176-.734-.367-1.454-.426-2.247-.969-7.871 3.643-13.511 5.581-14.245.25-.059.485-.176.661-.543.485-.602.793-1.396 1.939-1.821.367-.118.852-.25 1.513-.309C11.822.779 14.789 0 16.611 0c.426 0 .734 0 1.027.118 1.454.484 4.362 1.63 6.065 1.997.059.059.118.059.177.059 1.425.293 1.571-.515 3.745 3.451.074.073.132.162.191.249 0 0 .059.059.059.118-.044.015 1.468 2.497 2.144 4.861a15 15 0 0 1 .602 4.48c0 4.185-1.821 8.488-1.997 8.782-.97 2.908-6.727 12.909-8.856 16.977zm0 0 .031.056zm-3.964-.796-.117-.117c-.25-.25-.544-.544-.735-.852-.059-.118-.543-.735-.734-.426-.059.117.059.308.25.485s.367.308.543.425c0 .177.059.368.367.544.176.117.309.176.485.308a.13.13 0 0 1 .117.118c.059.249.176.367.367.426.176.059.367.059.485.059a.35.35 0 0 0 .308-.177.87.87 0 0 0 0-.852c-.059-.117-.118-.249-.25-.308s-.117-.059-.176-.176a2 2 0 0 0-.308-.544c-.176-.249-.367-.308-.543-.308-.176-.176-.309-.367-.485-.544-.176-.249-.426-.308-.485-.249 0 0-.058.117 0 .176.118.176.309.308.485.426.367.176.734.426.969.793.059.059.059.118.117.176-.176-.176-.425-.426-.66-.602-.25-.249-.485-.308-.661-.308a.126.126 0 0 0-.117.117c0 .177.176.426.367.661.161.206.352.455.411.749m1.454 1.219c-.544.118-1.087-.235-1.63-.602-.309-.176-.602-.426-.911-.602-.176-.118-.367-.177-.485-.118-.058 0-.058.059-.117.059l.25.25c-.118 0-.25 0-.309.058-.059 0-.117.059-.176.118-.059.117-.059.176.117.367.059 0 .118.059.177.118-.25.176-.118.484-.118.484.059 0 .176-.059.25 0 .059.059.176.118.249.25.118.176.368.308.603.249a.394.394 0 0 0 .249-.484c-.059-.293-.367-.544-.543-.544-.118 0-.118.059-.118.177h.177c.058 0 .176.117.176.235.059.117 0 .249-.118.249-.176.059-.367-.058-.484-.294 0-.058-.059-.175-.059-.249 0-.25.117-.426.249-.485s.309-.059.544.059c.426.176.852.72 1.219.969.308.25.661.059.852-.176v-.088zM7.167 12.189c0-1.336-1.087-2.422-2.423-2.422s-2.423 1.086-2.423 2.422 1.087 2.424 2.423 2.424h.036a2.4 2.4 0 0 0 2.387-2.387zm-1.762.426c-.059.059-.117.118-.176.118l-.602.117c-.059.059-.118 0-.177-.058l-.308-.603a.11.11 0 0 1-.045-.088.11.11 0 0 1 .045-.088l.485-.485c.058-.058.117-.117.176-.058l.602.308c.117.059.117.118.117.176zm-.72-2.188v-.015h.132a1.6 1.6 0 0 1 1.029.368c-.191.249-.485.367-.735.249s-.426-.352-.426-.602m-.058 3.452c0-.294.293-.544.602-.558.234 0 .426.132.543.249-.309.191-.602.309-.969.309zm1.321-1.631c0-.235.191-.485.543-.617 0 .177.059.309.059.485 0 .25-.059.485-.176.734-.25-.117-.426-.352-.426-.602m-2.717.309c.353 0 .661.235.603.602 0 .117-.059.249-.118.367-.353-.235-.543-.544-.661-.969zm-.058-1.029c.117-.367.411-.675.793-.851 0 .058.058.191.058.308a.604.604 0 0 1-.602.602c-.073 0-.191 0-.249-.059m4.42-7.151c.661-.544 1.336-1.087 2.056-1.513s1.821-1.028 2.849-1.219c1.087-.25 1.704 0 1.88.059 1.572.543 2.967 1.513 4.479 2.364.734.367 1.513.793 2.365 1.028.426.117.852.176 1.278.117.661-.117 1.087-.484 1.336-.602.309-.176.543-.308 1.086-.367.485-.059 1.087.059 1.631.426.308.221.617.514.91.837-3.48-5.184-6.638-.998-10.31-2.775a15.4 15.4 0 0 0-2.79-1.395c-.058 0-.851-.368-1.997-.059-1.395.308-2.54 1.087-2.908 1.336-1.454.97-2.731 2.115-3.701 3.569a13.3 13.3 0 0 1 1.836-1.806m8.474 39.211c.118-.058.176-.117.309-.176.117-.059.249 0 .367 0-.426-.308-1.146-.602-1.146-.118-.015.294.411.294.47.294M5.037 7.769l.544.969.969-.543-.543-.969zm19.885 48.112c.059.059.118.059.25 0 .118-.059.118-.118.118-.25 0-.308-.25-.426-.426-.602-.059.308-.059.558.058.852m.368-.72c.176.059.426-.059.602-.367-.25.059-.367-.118-.485-.25-.117-.117-.308-.176-.426-.308-.117.382.059.793.309.925M5.288 16.434l-.793-.793-.794.793.794.778zm9.516 15.934c2.967-6.183 6.3-14.671 4.729-19.033-.603-1.821-1.938-3.568-4.553-4.244-2.849-.734-4.964.25-5.58.602 0 .058-.059.117-.059.176-1.337 2.908-1.631 4.964-.911 8.489.177 1.219.544 2.482.97 3.818 1.277 3.216 3.274 6.624 5.404 10.192m7.093 17.095c-.117-.059-.176-.118-.308-.176-.308-.177-.485-.544-.661-.911a10 10 0 0 0-.661-1.395 3 3 0 0 0-.661-.793c-.367-.25-.602-.25-.851-.059s-.367.426-.309.852c.059.25.25.661.426.793v-.367c.058-.25.176-.367.426-.308.176 0 .426.249.543.484.176.367.308.793.426 1.145.176.426.426.735.793.794.279.058.588 0 .837-.059m-3.525.352c.426-.058.852-.543.661-1.028-.176-.367-.602-.661-.91-.852.558.617.734 1.219.249 1.88m-3.451 6.007c.059-2.423-.602-7.035-2.966-11.881l-1.028-2.188C6.814 52.18 6.624 56.777 7.417 59.082c.117.25.851 2.115 2.673 2.424 3.128.558 4.773-3.319 4.831-5.684m-.969 6.065h-.485c.852.426 1.146 1.087 1.278 1.822.176-.118.426-.661.367-.97-.058-.426-.308-.734-.661-1.028v.118c-.249-.118-.367-.309-.602-.368.044.177.103.235.103.426m7.755-1.821c-.059-.25-.177-.176-.25-.367 0-.059.059-.117.059-.176.058-.117.058-.176-.059-.176h-.176c-.118 0-.177.059-.25.059v-.309h-.118c-.058.059-.176.118-.308.176-.117.059-.308.309-.426.485 0-.059.059-.118.059-.176a.46.46 0 0 0 0-.485l-.118-.176c.059 0 .059 0 .059-.059q.072-.219.176-.426c0-.058-.176-.176-.308-.117a2.2 2.2 0 0 0 .118-.661c0-.25-.059-.367-.118-.485-.059-.059-.059-.059-.117 0-.118.118-.177.308-.177.544v.661c-.059-.118-.249-.118-.367-.059 0 .117.059.176.059.308v.25c-.118.117-.367.308-.367.602v.118c-.059-.25-.177-.426-.25-.603-.059-.117-.176-.308-.25-.367 0-.059 0-.059-.058-.059 0 .059-.059.118-.059.177v.117l-.176-.176c0-.059-.059-.059-.118-.059-.117 0-.117 0-.117.176v.177c-.25-.059-.368.117-.368.117a.13.13 0 0 1 .118.118c0 .058 0 .117-.059.249-.059.176 0 .485.118.602.117.059.308.059.426-.059.176-.117.176-.543.117-.66-.059-.059-.059-.059-.176 0 0 .059.059.117.059.176s-.059.176-.118.25a.108.108 0 0 1-.176 0c-.059-.118-.059-.309 0-.485 0-.059.059-.176.117-.176.177-.118.309-.118.426-.059.117.11.181.265.177.426.058.308-.118.852-.118 1.146s.25.426.485.484c.117 0 .426.059.484.059.309.117.544.117.735-.176.176-.309.249-.793.426-1.087.117-.118.249-.25.367-.25s.249.118.308.25c.059 0 .059.117.059.176 0 .177-.118.367-.25.426-.117 0-.176 0-.176-.117v-.25c0-.059.059-.059.118-.118-.059-.117-.118-.117-.177-.058-.117.117-.249.484-.176.661 0 .175.176.308.308.249.177-.058.367-.308.367-.484 0-.059 0-.177.059-.25s.118-.074.177-.074m1.454-7.754c-.661-.117-1.88.544-2.424 1.571h.176c-.117.25-.176.426-.308.661.059.059.367-.117.544-.249q.072.219.176.426c.323-1.087 1.116-1.69 1.836-2.409m-.353 2.599c.308-.308.485-.543.426-.793.176-.058.367-.058.602-.058-.176-.368-.308-.661-.059-1.087l-.058-.059c-.118.117-.25.176-.368.309-.308.249-.543.484-.661.852-.132.352-.132.601.118.836m1.028.191c.118-.176.118-.426.118-.602 0-.117 0-.25-.059-.308-.25.25-.367.426-.426.661-.059.176-.118.308-.367.367.117.117.249.117.426.117s.308-.117.308-.235m.778 0a.78.78 0 0 0-.426-.66c-.059.249-.059.484-.059.66s0 .309-.175.485a.48.48 0 0 0 .484-.118c.117-.132.176-.249.176-.367m-4.597-9.34c0-.059-.058-.059-.117-.117 0 .117.059.117.059.176.426.602.734 1.278 1.028 1.938.176.309.426.602.602.911.059.117.25.176.367.176.059 0 .118 0 .176.118.735 1.277 1.278 2.599 1.704 3.877v.117c-.176.367-.059.661.118.911.117.176.425.602.543.602.058-.25.058-.485.058-.734 0-.177 0-.426-.058-.603 0-.117-.176-.176-.25-.308-.059-.059-.176-.118-.176-.176-.426-1.278-.969-2.6-1.703-3.819-.059-.117-.118-.249-.059-.367.059-.176 0-.426-.118-.661-.308-.602-.734-1.028-1.219-1.454-.235-.22-.529-.411-.955-.587m-.308-4.127c-.059-.118 0-.176 0-.25v-.058c-.25-.059-.367.117-.485.176-.058-.059-.058-.118-.117-.176-.118-.177-.118-.25-.25-.118-.059 0-.176.118-.249.426l-.25-.25c0 .059-.059.059-.059.118-.059.117-.059.308.059.485.176.367.367.661.543.969.368.543.661 1.146.485 1.63h.118c.249-.176.426-.484.249-.851-.176-.426-.734-.911-.91-1.278a.6.6 0 0 1-.059-.544c.059-.117.249-.176.485-.176.058 0 .176.059.249.118.25.176.367.367.309.543-.059.118-.118.176-.25.118-.059 0-.176-.118-.25-.177v-.249c-.117 0-.176 0-.176.117 0 .176.25.485.485.544.249.058.426 0 .484-.177.118-.176 0-.426-.176-.602-.059-.03-.176-.147-.235-.338M25.04 7.093c-1.219-1.454-1.512-1.454-1.997-1.88-.308.25-.852.911-2.056.911-1.087 0-2.057-.367-3.158-.852-.484-.249-1.571-1.087-3.333-.367-1.998.793-3.819 2.849-4.421 3.819 3.627-1.821 8.782-.25 10.427 4.361.911 2.482 1.028 7.579-4.729 20.914 1.028 1.703 1.822 3.216 2.673 4.611 2.849-4.611 9.091-13.761 9.634-22.309.235-3.744-.734-6.593-3.04-9.208m-8.488 34.483c-.059-.117-.118-.176-.176-.308-.059-.118-.059-.176-.118-.309-.118-.058-.308.118-.308.25-.118-.176-.25-.426-.426-.602a1.3 1.3 0 0 0-.485-.425c-.059 0-.118 0-.118.058 0 .176.059.309.177.543a1.36 1.36 0 0 0 .484.544c-.117 0-.249.176-.176.308.176.118.309.176.426.308.25.25.426.118.426 0 0-.058-.059-.117-.118-.176.059 0 .118.059.177.059.117 0 .235-.059.235-.25m1.219-.117s0-.176-.118-.367c-.058-.059-.176-.176-.249-.176-.118-.059-.177.058-.177.176.059.249.309.602.544.91-.118-.235-.059-.367 0-.543m3.994 8.43c-.058-.059-.176-.059-.367-.059.309.602.485 1.146.661 1.704.117.367.484.484.851.367.118-.059.251-.059.309-.118-.058-.308-.176-.543-.309-.852-.175-.69-.601-.984-1.145-1.042m-6.594 15.567c-.059-.484-.793-1.086-1.572-1.219.059.059.059.059.059.118-.176-.059-.308-.059-.484-.059 0 .059.176.25.308.309-.117.058-.176.117-.25.175.779-.043 1.381.309 1.939.676m1.028-1.689c0-.058-.059-.117-.059-.249l-.969.793c-.176.117-.176.426 0 .602l.176.176c.177-.176.309-.309.485-.426.367-.293.485-.602.367-.896m.602-3.157c-.058-.309-.176-.426-.484-.544 0-.059-.059-.059-.059-.059 0-.175.059-.308.118-.425-.368 0-.544.176-.735.484-.059-.117-.059-.308-.117-.426-.177 0-.309.176-.367.309-.059.176-.118.367-.177.484-.117-.059-.176-.117-.249-.175-.25.308-.25.542-.059.91.117.308.367.543.543.793.25.249.485.543.485.91s-.176.661-.485.911c-.249.249-.543.308-.852.308l-.058.118c.058.176.308.117.426.059.969-.25 1.571-.911 1.277-1.631-.117-.308-.484-.734-.602-1.027-.117-.25-.249-.485-.176-.735.059-.308.367-.602.734-.543.176 0 .367.176.367.426a.49.49 0 0 1-.249.367c-.059.059-.177.059-.25 0-.059-.059-.059-.176 0-.25v-.058c-.117 0-.308.176-.308.367.058.249.602.484.91.308.25-.22.367-.573.367-.881m1.63-9.884c.485-.059.97-.176 1.454 0 .426.176.735.602.852 1.146.118.425.059.792-.117 1.218 0 0 .058.118.117.118.059-.177.176-.426.25-.602.249-1.337-.602-2.247-1.704-2.306-.426-.059-.852 0-1.278 0-.367 0-.734 0-1.027-.25-.367-.249-.544-.851-.25-1.277a.664.664 0 0 1 .793-.25c.176.059.367.308.367.544 0 .117-.059.249-.176.308s-.25 0-.308-.118c0-.058-.059-.058-.059-.058-.059.176.117.543.308.602.367.117.735-.367.661-.793-.059-.426-.25-.735-.602-.911-.426-.176-.734-.117-1.028.176-.059 0-.118.059-.118.059l-.426-.426c-.249.367-.058.735.177 1.145-.177-.058-.367-.058-.602-.117-.059.25.058.485.176.661s.308.308.485.485l-.368.176c.25.485.603.734 1.087.661.452.001.902-.063 1.336-.191m-.66 1.454c-.059.25-.25.661-.25.661 1.028-.969 1.997-1.028 3.084-.969 0-.309-.734-.793-1.146-.911-.602-.117-1.087.059-1.703.426.058.059.117.059.176.118-.176.249-.543.308-.734.66h.573zm176.515-15.015c0 5.395-5.419 7.547-11.382 9.476h12.049c-.099 1.213-.396 2.227-.816 3.465h-14.102c-.297-1.337-.297-2.45-.297-2.97 8.585-4.898 10.119-6.729 10.119-9.278 0-2.35-1.51-3.167-3.563-3.167-2.449 0-4.082.521-5.814 1.237.42-1.632.717-2.646 1.336-3.562 1.039-.495 2.87-1.015 5.418-1.015 4.503 0 7.052 2.129 7.052 5.814m16.428 0c0 5.395-5.295 7.547-11.332 9.476h12c-.099 1.213-.396 2.227-.816 3.465h-14.079c-.297-1.337-.297-2.45-.297-2.97 8.561-4.898 10.095-6.729 10.095-9.278 0-2.35-1.509-3.167-3.562-3.167-2.45 0-4.083.521-5.815 1.237.42-1.632.717-2.646 1.336-3.562 1.039-.495 2.87-1.015 5.419-1.015 4.502 0 7.051 2.129 7.051 5.814m-31.645 2.549c0 6.828-6.531 10.812-9.302 10.812-2.747 0-9.303-4.083-9.303-10.812 0-5.195 3.983-8.363 9.303-8.363s9.302 3.143 9.302 8.363m-4.378.297c0-3.167-1.832-5.195-4.9-5.195s-4.898 2.053-4.898 5.195c0 6.432 3.686 8.882 4.898 8.882 1.114 0 4.9-2.45 4.9-8.882m-2.45.915c-.718.916-1.534 1.634-2.45 2.351-.915-.717-1.732-1.435-2.449-2.351.717-.915 1.534-1.633 2.449-2.35.916.717 1.732 1.435 2.45 2.35M81.045 35.31a53 53 0 0 1 5.615.297v14.598h-4.28v-6.952c-1.929 4.898-3.983 7.249-6.631 7.249-2.152 0-3.785-2.153-3.785-6.533 0-6.507 3.785-8.659 9.081-8.659m1.138 3.167h-1.93c-2.97 0-3.984.519-3.984 2.647 0 4.082.519 5.616 1.633 5.616 2.227 0 3.464-5.294 4.281-8.263m41.145-3.167a53 53 0 0 1 5.615.297v14.721h-4.279v-6.952c-1.93 4.799-3.984 6.952-6.533 6.952H96.903c-3.265 0-5.616-1.732-5.616-5.616v-5.617h-2.746c.099-.915.099-2.053.297-3.463h2.548v-2.053c1.114-1.337 2.647-2.054 4.502-2.747a41 41 0 0 0-.296 4.8h5.715c-.099 1.237-.42 2.251-.816 3.463h-4.899v5.296c0 1.83 1.337 2.349 3.365 2.349h15.612q-.297-1.075-.297-2.745c-.024-6.533 3.736-8.685 9.056-8.685m1.211 3.167h-1.929c-2.969 0-3.984.519-3.984 2.647 0 4.082.52 5.616 1.633 5.616 2.153 0 3.365-5.294 4.28-8.263M72.582 56.662 59.099 49.61c-4.182-2.152-8.067-5.195-8.067-10.218 0-6.011 4.702-9.08 9.502-9.08 5.195 0 9.302 2.747 9.302 8.165 0 3.984-2.87 6.828-6.853 8.263l7.051 3.786c2.351 1.237 2.647 2.969 2.548 6.136m-7.249-17.146c0-3.686-1.831-5.814-4.799-5.814-2.648 0-4.899 1.633-4.899 5.096 0 3.786 3.464 5.914 6.011 7.25l.198.099c2.153-1.855 3.588-4.082 3.489-6.631m93.003-2.351c0 5.395-5.393 7.547-11.381 9.476h12.05c-.099 1.213-.396 2.227-.817 3.465H144.11c-.297-1.337-.297-2.45-.297-2.97 8.56-4.898 10.094-6.729 10.094-9.278 0-2.35-1.508-3.167-3.562-3.167-2.449 0-4.083.521-5.815 1.237.421-1.632.718-2.646 1.336-3.562 1.039-.495 2.871-1.015 5.419-1.015 4.502 0 7.051 2.129 7.051 5.814m-21.748 5.197c.94-3.885 2.45-6.73 5.79-7.052.321 1.311.42 3.464.42 4.379-4.502-.618-6.135 5.32-6.135 10.516h-4.281v-9.279c0-1.855-.197-3.488-.296-5.319h4.082c.321 1.855.42 3.488.42 5.319zM183.87 23.88q-1.225-.928-2.153-2.45c-.52-1.039-.817-2.251-.817-3.785 0-1.312.198-2.549.718-3.563a6.76 6.76 0 0 1 1.831-2.548c.817-.718 1.757-1.213 2.87-1.534a13 13 0 0 1 3.562-.52c.817 0 1.634.099 2.351.198.817.198 1.534.322 2.351.619l-.297 3.365a9 9 0 0 0-2.054-.817 7.4 7.4 0 0 0-2.053-.297c-.718 0-1.436.124-2.054.421s-1.114.594-1.534 1.014c-.396.395-.718 1.014-1.015 1.632a6.9 6.9 0 0 0-.297 2.054c0 .817.126 1.435.422 2.054s.593 1.113 1.112 1.534c.52.396 1.015.717 1.633 1.014q.928.297 2.153.297c.718 0 1.435-.099 2.054-.198.717-.198 1.311-.321 1.831-.618l.099 3.365c-.594.124-1.213.322-1.93.421q-1.317.189-2.648.198c-1.015 0-2.153-.125-3.166-.421-1.138-.322-2.054-.717-2.969-1.435m13.978.198c-.593-.495-1.113-1.114-1.41-1.93a7.5 7.5 0 0 1-.519-2.747V9.604h4.205v9.08c0 .519 0 1.014.099 1.534.125.519.224.816.421 1.237.198.297.52.618.816.816.323.198.817.297 1.336.297s1.039-.099 1.336-.297a3.2 3.2 0 0 0 .817-.816c.222-.322.321-.718.42-1.237s.099-.916.099-1.534v-9.08h4.182v9.797h.198c0 1.114-.222 2.029-.519 2.747-.322.816-.817 1.41-1.435 1.93-.619.494-1.337.915-2.153 1.113-.817.223-1.856.42-2.87.42-1.039 0-1.955-.123-2.87-.42-.841-.198-1.634-.593-2.153-1.113m-95.872 1.336h-5.419L93.093 9.579h4.281l2.029 12.148 2.151-12.148h5.32l2.252 12.148 2.053-12.148h4.082l-3.562 15.835h-5.419l-2.252-12.148zm28.997-11.233c.297 1.014.519 2.152.519 3.365a11.2 11.2 0 0 1-.519 3.365c-.297 1.014-.817 1.831-1.535 2.548s-1.534 1.238-2.449 1.633c-1.015.42-2.153.618-3.365.618-1.335 0-2.449-.198-3.365-.618-1.014-.421-1.831-.915-2.449-1.633-.718-.717-1.237-1.534-1.534-2.548-.52-1.015-.718-2.153-.718-3.365 0-1.237.198-2.45.52-3.365.297-1.014.816-1.831 1.534-2.548s1.534-1.237 2.449-1.633c1.015-.421 2.153-.619 3.465-.619s2.448.198 3.463.619 1.831.915 2.449 1.633a8.7 8.7 0 0 1 1.535 2.548m-3.984 3.365c0-.718-.099-1.336-.198-1.931a4.2 4.2 0 0 0-.619-1.632c-.297-.519-.618-.816-1.113-1.113-.421-.297-1.014-.421-1.632-.421s-1.237.099-1.634.421c-.42.297-.816.618-1.113 1.113-.297.52-.52 1.014-.619 1.632s-.198 1.238-.198 1.931c0 .618.099 1.336.198 1.831a4.2 4.2 0 0 0 .619 1.633c.297.519.618.816 1.113 1.113.421.296 1.015.421 1.634.421s1.237-.099 1.632-.421c.42-.297.816-.618 1.113-1.113.297-.52.52-1.015.619-1.633.099-.594.198-1.213.198-1.831m31.867 7.868h-10.713V9.579h4.181v12.668h6.532zm7.151 0h-5.716V9.579h5.716c1.335 0 2.646.099 3.784.421 1.114.198 2.153.618 2.969 1.237s1.436 1.435 1.931 2.449c.519 1.015.717 2.252.717 3.785 0 1.435-.198 2.747-.717 3.786-.52 1.014-1.114 1.831-1.931 2.449a7.25 7.25 0 0 1-2.969 1.337c-1.138.272-2.35.371-3.784.371m-1.411-3.167h1.608c1.633 0 2.746-.421 3.686-1.237.817-.817 1.237-1.93 1.237-3.563s-.42-2.746-1.336-3.563c-.816-.816-2.053-1.237-3.562-1.237h-1.633zM47.149 16.26h4.799l-1.336 3.463h-3.463v5.716h-4.9V9.604h12.05l-1.238 3.464h-5.912zm13.583-6.681v15.835h-4.899V9.579zm8.263 10.119v5.741h-4.899V9.604h12.148l-1.237 3.464h-6.012v3.166h4.8l-1.237 3.464zm4.8 5.716 5.716-15.835h5.096l5.715 15.835h-4.998l-.618-2.153h-5.517l-.619 2.153zm6.235-5.097h3.884l-1.929-6.532zM24.497 50.065c.029.088.058.176.044.264l-.558-1.189c.044.059.103.117.146.191.118.249.309.484.368.734'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 36px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 120px;
}
.soccer-box--header__button {
  transform: translateY(-1px);
}
.soccer-box--header__button a {
  border: 1px solid hsla(0, 0%, 100%, 0.7);
  border-radius: 3px;
  color: var(--white);
  font-size: 0.7rem;
  font-weight: var(--bold);
  margin-left: 8px;
  padding: 4px 8px;
}
.soccer-box--header__button a:hover {
  background-color: var(--white);
  color: #19a;
}
.soccer-box--header__button a:active {
  opacity: 0.8;
}
.soccer-box__item {
  align-items: center;
  background-color: var(--color-cards);
  border-top: 1px solid var(--color-gray-mid-light);
  display: grid;
  grid-template-columns: 30px 1fr;
  padding: 3px 10px 7px;
  transition: var(--theme), var(--theme-border);
  grid-gap: 12px;
}
.soccer-box__item:nth-child(2n) {
  background-color: var(--color-list);
}
.soccer-box__item__top {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.soccer-box__item__result,
.soccer-box__item__status,
.soccer-box__item__tags {
  color: var(--color-text);
  font-size: 0.66rem;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .soccer-box__item__result,
  .soccer-box__item__status,
  .soccer-box__item__tags {
    font-size: 0.77rem;
  }
}
.soccer-box__item__infos {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.soccer-box__item__infos .eb-box__item__tags {
  margin-left: 6px;
}
.soccer-box__item__status {
  font-weight: var(--bold);
}
.soccer-box__item__status .livetag {
  position: relative;
}
.soccer-box__item__status .livetag:before {
  position: absolute;
  top: 1px;
}
.soccer-box__item__status span {
  font-size: 0.66rem;
  font-weight: var(--semibold);
}
.soccer-box__item__status .uefa-2020__flag {
  margin-right: 3px;
}
.soccer-box__item__button,
.soccer-box__item__status {
  font-weight: var(--bold);
  line-height: 2;
}
.soccer-box__item__result {
  align-items: center;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.soccer-box__item__score,
.soccer-box__item__tags,
.soccer-box__item__team {
  line-height: 1.1;
}
.soccer-box__item__score {
  font-size: 0.6rem;
  font-weight: var(--bold);
  padding: 0 1px;
}
@media screen and (min-width: 500px) {
  .soccer-box__item__score {
    font-size: 0.77rem;
  }
}
@media screen and (min-width: 768px) {
  .soccer-box__item__score {
    font-size: 0.9rem;
  }
}
.soccer-box__item__button {
  color: var(--color-accent);
  cursor: pointer;
  font-size: 0.7rem;
  text-decoration: underline;
  transition: var(--theme-text);
}
.soccer-box__item__button:hover {
  text-decoration: none;
}
.soccer-box__item__tags {
  background-color: #19a;
  border-radius: 1px;
  color: var(--white);
  font-size: 0.66rem;
  font-weight: var(--semibold);
  padding: 2px 4px;
  text-transform: uppercase;
  width: -moz-max-content;
  width: max-content;
}
.soccer-box__item__team {
  font-size: 0.5rem;
  font-weight: var(--semibold);
  margin: 0 4px;
}
@media screen and (min-width: 375px) {
  .soccer-box__item__team {
    font-size: 0.66rem;
  }
}
@media screen and (min-width: 500px) {
  .soccer-box__item__team {
    font-size: 0.77rem;
  }
}
.soccer-box__item__date {
  align-items: center;
  display: flex;
  font-size: 0.7rem;
  justify-content: flex-end;
  margin-bottom: 4px;
}
.soccer-box__item__date div {
  font-weight: var(--bold);
}
.soccer-box__item__date > * {
  margin-left: 4px;
}
.soccer-box__item__timetable {
  align-items: center;
  display: grid;
  grid-template-columns: 20px 1fr;
}
@media screen and (min-width: 500px) {
  .soccer-box__item__timetable {
    grid-template-columns: 30px 1fr;
    grid-gap: 12px;
  }
}
.soccer-box__item__timetable__flex {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.soccer-box__item__timetable__numbers {
  background-color: var(--color-text);
  border-radius: 2px;
  color: var(--color-bg);
  transition: var(--theme), var(--theme-text);
}
.soccer-box__item__timetable__numbers span {
  display: grid;
  font-size: 0.5rem;
  font-weight: var(--bold);
  height: 20px;
  place-content: center;
  width: 20px;
}
@media screen and (min-width: 500px) {
  .soccer-box__item__timetable__numbers span {
    font-size: 0.66rem;
    width: 30px;
  }
}
.soccer-box__item__timetable .soccer-box__item__team {
  align-items: center;
  background: #0003;
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column-reverse;
  height: -moz-max-content;
  height: max-content;
  justify-content: center;
  min-height: 44px;
  min-width: 80px;
  padding: 0 5px;
  text-align: center;
  white-space: normal;
}
@media screen and (min-width: 375px) {
  .soccer-box__item__timetable .soccer-box__item__team {
    min-width: 100px;
    overflow: hidden;
  }
}
@media screen and (min-width: 500px) {
  .soccer-box__item__timetable .soccer-box__item__team {
    min-width: 150px;
    overflow: hidden;
  }
}
.soccer-box__item__team {
  display: flex;
}
.soccer-box__item__events,
.soccer-box__item__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.soccer-box__item .uefa-2020__flag {
  align-items: center;
  background-color: var(--white);
  border: 1px solid var(--color-light);
  border-radius: 2px;
  display: flex;
  height: 14px;
  justify-content: center;
  margin: 3px;
  overflow: hidden;
  transition: var(--theme-border);
  width: 19px;
}
@media screen and (max-width: 330px) {
  .soccer-box__item .uefa-2020__flag {
    display: none !important;
  }
}
.soccer-box--timetable {
  margin-top: 20px;
  overflow: hidden;
}
.soccer-box--timetable li {
  transition: var(--theme), var(--theme-text), var(--theme-border);
}
.soccer-box--timetable li:nth-child(2n) {
  background-color: var(--color-list);
}
.soccer-box--timetable li:nth-child(2n) > * {
  background-color: transparent;
}
.soccer-box--timetable .soccer-box__item {
  background-color: transparent;
  display: block;
  padding: 5px;
}
@media screen and (min-width: 500px) {
  .soccer-box--timetable .soccer-box__item {
    padding: 7px 10px;
  }
}
.soccer-box--timetable .soccer-box__item__result {
  justify-content: flex-end;
}
.soccer-box--timetable .soccer-box__item__button {
  padding-right: 4px;
  text-align: right;
}
.soccer-box--timetable .soccer-box__item__date {
  margin-right: 3px;
}
.soccer-box--timetable .soccer-box__item__team {
  align-items: center;
  flex-wrap: nowrap;
}
.soccer-box--timetable .soccer-box__item__team--unknown .uefa-2020__flag {
  display: none;
}
.soccer-box--timetable .soccer-box--subheader {
  font-size: 0.9rem;
}
.soccer-box--subheader {
  background-color: #8a1538 !important;
  color: var(--white) !important;
  font-weight: var(--bold);
  padding: 7px 10px;
  transition: var(--theme), var(--theme-text), var(--theme-border);
}
.soccer-box--current {
  border-top: 2px solid #ff1493 !important;
  transition: var(--theme-border);
}
.soccer-box--grouptable {
  font-size: 0.77rem;
}
.soccer-box--grouptable .soccer-box {
  align-items: center;
  display: flex;
}
.soccer-box--grouptable .soccer-box__category__title {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  max-width: 100px;
}
@media screen and (min-width: 1200px) {
  .soccer-box--grouptable .soccer-box__category__title {
    font-size: 0.88rem;
    max-width: none;
  }
}
.soccer-box--grouptable .soccer-box__category__content {
  align-items: center;
  display: flex;
}
.soccer-box--grouptable .soccer-box__category__content span {
  display: grid;
  place-content: center;
  width: 20px;
}
@media screen and (min-width: 500px) {
  .soccer-box--grouptable .soccer-box__category__content span {
    width: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .soccer-box--grouptable .soccer-box__category__content span {
    font-size: 0.88rem;
    width: 60px;
  }
}
.soccer-box--grouptable .soccer-box--subheader__category {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.soccer-box--grouptable .soccer-box--subheader__category span {
  display: grid;
  font-size: 0.7rem;
  place-content: center;
  width: 20px;
}
@media screen and (min-width: 500px) {
  .soccer-box--grouptable .soccer-box--subheader__category span {
    width: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .soccer-box--grouptable .soccer-box--subheader__category span {
    font-size: 0.9rem;
    width: 60px;
  }
}
.soccer-box--grouptable .soccer-box--subheader {
  align-items: center;
  display: flex;
  font-size: 0.9rem;
  justify-content: space-between;
  margin: 0 0 7px;
}
.soccer-box--grouptable li {
  padding: 0 0 7px;
}
.soccer-box--grouptable .soccer-box--header {
  display: grid;
  grid-template-areas: "a b" "c c";
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  padding: 15px;
}
.soccer-box--grouptable .soccer-box--header__logo {
  display: none;
  grid-area: a;
}
.soccer-box--grouptable .soccer-box--header__title {
  grid-area: b;
  text-align: right;
}
.soccer-box--grouptable .soccer-box--header__explanation {
  grid-area: c;
  padding: 7px;
  grid-gap: 7px;
  background: #ffffff1a;
  border-radius: 3px;
  color: var(--white);
  display: grid;
  font-size: 0.7rem;
  font-weight: var(--regular);
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 500px) {
  .soccer-box--grouptable .soccer-box--header__explanation {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .soccer-box--grouptable .soccer-box--header__explanation {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.soccer-box--disabled {
  opacity: 0.6;
}
.soccer-box__category {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
.soccer-box__category__flag {
  display: grid;
  height: 16px;
  margin: 0 0 0 5px;
  place-content: center;
  width: 16px;
}
.soccer-box__category__flag img {
  height: 100%;
  width: 100%;
}
.soccer-box--listing {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0 0 30px;
}
@media screen and (min-width: 768px) {
  .soccer-box--listing {
    gap: 20px;
  }
}
.soccer-box--listing__flags {
  color: transparent;
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 16px;
}
.soccer-box--listing__player {
  border: 1px solid var(--color-gray-light);
  border-radius: 36px;
  display: none;
  height: 26px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  transition: var(--theme-border);
  width: 26px;
}
@media screen and (min-width: 375px) {
  .soccer-box--listing__player {
    display: block;
  }
}
@media screen and (min-width: 500px) {
  .soccer-box--listing__player {
    height: 36px;
    width: 36px;
  }
}
.soccer-box--listing__title {
  font-size: 1rem;
  font-weight: var(--bold);
}
@media screen and (min-width: 768px) {
  .soccer-box--listing__title {
    font-size: 1.3rem;
  }
}
.soccer-box--listing__label {
  display: grid;
  grid-template-columns: 25px 0 1fr 30px 1fr 30px;
}
@media screen and (min-width: 375px) {
  .soccer-box--listing__label {
    grid-template-columns: 40px 40px 1fr 30px 1fr 30px;
  }
}
@media screen and (min-width: 500px) {
  .soccer-box--listing__label {
    grid-template-columns: 40px 50px 1fr 30px 1fr 30px;
  }
}
.soccer-box--listing__line {
  align-items: center;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 25px 0 1fr 30px 1fr 30px;
  overflow: hidden;
  padding: 5px 0;
}
@media screen and (min-width: 375px) {
  .soccer-box--listing__line {
    grid-template-columns: 40px 40px 1fr 30px 1fr 30px;
  }
}
@media screen and (min-width: 500px) {
  .soccer-box--listing__line {
    grid-template-columns: 40px 50px 1fr 30px 1fr 30px;
  }
}
.soccer-box--listing__line:nth-child(2n) {
  background-color: var(--color-list);
  transition: var(--theme);
}
.soccer-box--listing__line td:first-child {
  text-align: left;
}
.soccer-box--listing__line td img {
  -o-object-fit: contain;
  object-fit: contain;
}
.soccer-box--listing__line td img[alt] {
  margin-left: -16px;
  text-indent: 16px;
}
.soccer-box--listing table {
  font-size: 0.77rem;
  width: 100%;
}
.soccer-box--listing th {
  padding: 0 !important;
  text-align: center;
}
.soccer-box--listing td {
  border: none !important;
  font-size: 0.66rem;
  padding: 10px 5px !important;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .soccer-box--listing td {
    font-size: 0.77rem;
  }
}
.soccer-box--timeline {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0 10px;
  width: 100%;
}
.soccer-box--timeline__dot {
  background: var(--color-text);
  border-radius: 8px;
  height: 8px;
  transition: var(--theme);
  width: 8px;
}
.soccer-box--timeline__container {
  overflow-x: scroll;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .soccer-box--timeline__container {
    overflow: visible;
  }
}
.soccer-box--timeline__event {
  font-size: 0.7rem;
  position: absolute;
}
@media screen and (min-width: 500px) {
  .soccer-box--timeline__event {
    font-size: 0.9rem;
  }
}
.soccer-box--timeline__event--top {
  top: 0;
}
.soccer-box--timeline__event--top .soccer-box--timeline__dot {
  margin: 10px 0 0;
}
.soccer-box--timeline__event--bottom {
  bottom: 0;
}
.soccer-box--timeline__event--bottom .soccer-box--timeline__dot {
  margin: 0 0 10.5px;
}
.soccer-box--timeline__icons {
  display: flex;
  flex-direction: column;
  font-size: 0.66rem;
  justify-content: center;
}
.soccer-box--timeline__item {
  align-items: center;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px 20px;
  height: 50px;
  justify-content: center;
  position: relative;
  transition: var(--theme);
  width: 200%;
}
@media screen and (min-width: 768px) {
  .soccer-box--timeline__item {
    width: 100%;
  }
}
.soccer-box--timeline__title {
  align-items: center;
  display: flex;
  font-size: 0.66rem;
  font-weight: var(--bold);
  justify-content: center;
}
@media screen and (min-width: 500px) {
  .soccer-box--timeline__title {
    font-size: 0.7rem;
  }
}
.soccer-box--timeline__flag {
  height: 16px;
  margin: 0 5px 0 0;
  -o-object-fit: contain;
  object-fit: contain;
  width: 16px;
}
.soccer-box--timeline__separator {
  background: var(--color-gray-mid-light);
  display: block;
  height: 1px;
  transition: var(--theme);
  width: 200%;
}
@media screen and (min-width: 768px) {
  .soccer-box--timeline__separator {
    width: 100%;
  }
}
.soccer-box--coach__title {
  display: grid;
  font-size: 0.77rem;
  grid-template-columns: 1fr !important;
  padding: 10px 0;
}
.soccer-box--coach__title th {
  padding: 10px 5px !important;
  text-align: center;
}
.soccer-box--coach__title th:nth-child(2) {
  text-align: left;
}
.soccer-box--coach__title th:nth-child(3) {
  text-align: right;
}
.soccer-box--coach__line {
  align-items: center;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 60px 1fr 1fr 60px;
}
.soccer-box--coach__line:nth-child(2n) {
  background-color: var(--color-list) !important;
  transition: var(--theme);
}
.soccer-box--coach__line td:nth-child(odd) {
  font-weight: var(--bold);
}
.soccer-box--stat {
  display: flex;
  flex-direction: column;
  margin: 0 0 30px;
}
.soccer-box--stat__title {
  display: grid;
  font-size: 0.66rem;
  grid-template-columns: 30px 1fr 1fr 30px !important;
  padding: 0 0 10px;
}
@media screen and (min-width: 500px) {
  .soccer-box--stat__title {
    font-size: 0.7rem;
  }
}
.soccer-box--stat__title th {
  padding: 10px 5px !important;
  text-align: center;
}
.soccer-box--stat__title th:nth-child(2) {
  text-align: left;
}
.soccer-box--stat__title th:nth-child(3) {
  text-align: right;
}
.soccer-box--stat__title img {
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 16px;
}
.soccer-box--stat__label {
  display: grid;
  grid-template-columns: 30px 0 1fr 30px 1fr 30px;
}
@media screen and (min-width: 375px) {
  .soccer-box--stat__label {
    grid-template-columns: 30px 40px 1fr 30px 1fr 30px;
  }
}
@media screen and (min-width: 500px) {
  .soccer-box--stat__label {
    grid-template-columns: 1fr 1fr 30px;
  }
}
.soccer-box--stat__line {
  align-items: center;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 44px 1fr 44px;
}
.soccer-box--stat__line:nth-child(2n) {
  background-color: var(--color-list) !important;
  transition: var(--theme);
}
.soccer-box--stat__line td:nth-child(odd) {
  font-weight: var(--bold);
}
.soccer-box--stat table {
  font-size: 0.77rem;
  width: 100%;
}
.soccer-box--stat th {
  padding: 0 !important;
  text-align: center;
}
.soccer-box--stat td {
  border: none !important;
  font-size: 0.66rem;
  padding: 10px 5px !important;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .soccer-box--stat td {
    font-size: 0.7rem;
  }
}
.soccer-box--predictions {
  display: flex;
  flex-direction: column;
  margin: 0 0 30px;
  padding: 0 10px;
}
.soccer-box--predictions__title {
  display: grid;
  font-size: 0.7rem;
  grid-template-columns: 1fr !important;
  padding: 20px 0 0;
}
.soccer-box--predictions__title th {
  padding: 10px 5px !important;
  text-align: center;
}
.soccer-box--predictions__title th:nth-child(2) {
  text-align: left;
}
.soccer-box--predictions__title th:nth-child(3) {
  text-align: right;
}
.soccer-box--predictions__label {
  display: grid;
  grid-template-columns: 30px 0 1fr 30px 1fr 30px;
}
@media screen and (min-width: 375px) {
  .soccer-box--predictions__label {
    grid-template-columns: 30px 40px 1fr 30px 1fr 30px;
  }
}
@media screen and (min-width: 500px) {
  .soccer-box--predictions__label {
    grid-template-columns: 1fr 1fr 30px;
  }
}
.soccer-box--predictions__line {
  align-items: center;
  border-bottom: 1px solid var(--color-gray-mid-light);
  display: grid;
  font-size: 0.77rem;
  grid-template-columns: 1fr 1fr;
}
.soccer-box--predictions__line:last-child {
  border: none;
}
.soccer-box--predictions table {
  font-size: 0.77rem;
  width: 100%;
}
.soccer-box--predictions th {
  padding: 0 !important;
  text-align: center;
}
.soccer-box--predictions td {
  border: none !important;
  font-size: 0.66rem;
  padding: 10px 5px !important;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .soccer-box--predictions td {
    font-size: 0.7rem;
  }
}
.soccer-box--summary__item__info {
  display: block;
  font-size: 0.77rem;
}
.soccer-box--summary__item__info:not(:last-child) {
  margin: 0 0 10px;
}
.soccer-box--summary__item__teams {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin: 0 0 20px;
}
.soccer-box--summary__item__teams img {
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 16px;
}
.soccer-box--summary__item__title {
  font-size: 0.9rem;
  font-weight: var(--bold);
  margin: 0 10px;
}
.soccer-box--teaminfo {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.soccer-box--teaminfo__flag {
  display: grid;
  padding: 0;
  place-content: center;
}
.soccer-box--teaminfo__flag img {
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 16px;
}
.soccer-box--teaminfo__title {
  display: grid;
  font-size: 0.66rem;
  grid-template-columns: 30px 1fr 1fr 30px !important;
  padding: 0 0 10px;
}
@media screen and (min-width: 500px) {
  .soccer-box--teaminfo__title {
    font-size: 0.7rem;
  }
}
.soccer-box--teaminfo__title th {
  text-align: center;
}
.soccer-box--teaminfo__title th:nth-child(2) {
  text-align: left;
}
.soccer-box--teaminfo__title th:nth-child(3) {
  text-align: right;
}
.soccer-box--teaminfo__label {
  display: grid;
  grid-template-columns: 30px 0 1fr 30px 1fr 30px;
}
@media screen and (min-width: 375px) {
  .soccer-box--teaminfo__label {
    grid-template-columns: 30px 40px 1fr 30px 1fr 30px;
  }
}
@media screen and (min-width: 500px) {
  .soccer-box--teaminfo__label {
    grid-template-columns: 1fr 1fr 30px;
  }
}
.soccer-box--teaminfo__line {
  align-items: center;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 30px 1fr 1fr 30px;
}
.soccer-box--teaminfo__line:nth-child(2n) {
  background-color: var(--color-list) !important;
  transition: var(--theme);
}
.soccer-box--teaminfo__line td:nth-child(2),
.soccer-box--teaminfo__line td:nth-child(3) {
  font-weight: var(--bold);
}
.soccer-box--teaminfo__toggle {
  padding: 15px 0;
}
.soccer-box--teaminfo table {
  font-size: 0.77rem;
  width: 100%;
}
.soccer-box--teaminfo__team {
  text-align: center;
}
.soccer-box--teaminfo td {
  border: none !important;
  font-size: 0.66rem;
  padding: 10px 5px !important;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .soccer-box--teaminfo td {
    font-size: 0.7rem;
  }
}
.soccer-box--teaminfo .accordion {
  margin: 20px 0 0;
}
.soccer-box--teaminfo .accordion__head {
  padding: 5px 10px 5px 20px;
  -webkit-tap-highlight-color: transparent;
}
.soccer-box--teaminfo .accordion__content {
  max-height: none;
  padding: 0 15px 15px;
}
@media screen and (min-width: 768px) {
  .soccer-box__mscreen {
    display: none;
  }
  .soccer-box__dscreen {
    display: block;
  }
}
.soccer-box--eb24 .soccer-box {
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  margin-bottom: 60px;
  overflow: hidden;
  transition: var(--theme-border);
}
.soccer-box--eb24 .soccer-box--header {
  background: #000aaa;
  background: linear-gradient(130deg, #000aaa, #000888);
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: var(--white);
  font-size: 0.8rem;
  font-weight: var(--bold);
}
.soccer-box--eb24 .soccer-box--header__logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 107 52'%3E%3Cpath fill='%23fff' d='m102.294 26.205-.001.006-4.331 6.632h2.858l-.361 2.338h-5.462v-1.983l6.383-9.542h3.57v9.187l2.066-.003v2.338h-2.067v3.613h-2.652V35.18l-.001-2.338h.002v-6.64l-.003.004zM42.085 13.049c-.106.931-.555 1.71-1.376 2.381-.737.597-1.497.888-2.315.878q-.148-.001-.297-.017c-.845-.078-1.561-.489-2.191-1.26l-2.957-3.639 1.465-1.19 2.715 3.338c.471.582.759.777 1.233.83.374.045.797-.1 1.161-.397s.595-.682.627-1.057c.045-.475-.087-.797-.56-1.377L36.876 8.2l1.465-1.19 2.957 3.638c.627.772.884 1.559.788 2.402zm7.452-9.593.358 1.758-3.646.74.253 1.248 3.337-.677.353 1.738-3.337.677.101.5c.135.663.327.729.918.608l2.883-.585.357 1.757-2.964.602a4 4 0 0 1-.769.084q-.708 0-1.221-.315c-.516-.319-.857-.864-1.01-1.622l-.945-4.656a.75.75 0 0 1 .097-.578.75.75 0 0 1 .495-.313l4.743-.964zm9.223 2.541c-.582-.151-.777-.096-.946.558l-.128.491 3.29.853-.443 1.714-3.29-.853-.769 2.979-1.085-.281a.75.75 0 0 1-.475-.339.75.75 0 0 1-.065-.581l1.193-4.606c.389-1.503 1.487-2.103 3.088-1.688l2.923.757-.45 1.733zm10.574 3.037c.455.35.39.752.301 1.024l-2.241 7.712-1.546-1.415.326-1.123-1.401-1.046 1.128-.808.654.49.741-2.501-4.303 2.783-1.765-.998 6.751-4.369c.26-.17.616-.319 1.067.028zm-16.858 4.161c5.537 0 10.561 2.478 13.625 6.142l-.971 1.2c-2.782-3.463-7.518-5.845-12.653-5.845s-9.871 2.381-12.653 5.845l-.972-1.2c3.064-3.664 8.088-6.142 13.625-6.142zm20.479-5.679q.806.696 1.557 1.449l-1.004 1.239a28 28 0 0 0-1.589-1.488c-5.327-4.598-12.232-7.131-19.442-7.131S38.36 4.119 33.032 8.717q-.824.713-1.59 1.488l-1.002-1.24a29 29 0 0 1 1.557-1.449C37.612 2.669 44.885 0 52.475 0s14.863 2.669 20.478 7.517zm15.821 28.919h6.112v2.36H84.606v-2.027l4.478-3.924c1.759-1.644 2.855-3.132 2.896-4.593.043-1.503-.955-2.464-2.478-2.464-1.588 0-2.496 1.169-2.413 2.777l-2.568-.146c-.062-3.027 1.953-4.97 5.106-4.97 3.11 0 5.131 1.921 5.131 4.594 0 2.163-1.41 4.22-3.879 6.473l-2.104 1.92zm-22.847 0h6.111v2.36H61.757v-2.027l4.479-3.924c1.758-1.644 2.855-3.132 2.896-4.593.042-1.503-.955-2.464-2.479-2.464-1.587 0-2.495 1.169-2.412 2.777l-2.569-.146c-.062-3.027 1.954-4.97 5.106-4.97 3.111 0 5.131 1.921 5.131 4.594 0 2.163-1.41 4.22-3.878 6.473l-2.104 1.92zm-9.429-5.33c0-2.711-1.59-4.533-4.025-4.533s-4.024 1.821-4.024 4.533c0 2.436 1.245 4.109 3.219 4.461l-.519 3.355c-4.08-.527-6.703-3.521-6.703-7.816 0-4.724 3.199-7.88 8.028-7.88s8.026 3.156 8.026 7.88c0 4.295-2.621 7.289-6.701 7.817l-.519-3.355c1.973-.354 3.218-2.027 3.218-4.462m-13.923-2.499c0 2.443-1.368 4.733-3.685 5.213l2.763 4.977h-4.027l-2.857-7.442h1.73c1.42 0 2.13-1.286 2.13-2.456 0-1.252-.856-1.879-2.13-1.879h-3.195v11.776h-3.758v-15.14h7.308c3.738 0 5.721 2.11 5.721 4.95zM0 38.795V23.657h10.9v3.257H3.758v2.819h6.516v3.049H3.758v2.777H10.9v3.236zm83.861-7.575c0 5.175-2.109 7.772-5.513 7.772-3.695 0-5.553-2.918-5.553-7.836 0-5.132 2.067-7.709 5.553-7.709 3.591 0 5.513 2.875 5.513 7.772zm-2.777 0c0-3.705-.94-5.408-2.736-5.408-1.92 0-2.755 1.958-2.755 5.344 0 3.748.939 5.451 2.755 5.451 1.9 0 2.736-1.958 2.736-5.387m-67.238-7.563h3.758v9.417c0 1.67 1.065 2.568 2.631 2.568 1.733 0 2.63-1.023 2.63-2.567v-9.418h3.738v9.563c0 3.508-2.317 5.784-6.368 5.784-3.863 0-6.39-2.13-6.39-5.784v-9.563zm48.473 19.944 3.301 8.285h-1.086l-.788-2.058h-2.649l-.136-.8h2.488l-1.703-4.467-1.279 3.355h-.004L59.44 50.63l-.481 1.255h-1.063l3.268-8.284zm-18.146 4.881 2.937 3.404h-1.222l-3.577-4.182h1.714c1.177 0 1.817-.651 1.817-1.622 0-1.018-.719-1.589-1.817-1.589h-2.64v7.392h-.971v-8.284h3.691c1.691 0 2.753.995 2.753 2.434 0 1.52-1.062 2.422-2.685 2.446zm4.091-4.88h1.12l3.153 4.994 3.108-4.994h1.109v8.284h-.97V45.03l-3.017 4.822h-.469l-3.062-4.827v6.86h-.97v-8.284zm33.272 0-3.017 4.366v3.918h-.97v-3.918l-3.062-4.365h1.131l2.423 3.644 2.41-3.645h1.086zm-8.01 0v8.284h-1.051l-4.65-6.787v6.787h-.971v-8.284h1.052l4.65 6.753v-6.753zm-40.493 0h5.804v.892h-4.832v2.822h4.49v.845h-4.49v2.834h4.833v.891h-5.804l-.002-8.284zm-9.621 4.16c0-2.537 1.622-4.273 4.114-4.273 1.942 0 3.416 1.062 3.735 2.651h-1.005c-.332-1.052-1.417-1.761-2.719-1.761-1.897 0-3.108 1.361-3.108 3.383 0 2.033 1.222 3.371 3.131 3.371 1.702 0 2.947-1.075 2.959-2.628l.08-.046h-3.726v-.799h4.594c.022.195.045.377.045.593 0 2.24-1.577 3.748-3.954 3.748-2.525 0-4.147-1.691-4.147-4.238z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 36px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 120px;
}
.soccer-box--eb24 .soccer-box--header__logo img,
.soccer-box--eb24 .soccer-box--header__logo span {
  display: none;
}
.soccer-box--eb24 .soccer-box--header__button {
  transform: translateY(-1px);
}
.soccer-box--eb24 .soccer-box--header__button a {
  border: 1px solid hsla(0, 0%, 100%, 0.7);
  border-radius: 3px;
  color: var(--white);
  font-size: 0.7rem;
  font-weight: var(--bold);
  margin-left: 8px;
  padding: 4px 8px;
}
.soccer-box--eb24 .soccer-box--header__button a:hover {
  background-color: var(--white);
  color: #19a;
}
.soccer-box--eb24 .soccer-box--header__button a:active {
  opacity: 0.8;
}
.soccer-box--eb24 .soccer-box__item {
  background-color: var(--color-cards);
  border-top: 1px solid var(--color-gray-mid-light);
  transition: var(--theme), var(--theme-border);
}
.soccer-box--eb24 .soccer-box__item:nth-child(2n) {
  background-color: var(--color-list);
}
.soccer-box--eb24 .soccer-box__item__top {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.soccer-box--eb24 .soccer-box__item__result,
.soccer-box--eb24 .soccer-box__item__status,
.soccer-box--eb24 .soccer-box__item__tags {
  color: var(--color-text);
  font-size: 0.66rem;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .soccer-box--eb24 .soccer-box__item__result,
  .soccer-box--eb24 .soccer-box__item__status,
  .soccer-box--eb24 .soccer-box__item__tags {
    font-size: 0.8rem;
  }
}
.soccer-box--eb24 .soccer-box__item__infos {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.soccer-box--eb24 .soccer-box__item__infos .eb-box__item__tags {
  margin-left: 6px;
}
.soccer-box--eb24 .soccer-box__item__status {
  font-weight: var(--bold);
}
.soccer-box--eb24 .soccer-box__item__status .livetag {
  position: relative;
}
.soccer-box--eb24 .soccer-box__item__status .livetag:before {
  position: absolute;
  top: 1px;
}
.soccer-box--eb24 .soccer-box__item__status span {
  font-size: 0.66rem;
  font-weight: var(--semibold);
}
.soccer-box--eb24 .soccer-box__item__status .uefa-2020__flag {
  margin-right: 3px;
}
.soccer-box--eb24 .soccer-box__item__button,
.soccer-box--eb24 .soccer-box__item__status {
  font-weight: var(--bold);
  line-height: 2;
}
.soccer-box--eb24 .soccer-box__item__result {
  align-items: center;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}
.soccer-box--eb24 .soccer-box__item__score,
.soccer-box--eb24 .soccer-box__item__tags,
.soccer-box--eb24 .soccer-box__item__team {
  line-height: 1.1;
}
.soccer-box--eb24 .soccer-box__item__tags {
  background-color: #19a;
  border-radius: 1px;
  color: var(--white);
  font-size: 0.66rem;
  font-weight: var(--semibold);
  padding: 2px 4px;
  text-transform: uppercase;
  width: -moz-max-content;
  width: max-content;
}
.soccer-box--eb24 .soccer-box__item__team {
  font-weight: var(--semibold);
  margin: 0 4px;
}
.soccer-box--eb24 .soccer-box__item__date {
  align-items: center;
  display: flex;
  font-size: 0.7rem;
  justify-content: flex-end;
  margin-bottom: 4px;
}
.soccer-box--eb24 .soccer-box__item__date div {
  font-weight: var(--bold);
}
.soccer-box--eb24 .soccer-box__item__date > * {
  margin-left: 4px;
}
.soccer-box--eb24 .soccer-box__item__timetable__flex {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.soccer-box--eb24 .soccer-box__item__timetable .soccer-box__item__team {
  align-items: center;
  background: #0003;
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
  flex-flow: column-reverse;
  height: -moz-max-content;
  height: max-content;
  justify-content: center;
  min-height: 44px;
  text-align: center;
  white-space: normal;
}
.soccer-box--eb24 .soccer-box__item__team {
  display: flex;
}
.soccer-box--eb24 .soccer-box__item__events,
.soccer-box--eb24 .soccer-box__item__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.soccer-box--eb24 .soccer-box__item .uefa-2020__flag {
  align-items: center;
  background-color: var(--white);
  border: 1px solid var(--color-light);
  border-radius: 2px;
  display: flex;
  height: 14px;
  justify-content: center;
  margin: 3px;
  overflow: hidden;
  transition: var(--theme-border);
  width: 19px;
}
@media screen and (max-width: 330px) {
  .soccer-box--eb24 .soccer-box__item .uefa-2020__flag {
    display: none !important;
  }
}
.soccer-box--eb24 .soccer-box--timetable {
  margin-top: 20px;
  overflow: hidden;
}
.soccer-box--eb24 .soccer-box--timetable li {
  transition: var(--theme), var(--theme-text), var(--theme-border);
}
.soccer-box--eb24 .soccer-box--timetable li:nth-child(2n) {
  background-color: var(--color-list);
}
.soccer-box--eb24 .soccer-box--timetable li:nth-child(2n) > * {
  background-color: transparent;
}
.soccer-box--eb24 .soccer-box--timetable .soccer-box__item__result {
  justify-content: flex-end;
}
.soccer-box--eb24 .soccer-box--timetable .soccer-box__item__button {
  padding-right: 4px;
  text-align: right;
}
.soccer-box--eb24 .soccer-box--timetable .soccer-box__item__date {
  margin-right: 3px;
}
.soccer-box--eb24 .soccer-box--timetable .soccer-box__item__team {
  align-items: center;
  flex-wrap: nowrap;
}
.soccer-box--eb24
  .soccer-box--timetable
  .soccer-box__item__team--unknown
  .uefa-2020__flag {
  display: none;
}
.soccer-box--eb24 .soccer-box--timetable .soccer-box--subheader {
  font-size: 0.9rem;
}
.soccer-box--eb24 .soccer-box--subheader {
  background-color: #143cdb !important;
  color: var(--white) !important;
  font-weight: var(--bold);
  padding: 7px 10px;
  transition: var(--theme), var(--theme-text), var(--theme-border);
}
.soccer-box--eb24 .soccer-box--current {
  border-top: 2px solid #ff1493 !important;
  transition: var(--theme-border);
}
.soccer-box--eb24 .soccer-box--grouptable {
  font-size: 0.77rem;
}
.soccer-box--eb24 .soccer-box--grouptable .soccer-box {
  align-items: center;
  display: flex;
}
.soccer-box--eb24 .soccer-box--grouptable .soccer-box__category__title {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  max-width: 100px;
}
@media screen and (min-width: 1200px) {
  .soccer-box--eb24 .soccer-box--grouptable .soccer-box__category__title {
    font-size: 0.88rem;
    max-width: none;
  }
}
.soccer-box--eb24 .soccer-box--grouptable .soccer-box__category__content {
  align-items: center;
  display: flex;
}
.soccer-box--eb24 .soccer-box--grouptable .soccer-box__category__content span {
  display: grid;
  place-content: center;
  width: 20px;
}
@media screen and (min-width: 500px) {
  .soccer-box--eb24
    .soccer-box--grouptable
    .soccer-box__category__content
    span {
    width: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .soccer-box--eb24
    .soccer-box--grouptable
    .soccer-box__category__content
    span {
    font-size: 1rem;
    width: 60px;
  }
}
.soccer-box--eb24 .soccer-box--grouptable .soccer-box--subheader__category {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.soccer-box--eb24
  .soccer-box--grouptable
  .soccer-box--subheader__category
  span {
  display: grid;
  font-size: 0.7rem;
  place-content: center;
  width: 20px;
}
@media screen and (min-width: 500px) {
  .soccer-box--eb24
    .soccer-box--grouptable
    .soccer-box--subheader__category
    span {
    width: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .soccer-box--eb24
    .soccer-box--grouptable
    .soccer-box--subheader__category
    span {
    font-size: 0.9rem;
    width: 60px;
  }
}
.soccer-box--eb24 .soccer-box--grouptable .soccer-box--subheader {
  align-items: center;
  display: flex;
  font-size: 0.9rem;
  justify-content: space-between;
  margin: 0 0 7px;
}
.soccer-box--eb24 .soccer-box--grouptable li {
  padding: 0 0 7px;
}
.soccer-box--eb24 .soccer-box--grouptable .soccer-box--header {
  display: grid;
  grid-template-areas: "a b" "c c";
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  padding: 15px;
}
.soccer-box--eb24 .soccer-box--grouptable .soccer-box--header__logo {
  grid-area: a;
}
.soccer-box--eb24 .soccer-box--grouptable .soccer-box--header__title {
  grid-area: b;
  text-align: right;
}
.soccer-box--eb24 .soccer-box--grouptable .soccer-box--header__explanation {
  grid-area: c;
  padding: 7px;
  grid-gap: 7px;
  background: #ffffff1a;
  border-radius: 3px;
  color: var(--white);
  display: grid;
  font-size: 0.7rem;
  font-weight: var(--regular);
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 500px) {
  .soccer-box--eb24 .soccer-box--grouptable .soccer-box--header__explanation {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .soccer-box--eb24 .soccer-box--grouptable .soccer-box--header__explanation {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.soccer-box--eb24 .soccer-box--disabled {
  opacity: 0.6;
}
.soccer-box--eb24 .soccer-box__category {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .soccer-box--eb24 .soccer-box__mscreen {
    display: none;
  }
  .soccer-box--eb24 .soccer-box__dscreen {
    display: block;
  }
}
.f1-box {
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  overflow: hidden;
  transition: var(--theme-border);
}
.f1-box--listing {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0 0 30px;
}
.f1-box--listing__flags {
  color: transparent;
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 16px;
}
.f1-box--listing__player {
  border: 1px solid var(--color-gray-light);
  border-radius: 36px;
  display: none;
  height: 26px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  transition: var(--theme-border);
  width: 26px;
}
.f1-box--listing__title {
  font-size: 1rem;
  font-weight: var(--bold);
}
.f1-box--listing__label {
  padding: 0 15px 0 0;
}
.f1-box--listing__label,
.f1-box--listing__line {
  display: grid;
  grid-template-columns: 25px 0 1fr 1fr 1fr;
}
.f1-box--listing__line {
  align-items: center;
  border-radius: 5px;
  overflow: hidden;
  padding: 3px 15px 3px 0;
}
.f1-box--listing__line:nth-child(odd) {
  background-color: var(--color-list);
  transition: var(--theme);
}
.f1-box--listing__line td:first-child {
  text-align: left;
}
.f1-box--listing table {
  font-size: 0.77rem;
  width: 100%;
}
.f1-box--listing th {
  padding: 0 !important;
  text-align: center;
}
.f1-box--listing td {
  border: none !important;
  display: grid;
  font-size: 0.66rem;
  padding: 5px !important;
  place-content: center;
  text-align: center;
}
.f1-box--listing--team .f1-box--listing__label,
.f1-box--listing--team .f1-box--listing__line {
  display: grid;
  grid-template-columns: 25px 1fr 1fr;
}
.f1-box--listing--team .f1-box--listing__line {
  align-items: center;
  border-radius: 5px;
  overflow: hidden;
  padding: 3px 0;
}
.f1-box--listing--team .f1-box--listing__line:nth-child(2n) {
  background-color: var(--color-list);
  transition: var(--theme);
}
.f1-box--listing--team .f1-box--listing__line td:first-child {
  text-align: left;
}
.f1-box--listing .f1-box--listing__right {
  justify-content: right;
  text-align: right;
}
.article-html-content .map-legend {
  overflow: visible !important;
}
.sport-event-dashboard {
  display: flex;
  flex-direction: column;
  padding: 10px 15px 5px;
  width: 100%;
}
.sport-event-dashboard__btn {
  align-items: center;
  border: 1px solid hsla(0, 0%, 100%, 0.7);
  border-radius: 5px;
  color: var(--color-text);
  display: flex;
  font-size: 0.7rem;
  padding: 10px 5px 10px 12px;
  transition: var(--theme-text);
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .sport-event-dashboard__btn {
    font-size: 0.77rem;
    padding: 10px 10px 10px 16px;
  }
}
.sport-event-dashboard__btn i {
  font-size: 1.3rem;
  margin: 0 0 0 3px;
}
.sport-event-dashboard__btn:hover {
  border: 1px solid hsla(0, 0%, 100%, 0.5);
}
.sport-event-dashboard__cards {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: flex-start;
  margin: 0 auto;
  overflow-y: scroll;
  padding: 5px 0 10px;
  width: 100%;
  -ms-overflow-style: none;
  height: 100%;
  scrollbar-width: auto;
}
.sport-event-dashboard__cards::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 900px) {
  .sport-event-dashboard__cards {
    display: grid;
    overflow: initial;
    grid-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.sport-event-dashboard__container {
  align-items: start;
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
.sport-event-dashboard__final {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sport-event-dashboard__final:hover {
  opacity: 0.85;
}
.sport-event-dashboard__final__flag {
  height: 16px !important;
  -o-object-fit: contain;
  object-fit: contain;
  width: 16px;
}
.sport-event-dashboard__final__goal {
  color: var(--white);
  font-size: 0.9rem;
  font-weight: var(--bold);
}
.sport-event-dashboard__final__info {
  align-items: center;
  color: var(--white);
  display: flex;
  gap: 5px;
}
.sport-event-dashboard__final__info span {
  font-size: 0.7rem;
}
.sport-event-dashboard__final__score {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: flex-start;
}
.sport-event-dashboard__final__team {
  color: var(--white);
  font-size: 0.7rem;
  font-weight: var(--bold);
}
.sport-event-dashboard__final__title {
  font-weight: var(--bold);
}
.sport-event-dashboard__head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 0 5px;
  width: 100%;
}
.sport-event-dashboard__head img {
  height: 45px;
}
.sport-event-dashboard__item {
  background: var(--color-cards);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  display: grid;
  grid-template-columns: 1fr;
  height: 100%;
  min-width: 280px;
  padding: 10px;
  transition: var(--theme), var(--theme-border);
}
.sport-event-dashboard__item:hover {
  opacity: 0.8;
}
@media screen and (min-width: 375px) {
  .sport-event-dashboard__item {
    min-width: 300px;
  }
}
@media screen and (min-width: 900px) {
  .sport-event-dashboard__item {
    min-width: auto;
  }
}
.sport-event-dashboard__item__bg {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%) translateY(-50%);
  width: 100%;
}
.sport-event-dashboard__item__bg svg {
  width: 100%;
}
.sport-event-dashboard__item__content {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.sport-event-dashboard__item__info {
  align-items: center;
  color: var(--color-text);
  display: flex;
  font-size: 0.66rem;
  font-weight: var(--regular);
  transition: var(--color-text);
}
.sport-event-dashboard__item__info__pp {
  font-weight: var(--bold);
  margin: 0 5px 0 0;
}
.sport-event-dashboard__item__info__pp--time {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  overflow: visible;
  white-space: nowrap;
  width: 34px;
}
.sport-event-dashboard__item__info i {
  display: block;
  font-size: 1rem;
  margin: 0 5px 0 0;
  transform: translateY(-2px);
}
.sport-event-dashboard__item__teams {
  align-items: center;
  color: var(--color-text);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.66rem;
  font-weight: var(--bold);
  gap: 7px;
  justify-content: center;
  transition: var(--color-text);
}
.sport-event-dashboard__item__teams__score {
  font-size: 1rem;
}
.sport-event-dashboard__item__teams img {
  height: 16px;
  margin: 0 3px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 16px;
}
.sport-event-dashboard__item--disabled {
  cursor: default;
  opacity: 0.8;
}
.sport-event-dashboard__logo {
  cursor: pointer;
  margin: 0 15px 0 0;
}
.sport-event-dashboard__logo:hover {
  opacity: 0.85;
}
.sport-event-dashboard__name {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.sport-event-dashboard__title {
  color: var(--white);
  font-size: 0.8rem;
  font-weight: var(--bold);
}
.sport-event-dashboard--eb24 {
  background: #000aaa80;
  background: linear-gradient(130deg, #000aaad9, #000888d9);
}
.sport-event-dashboard--eb24 .sport-event-dashboard__btn {
  color: var(--white);
}
.sport-event-dashboard--eb24 .sport-event-dashboard__item {
  background: #0000004d;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  display: grid;
  place-content: center;
}
.sport-event-dashboard--eb24 .sport-event-dashboard__logo {
  height: 40px;
  width: 70px;
  fill: var(--white);
}
.sport-event-dashboard--eb24 .sport-event-dashboard__item__info,
.sport-event-dashboard--eb24 .sport-event-dashboard__item__teams,
.sport-event-dashboard--eb24 .sport-event-dashboard__title {
  color: var(--white);
}
.sport-event-dashboard .live {
  padding: 0;
}
.sport-event-dashboard .livetag:before {
  top: 50%;
  transform: translateY(-50%);
}
.sport-event-widget {
  margin: 0 0 20px;
  width: 100%;
}
.sport-event-widget__content {
  display: grid;
  grid-template-areas: "a" "b" "c" "d";
  grid-template-columns: 1fr;
  grid-gap: 35px;
  background: var(--color-list);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 0 0 3px 3px;
  border-top: 0;
  max-height: 250px;
  overflow: scroll;
  padding: 10px;
}
@media screen and (min-width: 500px) {
  .sport-event-widget__content {
    padding: 15px;
  }
}
@media screen and (min-width: 768px) {
  .sport-event-widget__content {
    grid-template-areas: "a b" "c c" "d d";
    grid-template-columns: 1fr 1fr;
    grid-gap: 35px 15px;
    max-height: none;
    overflow: initial;
  }
}
@media screen and (min-width: 1200px) {
  .sport-event-widget__content {
    align-items: start;
    grid-template-areas: "a b c" "d d d";
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.sport-event-widget__item {
  background: var(--color-cards);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  height: 100%;
  margin: 20px 0 0;
  padding: 5px;
}
@media screen and (min-width: 500px) {
  .sport-event-widget__item {
    padding: 10px;
  }
}
.sport-event-widget__item--a,
.sport-event-widget__item--b,
.sport-event-widget__item--c,
.sport-event-widget__item--d {
  position: relative;
}
.sport-event-widget__item--a:before,
.sport-event-widget__item--b:before,
.sport-event-widget__item--c:before,
.sport-event-widget__item--d:before {
  font-size: 0.88rem;
  font-weight: var(--bold);
  left: 50%;
  position: absolute;
  top: -8px;
  transform: translate(-50%);
}
.sport-event-widget__item--a {
  grid-area: a;
  height: 100%;
}
.sport-event-widget__item--a:before {
  content: "Csapatok";
}
@media screen and (min-width: 768px) {
  .sport-event-widget__item--a .sport-event-widget__item {
    max-height: 250px;
    overflow-y: scroll;
  }
}
.sport-event-widget__item--b {
  grid-area: b;
  height: 100%;
}
.sport-event-widget__item--b:before {
  content: "Statisztika";
}
@media screen and (min-width: 768px) {
  .sport-event-widget__item--b .sport-event-widget__item {
    max-height: 250px;
    overflow-y: scroll;
  }
}
.sport-event-widget__item--c {
  grid-area: c;
  height: 100%;
}
.sport-event-widget__item--c:before {
  content: "Előrejelzés";
}
.sport-event-widget__item--c .soccer-box--predictions tr:first-child {
  padding: 0;
}
@media screen and (min-width: 1200px) {
  .sport-event-widget__item--c .sport-event-widget__item {
    max-height: 250px;
    overflow-y: scroll;
  }
}
.sport-event-widget__item--d {
  grid-area: d;
}
.sport-event-widget__item--d:before {
  content: "Időrend";
}
.sport-event-widget__item--d .sport-event-widget__item {
  overflow: visible;
}
.sport-event-widget__item--disabled {
  opacity: 0.3;
}
.sport-event-widget .accordion__head {
  padding: 10px;
  -webkit-tap-highlight-color: transparent;
}
.sport-event-widget .accordion__head__flag {
  height: 16px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 16px;
}
@media screen and (min-width: 500px) {
  .sport-event-widget .accordion__head {
    padding: 10px 10px 10px 15px;
  }
}
.sport-event-widget .accordion__head:hover {
  opacity: 0.8;
}
.sport-event-widget .accordion__head--soccer {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.sport-event-widget .accordion__head--soccer__title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.66rem;
  gap: 7px;
  justify-content: flex-start;
  line-height: 1.4;
  text-align: left;
}
@media screen and (min-width: 500px) {
  .sport-event-widget .accordion__head--soccer__title {
    font-size: 0.7rem;
  }
}
.sport-event-widget .accordion__head--soccer__score {
  font-size: 0.9rem;
}
.sport-event-widget .accordion__head--soccer__subtitle {
  display: flex;
  font-size: 0.77rem;
  font-weight: var(--regular);
  width: 100%;
}
.sport-event-widget .accordion__head--soccer__info {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .sport-event-widget .accordion__head--soccer__info {
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
  }
}
.sport-event-widget .accordion__head--soccer__flag img {
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 16px;
}
.sport-event-widget .accordion__head svg {
  width: 30px;
}
@media screen and (min-width: 500px) {
  .sport-event-widget .accordion__head svg {
    margin: 0 5px 0 0;
    width: 40px;
  }
}
.sport-event-widget .accordion__icon {
  font-size: 1.8rem;
}
.vote-scale10 {
  background-color: var(--color-bg);
  padding-top: 10px;
  text-align: center;
  width: 100%;
}
.vote-scale10 .check-box-flex {
  border: none;
  flex-basis: 100%;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  min-width: 0;
  padding: 0;
  width: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}
.vote-scale10 input[type="radio"] {
  display: none;
}
.vote-scale10 .vote-numbers {
  width: 30px;
}
.vote-scale10 input[type="radio"] + label {
  color: var(--gray-medium);
  cursor: pointer;
  display: inline-table;
  font-size: 18px;
  margin: 50px 15px 20px;
  padding: 0;
  position: relative;
  width: 30px;
}
.vote-scale10 input[type="radio"] + label:before {
  border: 3px solid var(--gray-medium);
  border-radius: 50%;
  font-size: 0;
  height: 20px;
  width: 20px;
}
.vote-scale10 input[type="radio"] + label:after,
.vote-scale10 input[type="radio"] + label:before {
  bottom: 250%;
  content: "";
  left: 50%;
  position: absolute;
  transform: translate(-50%, 50%);
  transition: all 0.25s cubic-bezier(0.4, 0.25, 0.3, 1);
}
.vote-scale10 input[type="radio"] + label:after {
  background-color: var(--color-accent);
  border-radius: 50%;
  height: 0;
  width: 0;
}
.vote-scale10 input[type="radio"]:checked + label:before {
  border: 3px solid var(--color-accent);
}
.vote-scale10 input[type="radio"]:checked + label:after {
  height: 10px;
  width: 10px;
}
.vote-scale10 input[type="radio"]:checked + label {
  color: var(--color-accent);
}
.vote-scale10 input[type="radio"]:hover + label {
  opacity: 0.75;
}
.vote-result {
  background-color: var(--color-bg);
  padding: 0 0 30px;
  text-align: center;
}
.vote-flex {
  flex-direction: column;
  justify-content: center;
}
.vote-flex,
.vote-title {
  display: flex;
  width: 100%;
}
.vote-title {
  margin: 8px 0;
  padding-top: 20px;
}
.vote-title p {
  color: var(--color-text);
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.vote-parent {
  background-color: var(--color-gray-light);
  border-radius: 2px;
  display: flex;
  flex-wrap: wrap;
  height: 28px;
  width: 100%;
}
.child-actual {
  align-items: center;
  display: flex;
  height: auto;
  justify-content: center;
}
.child-actual > * {
  color: var(--color-bg);
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 28px;
  transform: translateY(-1px);
  white-space: nowrap;
}
.child-myvote {
  height: auto;
}
#actual {
  background-color: var(--color-secondary);
}
#myvote {
  background-color: var(--color-accent);
}
#myvote span {
  color: var(--color-bg);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  transform: translateY(3px);
}
@media screen and (max-width: 1150px) {
  input[type="radio"] + label {
    margin: 50px 10px 20px !important;
  }
}
.vote-btn-div {
  background-color: var(--color-bg);
  height: auto;
  padding: 30px 0;
  text-align: center;
}
.hue-btn {
  background-color: var(--secondary);
  border-radius: 3px;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 0;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.hue-btn:active,
.hue-btn:hover {
  animation: mymove 5s infinite;
}
.hue-btn:active {
  transform: translateY(2px);
  transition: 0.2s;
}
@keyframes mymove {
  0% {
    background-color: var(--secondary);
  }
  50% {
    background-color: var(--accent);
  }
  to {
    background-color: var(--secondary);
  }
}
@media screen and (max-width: 400px) {
  .hue-btn {
    font-size: 16px;
  }
}
.vote-thx {
  background-color: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  display: flex;
  margin: 60px 0;
  padding: 15px 20px;
  text-align: left;
}
.vote-content,
.vote-thx {
  align-items: center;
  justify-content: center;
}
.vote-content {
  display: grid;
  grid-template-columns: 1fr;
  height: auto;
  width: 100%;
  grid-gap: 10px;
}
@media screen and (min-width: 769px) {
  .vote-content {
    grid-template-columns: 60px 1fr;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 1200px) {
  .vote-content {
    width: 70%;
  }
}
.vote-text p {
  color: var(--color-text);
  text-align: left;
  width: 100%;
}
.vote-thanks-lead,
.vote-thanks-title {
  margin: 0;
  padding: 5px 0;
  width: 100%;
}
.vote-thanks-title p {
  font-size: 1rem;
  font-weight: var(--semibold);
  line-height: 1.3;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .vote-thanks-title p {
    font-size: 1.1rem;
    text-align: left;
  }
}
@media screen and (min-width: 1201px) {
  .vote-thanks-title p {
    font-size: 1.3rem;
  }
}
.vote-thanks-lead p {
  color: var(--color-gray-mid-light);
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  margin: 0;
  padding: 0;
}
.vote-icons {
  height: 80px;
  padding-right: 30px;
  width: 80px;
  fill: var(--color-accent);
}
.vote-success {
  align-items: center;
  background-color: var(--color-yellow);
  border: 2px solid var(--color-text);
  border-radius: 30px;
  display: flex;
  height: 60px;
  justify-content: center;
  margin: 0 auto;
  width: 60px;
}
.vote-success svg {
  height: 65%;
  padding: 0;
}
@media screen and (max-width: 400px) {
  .vote-icons {
    height: 60px;
    padding: 0 0 15px;
    width: 60px;
  }
  .vote-thanks-lead p {
    font-size: 16px;
    line-height: 21px;
    text-align: center;
  }
}
.bet {
  color: var(--color-text);
  display: block;
  margin: 0 !important;
  padding: 0;
  width: 100%;
}
.bet,
.bet li,
.bet li:before,
.bet ul {
  list-style: none;
}
.bet__input {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 30px 0;
  grid-gap: 20px;
  align-content: center;
  background-color: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  cursor: pointer;
  justify-content: center;
  margin: 15px 0;
  padding: 15px 0 15px 15px;
}
.bet__input:hover {
  background-color: var(--color-gray-mid-light);
}
.bet__input:hover .bet__control:before {
  border-radius: 50%;
  box-shadow: inset 0.5em 0.5em var(--color-secondary);
  content: "";
  height: 0.3em;
  opacity: 0.7;
  position: absolute;
  transform: scale(1) !important;
  transition: transform 0.18s ease-in-out;
  width: 0.3em;
}
.bet__input input {
  display: none;
  height: 0;
  opacity: 0;
  order: 3;
  width: 0;
}
.bet__text {
  display: block;
  order: 1;
  width: auto;
}
.bet__label {
  font-size: 1rem;
  font-weight: var(--bold);
  transition: all 0.18s ease-in-out;
}
.bet__control {
  background-color: var(--color-bg);
  border: 2px solid var(--color-gray-medium);
  border-radius: 50%;
  display: block;
  font-size: 2rem;
  height: 26px;
  position: relative;
  transform: translateY(-0.05em);
  width: 26px;
}
.bet__answer {
  color: var(--color-text);
  display: none;
  font-size: 0.88rem;
  font-weight: var(--regular);
  margin-top: 15px;
  padding: 8px 12px;
}
.bet__answer,
.bet__answer img {
  cursor: default;
}
.bet__true {
  background-color: #0099661a;
  border: 2px solid rgba(0, 153, 102, 0.2);
}
.bet__false {
  background-color: #ee33331a;
  border: 2px solid rgba(238, 51, 51, 0.2);
}
.radio-before .bet__control {
  display: grid;
  order: 2;
  place-items: center;
}
.bet__option:checked ~ .bet__text .bet__answer {
  display: block;
}
.bet__option:checked ~ .bet__control {
  background-color: var(--color-bg);
}
input + .bet__control:before {
  border-radius: 50%;
  box-shadow: inset 0.5em 0.5em var(--color-secondary);
  content: "";
  height: 0.3em;
  transform: scale(0);
  transition: transform 0.18s ease-in-out;
  width: 0.3em;
}
input:checked + .bet__control:before {
  transform: scale(1);
}
.bet__option:checked ~ .bet__input {
  background-color: var(--color-accent);
}
.bet__option:checked ~ .bet__input .bet__label {
  color: var(--color-secondary);
}
.single-article .article-html-content .bet__item {
  margin: 0 !important;
  padding: 0 !important;
}
.single-article .article-html-content .bet__item:before {
  display: none !important;
}
.more-info {
  margin: 20px 0;
}
.vsa-list {
  background: transparent;
  border: none;
  border-radius: 3px;
  outline: 1px solid var(--color-gray-mid-light);
}
.vsa-item__trigger {
  background: var(--color-gray-light);
  border: none !important;
  border-radius: 3px;
  color: var(--color-text);
  cursor: pointer;
  outline: none !important;
  padding: 15px 25px;
}
.vsa-item__trigger:focus,
.vsa-item__trigger:hover {
  background: var(--color-gray-light-fx);
  border: none !important;
  color: var(--color-text);
  outline: none !important;
}
.vsa-item__trigger__content {
  font-size: 0.9rem !important;
}
.vsa-item__content {
  background: var(--color-card);
  border: none !important;
  border-radius: 0 0 3px 3px;
  color: var(--color-text);
  outline: none !important;
}
.vsa-item__content p {
  font-size: 0.9rem;
}
.vsa-item__content p span {
  font-weight: var(--bold);
  margin-bottom: 15px;
}
.vsa-item--is-active .vsa-item__trigger__icon .open {
  display: none;
}
.vsa-item--is-active .vsa-item__trigger__icon .close,
.vsa-item__trigger__icon .open {
  display: block;
}
.vsa-item__trigger__icon .close {
  display: none;
}
.vsa-item--is-active .vsa-item__heading,
.vsa-item:not(:last-of-type) {
  border-bottom: 1px solid var(--color-gray-mid-light);
}
.main--light {
  --quiz-gradient: #fff 0%, hsla(0, 0%, 100%, 0) 100%;
  --quiz-active: hsla(0, 0%, 100%, 0.8);
  --correct: rgba(0, 153, 102, 0.4);
  --incorrect: rgba(255, 34, 51, 0.3);
}
.main--dark {
  --quiz-gradient: rgba(0, 0, 0, 0.3) 0%, transparent 100%;
  --quiz-active: rgba(0, 0, 0, 0.4);
  --correct: rgba(0, 255, 187, 0.4);
  --incorrect: hsla(0, 60%, 83%, 0.4);
}

.push-notification {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid #ddd;
  display: flex;
  font-size: 14px;
  justify-content: space-between;
  margin: 20px 0 10px;
  overflow: hidden;
  padding: 12px 16px;
}
.push-notification:hover {
  box-shadow: 0 3px 10px #ddd;
}
.noti-flex {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.noti-content {
  align-items: center;
  display: flex;
}
.noti-box {
  padding-right: 15px;
  width: auto;
}
.noti-image {
  align-items: center;
  background: #096;
  background: linear-gradient(0deg, #096, #069);
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
.noti-image svg {
  height: 22px;
  fill: var(--white);
  animation: shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
.noti-box:hover svg {
  animation: shake 3s;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(1px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-2px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(2px, 0, 0);
  }
}
.noti-txt {
  display: flex;
  flex-direction: column;
  max-width: 620px;
}
.noti-txt .noti-title {
  color: var(--accent);
  font-weight: var(--bold);
}
.noti-txt .noti-lead {
  color: var(--black);
}
.noti-txt:active .noti-lead,
.noti-txt:active .noti-title,
.noti-txt:hover .noti-lead,
.noti-txt:hover .noti-title {
  color: var(--secondary);
  cursor: pointer;
}
.noti-title {
  color: var(--accent);
  font-weight: var(--bold);
}
.noti-lead {
  color: var(--black);
}
.close-button svg {
  height: 14px;
  fill: #aaa;
  padding-left: 15px;
}
.close-button :active,
.close-button :hover {
  fill: var(--secondary);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .noti-content {
    align-items: flex-start;
  }
  .noti-box {
    transform: translateY(5px);
  }
}
@media screen and (max-width: 500px) {
  .noti-image {
    height: 30px;
    width: 30px;
  }
  .noti-image svg {
    height: 18px;
  }
  .close-button svg {
    padding-left: 10px;
  }
}

@media screen and (min-width: 768px) {
  .list {
    margin: 0 auto;
  }
  .list.after,
  .list.g7 {
    width: calc(100vw - 60px);
  }
}
@media screen and (min-width: 1200px) {
  .list.after,
  .list.g7 {
    width: calc(100vw - 150px);
  }
}
@media screen and (min-width: 1600px) {
  .list.after,
  .list.g7 {
    max-width: 1400px;
  }
}
@media screen and (min-width: 1200px) {
  .list:not(.g7, .after) {
    width: 1120px;
  }
}
.list .article_date {
  font-size: 0.7rem;
  font-weight: var(--regular);
  line-height: 1.4;
  margin: 3px 0;
}
.list .article_date,
.list .article_date span {
  color: var(--color-text);
  transition: var(--theme-text);
}
.list .article_date a {
  color: var(--color-accent);
  transition: var(--theme-text);
}
.list .article_date a:hover {
  color: var(--color-secondary);
}
.list--after {
  z-index: 2;
}
.list--after .list__card {
  background: var(--gray-extra-light);
  border: 1px solid var(--gray-mid-light);
  border-radius: 9px;
  color: var(--gray-extra-dark);
  display: grid;
  padding: 15px;
  place-content: center;
}
.list--after .list__page > div {
  grid-template-areas: "a" "e" "b" "c" "d";
  grid-template-columns: 1fr;
}
.list--after .list__block {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}
@media screen and (min-width: 768px) {
  .list--after .list__block {
    display: flex;
    justify-content: space-between;
  }
}
.list--after .list__item:not(:last-child) {
  border-bottom: 2px solid hsla(0, 0%, 100%, 0.2);
}
.list--after .list__item__img img {
  background-color: #ffffff1a;
  border: 1px solid var(--gray-extra-dark);
  border-radius: 5px;
}
.list--after .list__item__info,
.list--after .list__item__lead,
.list--after .list__item__title {
  color: var(--white) !important;
}
@media screen and (min-width: 768px) {
  .list--after .list__header {
    padding: 40px 0 0;
  }
}
.list--after img {
  background-color: #ffffff1a;
  color: transparent;
}
.list--after .rss_button {
  background: var(--white) !important;
}
.list--after .rss_button .icon-rss,
.list--after .rss_button p {
  color: var(--accent) !important;
}
.list--after .rss_button:hover {
  opacity: 0.9;
}
.list--after .article_date span {
  color: var(--white) !important;
}
.list--after .article_date a,
.list--after .tag--basic {
  color: var(--after-accent) !important;
}
.list--after .img_info {
  display: none;
}
.list--after .pagination .page {
  background-color: #0003;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  color: var(--after-accent);
}
.list--after .pagination .page:hover {
  background-color: #00000080;
}
.list--after .pagination .page.current-page,
.list--after .pagination .page.current-page:hover {
  background-color: var(--accent) !important;
  color: var(--white);
}
.list--after .spotify-embed {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 9px;
  overflow: hidden;
}
.list--after .spotify-embed iframe {
  max-height: 400px;
}
.list--after .extra__block--recent .extra__block--new {
  background: #0000001a;
  box-shadow: 0 10px 15px #0003;
}
.list--after .extra__block--recent .extra__block--podcast {
  background: #ffffff1a;
  box-shadow: 0 10px 15px #0003;
}
.list--after .extra__block--recent .extra__block__content {
  grid-gap: 0;
}
.list--after .extra__block--cards:before {
  background: #7b52c2cc;
}
.list__extra {
  display: grid;
  grid-area: e;
  grid-template-columns: 1fr;
  grid-gap: 40px;
  margin: 0 0 20px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .list__extra {
    grid-gap: 60px;
    margin: 0 0 40px;
  }
}
.list__faq {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  margin: 0 0 40px;
}
@media screen and (min-width: 500px) {
  .list__faq {
    margin: 0 0 60px;
  }
}
@media screen and (min-width: 768px) {
  .list__faq {
    margin: 0;
  }
}
.list__faq__container {
  display: grid;
  grid-template-columns: 1fr;
  place-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .list__faq__container {
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 60px;
  }
}
@media screen and (min-width: 1200px) {
  .list__faq__container {
    grid-gap: 0 90px;
  }
}
.list__faq__container__solo {
  grid-template-columns: 1fr;
}
.list__faq__container__title {
  color: var(--black);
  font-size: 1.2rem;
  font-weight: var(--bold);
  margin: 0 auto 30px;
}
.list__faq .accordion {
  width: 100%;
}
.list__faq .accordion:last-child {
  margin: 0;
}
.list__page {
  margin: 0 0 40px;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .list__page {
    margin: 0 0 60px;
  }
}
.list__page > div {
  display: grid;
  grid-template-areas: "a" "b" "e" "c" "d";
  grid-template-columns: 1fr;
  padding: 0 15px;
}
.list__header {
  grid-area: a;
  padding: 15px 0 0;
  width: calc(100vw - 30px);
}
@media screen and (min-width: 500px) {
  .list__header {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .list__header {
    padding: 20px 0 0;
  }
}
.list__header__group {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  font-weight: 700;
  justify-content: center;
  line-height: 1.2;
  margin: 0 0 20px;
  min-height: 90px;
  position: relative;
  text-align: left;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .list__header__group {
    flex-direction: row;
    min-height: 130px;
  }
}
.list__header__group div:first-of-type {
  align-items: center;
  display: flex;
  justify-content: center;
  white-space: nowrap;
}
.list__header__group a {
  width: auto;
}
.list__header__group__title {
  align-items: center;
  color: var(--color-text);
  cursor: default;
  display: flex;
  font-size: 1.4rem;
  font-weight: 700;
  justify-content: flex-start;
  transition: var(--theme-text);
  white-space: nowrap;
  width: -moz-min-content;
  width: min-content;
}
@media screen and (min-width: 500px) {
  .list__header__group__title {
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 768px) {
  .list__header__group__title {
    font-size: 2rem;
  }
}
.list__header__group__title:first-letter {
  text-transform: uppercase;
}
.list__header__group__subtitle {
  margin: 0 0 7px;
}
.list__header__group .after__logo .sub-brand__logo {
  background-image: var(--logo-after-white);
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
  transition: background-image 0.3s;
  width: 120px;
}
@media screen and (min-width: 768px) {
  .list__header__group .after__logo .sub-brand__logo {
    height: 50px;
    width: 155px;
  }
}
.list__header__group .automagazin__logo .sub-brand__logo {
  background-image: var(--logo-automagazin);
  background-repeat: no-repeat;
  background-size: contain;
  height: 38px;
  transition: background-image 0.3s;
  width: 86px;
}
@media screen and (min-width: 768px) {
  .list__header__group .automagazin__logo .sub-brand__logo {
    height: 45px;
    width: 100px;
  }
}
.list__header__group .direkt36__logo .sub-brand__logo {
  background-image: var(--logo-direkt);
  background-repeat: no-repeat;
  background-size: contain;
  height: 24px;
  transition: background-image 0.3s;
  width: 140px;
}
@media screen and (min-width: 768px) {
  .list__header__group .direkt36__logo .sub-brand__logo {
    height: 30px;
    width: 160px;
  }
}
.list__header__group .ep-2024__logo .sub-brand__logo {
  background-image: url(../images/ep2024.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 25px;
  transition: background-image 0.3s;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .list__header__group .ep-2024__logo .sub-brand__logo {
    height: 36px;
    width: 144px;
  }
}
.list__header__group .eszkombajn__logo .sub-brand {
  margin-top: 0;
}
.list__header__group .eszkombajn__logo .sub-brand__logo {
  background-image: var(--logo-eszkombajn);
  background-repeat: no-repeat;
  background-size: contain;
  height: 70px;
  transition: background-image 0.3s;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .list__header__group .eszkombajn__logo .sub-brand__logo {
    height: 110px;
    width: 160px;
  }
}
.list__header__group .helyben__logo .sub-brand__logo {
  background-image: var(--logo-helyben);
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  transition: background-image 0.3s;
  width: 80px;
}
@media screen and (min-width: 768px) {
  .list__header__group .helyben__logo .sub-brand__logo {
    height: 80px;
    width: 130px;
  }
}
.list__header__group .holdblog__logo .sub-brand {
  margin: 0 15px 0 0;
}
.list__header__group .holdblog__logo .sub-brand__logo {
  background-image: var(--logo-hold);
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
  margin: 5px 0 0;
  transition: background-image 0.3s;
  width: 40px;
}
@media screen and (min-width: 768px) {
  .list__header__group .holdblog__logo .sub-brand__logo {
    height: 60px;
    width: 60px;
  }
}
.list__header__group .komplex__logo .sub-brand__logo {
  background-image: var(--logo-komplex);
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  transition: background-image 0.3s;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .list__header__group .komplex__logo .sub-brand__logo {
    height: 80px;
    width: 170px;
  }
}
.list__header__group .napirajz__logo .sub-brand__logo {
  background-image: var(--logo-napirajz);
  background-repeat: no-repeat;
  background-size: contain;
  height: 45px;
  transition: background-image 0.3s;
  width: 140px;
}
@media screen and (min-width: 768px) {
  .list__header__group .napirajz__logo .sub-brand__logo {
    height: 60px;
    width: 180px;
  }
}
.list__header__group .valasztas-2024__logo .sub-brand__logo {
  background-image: url(../images/ov2024.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  transition: background-image 0.3s;
  width: 50px;
}
@media screen and (min-width: 768px) {
  .list__header__group .valasztas-2024__logo .sub-brand__logo {
    height: 60px;
    width: 60px;
  }
}
.list__header__group .ov-logo {
  height: 26px;
  margin: 15px 15px 0 0;
}
.list__header__group .szepkilatas__logo .sub-brand__logo {
  background-image: var(--logo-szepkilatas);
  background-repeat: no-repeat;
  background-size: contain;
  height: 45px;
  transition: background-image 0.3s;
  width: 140px;
}
@media screen and (min-width: 768px) {
  .list__header__group .szepkilatas__logo .sub-brand__logo {
    height: 60px;
    width: 180px;
  }
}
.list__header__group .telextarcak__logo .sub-brand__logo {
  background-image: var(--logo-tarca);
  background-repeat: no-repeat;
  background-size: contain;
  height: 45px;
  transition: background-image 0.3s;
  width: 140px;
}
@media screen and (min-width: 768px) {
  .list__header__group .telextarcak__logo .sub-brand__logo {
    height: 60px;
    width: 180px;
  }
}
.list__header__group .valasztasi-foldrajz__logo .sub-brand__logo {
  background-image: var(--logo-valasztasi-foldrajz);
  background-repeat: no-repeat;
  background-size: contain;
  height: 45px;
  transition: background-image 0.3s;
  width: 140px;
}
@media screen and (min-width: 768px) {
  .list__header__group .valasztasi-foldrajz__logo .sub-brand__logo {
    height: 60px;
    width: 180px;
  }
}
.list__header__group .zacc__logo .sub-brand__logo {
  background-image: var(--logo-viral-red);
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
  width: 80px;
}
@media screen and (min-width: 768px) {
  .list__header__group .zacc__logo .sub-brand__logo {
    height: 60px;
    width: 110px;
  }
}
.list__header__group .kedvenceink__icon .sub-brand,
.list__header__group .legfontosabb__icon .sub-brand,
.list__header__group .legfrissebb__icon .sub-brand {
  margin: 0 7px 0 0;
}
.list__header__group .kedvenceink__icon .sub-brand__logo,
.list__header__group .legfontosabb__icon .sub-brand__logo,
.list__header__group .legfrissebb__icon .sub-brand__logo {
  height: 30px;
  width: 30px;
}
.list__header__group .kedvenceink__icon .sub-brand__logo svg,
.list__header__group .legfontosabb__icon .sub-brand__logo svg,
.list__header__group .legfrissebb__icon .sub-brand__logo svg {
  fill: var(--color-accent);
  transition: var(--theme-fill);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .list__header__group .kedvenceink__icon .sub-brand__logo,
  .list__header__group .legfontosabb__icon .sub-brand__logo,
  .list__header__group .legfrissebb__icon .sub-brand__logo {
    height: 36px;
    width: 36px;
  }
}
.list__header__group .legfontosabb__icon .sub-brand__logo {
  margin: 5px 0 0;
}
.list__header .sponsored-line,
.list__header__group .sponsored-line {
  margin: 0 0 30px;
}
.list__sidebar {
  display: grid;
  grid-area: d;
  grid-template-columns: 1fr;
  grid-gap: 40px;
  align-content: start;
  width: calc(100vw - 30px);
}
@media screen and (min-width: 500px) {
  .list__sidebar {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .list__sidebar {
    width: 300px;
  }
}
@media screen and (min-width: 1200px) {
  .list__sidebar {
    width: 340px;
  }
}
.list__sidebar__item {
  background: var(--color-gray-mid-light);
  display: grid;
  height: 550px;
  place-content: center;
  width: 100%;
}
.list__item {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-gap: 0 12px;
  border-bottom: 2px solid var(--color-gray-light);
  padding-bottom: 20px;
  transition: var(--theme), var(--theme-border);
  width: calc(100vw - 30px);
}
@media screen and (min-width: 375px) {
  .list__item {
    grid-template-columns: 110px 1fr;
  }
}
@media screen and (min-width: 500px) {
  .list__item {
    grid-template-columns: 1fr 2fr;
    grid-gap: 0 15px;
    padding-bottom: 30px;
    width: 100%;
  }
}
.list__item__img {
  height: 0;
  -o-object-fit: cover;
  object-fit: cover;
  padding-bottom: 75%;
  position: relative;
  transform: translateY(4px);
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 500px) {
  .list__item__img {
    padding-bottom: 66.66%;
  }
}
.list__item__img img {
  color: transparent;
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.list__item__txt {
  grid-template-columns: 1fr;
  grid-gap: 0;
  margin-top: 20px;
}
@media screen and (min-width: 500px) {
  .list__item__txt {
    margin-top: 0;
  }
}
.list__item__txt .list__item__image__frame.placeholder_ {
  border: none;
}
.list__item__txt .list__item__img {
  margin-bottom: 15px;
  padding-bottom: 0;
}
.list__item__category,
.list__item__category .list__item__img {
  margin: 0;
}
.list__item__title {
  color: var(--color-text) !important;
  cursor: pointer;
  display: block;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.4;
  transition: var(--theme-text);
}
.list__item__title svg {
  width: 20px;
  fill: var(--color-accent);
  transform: translateY(-2px);
  transition: var(--theme);
}
.list__item__lead {
  color: var(--color-text) !important;
  display: block;
  font-size: 0.9rem;
  line-height: 1.4;
  transition: var(--theme-text);
}
.list__item:last-child {
  border: none;
}
.list__item--napirajz {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.list__item--napirajz .list__item__title {
  font-size: 1.3rem;
  margin: 20px 0 15px;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .list__item--napirajz .list__item__title {
    font-size: 1.6rem;
  }
}
.list__item--napirajz .list__item__lead {
  text-align: center;
}
.list__item--napirajz .list__item__info {
  max-width: 500px;
}
.list__item--napirajz .list__item__info .article_desc {
  text-align: center;
}
.list__item--napirajz .list__item__image {
  height: auto;
  max-width: 300px;
  padding: 0;
}
.list__item--napirajz .article_date {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.list__item--napirajz .article_date em,
.list__item--napirajz .article_date span {
  margin: 0 5px;
}
.list__item .placeholder_ {
  border: 1px solid var(--color-gray-light);
  transition: var(--theme-border);
}
.list__item--pr {
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  padding: 15px 15px 20px;
  transition: var(--theme), var(--theme-border);
}
.list__item--pr .img_tag {
  background-color: var(--color-gray-light) !important;
}
@media screen and (max-width: 550px) {
  .list__item--pr .img_tag {
    padding: 5px 6px 0 0 !important;
  }
  .list__item--pr .img_tag .tag--basic {
    white-space: normal;
  }
}
@media screen and (max-width: 499px) {
  .list__item--valasztasi-foldrajz .tag--basic {
    padding: 5px 6px 0 0 !important;
    white-space: normal !important;
  }
}
.list__main {
  display: flex;
  flex-direction: column;
}
.list__main .soccer-box--predictions,
.list__main .soccer-box--summary {
  border: 1px solid;
  padding: 1em;
}
.list__group {
  display: grid;
  grid-gap: 20px;
}
@media screen and (min-width: 500px) {
  .list__group {
    grid-gap: 30px;
  }
}
.list__group .img_info {
  align-items: flex-start;
  bottom: -2px;
  flex-wrap: wrap;
}
.list__group .live {
  background-color: var(--color-bg);
  padding: 5.5px 7px 0 0;
  transition: var(--theme);
}
.list__group .live .livetag .img_tag {
  top: auto;
}
.list__group .newpost {
  display: none;
}
.list__group .tag--basic {
  white-space: nowrap;
}
.list__group .img_tag {
  background: var(--color-bg);
  bottom: 0;
  padding: 0 6px 0 0;
  transform: none;
}
.list__group .liveblog {
  background-color: transparent;
  border-bottom: 2px solid var(--color-gray-light);
  border-top: none;
  transform: none;
}
.list__group .liveblog .img_tag {
  min-height: 16px;
  top: auto;
}
.list--flagged--english .list__item--main:first-child,
.list--mstag .list__item--main:first-child {
  grid-template-columns: 1fr;
}
.list--flagged--english .list__item--main:first-child .list__item__title,
.list--mstag .list__item--main:first-child .list__item__title {
  font-size: 1.3rem;
  margin: 10px 0;
}
@media screen and (min-width: 500px) {
  .list--flagged--english .list__item--main:first-child .list__item__title,
  .list--mstag .list__item--main:first-child .list__item__title {
    font-size: 1.6rem;
  }
}
.list--flagged--english .list__item--main:first-child .img_tag,
.list--mstag .list__item--main:first-child .img_tag {
  transform: translate(-2px) translateY(2px);
}
.list--flagged--english .list__item__txt .list__item__img,
.list--mstag .list__item__txt .list__item__img {
  margin-bottom: 0;
}
.list--flagged--english .list__item--highlight,
.list--mstag .list__item--highlight {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.list--flagged--english .list__item--highlight .list__item__title,
.list--mstag .list__item--highlight .list__item__title {
  font-size: 1.2rem;
  margin: 20px 0 15px;
  text-align: center;
}
.list--flagged--english .list__item--highlight .list__item__lead,
.list--mstag .list__item--highlight .list__item__lead {
  text-align: center;
}
.list--flagged--english .list__item--highlight .list__item__info,
.list--mstag .list__item--highlight .list__item__info {
  max-width: 500px;
}
.list--flagged--english .list__item--highlight .list__item__info .article_desc,
.list--mstag .list__item--highlight .list__item__info .article_desc {
  text-align: center;
}
.list--flagged--english .list__item--highlight .list__item__image,
.list--mstag .list__item--highlight .list__item__image {
  height: auto;
  max-width: 300px;
  padding: 0;
}
.list--flagged--english .list__item--highlight .article_date,
.list--mstag .list__item--highlight .article_date {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.list--flagged--english .list__item--highlight .article_date em,
.list--flagged--english .list__item--highlight .article_date span,
.list--mstag .list__item--highlight .article_date em,
.list--mstag .list__item--highlight .article_date span {
  margin: 0 5px;
}
.list__tabs {
  grid-area: e;
}
.list--author__avatar {
  background: var(--color-gray-light);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid var(--color-gray-light);
  border-radius: 50%;
  color: transparent;
  height: 40px;
  transition: var(--theme), var(--theme-border);
  width: 40px;
}
@media screen and (min-width: 500px) {
  .list--author__avatar {
    height: 60px;
    margin: 0 15px 0 0;
    width: 60px;
  }
}
.list--mstag .list__item--main:first-child .list__item__img {
  transform: none;
}
.list--mstag--zacc .article_date a {
  color: var(--color-viral);
}
.list--mstag--zacc .article_date a:hover {
  color: var(--color-secondary);
}
.list__content {
  display: grid;
  grid-area: c;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
  .list__content {
    grid-template-columns: 1fr 300px;
    grid-gap: 0 60px;
  }
}
@media screen and (min-width: 1200px) {
  .list__content {
    grid-template-columns: 1fr 340px;
    grid-gap: 0 90px;
  }
}
@media screen and (min-width: 768px) {
  .list__content--full {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}
.list__content .pagination {
  width: calc(100vw - 30px);
}
@media screen and (min-width: 500px) {
  .list__content .pagination {
    width: 100%;
  }
}
.list__highlight {
  border-bottom: 1px dotted var(--color-gray-medium);
  display: grid;
  grid-area: b;
  grid-template-areas: "a" "b" "c" "d";
  grid-template-columns: 1fr;
  margin: 0 0 40px;
  padding: 20px 0;
  grid-gap: 20px 30px;
  background: var(--color-text);
  justify-items: center;
  transform: translate(-15px);
  transition: var(--theme);
  width: 100vw;
}
@media screen and (min-width: 500px) {
  .list__highlight {
    background: transparent;
    padding: 0 0 40px;
    transform: none;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .list__highlight {
    grid-template-areas: "a a a" "b c d";
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .list__highlight {
    grid-gap: 30px 40px;
  }
}
.list__highlight__item {
  display: grid;
  grid-template-columns: 110px 1fr;
  grid-gap: 0 12px;
  overflow: hidden;
  width: calc(100vw - 30px);
}
@media screen and (min-width: 500px) {
  .list__highlight__item {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .list__highlight__item {
    grid-template-columns: 130px 1fr;
  }
}
.list__highlight__item__img {
  height: 68px;
  width: 100px;
}
@media screen and (min-width: 1200px) {
  .list__highlight__item__img {
    height: 88px;
    width: 130px;
  }
}
.list__highlight__item__img img {
  background-repeat: no-repeat;
  color: transparent;
  height: 100%;
  transform: translateY(6px);
  width: 100%;
}
.list__highlight__item__title a {
  color: var(--color-text);
  display: block;
  font-size: 0.88rem;
  font-weight: var(--bold);
  line-height: 1.4;
  max-width: 800px;
  transform-style: var(--theme-text);
}
.list__highlight__item__lead a {
  display: none;
}
.list__highlight__item .list__highlight__item__title a {
  color: var(--color-bg);
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .list__highlight__item .list__highlight__item__title a {
    color: var(--color-text);
  }
}
.list__highlight__item .list__highlight__item__img {
  height: 0;
  -o-object-fit: cover;
  object-fit: cover;
  padding-bottom: 75%;
  position: relative;
  transform: translateY(4px);
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .list__highlight__item .list__highlight__item__img {
    padding-bottom: 66.66%;
  }
}
.list__highlight__item .list__highlight__item__img img {
  border: 1px solid var(--color-gray-mid-light-inv);
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: var(--theme-border);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .list__highlight__item .list__highlight__item__img img {
    border: 1px solid var(--color-gray-light);
  }
}
.list__highlight__item .tag--cl {
  display: none;
}
.list__highlight__item:first-child {
  grid-area: a;
  grid-template-columns: 1fr;
  width: calc(100vw - 30px);
  grid-gap: 10px;
}
@media screen and (min-width: 500px) {
  .list__highlight__item:first-child {
    grid-template-columns: 1fr;
    grid-gap: 0;
    border: 1px solid var(--color-gray-light);
    transform: none;
    transition: var(--theme-border);
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .list__highlight__item:first-child {
    grid-template-columns: 2fr 1fr;
  }
}
.list__highlight__item:first-child .tag--cl {
  display: none;
}
@media screen and (min-width: 500px) {
  .list__highlight__item:first-child .tag--cl {
    background: var(--color-bg);
    display: inline;
    margin: 0 0 10px;
    padding: 4px 5px 3px;
    transform: translate(-2px);
    transition: var(--theme);
  }
  .list__highlight__item:first-child .tag--cl .tag__item {
    color: var(--color-text);
    cursor: default;
    padding: 0;
    transition: var(--theme-text);
  }
}
.list__highlight__item:first-child .list__highlight__item__details {
  display: grid;
  grid-template-columns: 1fr;
  place-content: start;
}
@media screen and (min-width: 500px) {
  .list__highlight__item:first-child .list__highlight__item__details {
    background: var(--color-text);
    padding: 20px 30px 30px;
    transition: var(--theme);
  }
}
@media screen and (min-width: 1200px) {
  .list__highlight__item:first-child .list__highlight__item__details {
    padding: 30px 40px 40px;
  }
}
.list__highlight__item:first-child .list__highlight__item__img {
  height: 0;
  -o-object-fit: cover;
  object-fit: cover;
  padding-bottom: 75%;
  position: relative;
  transform: translateY(4px);
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 500px) {
  .list__highlight__item:first-child .list__highlight__item__img {
    transform: none;
  }
}
@media screen and (min-width: 1200px) {
  .list__highlight__item:first-child .list__highlight__item__img {
    padding-bottom: 66.66%;
  }
}
.list__highlight__item:first-child .list__highlight__item__img img {
  border: 1px solid var(--color-gray-mid-light-inv);
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  transition: var(--theme-border);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .list__highlight__item:first-child .list__highlight__item__img img {
    border: none;
  }
  .list__highlight__item:first-child .list__highlight__item__img {
    height: 100%;
  }
}
.list__highlight__item:first-child .list__highlight__item__img img {
  transform: none;
}
.list__highlight__item:first-child .list__highlight__item__title a {
  color: var(--color-bg);
  font-size: 1.2rem;
  font-weight: var(--bold);
  line-height: 1.2;
  margin: 0;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .list__highlight__item:first-child .list__highlight__item__title a {
    color: var(--color-bg);
    margin: 0 0 10px;
    transition: var(--theme-text);
  }
}
.list__highlight__item:first-child .list__highlight__item__title a:hover {
  opacity: 0.8;
}
.list__highlight__item:first-child .list__highlight__item__lead a {
  color: var(--color-bg);
  display: block;
  font-size: 0.9rem;
  line-height: 1.4;
  max-height: 230px;
  overflow: hidden;
  transition: var(--theme-text);
}
.list__highlight__item:first-child .list__highlight__item__lead a:hover {
  opacity: 0.8;
}
.list__highlight__item:first-child .list__highlight__mega__lead {
  display: none;
}
@media screen and (min-width: 500px) {
  .list__highlight__item:first-child .list__highlight__mega__lead {
    display: block;
  }
}
.list__highlight__item:nth-child(2) {
  grid-area: b;
}
.list__highlight__item:nth-child(3) {
  grid-area: c;
}
.list__highlight__item:nth-child(4) {
  grid-area: d;
}
.list.list--flagged--legfontosabb .list__item__title svg {
  display: none;
}
.list .map-container {
  margin: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .list .map-container {
    margin: 0 0 40px;
  }
}
.list .icon-rss {
  color: var(--color-secondary);
  font-size: 0.8em;
  padding-right: 4px;
  transition: var(--theme-text);
}
.list .rss_button {
  align-items: center;
  background-color: var(--color-gray-light);
  border-radius: 2px;
  margin: 12px 0 0;
  padding: 6px 8px;
  transition: var(--theme);
  width: auto;
}
@media screen and (min-width: 375px) {
  .list .rss_button {
    left: auto;
    margin: 0;
    transform: none;
  }
}
.list .rss_button p {
  color: var(--color-secondary);
  font-size: 0.66em;
  font-weight: var(--semibold);
  transition: var(--theme-text);
  width: 100%;
}
.list .rss_button:active,
.list .rss_button:hover {
  background-color: var(--color-gray-light-fx);
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .list .telex-links {
    margin-top: 0;
  }
}
.list.melleklet .list__page > div {
  grid-template-areas: "a" "e" "c" "d";
}
.list-links {
  display: flex;
  justify-content: flex-start;
}
.list-links--tokio_medals {
  background-color: var(--color-gray-light);
  border-radius: 3px;
  color: var(--color-secondary);
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: var(--bold);
  margin: 20px 0;
  padding: 10px 15px;
  transition: var(--theme), var(--theme-border), var(--theme-text);
}
.list-links--tokio_medals:hover {
  background-color: var(--color-gray-light-fx);
}
.topic__tab {
  margin: 15px 0;
  overflow: hidden;
  position: relative;
  z-index: 3;
}
.topic__tab:before {
  background: var(--color-bg);
  background: var(--gradient-tabs);
  content: "";
  height: 50px;
  position: absolute;
  right: -20px;
  top: 0;
  transition: var(--theme);
  width: 80px;
  z-index: 4;
}
@media screen and (min-width: 1200px) {
  .topic__tab:before {
    display: none;
    height: 80px;
  }
}
.topic__tab__buttons {
  margin: 0 0 30px;
  overflow: scroll;
  width: 100%;
  -ms-overflow-style: none;
  max-width: calc(100vw - 30px);
  scrollbar-width: none;
}
@media screen and (min-width: 768px) {
  .topic__tab__buttons {
    overflow: initial;
  }
}
.topic__tab__buttons::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1200px) {
  .topic__tab__buttons::-webkit-scrollbar {
    display: initial;
  }
}
.topic__tab__group {
  height: 50px;
}
@media screen and (min-width: 768px) {
  .topic__tab__group {
    height: auto;
  }
}
.topic__tab ul {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .topic__tab ul {
    flex-wrap: wrap;
  }
}
.topic__tab ul li {
  margin: 0 7px 7px 0;
}
.topic__tab ul li:last-child label {
  margin-right: 60px !important;
}
@media screen and (min-width: 1200px) {
  .topic__tab ul li:last-child label {
    margin-right: 0 !important;
  }
}
.topic__tab ul li label {
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  color: var(--color-secondary);
  cursor: pointer;
  display: flex;
  font-size: 0.9rem;
  font-weight: var(--semibold);
  margin: 0 !important;
  padding: 7px 15px;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  white-space: nowrap;
}
.topic__tab ul li label:hover {
  background-color: var(--color-gray-light-fx);
  border: 1px solid var(--color-gray-light-fx);
}
.topic__tab ul li input {
  display: none;
}
.topic__tab ul li input[type="radio"]:checked + label {
  background: var(--color-secondary);
  color: var(--color-bg);
  transition: var(--theme), var(--theme-text);
}
.topic__search {
  background: var(--color-list);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  margin: 0 0 30px;
  max-width: calc(100vw - 30px);
  padding: 0 20px 10px;
  transition: var(--theme);
}
@media screen and (min-width: 500px) {
  .topic__search {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .topic__search {
    margin: 0 0 40px;
  }
}
@media screen and (min-width: 1200px) {
  .topic__search {
    margin: 0 0 60px;
  }
}
.topic__search__title {
  font-size: 1rem;
  font-weight: var(--bold);
  margin: 15px 0 7px;
  transition: var(--theme-text);
}
.topic__search .topic__tab:before {
  background: var(--gradient-filters) !important;
}
@media screen and (min-width: 768px) {
  .topic__search .topic__tab:before {
    display: none;
  }
}
.topic__search .topic__tab__buttons {
  margin: 0;
  max-width: calc(100vw - 70px);
}
.topic__filters .topic__tab {
  margin-bottom: 0;
}
.topic__filters .topic__tab__group li {
  margin: 0 8px 8px 0;
}
.topic__filters .topic__tab__group li input[type="radio"]:checked + label {
  background: var(--color-secondary);
  color: var(--color-bg);
  transition: var(--theme), var(--theme-text);
}
.topic__filters
  .topic__tab__group
  li
  input[type="radio"]:checked
  + label:hover {
  opacity: 0.8;
}
.topic__filters .topic__tab__group label {
  background-color: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  color: var(--color-secondary);
  font-size: 0.77rem;
  padding: 4px 7px;
  transition: var(--theme), var(--theme-text), var(--theme-border);
}
.topic__filters .topic__tab__group label:hover {
  background-color: var(--color-gray-light-fx);
}
.list__tabs:not(.list__tabs--main) label {
  background: var(--color-bg);
}
.list__tabs .nuxt-link-exact-active label {
  background: var(--color-gray-light-fx);
  border: 1px solid var(--color-gray-mid-light);
}
.extra {
  display: grid;
  padding: 0 0 30px;
  place-content: center;
  width: 100vw;
}
.extra__container {
  padding: 0 15px;
}
@media screen and (min-width: 500px) {
  .extra__container {
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px) {
  .extra__container {
    max-width: 90vw;
    padding: 40px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .extra__container {
    max-width: 1200px;
  }
}
@media screen and (min-width: 2000px) {
  .extra__container {
    max-width: 1600px;
  }
}
.extra__card {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 7px;
  align-content: start;
  border: 3px solid var(--youth-card);
  cursor: pointer;
  transition: border-radius 0.15s ease-out, outline 0.15s ease-out,
    translateY 0.15s ease-out;
  -webkit-tap-highlight-color: transparent;
}
.extra__card,
.extra__card .youth__card__img {
  border-radius: 9px;
}
.extra__card:hover {
  border: 3px solid var(--youth-card-hover);
}
.extra__card__img {
  border: 1px solid rgba(17, 51, 85, 0.15);
  border-radius: 0;
  display: block;
  height: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 66.66%;
  position: relative;
  top: 0;
  transition: border-radius 0.15s ease-out;
  width: 100%;
}
.extra__card__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.extra__card__title {
  color: var(--youth-txt);
  display: flex;
  flex-direction: column;
  font-weight: var(--bold);
}
.extra__card__lead {
  color: var(--secondary);
  font-size: 1rem;
  font-weight: var(--regular);
  line-height: 1.4;
}
.extra__block {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
  border-top: 3px solid var(--youth-separator);
  max-width: calc(100vw - 30px);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .extra__block {
    max-width: none;
  }
}
.extra__block::-webkit-scrollbar {
  display: none;
}
.extra__block__content {
  display: grid;
}
@media screen and (min-width: 500px) {
  .extra__block__content {
    overflow: visible;
  }
}
.extra__block__title {
  align-items: center;
  display: flex;
  text-transform: uppercase;
  width: -moz-max-content;
  width: max-content;
  -webkit-tap-highlight-color: transparent;
  cursor: default;
}
.extra__block__title span {
  color: var(--white);
  font-size: 1.2rem;
  font-weight: var(--max);
  margin: 0 0 10px;
}
@media screen and (min-width: 768px) {
  .extra__block__title span {
    font-size: 1.5rem;
  }
}
.extra__block__item__lead {
  display: none;
  font-size: 0.9rem;
  font-weight: var(--regular);
  margin: 5px 0 0;
}
.extra__block--leader {
  border-radius: 9px;
  overflow: hidden;
}
.extra__block--leader .extra__block__content {
  align-items: center;
  grid-template-areas: "a" "b" "c";
  grid-template-columns: 1fr;
  grid-gap: 5px;
  align-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .extra__block--leader .extra__block__content {
    grid-template-areas: "a b" "a c";
    grid-template-columns: 2fr 1fr;
    grid-gap: 5px;
  }
}
.extra__block--leader .extra__block__item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .extra__block--leader .extra__block__item {
    width: 100%;
  }
}
.extra__block--leader .extra__block__item:first-child {
  grid-area: a;
}
.extra__block--leader
  .extra__block__item:first-child
  .extra__block__item__title {
  max-width: 85%;
}
.extra__block--leader
  .extra__block__item:first-child
  .extra__block__item__lead {
  margin: 10px 0 0;
}
.extra__block--leader .extra__block__item:nth-child(2) {
  grid-area: b;
}
.extra__block--leader .extra__block__item:nth-child(3) {
  grid-area: c;
}
.extra__block--leader .extra__block__item:before {
  background: linear-gradient(180deg, transparent 30%, #000 120%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .extra__block--leader .extra__block__item:hover:before {
    background: linear-gradient(180deg, transparent -30%, #000 120%);
  }
  .extra__block--leader .extra__block__item:hover .extra__block__item__lead {
    display: block;
  }
}
.extra__block--leader .extra__block__item__title {
  align-items: flex-start;
  bottom: 20px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-size: 1.1rem;
  font-weight: var(--bold);
  left: 20px;
  line-height: 1.3;
  position: absolute;
  width: calc(100% - 40px);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .extra__block--leader .extra__block__item--top .extra__block__item__title {
    font-size: 1.5rem;
  }
}
.extra__block--leader .extra__block__item__img {
  border-radius: 0;
  display: block;
  height: 0;
  left: 0;
  overflow: hidden;
  position: relative;
  top: 0;
  transition: border-radius 0.15s ease-out;
  width: 100%;
}
.extra__block--leader .extra__block__item__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.extra__block--leader .extra__block__item__img img[alt] {
  color: transparent;
}
.extra__block--leader .extra__block__title {
  background: var(--youth-bg);
  left: 0;
  margin: 0 auto;
  padding: 0 20px;
  right: 0;
  top: -30px;
}
@media screen and (min-width: 500px) {
  .extra__block--leader .extra__block__title {
    left: 0;
    margin: 0;
    padding: 0 30px 0 0;
    right: auto;
    top: -50px;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--leader .extra__block__title {
    top: -75px;
  }
}
.extra__block--leader .extra__block__title svg {
  height: 50px;
  width: 80px;
  fill: var(--youth-accent);
}
@media screen and (min-width: 500px) {
  .extra__block--leader .extra__block__title svg {
    height: 80px;
    width: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--leader .extra__block__title svg {
    height: 120px;
    width: 180px;
  }
}
.extra__block--leader .extra__block__title span {
  margin: 0 20px;
}
.extra__block--mega .tag--cl {
  border-radius: 15px;
}
.extra__block--mega .tag--cl:hover {
  opacity: 0.8;
}
.extra__block--mega .tag__item {
  color: var(--color-text);
  font-size: 0.77rem;
  padding: 2px 12px;
}
.extra__block--mega__authors {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-start;
}
.extra__block--mega__author {
  color: var(--color-accent-inv);
  font-weight: var(--medium);
  transition: var(--theme-text);
}
.extra__block--mega__container {
  background: var(--color-text);
  display: grid;
  grid-template-columns: 1fr;
  transform: translate(-15px);
  transition: var(--theme);
  width: calc(100% + 30px);
}
@media screen and (min-width: 768px) {
  .extra__block--mega__container {
    border-radius: 9px;
    overflow: hidden;
    transform: none;
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--mega__container {
    grid-template-columns: 2.15fr 1fr;
  }
}
.extra__block--mega__content {
  display: flex;
  flex-direction: column;
  gap: 7px;
  justify-content: center;
  padding: 15px;
}
@media screen and (min-width: 500px) {
  .extra__block--mega__content {
    padding: 30px;
  }
}
.extra__block--mega__img {
  height: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  padding-bottom: 66.66%;
  position: relative;
  width: 100%;
  z-index: 1;
}
.extra__block--mega__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.extra__block--mega__lead {
  color: var(--color-bg);
  font-size: 0.9rem;
  line-height: 1.4;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .extra__block--mega__lead {
    max-width: 85%;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--mega__lead {
    max-width: none;
  }
}
.extra__block--mega__title {
  color: var(--color-bg);
  font-size: 1rem;
  font-weight: var(--extrabold);
  line-height: 1.3;
  transition: var(--theme-text);
}
@media screen and (min-width: 375px) {
  .extra__block--mega__title {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 500px) {
  .extra__block--mega__title {
    font-size: 1.5rem;
    max-width: 85%;
  }
}
@media screen and (min-width: 768px) {
  .extra__block--mega__title {
    max-width: 85%;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--mega__title {
    font-size: 1.2rem;
    line-height: 1.2;
    max-width: none;
  }
}
.extra__block--mega--pr .extra__block--mega__container {
  overflow: visible;
  position: relative;
}
.extra__block--mega--pr .extra__block--mega__container:after {
  color: #a4a4a4;
  /* content: "hirdetés"; */
  display: block;
  font-size: 10px;
  font-weight: 400;
  left: 50%;
  padding: 2px 8px;
  position: absolute;
  text-transform: uppercase;
  top: -20px;
  transform: translate(-50%);
}
.extra__block--hot {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.extra__block--hot .extra__block {
  justify-items: center;
  margin: 0 0 15px;
}
@media screen and (min-width: 500px) {
  .extra__block--hot .extra__block {
    margin: 0 0 20px;
    grid-gap: 40px;
  }
}
@media screen and (min-width: 768px) {
  .extra__block--hot .extra__block {
    margin: 0 0 30px;
    grid-gap: 60px;
  }
}
.extra__block--hot .extra__block__content {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: start;
  grid-gap: 0 20px;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.extra__block--hot .extra__block__content::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 768px) {
  .extra__block--hot .extra__block__content {
    grid-gap: 0 30px;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--hot .extra__block__content {
    grid-gap: 0 50px;
  }
}
.extra__block--hot .extra__block__item {
  display: grid;
  grid-template-columns: 70px 1fr;
  grid-gap: 10px;
  align-items: center;
  height: 100%;
  width: 75vw;
}
@media screen and (min-width: 375px) {
  .extra__block--hot .extra__block__item {
    grid-gap: 15px;
  }
}
@media screen and (min-width: 500px) {
  .extra__block--hot .extra__block__item {
    align-items: center;
    width: 350px;
  }
}
@media screen and (min-width: 768px) {
  .extra__block--hot .extra__block__item {
    width: 100%;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--hot .extra__block__item {
    grid-template-columns: 110px 1fr;
  }
}
.extra__block--hot .extra__block__item__title {
  color: var(--white);
  font-size: 0.88rem;
  font-weight: var(--bold);
  line-height: 1.3;
  transition: var(--theme-text);
  width: 100%;
}
.extra__block--hot .extra__block__item__title span {
  display: block;
}
.extra__block--hot .extra__block__item__img {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 5px;
  display: block;
  height: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  top: 0;
  transition: border-radius 0.15s ease-out;
  width: 100%;
}
.extra__block--hot .extra__block__item__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.extra__block--hot .extra__block__item__img img[alt] {
  color: transparent;
}
.extra__block--hot .extra__block__title {
  background: var(--youth-bg);
  left: 0;
  margin: 0 auto;
  padding: 0 20px;
  right: 0;
  top: -30px;
}
@media screen and (min-width: 500px) {
  .extra__block--hot .extra__block__title {
    left: 0;
    margin: 0;
    padding: 0 30px;
    right: auto;
    top: -50px;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--hot .extra__block__title {
    top: -75px;
  }
}
.extra__block--hot .extra__block__title svg {
  height: 50px;
  width: 80px;
  fill: var(--youth-accent);
}
@media screen and (min-width: 500px) {
  .extra__block--hot .extra__block__title svg {
    height: 80px;
    width: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--hot .extra__block__title svg {
    height: 120px;
    width: 180px;
  }
}
.extra__block--cards {
  border-radius: 9px;
  box-shadow: 0 10px 15px #0000001a;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
.extra__block--cards .extra__block__arrow {
  border-radius: 9px 0 0 9px;
  display: none;
}
@media screen and (min-width: 768px) {
  .extra__block--cards .extra__block__arrow {
    cursor: pointer;
    display: grid;
    height: 50px;
    place-content: center;
    top: 0;
    width: 50px;
    z-index: 2;
  }
  .extra__block--cards .extra__block__arrow:hover {
    background: #885ad6f2;
  }
  .extra__block--cards .extra__block__arrow--left {
    left: 0;
    transform: rotate(180deg);
  }
  .extra__block--cards .extra__block__arrow--right {
    right: 0;
  }
}
.extra__block--cards .extra__block__content {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.extra__block--cards .extra__block__content::-webkit-scrollbar {
  display: none;
}
.extra__block--cards .extra__block__item {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  margin: 0 5px 0 0;
  position: relative;
  width: 80vw;
  z-index: 1;
}
@media screen and (min-width: 500px) {
  .extra__block--cards .extra__block__item {
    width: 320px;
  }
}
@media screen and (min-width: 768px) {
  .extra__block--cards .extra__block__item:hover:before {
    background: linear-gradient(180deg, transparent -30%, #000 120%);
  }
  .extra__block--cards .extra__block__item:hover .extra__block__item__lead {
    display: block;
  }
}
.extra__block--cards .extra__block__item:before {
  background: linear-gradient(180deg, transparent 30%, #000 120%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.extra__block--cards .extra__block__item__title {
  align-items: flex-start;
  bottom: 20px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-size: 1.1rem;
  font-weight: var(--bold);
  left: 20px;
  line-height: 1.3;
  position: absolute;
  transition: var(--theme-text);
  width: calc(100% - 40px);
  z-index: 2;
}
.extra__block--cards .extra__block__item__img {
  display: block;
  height: 0;
  left: 0;
  padding-bottom: 125%;
  position: relative;
  top: 0;
  transition: border-radius 0.15s ease-out;
  width: 100%;
}
.extra__block--cards .extra__block__item__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.extra__block--cards .extra__block__item__img img[alt] {
  color: transparent;
}
.extra__block--cards .v-hl-btn-prev {
  left: 25px !important;
}
.extra__block--cards .v-hl-btn-next {
  right: 25px !important;
}
.extra__block--recent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.extra__block--recent .extra__block__title span {
  margin: 0 0 40px;
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block__title span {
    margin: 0 0 60px;
  }
}
.extra__block--recent .extra__block__content {
  border-radius: 9px;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  grid-gap: 5px;
}
@media screen and (min-width: 1200px) {
  .extra__block--recent .extra__block__content {
    grid-template-columns: 1fr 1fr;
  }
}
.extra__block--recent .extra__block__item {
  height: 100%;
  width: 100%;
}
.extra__block--recent .extra__block__item__title {
  color: var(--white);
  display: block;
  font-size: 0.77rem;
  font-weight: var(--bold);
  line-height: 1.3;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block__item__title {
    font-size: 0.88rem;
  }
}
.extra__block--recent .extra__block__item__title a {
  color: var(--white);
  display: block;
}
.extra__block--recent .extra__block__item__title span {
  display: block;
}
.extra__block--recent .extra__block--new,
.extra__block--recent .extra__block--podcast {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding: 15px;
}
@media screen and (min-width: 768px) {
  .extra__block--recent .extra__block--new,
  .extra__block--recent .extra__block--podcast {
    padding: 30px;
  }
}
.extra__block--recent .extra__block--new .extra__block__group,
.extra__block--recent .extra__block--podcast .extra__block__group {
  align-items: start;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
  grid-gap: 0 15px;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
}
.extra__block--recent
  .extra__block--new
  .extra__block__group::-webkit-scrollbar,
.extra__block--recent
  .extra__block--podcast
  .extra__block__group::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block--new .extra__block__group,
  .extra__block--recent .extra__block--podcast .extra__block__group {
    grid-gap: 0 20px;
  }
}
@media screen and (min-width: 768px) {
  .extra__block--recent .extra__block--new .extra__block__group,
  .extra__block--recent .extra__block--podcast .extra__block__group {
    align-items: center;
    grid-template-columns: 1fr;
    justify-items: start;
    grid-gap: 30px;
  }
}
.extra__block--recent .extra__block--new .extra__block__item,
.extra__block--recent .extra__block--podcast .extra__block__item {
  padding: 0 15px 0 0;
  width: 70vw;
}
.extra__block--recent .extra__block--new .extra__block__item:not(:last-child),
.extra__block--recent
  .extra__block--podcast
  .extra__block__item:not(:last-child) {
  border-right: 2px solid hsla(0, 0%, 100%, 0.2);
}
@media screen and (min-width: 768px) {
  .extra__block--recent .extra__block--new .extra__block__item:not(:last-child),
  .extra__block--recent
    .extra__block--podcast
    .extra__block__item:not(:last-child) {
    border: none;
  }
}
@media screen and (min-width: 375px) {
  .extra__block--recent .extra__block--new .extra__block__item,
  .extra__block--recent .extra__block--podcast .extra__block__item {
    width: 60vw;
  }
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block--new .extra__block__item,
  .extra__block--recent .extra__block--podcast .extra__block__item {
    width: 55vw;
  }
}
@media screen and (min-width: 768px) {
  .extra__block--recent .extra__block--new .extra__block__item,
  .extra__block--recent .extra__block--podcast .extra__block__item {
    margin: 0 auto;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--recent .extra__block--new .extra__block__item,
  .extra__block--recent .extra__block--podcast .extra__block__item {
    margin: 0;
    width: 100%;
  }
}
.extra__block--recent .extra__block--new .extra__block__item__img,
.extra__block--recent .extra__block--podcast .extra__block__item__img {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
}
.extra__block--recent .extra__block--new {
  background: #444;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.extra__block--recent .extra__block--new .extra__block__content {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: start;
  grid-gap: 15px 0;
}
@media screen and (min-width: 768px) {
  .extra__block--recent .extra__block--new .extra__block__content {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0 30px;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--recent .extra__block--new .extra__block__content {
    grid-gap: 0 50px;
  }
}
.extra__block--recent .extra__block--new .extra__block__item {
  align-items: start;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0;
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block--new .extra__block__item {
    align-items: center;
    grid-template-columns: 100px 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--recent .extra__block--new .extra__block__item {
    grid-template-columns: 110px 1fr;
  }
}
.extra__block--recent .extra__block--new .extra__block__item__img {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 5px;
  display: block;
  height: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  top: 0;
  transition: border-radius 0.15s ease-out;
  width: 100%;
}
.extra__block--recent .extra__block--new .extra__block__item__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.extra__block--recent .extra__block--new .extra__block__item__img img[alt] {
  color: transparent;
}
.extra__block--recent .extra__block--new .extra__block__item__title {
  color: var(--white);
  font-size: 0.88rem;
  font-weight: var(--bold);
  line-height: 1.3;
  padding: 15px 0 0;
  transition: var(--theme-text);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block--new .extra__block__item__title {
    padding: 0 0 0 15px;
  }
}
.extra__block--recent .extra__block--new .extra__block__item__title span {
  display: block;
}
.extra__block--recent .extra__block--new .extra__block__item__more {
  color: var(--after-accent);
  font-size: 0.7rem;
  font-weight: var(--bold);
  line-height: 1.3;
  margin: 3px 0 0;
}
.extra__block--recent .extra__block--new .extra__block__title {
  background: var(--youth-bg);
  left: 0;
  margin: 0 auto;
  padding: 0 20px;
  right: 0;
  top: -30px;
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block--new .extra__block__title {
    left: 0;
    margin: 0;
    padding: 0 30px 0 0;
    right: auto;
    top: -50px;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--recent .extra__block--new .extra__block__title {
    top: -75px;
  }
}
.extra__block--recent .extra__block--new .extra__block__title svg {
  height: 50px;
  width: 80px;
  fill: var(--youth-accent);
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block--new .extra__block__title svg {
    height: 80px;
    width: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--recent .extra__block--new .extra__block__title svg {
    height: 120px;
    width: 180px;
  }
}
.extra__block--recent .extra__block--new .extra__block__title span {
  margin: 0 20px;
}
.extra__block--recent .extra__block--podcast {
  background: #885ad6b3;
}
.extra__block--recent .extra__block--podcast .podcast__button {
  border-radius: 60px;
  cursor: pointer;
}
.extra__block--recent .extra__block--podcast .podcast__button__icon {
  background: transparent;
  box-sizing: border-box;
  height: 22px;
  transition: 0.2s all ease, var(--theme-border);
  width: 0;
  -webkit-tap-highlight-color: transparent;
  border-color: transparent transparent transparent var(--white);
  border-style: solid;
  border-width: 12px 0 12px 20px;
  cursor: pointer;
  outline: none !important;
  transform: translate(3px);
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block--podcast .podcast__button__icon {
    height: 24px;
    transform: translate(4px);
  }
}
.extra__block--recent .extra__block--podcast .podcast__button__icon.show-pause {
  border-style: double;
  border-width: 0 0 0 20px;
  transform: translate(0);
}
.extra__block--recent
  .extra__block--podcast
  .podcast__button__icon.show-pause
  .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-text);
  transition: var(--theme-border);
}
.extra__block--recent .extra__block--podcast .podcast__button__play {
  background: var(--youth-txt);
  border-radius: 60px;
  display: grid;
  height: 40px;
  place-content: center;
  width: 40px;
  -webkit-tap-highlight-color: transparent;
  border: 1px solid var(--white);
  transition: var(--theme-border);
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block--podcast .podcast__button__play {
    height: 50px;
    width: 50px;
  }
}
.extra__block--recent .extra__block--podcast .podcast__button__play:hover {
  opacity: 0.8;
}
.extra__block--recent .extra__block--podcast .podcast__button__playing {
  background: var(--color-bg);
}
.extra__block--recent
  .extra__block--podcast
  .podcast__button__playing
  .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-text);
  transition: var(--theme-border);
}
.extra__block--recent .extra__block--podcast .podcast__button__playing:hover {
  background: var(--color-bg);
}
.extra__block--recent
  .extra__block--podcast
  .podcast__button__playing:hover
  .podcast__button__icon {
  opacity: 0.8;
}
.extra__block--recent .extra__block--podcast .extra__block__item {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block--podcast .extra__block__item {
    display: grid;
    grid-template-areas: "b a";
    grid-template-columns: 1fr 80px;
  }
}
@media screen and (min-width: 768px) {
  .extra__block--recent .extra__block--podcast .extra__block__item {
    grid-template-columns: 1fr 100px;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--recent .extra__block--podcast .extra__block__item {
    grid-template-columns: 1fr 110px;
  }
}
.extra__block--recent .extra__block--podcast .extra__block__item__info {
  align-items: center;
  display: flex;
  grid-area: b;
  height: 100%;
}
.extra__block--recent .extra__block--podcast .extra__block__item__title {
  padding: 15px 0 0 15px;
}
@media screen and (min-width: 500px) {
  .extra__block--recent .extra__block--podcast .extra__block__item__title {
    padding: 0 15px;
  }
}
.extra__block--recent .extra__block--podcast .extra__block__item__more {
  color: var(--after-accent);
  font-size: 0.7rem;
  font-weight: var(--bold);
  line-height: 1.3;
  margin: 3px 0 0;
}
.extra__block--recent .extra__block--podcast .extra__block__item__img {
  border-radius: 5px;
  display: block;
  grid-area: a;
  height: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  top: 0;
  transition: border-radius 0.15s ease-out;
  width: 100%;
}
.extra__block--recent .extra__block--podcast .extra__block__item__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.extra__block--recent .extra__block--podcast .extra__block__item__img img[alt] {
  color: transparent;
}
.extra__block--recent .extra__block__subtitle {
  color: var(--white);
  font-size: 1.1rem;
  font-weight: var(--bold);
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .extra__block--recent .extra__block__subtitle {
    font-size: 1.3rem;
  }
}
.extra__block--video {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
  align-items: center;
  background: #885ad666;
  border-radius: 9px;
  box-shadow: 0 10px 15px #0000001a;
  overflow: hidden;
  padding: 20px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .extra__block--video {
    grid-template-columns: 2fr 1fr;
  }
}
.extra__block--video__iframe {
  border-radius: 9px;
  display: grid;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  place-content: center;
  position: relative;
  width: 100%;
}
.extra__block--video__iframe .youtube-embed {
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%) translateY(-50%);
  width: 100%;
}
.extra__block--video__social {
  align-items: center;
  background: #ffffff26;
  border-radius: 9px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: start;
  padding: 10px 15px;
}
@media screen and (min-width: 768px) {
  .extra__block--video__social {
    justify-content: center;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--video__social {
    padding: 30px;
  }
}
.extra__block--video__social__container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  width: 100%;
}
@media screen and (min-width: 375px) {
  .extra__block--video__social__container {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  }
}
@media screen and (min-width: 500px) {
  .extra__block--video__social__container {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 768px) {
  .extra__block--video__social__container {
    grid-template-columns: 1fr;
  }
}
.extra__block--video__social__title {
  font-size: 0.88rem;
  font-weight: var(--bold);
}
@media screen and (min-width: 1200px) {
  .extra__block--video__social__title {
    font-size: 1.2rem;
    margin: 0 0 10px;
  }
}
.extra__block--video__social__label {
  margin: 0 0 0 7px;
}
@media screen and (min-width: 500px) {
  .extra__block--video__social__label {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .extra__block--video__social__label {
    display: block;
  }
}
.extra__block--video__social__item {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 5px;
  color: var(--white);
  display: flex;
  font-size: 0.88rem;
  font-weight: var(--bold);
  justify-content: center;
  margin: 5px;
  padding: 5px 15px;
}
.extra__block--video__social__item:hover {
  border: 1px solid hsla(0, 0%, 100%, 0.7);
}
@media screen and (min-width: 768px) {
  .extra__block--video__social__item {
    padding: 5px 15px;
  }
}
@media screen and (min-width: 1200px) {
  .extra__block--video__social__item {
    font-size: 1rem;
    width: 100%;
  }
}
.extra__block--video__social svg {
  width: 24px;
  fill: var(--white);
}
.extra__theme {
  align-items: center;
  background: var(--youth-bg);
  display: grid;
  justify-items: center;
  position: absolute;
  right: 0;
  top: 60px;
  width: 100%;
  grid-gap: 15px;
}
@media screen and (min-width: 500px) {
  .extra__theme {
    padding: 0 0 0 30px;
    top: -60px;
    width: -moz-max-content;
    width: max-content;
  }
}
.extra__theme span {
  align-items: center;
  color: var(--youth-txt);
  display: flex;
  font-weight: var(--bold);
  justify-content: center;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .extra__theme span {
    margin: 0 15px 0 0;
    text-align: left;
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content;
  }
}
.extra__icon {
  display: grid;
  height: 80px;
  place-content: center;
  width: 80px;
}
.extra__icon #__lottie_element_12 *,
.extra__icon #__lottie_element_12 * > *,
.extra__icon #__lottie_element_12 * > * > *,
.extra__icon #__lottie_element_12 * > * > * > *,
.extra__icon #shadow-root *,
.extra__icon #shadow-root * > *,
.extra__icon #shadow-root * > * > *,
.extra__icon #shadow-root * > * > * > *,
.extra__icon svg *,
.extra__icon svg * > *,
.extra__icon svg * > * > *,
.extra__icon svg * > * > * > *,
.extra__icon svg symbol *,
.extra__icon svg symbol * > *,
.extra__icon svg symbol * > * > *,
.extra__icon svg symbol * > * > * > * {
  fill: var(--youth-accent) !important;
  stroke: var(--youth-accent) !important;
}
.vue-horizontal .v-hl-btn {
  height: 100%;
}
.main--a .extra__block__title {
  width: 100%;
}
.main--a .extra__block__title span {
  font-size: 1rem;
  letter-spacing: 0.6rem;
  text-align: center;
  width: 100%;
}
.main--a .extra__block--leader .extra__block__item .extra__block__item__img {
  padding-bottom: 100%;
}
@media screen and (min-width: 768px) {
  .main--a .extra__block--leader .extra__block__item .extra__block__item__img {
    padding-bottom: 80%;
  }
}
.main--a
  .extra__block--leader
  .extra__block__item:nth-child(2)
  .extra__block__item__img,
.main--a
  .extra__block--leader
  .extra__block__item:nth-child(3)
  .extra__block__item__img {
  padding-bottom: calc(80% - 2.5px);
}
.main--a .extra__block--cards .extra__block__arrow {
  background: var(--white);
  color: var(--after);
}
.main--g .extra__block--cards .extra__block__arrow {
  background: var(--color-g7);
  color: var(--color-bg);
  transition: var(--theme), var(--theme-text);
}
.main--g .extra__block--cards .extra__block__item__title {
  align-items: flex-start;
  background: #00000053;
  bottom: 0;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
  font-weight: var(--bold);
  left: 0;
  line-height: 1.2;
  min-height: 116px;
  padding: 20px;
  position: absolute;
  transition: var(--theme-text);
  width: 100%;
  z-index: 2;
}
.main--g .extra__block--hot .extra__block__item__title {
  color: var(--color-text);
}
.main--g
  .extra__block--leader
  .extra__block__item:first-child
  .extra__block__item__img {
  padding-bottom: 80%;
}
@media screen and (min-width: 1200px) {
  .main--g
    .extra__block--leader
    .extra__block__item:first-child
    .extra__block__item__title {
    font-size: 1.8rem;
  }
}
.main--g
  .extra__block--leader
  .extra__block__item:nth-child(2)
  .extra__block__item__img,
.main--g
  .extra__block--leader
  .extra__block__item:nth-child(3)
  .extra__block__item__img {
  padding-bottom: 66.66%;
}
@media screen and (min-width: 768px) {
  .main--g
    .extra__block--leader
    .extra__block__item:nth-child(2)
    .extra__block__item__img,
  .main--g
    .extra__block--leader
    .extra__block__item:nth-child(3)
    .extra__block__item__img {
    padding-bottom: calc(80% - 2.5px);
  }
}
@media screen and (min-width: 1200px) {
  .main--g
    .extra__block--leader
    .extra__block__item:nth-child(2)
    .extra__block__item__title,
  .main--g
    .extra__block--leader
    .extra__block__item:nth-child(3)
    .extra__block__item__title {
    font-size: 1.2rem;
    line-height: 1.2;
  }
}
.main--g .extra__block__title {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.main--g .extra__block__title span {
  background: var(--color-bg);
  padding: 0 15px;
  transition: var(--theme);
}
.main--g .extra__block__title:after {
  background: var(--color-accent-inv);
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--theme);
  visibility: hidden;
  width: 100%;
  z-index: -1;
}
.main--g .extra__block__title span {
  align-items: center;
  color: var(--color-text);
  display: flex;
  font-size: 1.6rem;
  gap: 6px;
  justify-content: center;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  .main--g .extra__block__title span {
    font-size: 2.2rem;
  }
}
.main--g .extra__block__title svg {
  display: block;
  height: 20px;
  width: 20px;
  fill: var(--color-text);
}
@media screen and (min-width: 768px) {
  .main--g .extra__block__title svg {
    height: 28px;
    width: 28px;
  }
}
.main--g .extra__block__title--a {
  transform: translate(21px) translateY(-2px);
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .main--g .extra__block__title--a {
    transform: translate(26px) translateY(0);
  }
}
.main--g .extra__block__title--b {
  z-index: 1;
  fill: var(--color-accent-inv) !important;
  transform: translate(0) translateY(4px);
}
@media screen and (min-width: 768px) {
  .main--g .extra__block__title--b {
    transform: translate(0) translateY(8px);
  }
}
.main--g .extra__block--recent .extra__block__title span {
  margin: 0 0 40px;
}
@media screen and (min-width: 500px) {
  .main--g .extra__block--recent .extra__block__title span {
    margin: 0 0 60px;
  }
}
.main--g .extra__block--recent .extra__block__content {
  border-radius: 9px;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  grid-gap: 5px;
}
@media screen and (min-width: 1200px) {
  .main--g .extra__block--recent .extra__block__content {
    grid-template-columns: 1fr 1fr;
  }
}
.main--g .extra__block--recent .extra__block__item {
  height: 100%;
  width: 100%;
}
.main--g .extra__block--recent .extra__block__item__title {
  color: var(--color-text);
  display: block;
  font-size: 0.77rem;
  font-weight: var(--bold);
  line-height: 1.3;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .main--g .extra__block--recent .extra__block__item__title {
    font-size: 0.9rem;
  }
}
.main--g .extra__block--recent .extra__block__item__title a {
  color: var(--color-text);
  display: block;
}
.main--g .extra__block--recent .extra__block__item__title span {
  display: block;
}
.main--g .extra__block--recent .extra__block--new,
.main--g .extra__block--recent .extra__block--podcast {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding: 15px;
}
@media screen and (min-width: 768px) {
  .main--g .extra__block--recent .extra__block--new,
  .main--g .extra__block--recent .extra__block--podcast {
    padding: 30px;
  }
}
.main--g .extra__block--recent .extra__block--new .extra__block__group,
.main--g .extra__block--recent .extra__block--podcast .extra__block__group {
  align-items: start;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
  grid-gap: 0 15px;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
}
.main--g
  .extra__block--recent
  .extra__block--new
  .extra__block__group::-webkit-scrollbar,
.main--g
  .extra__block--recent
  .extra__block--podcast
  .extra__block__group::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 500px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__group,
  .main--g .extra__block--recent .extra__block--podcast .extra__block__group {
    grid-gap: 0 20px;
  }
}
@media screen and (min-width: 768px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__group,
  .main--g .extra__block--recent .extra__block--podcast .extra__block__group {
    align-items: center;
    grid-template-columns: 1fr;
    justify-items: start;
    grid-gap: 30px;
  }
}
.main--g .extra__block--recent .extra__block--new .extra__block__item,
.main--g .extra__block--recent .extra__block--podcast .extra__block__item {
  padding: 0 15px 0 0;
  width: 70vw;
}
.main--g
  .extra__block--recent
  .extra__block--new
  .extra__block__item:not(:last-child),
.main--g
  .extra__block--recent
  .extra__block--podcast
  .extra__block__item:not(:last-child) {
  border-right: 2px solid hsla(0, 0%, 100%, 0.2);
}
@media screen and (min-width: 768px) {
  .main--g
    .extra__block--recent
    .extra__block--new
    .extra__block__item:not(:last-child),
  .main--g
    .extra__block--recent
    .extra__block--podcast
    .extra__block__item:not(:last-child) {
    border: none;
  }
}
@media screen and (min-width: 375px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__item,
  .main--g .extra__block--recent .extra__block--podcast .extra__block__item {
    width: 60vw;
  }
}
@media screen and (min-width: 500px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__item,
  .main--g .extra__block--recent .extra__block--podcast .extra__block__item {
    width: 55vw;
  }
}
@media screen and (min-width: 768px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__item,
  .main--g .extra__block--recent .extra__block--podcast .extra__block__item {
    margin: 0 auto;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__item,
  .main--g .extra__block--recent .extra__block--podcast .extra__block__item {
    margin: 0;
    width: 100%;
  }
}
.main--g .extra__block--recent .extra__block--new .extra__block__item__img,
.main--g .extra__block--recent .extra__block--podcast .extra__block__item__img {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
}
.main--g .extra__block--recent .extra__block--new {
  background: var(--color-general);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.main--g .extra__block--recent .extra__block--new .extra__block__content {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: start;
  grid-gap: 15px 0;
}
@media screen and (min-width: 768px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__content {
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0 30px;
  }
}
@media screen and (min-width: 1200px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__content {
    grid-gap: 0 50px;
  }
}
.main--g .extra__block--recent .extra__block--new .extra__block__item {
  align-items: start;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0;
}
@media screen and (min-width: 500px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__item {
    align-items: center;
    grid-template-columns: 100px 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__item {
    grid-template-columns: 110px 1fr;
  }
}
.main--g .extra__block--recent .extra__block--new .extra__block__item__img {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 5px;
  display: block;
  height: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  top: 0;
  transition: border-radius 0.15s ease-out;
  width: 100%;
}
.main--g .extra__block--recent .extra__block--new .extra__block__item__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.main--g
  .extra__block--recent
  .extra__block--new
  .extra__block__item__img
  img[alt] {
  color: transparent;
}
.main--g .extra__block--recent .extra__block--new .extra__block__item__title {
  color: var(--white);
  font-size: 0.9rem;
  font-weight: var(--bold);
  line-height: 1.3;
  padding: 15px 0 0;
  transition: var(--theme-text);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__item__title {
    padding: 0 0 0 15px;
  }
}
.main--g
  .extra__block--recent
  .extra__block--new
  .extra__block__item__title
  span {
  display: block;
}
.main--g .extra__block--recent .extra__block--new .extra__block__item__more {
  color: var(--after-accent);
  font-size: 0.7rem;
  font-weight: var(--bold);
  line-height: 1.3;
  margin: 3px 0 0;
}
.main--g .extra__block--recent .extra__block--new .extra__block__title {
  background: var(--youth-bg);
  left: 0;
  margin: 0 auto;
  padding: 0 20px;
  right: 0;
  top: -30px;
}
@media screen and (min-width: 500px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__title {
    left: 0;
    margin: 0;
    padding: 0 30px 0 0;
    right: auto;
    top: -50px;
  }
}
@media screen and (min-width: 1200px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__title {
    top: -75px;
  }
}
.main--g .extra__block--recent .extra__block--new .extra__block__title svg {
  height: 50px;
  width: 80px;
  fill: var(--youth-accent);
}
@media screen and (min-width: 500px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__title svg {
    height: 80px;
    width: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .main--g .extra__block--recent .extra__block--new .extra__block__title svg {
    height: 120px;
    width: 180px;
  }
}
.main--g .extra__block--recent .extra__block--new .extra__block__title span {
  margin: 0 20px;
}
.main--g .extra__block--recent .extra__block--new .extra__block__subtitle {
  color: var(--color-bg);
}
.main--g .extra__block--recent .extra__block--podcast {
  background: var(--color-accent-inv);
}
.main--g .extra__block--recent .extra__block--podcast .podcast__button {
  border-radius: 60px;
  cursor: pointer;
}
.main--g .extra__block--recent .extra__block--podcast .podcast__button__icon {
  background: transparent;
  box-sizing: border-box;
  height: 22px;
  transition: 0.2s all ease, var(--theme-border);
  width: 0;
  -webkit-tap-highlight-color: transparent;
  border-color: transparent transparent transparent var(--color-text);
  border-style: solid;
  border-width: 12px 0 12px 20px;
  cursor: pointer;
  outline: none !important;
  transform: translate(3px);
}
@media screen and (min-width: 500px) {
  .main--g .extra__block--recent .extra__block--podcast .podcast__button__icon {
    height: 24px;
    transform: translate(4px);
  }
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .podcast__button__icon.show-pause {
  border-style: double;
  border-width: 0 0 0 20px;
  transform: translate(0);
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .podcast__button__icon.show-pause
  .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-text);
  transition: var(--theme-border);
}
.main--g .extra__block--recent .extra__block--podcast .podcast__button__play {
  background: var(--color-bg);
  border-radius: 60px;
  display: grid;
  height: 40px;
  place-content: center;
  width: 40px;
  -webkit-tap-highlight-color: transparent;
  border: 1px solid var(--color-text);
  transition: var(--theme-border);
}
@media screen and (min-width: 500px) {
  .main--g .extra__block--recent .extra__block--podcast .podcast__button__play {
    height: 50px;
    width: 50px;
  }
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .podcast__button__play:hover {
  opacity: 0.8;
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .podcast__button__playing {
  background: var(--color-bg);
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .podcast__button__playing
  .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-text);
  transition: var(--theme-border);
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .podcast__button__playing:hover {
  background: var(--color-bg);
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .podcast__button__playing:hover
  .podcast__button__icon {
  opacity: 0.8;
}
.main--g .extra__block--recent .extra__block--podcast .extra__block__item {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 500px) {
  .main--g .extra__block--recent .extra__block--podcast .extra__block__item {
    display: grid;
    grid-template-areas: "b a";
    grid-template-columns: 1fr 80px;
  }
}
@media screen and (min-width: 768px) {
  .main--g .extra__block--recent .extra__block--podcast .extra__block__item {
    grid-template-columns: 1fr 100px;
  }
}
@media screen and (min-width: 1200px) {
  .main--g .extra__block--recent .extra__block--podcast .extra__block__item {
    grid-template-columns: 1fr 110px;
  }
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .extra__block__item__info {
  align-items: center;
  display: flex;
  grid-area: b;
  height: 100%;
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .extra__block__item__title {
  padding: 15px 0 0 15px;
}
@media screen and (min-width: 500px) {
  .main--g
    .extra__block--recent
    .extra__block--podcast
    .extra__block__item__title {
    padding: 0 15px;
  }
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .extra__block__item__more {
  color: var(--after-accent);
  font-size: 0.7rem;
  font-weight: var(--bold);
  line-height: 1.3;
  margin: 3px 0 0;
}
.main--g .extra__block--recent .extra__block--podcast .extra__block__item__img {
  border-radius: 5px;
  display: block;
  grid-area: a;
  height: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  top: 0;
  transition: border-radius 0.15s ease-out;
  width: 100%;
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .extra__block__item__img
  img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.main--g
  .extra__block--recent
  .extra__block--podcast
  .extra__block__item__img
  img[alt] {
  color: transparent;
}
.main--g .extra__block--recent .extra__block--podcast .extra__block__subtitle {
  color: var(--color-text);
}
.main--g .extra__block--recent .extra__block__subtitle {
  font-size: 1.1rem;
  font-weight: var(--bold);
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .main--g .extra__block--recent .extra__block__subtitle {
    font-size: 1.3rem;
  }
}
.main--g .extra__block__item__title {
  font-weight: var(--extrabold);
}
.main--g .extra__block .shape--a {
  fill: #ff0 !important;
  transform: rotate(180deg);
  width: 17px !important;
}
.main--g .extra__block .shape--b {
  fill: #9acd32 !important;
  width: 17px !important;
}
.main--g .extra__block--new .extra__block__item__title span {
  color: var(--color-bg);
  transition: var(--theme-text);
}
.main--g .cl-container {
  margin: 0 auto;
  min-height: auto;
  width: 100%;
}
.main--g .layout {
  grid-gap: 0;
}
@media screen and (min-width: 500px) {
  .main--g .list__item__title {
    font-size: 1rem;
  }
}
.melleklet-ep-2024 .list__header__group,
.melleklet-valasztas-2024 .list__header__group {
  margin: 0;
  min-height: 80px;
}
.search__panel {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  min-height: 100px;
  padding-bottom: 20px;
  width: 100%;
  z-index: 20;
}
@media screen and (max-width: 768px) {
  .search__panel {
    padding-bottom: 10px;
    width: calc(100% - 30px);
  }
  .title_sum {
    margin: 10px auto !important;
    width: fit-content !important;
  }
  .center1 {
    margin-left: auto;
     margin-right: auto;
      text-align: center;
  }
 
}
 .benefits-list__item {
    margin-bottom: 0 !important;
  }
@media screen and (max-width: 500px) {
  .search__panel {
    align-items: flex-end;
    min-height: 75px;
  }
}
.search__panel--support {
  display: none;
}
.search__bar {
  cursor: pointer;
  margin: 25px 0 0;
  max-width: 690px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .search__bar {
    margin: 30px 0 0;
  }
}
.search__bar input {
  min-height: 40px;
}
.vue-tags-input {
  background-color: var(--color-light) !important;
  border: 2px solid var(--color-gray-mid-light);
  border-radius: 5px;
  display: block;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}
.ti-input {
  border: unset !important;
  padding: 3px 10px !important;
}
@media screen and (max-width: 500px) {
  .ti-input {
    padding: 5px 10px !important;
  }
}
.ti-tags {
  align-items: center;
}
.ti-tag {
  background: var(--color-gray-light) !important;
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 4px !important;
  color: var(--color-secondary) !important;
  font-size: 0.7rem !important;
  font-weight: var(--bold);
  height: 30px;
  margin: 0 8px 0 0 !important;
  padding: 0 10px !important;
}
.ti-tag:hover {
  background: var(--color-gray-light-fx) !important;
}
@media screen and (max-width: 500px) {
  .ti-tag {
    padding: 0 5px !important;
  }
}
.ti-tag i {
  color: var(--color-secondary) !important;
}
.ti-new-tag-input-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}
.ti-new-tag-input {
  background-color: transparent !important;
  color: var(--black) !important;
  font-size: 1rem !important;
}
.ti-new-tag-input::-moz-placeholder {
  color: var(--black);
  opacity: 0.7;
}
.ti-new-tag-input::placeholder {
  color: var(--black);
  opacity: 0.7;
}
.ti-autocomplete {
  background-color: var(--color-bg) !important;
  border: none !important;
  max-height: 330px;
  max-width: 684px;
  outline: solid 2px var(--color-gray-mid-light) !important;
  overflow: scroll;
}
@media screen and (max-width: 768px) {
  .ti-autocomplete {
    max-width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .ti-autocomplete {
    max-height: 270px;
  }
}
.ti-autocomplete i {
  color: var(--color-accent) !important;
  opacity: 0.7;
}
.ti-autocomplete li {
  align-content: center;
  border-bottom: 1px solid var(--color-gray-mid-light) !important;
  display: grid;
  min-height: 50px;
  padding: 5px 0;
  text-decoration: none !important;
}
.ti-autocomplete li,
.ti-autocomplete li:visited {
  color: var(--color-text) !important;
}
.ti-autocomplete li:hover,
.ti-selected-item {
  background-color: var(--color-gray-light-fx) !important;
}
li.separator,
li.separator:hover {
  background-color: var(--color-gray-light) !important;
  color: var(--color-text) !important;
  font-weight: var(--bold);
}
.my-item {
  padding-left: 5px;
}
.my-item small {
  font-size: 0.8rem !important;
}
.ti-tag-center {
  margin-left: 5px;
}
@media screen and (max-width: 500px) {
  .ti-tag-left {
    display: none;
  }
}
.content_highlight {
  background-color: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 3px;
  color: var(--color-text) !important;
  font-size: 13px !important;
  font-style: italic;
  margin-top: 15px;
  opacity: 0.8;
  padding: 7px 15px;
}
.content_highlight em,
.hasHighlight em,
.lead_highlight em {
  background-color: var(--color-accent);
  border-radius: 2px;
  color: var(--color-bg);
  padding: 1px 3px;
}
.empty_search {
  background-image: var(--gfx-empty);
  background-repeat: no-repeat;
  background-size: contain;
  height: 300px;
  margin: 100px auto;
  width: 300px;
}
@media screen and (max-width: 500px) {
  .empty_search {
    height: 180px;
    margin: 70px auto;
    transform: translate(-7px);
    width: 180px;
  }
}
.sponsored-line {
  border-radius: 3px;
  display: flex;
  justify-content: flex-end;
  min-height: 50px;
  padding: 0;
  position: relative;
  transform: translate(1px);
  width: calc(100% - 2px);
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .sponsored-line {
    margin-bottom: 0;
  }
}
.sponsored-line .sponsored-line:before,
.sponsored-line:hover {
  opacity: 0.9;
}
.sponsored-line--txt {
  align-items: flex-end;
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  justify-content: center;
  line-height: 1.2;
  padding: 5px 20px 5px 60px;
  position: relative;
  text-align: right;
  width: 100%;
  z-index: 4;
}
@media screen and (max-width: 374px) {
  .sponsored-line--txt {
    font-size: 0.7rem;
    padding: 5px 15px 5px 60px;
  }
}
@media screen and (min-width: 768px) {
  .sponsored-line--txt {
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
  }
  .sponsored-line--txt p {
    font-size: 0.9rem;
    margin-left: 10px;
  }
}
.sponsored-line--txt > * {
  margin: 0;
  padding: 0;
}
.sponsored-line--txt p {
  font-weight: 600;
  max-width: 180px;
}
@media screen and (min-width: 375px) {
  .sponsored-line--txt p {
    max-width: 200px;
  }
}
@media screen and (min-width: 500px) {
  .sponsored-line--txt p {
    max-width: none;
  }
}
.sponsored-line--txt:before {
  align-self: center;
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: 15px;
  position: absolute;
  width: 80px;
  z-index: 100;
}
.sponsored-line--txt:after {
  color: var(--color-gray-medium);
  /* content: "Hirdetés"; */
  font-size: 10px;
  font-weight: var(--semibold);
  position: absolute;
  right: -1px;
  text-transform: uppercase;
  top: -16px;
  transition: var(--theme-text);
}
.sponsored-line:before {
  left: 150px;
  width: 140px;
  z-index: 3;
}
.sponsored-line:after,
.sponsored-line:before {
  bottom: 0;
  content: "";
  min-height: 50px;
  position: absolute;
  top: 0;
}
.sponsored-line:after {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0;
  opacity: 0.8;
  width: 290px;
  z-index: 2;
}
.abrakadabra {
  background-color: #0a1622;
}
.abrakadabra:before {
  background: #0a1622;
  background: linear-gradient(90deg, #0a162200, #0a1622);
}
.abrakadabra:after {
  background-color: #182f3d;
}
.abrakadabra .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.abrakadabra .sponsored-line--txt p {
  max-width: 130px;
}
@media screen and (min-width: 500px) {
  .abrakadabra .sponsored-line--txt p {
    max-width: none;
  }
}
.abrakadabra .sponsored-line--txt span {
  font-weight: 400;
  margin: 0 0 0 7px;
}
.abrakadabra .sponsored-line--txt:before {
  background-image: url(../images/abrakadabra.png);
  height: 34px;
  width: 140px;
}
@media screen and (min-width: 375px) {
  .abrakadabra .sponsored-line--txt:before {
    width: 160px;
  }
}
@media screen and (min-width: 500px) {
  .abrakadabra .sponsored-line--txt:before {
    width: 200px;
  }
}
.amc-line {
  background-color: #000;
  outline: 1px solid hsla(0, 0%, 100%, 0.1);
}
.amc-line:after,
.amc-line:before {
  background: transparent;
}
.amc-line:after {
  opacity: 1;
}
.amc-line .sponsored-line--txt {
  align-items: center;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.amc-line .sponsored-line--txt p {
  font-size: 0.66rem;
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .amc-line .sponsored-line--txt p {
    font-size: 0.77rem;
  }
}
@media screen and (min-width: 768px) {
  .amc-line .sponsored-line--txt p {
    font-size: 0.9rem;
    max-width: none;
  }
}
.amc-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.amc-line .sponsored-line--txt:before {
  background-image: url(../images/tiltottzonak.jpg);
  height: 30px;
  transform: translateY(1px);
  width: 74px;
}
@media screen and (min-width: 500px) {
  .amc-line .sponsored-line--txt:before {
    height: 35px;
    width: 86px;
  }
}
.automag-line {
  background: #fafafa;
  outline: 1px solid rgba(0, 0, 0, 0.3);
}
.automag-line:hover {
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
.automag-line:after,
.automag-line:before {
  background: transparent;
}
.automag-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.automag-line .sponsored-line--txt p {
  color: var(--black);
  max-width: 150px;
}
@media screen and (min-width: 375px) {
  .automag-line .sponsored-line--txt p {
    max-width: 170px;
  }
}
@media screen and (min-width: 768px) {
  .automag-line .sponsored-line--txt p {
    max-width: none;
  }
}
.automag-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.automag-line .sponsored-line--txt:before {
  background-image: url(../images/automagazin.svg);
  height: 36px;
  width: 80px;
}
.asahi-line-a {
  background-color: #6d7f97;
}
.asahi-line-a:before {
  background: linear-gradient(90deg, #6d7f9700, #6d7f97);
}
.asahi-line-a:after {
  background: transparent url(../images/asahi-bg-a.jpg);
  opacity: 1;
}
.asahi-line-a .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.asahi-line-a .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .asahi-line-a .sponsored-line--txt p {
    max-width: 200px;
  }
}
@media screen and (min-width: 500px) {
  .asahi-line-a .sponsored-line--txt p {
    max-width: none;
  }
}
.asahi-line-a .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.asahi-line-a .sponsored-line--txt:before {
  background-image: url(../images/asahi.svg);
  height: 30px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .asahi-line-a .sponsored-line--txt:before {
    width: 100px;
  }
}
.asahi-line-b {
  background-color: var(--white);
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
.asahi-line-b:hover {
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
.asahi-line-b:after,
.asahi-line-b:before {
  background: transparent;
}
.asahi-line-b:after {
  opacity: 1;
}
.asahi-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.asahi-line-b .sponsored-line--txt p {
  color: var(--black);
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .asahi-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.asahi-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.asahi-line-b .sponsored-line--txt:before {
  background-image: url(../images/asahi.svg);
  height: 30px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .asahi-line-b .sponsored-line--txt:before {
    width: 100px;
  }
}
.asahi-line-c {
  background-color: #fff;
  outline: 1px solid rgba(0, 0, 0, 0.2);
}
.asahi-line-c:hover {
  outline: 1px solid rgba(0, 0, 0, 0.3);
}
.asahi-line-c:before {
  background: linear-gradient(90deg, #fff0, #fff);
}
.asahi-line-c:after {
  background: transparent url(../images/asahi-bg-c.jpg);
  opacity: 1;
}
.asahi-line-c .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.asahi-line-c .sponsored-line--txt p {
  color: var(--black);
  max-width: 150px;
}
@media screen and (min-width: 375px) {
  .asahi-line-c .sponsored-line--txt p {
    max-width: 160px;
  }
}
@media screen and (min-width: 500px) {
  .asahi-line-c .sponsored-line--txt p {
    max-width: none;
  }
}
.asahi-line-c .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.asahi-line-c .sponsored-line--txt:before {
  background-image: url(../images/asahi.svg);
  height: 30px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .asahi-line-c .sponsored-line--txt:before {
    width: 100px;
  }
}
.bmw-line {
  background-color: #013b51;
}
.bmw-line:before {
  background: #013b51;
  background: linear-gradient(90deg, #013b5100, #013b51);
}
.bmw-line:after {
  background: transparent url(../images/bmwgroup.jpg);
  opacity: 1;
}
.bmw-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.bmw-line .sponsored-line--txt p {
  display: none;
}
@media screen and (min-width: 375px) {
  .bmw-line .sponsored-line--txt p {
    display: block;
  }
}
@media screen and (min-width: 500px) {
  .bmw-line .sponsored-line--txt p {
    max-width: none;
  }
}
.bmw-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.bmw-line .sponsored-line--txt:before {
  background-image: url(../images/bmwgroup.svg);
  height: 40px;
  transform: translateY(1px);
  width: 125px;
}
.bmw-line-b {
  background-color: #013b51;
}
.bmw-line-b:before {
  background: #013b51;
  background: linear-gradient(90deg, #013b5100, #013b51);
}
.bmw-line-b:after {
  background: transparent url(../images/bmw-bg.jpg);
  opacity: 1;
}
.bmw-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.bmw-line-b .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .bmw-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.bmw-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.bmw-line-b .sponsored-line--txt:before {
  background-image: url(../images/bmw-logo.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .bmw-line-b .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .bmw-line-b .sponsored-line--txt:before {
    width: 120px;
  }
}
.b4b-line {
  background: #3499cc;
  background: linear-gradient(90deg, #3499cc, #7dc243);
}
.b4b-line:after,
.b4b-line:before {
  background: transparent;
}
.b4b-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.b4b-line .sponsored-line--txt p {
  max-width: 170px;
}
@media screen and (min-width: 375px) {
  .b4b-line .sponsored-line--txt p {
    max-width: 180px;
  }
}
@media screen and (min-width: 500px) {
  .b4b-line .sponsored-line--txt p {
    max-width: none;
  }
}
.b4b-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.b4b-line .sponsored-line--txt:before {
  background-image: url(../images/b4b.svg);
  height: 30px;
  width: 90px;
}
.cappy-line {
  background-color: #a8e4ee;
}
.cappy-line:after,
.cappy-line:before {
  background: transparent;
}
.cappy-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.cappy-line .sponsored-line--txt p {
  color: var(--black);
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .cappy-line .sponsored-line--txt p {
    max-width: none;
  }
}
.cappy-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.cappy-line .sponsored-line--txt:before {
  background-image: url(../images/cappy.svg);
  height: 44px;
  width: 90px;
}
.card-line {
  background-color: #000;
}
.card-line:before {
  background: transparent;
}
.card-line:after {
  background-color: transparent;
}
.card-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.card-line .sponsored-line--txt p {
  max-width: 170px;
}
@media screen and (min-width: 375px) {
  .card-line .sponsored-line--txt p {
    max-width: 200px;
  }
}
@media screen and (min-width: 500px) {
  .card-line .sponsored-line--txt p {
    max-width: none;
  }
}
.card-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.card-line .sponsored-line--txt:before {
  background-image: url(../images/cardinmove.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .card-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .card-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.carlsberg-line {
  background-color: #006939;
}
.carlsberg-line:before {
  background: transparent;
}
.carlsberg-line:after {
  background-color: transparent;
}
.carlsberg-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.carlsberg-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .carlsberg-line .sponsored-line--txt p {
    max-width: none;
  }
}
.carlsberg-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.carlsberg-line .sponsored-line--txt:before {
  background-image: url(../images/carlsberg.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .carlsberg-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .carlsberg-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.cinema-line {
  background: #000;
}
.cinema-line:after,
.cinema-line:before {
  background: transparent;
}
.cinema-line .sponsored-line--txt:before {
  background-image: url(../images/cinemacity.svg);
  height: 22px;
  width: 120px;
}
@media screen and (min-width: 500px) {
  .cinema-line .sponsored-line--txt:before {
    width: 160px;
  }
}
.cinema-line .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .cinema-line .sponsored-line--txt p {
    max-width: none;
  }
}
.crackerjack-line {
  background: #333;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
}
.crackerjack-line:after,
.crackerjack-line:before {
  background: transparent;
}
.crackerjack-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.crackerjack-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .crackerjack-line .sponsored-line--txt p {
    max-width: 200px;
  }
}
@media screen and (min-width: 500px) {
  .crackerjack-line .sponsored-line--txt p {
    max-width: none;
  }
}
.crackerjack-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.crackerjack-line .sponsored-line--txt:before {
  background-image: url(../images/crackerjack.svg);
  height: 30px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .crackerjack-line .sponsored-line--txt:before {
    height: 40px;
    width: 100px;
  }
}
.dove-line {
  background-color: #666767;
}
.dove-line:before {
  background: transparent;
}
.dove-line:after {
  background-color: transparent;
}
.dove-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.dove-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .dove-line .sponsored-line--txt p {
    max-width: none;
  }
}
.dove-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.dove-line .sponsored-line--txt:before {
  background-image: url(../images/dove-men.svg);
  height: 40px;
  width: 44px;
}
.dreher24-line {
  background-color: #0076ce;
}
.dreher24-line:before {
  background: transparent;
}
.dreher24-line:after {
  background-color: transparent;
}
.dreher24-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.dreher24-line .sponsored-line--txt p {
  max-width: 180px;
}
@media screen and (min-width: 500px) {
  .dreher24-line .sponsored-line--txt p {
    max-width: none;
  }
}
.dreher24-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.dreher24-line .sponsored-line--txt:before {
  background-image: url(../images/dreher24.svg);
  height: 40px;
  width: 54px;
}
.electrolux-line {
  background-color: #011e41;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
}
.electrolux-line:before {
  background: transparent;
}
.electrolux-line:after {
  background-color: transparent;
}
.electrolux-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.electrolux-line .sponsored-line--txt p {
  max-width: 130px;
}
@media screen and (min-width: 500px) {
  .electrolux-line .sponsored-line--txt p {
    max-width: none;
  }
}
.electrolux-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.electrolux-line .sponsored-line--txt:before {
  background-image: url(../images/electrolux.svg);
  height: 30px;
  width: 110px;
}
@media screen and (min-width: 375px) {
  .electrolux-line .sponsored-line--txt:before {
    width: 160px;
  }
}
@media screen and (min-width: 500px) {
  .electrolux-line .sponsored-line--txt:before {
    width: 200px;
  }
}
.eon-line {
  background-color: #ea1b0a;
  border: 1px solid hsla(0, 0%, 100%, 0.15);
}
.eon-line:before {
  background: transparent;
}
.eon-line:after {
  background-color: transparent;
}
.eon-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.eon-line .sponsored-line--txt p {
  max-width: 200px;
}
@media screen and (min-width: 375px) {
  .eon-line .sponsored-line--txt p {
    max-width: 240px;
  }
}
@media screen and (min-width: 768px) {
  .eon-line .sponsored-line--txt p {
    max-width: none;
  }
}
.eon-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.eon-line .sponsored-line--txt:before {
  background-image: url(../images/eon.svg);
  height: 24px;
  width: 52px;
}
@media screen and (min-width: 500px) {
  .eon-line .sponsored-line--txt:before {
    width: 82px;
  }
}
.ep-line {
  background-color: #0d4f9f;
}
.ep-line:after,
.ep-line:before {
  background: transparent;
}
.ep-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.ep-line .sponsored-line--txt p {
  max-width: 130px;
}
@media screen and (min-width: 375px) {
  .ep-line .sponsored-line--txt p {
    max-width: 160px;
  }
}
@media screen and (min-width: 500px) {
  .ep-line .sponsored-line--txt p {
    max-width: none;
  }
}
.ep-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.ep-line .sponsored-line--txt:before {
  background-image: url(../images/szavazzteis.svg);
  height: 40px;
  transform: translateY(-2px);
  width: 140px;
}
@media screen and (min-width: 375px) {
  .ep-line .sponsored-line--txt:before {
    width: 150px;
  }
}
@media screen and (min-width: 1200px) {
  .ep-line .sponsored-line--txt:before {
    width: 180px;
  }
}
.erste-line-a {
  background-color: #02a3a4;
}
.erste-line-a:hover {
  outline: 1px solid hsla(0, 0%, 100%, 0.2);
}
.erste-line-a:after,
.erste-line-a:before {
  background: transparent;
}
.erste-line-a .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.erste-line-a .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .erste-line-a .sponsored-line--txt p {
    max-width: none;
  }
}
.erste-line-a .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.erste-line-a .sponsored-line--txt:before {
  background-image: url(../images/erste.svg);
  height: 30px;
  transform: translateY(-3px);
  width: 100px;
}
.erste-line-b {
  background-color: #2870ed;
}
.erste-line-b:hover {
  outline: 1px solid hsla(0, 0%, 100%, 0.2);
}
.erste-line-b:after,
.erste-line-b:before {
  background: transparent;
}
.erste-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.erste-line-b .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .erste-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.erste-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.erste-line-b .sponsored-line--txt:before {
  background-image: url(../images/erste.svg);
  height: 30px;
  transform: translateY(-3px);
  width: 100px;
}
.erste-line-c {
  background-color: #eb4c79;
}
.erste-line-c:hover {
  outline: 1px solid hsla(0, 0%, 100%, 0.2);
}
.erste-line-c:after,
.erste-line-c:before {
  background: transparent;
}
.erste-line-c .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.erste-line-c .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .erste-line-c .sponsored-line--txt p {
    max-width: none;
  }
}
.erste-line-c .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.erste-line-c .sponsored-line--txt:before {
  background-image: url(../images/erste.svg);
  height: 30px;
  transform: translateY(-3px);
  width: 100px;
}
.erste-line-d {
  background-color: #4b6fda;
}
.erste-line-d:hover {
  outline: 1px solid hsla(0, 0%, 100%, 0.2);
}
.erste-line-d:after,
.erste-line-d:before {
  background: transparent;
}
.erste-line-d .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.erste-line-d .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .erste-line-d .sponsored-line--txt p {
    max-width: none;
  }
}
.erste-line-d .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.erste-line-d .sponsored-line--txt:before {
  background-image: url(../images/erste.svg);
  height: 30px;
  transform: translateY(-3px);
  width: 100px;
}
.espresso-line {
  background-color: #cd1719;
  outline: 1px solid var(--color-gray-mid-light);
}
.espresso-line:before {
  background: #cd1719;
  background: linear-gradient(90deg, #f2f2f200, #cd1719);
}
.espresso-line:after {
  background-color: #f1f1f1;
  opacity: 1;
}
.espresso-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.espresso-line .sponsored-line--txt p {
  color: #fff;
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .espresso-line .sponsored-line--txt p {
    max-width: none;
  }
}
.espresso-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.espresso-line .sponsored-line--txt:before {
  background-image: url(../images/espressoshop.svg);
  height: 36px;
  width: 110px;
}
@media screen and (min-width: 500px) {
  .espresso-line .sponsored-line--txt:before {
    height: 22px;
    width: 140px;
  }
}
.fina-line,
.fina-line:after,
.fina-line:before {
  background: #0359a9;
}
.fina-line .sponsored-line--txt:before {
  height: 30px;
  width: 90px;
}
@media screen and (min-width: 1200px) {
  .fina-line .sponsored-line--txt:before {
    left: 20px;
  }
}
.fina-line .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .fina-line .sponsored-line--txt p {
    max-width: none;
  }
}
.fjallraven-line {
  background-color: #f4f4f1;
}
.fjallraven-line,
.fjallraven-line:hover {
  outline: 1px solid var(--color-gray-mid-light);
}
.fjallraven-line:after,
.fjallraven-line:before {
  background: transparent;
}
.fjallraven-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.fjallraven-line .sponsored-line--txt p {
  color: var(--black);
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .fjallraven-line .sponsored-line--txt p {
    max-width: none;
  }
}
.fjallraven-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.fjallraven-line .sponsored-line--txt:before {
  background-image: url(../images/fjallraven.svg);
  height: 44px;
  width: 90px;
}
.flottaman-line {
  background: #08203e;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.flottaman-line:before {
  background: transparent;
}
.flottaman-line:after {
  background-color: transparent;
}
.flottaman-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.flottaman-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .flottaman-line .sponsored-line--txt p {
    max-width: 200px;
  }
}
@media screen and (min-width: 500px) {
  .flottaman-line .sponsored-line--txt p {
    max-width: none;
  }
}
.flottaman-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.flottaman-line .sponsored-line--txt:before {
  background-image: url(../images/flottaman-logo.png);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .flottaman-line .sponsored-line--txt:before {
    width: 120px;
  }
}
@media screen and (min-width: 768px) {
  .flottaman-line .sponsored-line--txt:before {
    width: 140px;
  }
}
.fox-line {
  background-color: #b60100;
}
.fox-line:before {
  background: transparent;
}
.fox-line:after {
  background-color: transparent;
}
.fox-line .sponsored-line--txt {
  align-items: center;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.fox-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .fox-line .sponsored-line--txt p {
    max-width: none;
  }
}
.fox-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.fox-line .sponsored-line--txt:before {
  background-image: url(../images/foxpost.svg);
  height: 36px;
  transform: translateY(1px);
  width: 80px;
}
@media screen and (min-width: 375px) {
  .fox-line .sponsored-line--txt:before {
    width: 100px;
  }
}
.furbify-line-a {
  background-color: #78af20;
}
.furbify-line-a:before {
  background: transparent;
}
.furbify-line-a:after {
  background-color: transparent;
}
.furbify-line-a .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.furbify-line-a .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .furbify-line-a .sponsored-line--txt p {
    max-width: none;
  }
}
.furbify-line-a .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.furbify-line-a .sponsored-line--txt:before {
  background-image: url(../images/furbify-a.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .furbify-line-a .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .furbify-line-a .sponsored-line--txt:before {
    width: 120px;
  }
}
.furbify-line-b {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.furbify-line-b:before {
  background: transparent;
}
.furbify-line-b:after {
  background-color: transparent;
}
.furbify-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.furbify-line-b .sponsored-line--txt p {
  color: #1d384c;
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .furbify-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.furbify-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.furbify-line-b .sponsored-line--txt:before {
  background-image: url(../images/furbify-b.svg);
  height: 36px;
  transform: translateY(1px);
  width: 80px;
}
@media screen and (min-width: 375px) {
  .furbify-line-b .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .furbify-line-b .sponsored-line--txt:before {
    width: 120px;
  }
}
.fustmentes {
  background-color: #ffbd00;
  outline: 1px solid rgba(0, 121, 187, 0.1);
}
.fustmentes:hover {
  outline: 1px solid rgba(255, 189, 0, 0.3);
}
.fustmentes:before {
  background: #fff;
  background: linear-gradient(90deg, #fff 10%, #ffbd00 90%);
  left: 115px;
}
@media screen and (min-width: 500px) {
  .fustmentes:before {
    left: 130px;
  }
}
.fustmentes:after {
  background: var(--white);
  opacity: 1;
  width: 115px;
}
@media screen and (min-width: 500px) {
  .fustmentes:after {
    width: 130px;
  }
}
.fustmentes .sponsored-line--txt {
  align-items: center;
  color: #000;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.fustmentes .sponsored-line--txt:after {
  content: "Társadalmi Célú Reklám";
}
.fustmentes .sponsored-line--txt p {
  line-height: 1.3;
  max-width: 160px;
  position: relative;
  transform: translateY(-6px);
}
.fustmentes .sponsored-line--txt p:before {
  bottom: -13px;
  color: #555;
  content: "A TCR megrendelője a Philip Morris Magyarország Kft.";
  font-size: 0.6rem;
  font-weight: var(--light);
  position: absolute;
  right: -7px;
  white-space: nowrap;
}
@media screen and (min-width: 500px) {
  .fustmentes .sponsored-line--txt p:before {
    bottom: -16px;
    right: -5px;
  }
}
@media screen and (min-width: 375px) {
  .fustmentes .sponsored-line--txt p {
    max-width: 210px;
  }
}
@media screen and (min-width: 500px) {
  .fustmentes .sponsored-line--txt p {
    max-width: none;
  }
}
.fustmentes .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.fustmentes .sponsored-line--txt:before {
  background-image: url(../images/fustmentes.svg);
  height: 16px;
  transform: translateY(-7px);
  width: 100px;
}
@media screen and (min-width: 430px) {
  .fustmentes .sponsored-line--txt:before {
    transform: none;
  }
}
@media screen and (min-width: 500px) {
  .fustmentes .sponsored-line--txt:before {
    width: 120px;
  }
}
.garage-line {
  background-color: #003764;
}
.garage-line:before {
  background: transparent;
}
.garage-line:after {
  background-color: transparent;
}
.garage-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.garage-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .garage-line .sponsored-line--txt p {
    max-width: 180px;
  }
}
@media screen and (min-width: 500px) {
  .garage-line .sponsored-line--txt p {
    max-width: none;
  }
}
.garage-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.garage-line .sponsored-line--txt:before {
  background-image: url(../images/garage.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .garage-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 500px) {
  .garage-line .sponsored-line--txt:before {
    width: 110px;
  }
}
.goodtape-line {
  background-color: #9225ff;
  border: 1px solid hsla(0, 0%, 100%, 0.4);
}
.goodtape-line:before {
  background: transparent;
}
.goodtape-line:after {
  background-color: transparent;
}
.goodtape-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.goodtape-line .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .goodtape-line .sponsored-line--txt p {
    max-width: none;
  }
}
.goodtape-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.goodtape-line .sponsored-line--txt:before {
  background-image: url(../images/goodtape.svg);
  height: 22px;
  width: 120px;
}
@media screen and (min-width: 500px) {
  .goodtape-line .sponsored-line--txt:before {
    width: 150px;
  }
}
@media screen and (min-width: 768px) {
  .goodtape-line .sponsored-line--txt:before {
    width: 170px;
  }
}
.hbo-line {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.hbo-line:before {
  background: transparent;
}
.hbo-line:after {
  background-color: transparent;
}
.hbo-line .sponsored-line--txt {
  align-items: center;
  color: var(--black);
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.hbo-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .hbo-line .sponsored-line--txt p {
    max-width: none;
  }
}
.hbo-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.hbo-line .sponsored-line--txt:before {
  background-image: url(../images/hbomax.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .hbo-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .hbo-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.hbo-line-b {
  background: #002be7;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.hbo-line-b:before {
  background: transparent;
}
.hbo-line-b:after {
  background-color: transparent;
}
.hbo-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.hbo-line-b .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .hbo-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.hbo-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.hbo-line-b .sponsored-line--txt:before {
  background-image: url(../images/max.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .hbo-line-b .sponsored-line--txt:before {
    width: 90px;
  }
}
.hold-line {
  background-color: #2a1143;
}
.hold-line:before {
  background: transparent;
}
.hold-line:after {
  background-color: transparent;
}
.hold-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
@media screen and (min-width: 500px) {
  .hold-line .sponsored-line--txt p {
    max-width: none;
  }
}
.hold-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.hold-line .sponsored-line--txt:before {
  background-image: url(../images/holdline.svg);
  height: 36px;
  width: 70px;
}
.hervis-line {
  background-color: #004f91;
}
.hervis-line:before {
  background: transparent;
}
.hervis-line:after {
  background-color: transparent;
}
.hervis-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.hervis-line .sponsored-line--txt p {
  max-width: 180px;
}
@media screen and (min-width: 500px) {
  .hervis-line .sponsored-line--txt p {
    max-width: none;
  }
}
.hervis-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.hervis-line .sponsored-line--txt:before {
  background-image: url(../images/hervis.svg);
  height: 36px;
  width: 150px;
}
@media screen and (min-width: 375px) {
  .hervis-line .sponsored-line--txt:before {
    width: 160px;
  }
}
@media screen and (min-width: 500px) {
  .hervis-line .sponsored-line--txt:before {
    width: 200px;
  }
}
.iforex-line {
  background-color: #1da1f0;
}
.iforex-line:hover {
  outline: 1px solid hsla(0, 0%, 100%, 0.2);
}
.iforex-line:after,
.iforex-line:before {
  background: transparent;
}
.iforex-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.iforex-line .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .iforex-line .sponsored-line--txt p {
    max-width: none;
  }
}
.iforex-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.iforex-line .sponsored-line--txt:before {
  background-image: url(../images/iforex-eu.svg);
  height: 31px;
  width: 144px;
}
.id-line {
  background-color: #f2231a;
}
.id-line:after,
.id-line:before {
  background: transparent;
}
.id-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
@media screen and (min-width: 500px) {
  .id-line .sponsored-line--txt p {
    max-width: none;
  }
}
.id-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.id-line .sponsored-line--txt:before {
  background-image: url(../images/idlogo.svg);
  height: 40px;
  transform: translateY(1px);
  width: 50px;
}
.illy {
  background-color: #d5271d;
  outline: 1px solid var(--color-gray-mid-light);
}
.illy:before {
  background: #d5271d;
  background: linear-gradient(90deg, #d5271d00, #d5271d);
}
.illy:after {
  background: transparent url(./illy.DfUUXdwN.jpg);
  opacity: 1;
}
.istyle-line {
  background-color: #000;
}
.istyle-line:before {
  background: transparent;
}
.istyle-line:after {
  background-color: transparent;
}
.istyle-line .sponsored-line--txt {
  align-items: center;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.istyle-line .sponsored-line--txt p {
  max-width: 200px;
}
@media screen and (min-width: 500px) {
  .istyle-line .sponsored-line--txt p {
    max-width: none;
  }
}
.istyle-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.istyle-line .sponsored-line--txt:before {
  background-image: url(../images/istyle.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .istyle-line .sponsored-line--txt:before {
    width: 100px;
  }
}
.istyle-line-b {
  background-color: #000;
}
.istyle-line-b:before {
  background: transparent;
}
.istyle-line-b:after {
  background-color: transparent;
}
.istyle-line-b .sponsored-line--txt {
  align-items: center;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.istyle-line-b .sponsored-line--txt p {
  max-width: 200px;
}
@media screen and (min-width: 500px) {
  .istyle-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.istyle-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.istyle-line-b .sponsored-line--txt:before {
  background-image: url(../images/istyle-business.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .istyle-line-b .sponsored-line--txt:before {
    width: 100px;
  }
}
.kektura,
.kektura:before {
  background: #589ad4;
}
.kektura:before {
  background: linear-gradient(90deg, #589ad400, #589ad4);
}
.kektura:after {
  background: url(../images/kektura.jpg);
}
.kektura .sponsored-line--txt:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 150 30'%3E%3Ccircle cx='48' cy='15' r='15' fill='%23fff'/%3E%3Cpath fill='%2333a357' d='M48 5.42c5.29 0 9.58 4.29 9.58 9.58s-4.29 9.58-9.58 9.58-9.58-4.29-9.58-9.58S42.71 5.42 48 5.42'/%3E%3Cpath fill='%232b8a4b' d='M48 14.22 35.8 18.5c1.43 2.39 6.35 4.15 12.2 4.15s10.77-1.76 12.2-4.15z'/%3E%3Cpath fill='%238bbd4f' d='m39.14 24.06.958-.525c-2.465-2.69-2.758-3.983-3.078-4.905l1.03-1.14h.08c6.45 0 12 2.7 14.43 6.57z'/%3E%3Cpath fill='%23fff' d='M37.4 17.5c5.37.42 9.52 3.17 9.52 6.51v.05h1.97v-.05c0-3.18-3.77-5.83-8.77-6.44a22 22 0 0 0-1.98-.09z'/%3E%3Cpath fill='%2333a357' d='M56.38 24.06H39.15c3.31-2.01 7.98-3.27 13.15-3.27 2.38 0 4.66.27 6.75.75z'/%3E%3Cpath fill='%23fff' d='M46.149 27.707C39.935 26.809 35.16 21.461 35.16 15c0-7.09 5.75-12.84 12.84-12.84S60.84 7.91 60.84 15c0 3.393-1.317 6.478-3.466 8.774q.108.16.196.326h-.513a12.8 12.8 0 0 1-6.657 3.516c-.022.248.073.291-.24.274a2.6 2.6 0 0 1-.717-.13 13 13 0 0 1-3.204-.04c-.041.012-.068.013-.09-.013m5.145-21.106c.354 1.271.039 2.139-1.024 3.129 1.61-.59 3.53-.39 5.08 1.82.46.66.14.38-.46.98-1.79 1.8-2.88 2.1-4.63 1.14 1.06 1.35 1.46 3.24-.16 5.39-.49.64-.32.25-1.07-.13-2.26-1.15-2.89-2.09-2.51-4.05-.96 1.42-2.63 2.39-5.18 1.51-.76-.26-.34-.23-.21-1.06.4-2.5 1.11-3.39 3.09-3.63-1.27-.362-2.415-1.209-2.853-2.811A8.98 8.98 0 0 0 38.98 15c0 3.99 2.594 7.377 6.187 8.566l.023-.016c1.01-.65 1.83-.41 2.4.1-.38-.8-.21-1.28.65-2.02.28-.24.17-.4.45-.17.93.75.96 1.61.65 2.31.538-.505.973-.578 1.656-.26a9 9 0 0 0 2.436-1.309c-1.312-.665-3.021-1.09-4.932-1.181a27 27 0 0 1 1.84-.18c1.419.074 2.725.329 3.839.73A9 9 0 0 0 57.02 15a9.02 9.02 0 0 0-5.726-8.399M54.06 18.82c.35.05.73-.08.94-.6.06-.15.01-.08-.14-.18-.44-.28-.68-.29-.99-.02.15-.32.15-.72-.28-1.08-.13-.11-.08-.04-.21.07-.4.33-.49.55-.32.93-.26-.24-.64-.36-1.11-.07-.14.09-.06.06.01.22.19.49.38.64.79.59-.31.17-.54.5-.41 1.04.04.16.04.07.21.06.52-.03.72-.16.81-.56.07.35.3.67.86.71.17.01.08-.02.13-.18.13-.5.06-.72-.29-.93M47.2 6.015c-.518.759-.7 1.634-.67 2.495-.496-1.068-1.068-1.642-1.97-1.85a9 9 0 0 1 2.64-.645'/%3E%3Cpath fill='%238bbd4f' d='M47.26 25.24c-.5.29-.87.83-.63 1.71.07.26.07.12.35.1.86-.07 1.18-.29 1.3-.95.12.57.52 1.08 1.43 1.13.27.01.14-.03.2-.31.2-.84.09-1.21-.5-1.53.58.06 1.19-.16 1.52-1.01.1-.26.01-.14-.23-.29-.74-.44-1.12-.46-1.61 0 .24-.53.22-1.18-.49-1.76-.21-.17-.13-.06-.34.13-.65.56-.78.92-.49 1.54-.43-.39-1.06-.57-1.83-.07-.23.15-.09.1.02.37.32.79.63 1.03 1.3.94m-3.83.66-.62-.32.14-1.21-.91.81-.62-.32.88-1.7.46.24-.51.98.89-.79.35.18-.13 1.17.51-.98.43.22zm9.47-2.34c.17-.11.32-.17.46-.2a.7.7 0 0 1 .36 0c.11.03.2.09.29.18s.17.2.26.33c.09.15.15.28.18.41a.8.8 0 0 1-.01.37c-.03.11-.09.22-.18.32s-.21.19-.35.28c-.17.1-.32.17-.46.19s-.27.02-.38-.01l.12-.51c.03.01.06.01.09.02h.1l.12-.03a.7.7 0 0 0 .15-.08q.12-.075.18-.15a.4.4 0 0 0 .08-.16c.01-.06.01-.12-.01-.18a.8.8 0 0 0-.09-.19c-.05-.07-.09-.14-.14-.19s-.09-.09-.15-.11c-.05-.02-.11-.02-.18-.01s-.14.05-.23.1c-.13.08-.21.15-.24.22s-.02.14.02.22l.02.03.41-.25.23.37-.85.53-.19-.3c-.07-.12-.12-.23-.15-.34a.5.5 0 0 1 .01-.3.7.7 0 0 1 .18-.28 1.3 1.3 0 0 1 .35-.28m3.2.8-.44.42.01-.72.33-.31zm.19-1-1.12 1.03-.33-.36.73-.67-.16-.17-.71.65-.32-.34.71-.65-.18-.2-.73.68-.31-.33L55 21.96zm-15.92.66-.41-.36.7-1.95.42.37-.09.25.61.54.24-.12.39.35zm.45-1.26-.23.61.58-.3zm14.85-1.59a2 2 0 0 1 .41-.4 1.4 1.4 0 0 1 .4-.2l.14.45a1.4 1.4 0 0 0-.32.16c-.1.07-.19.15-.27.25-.06.07-.1.13-.12.17-.03.04-.04.08-.05.11s0 .05.01.07.03.03.05.05c.04.03.08.03.14-.01l.51-.45a.6.6 0 0 1 .24-.13.45.45 0 0 1 .23-.01.7.7 0 0 1 .24.13.64.64 0 0 1 .19.22c.04.08.06.16.05.24a.8.8 0 0 1-.08.27c-.05.1-.12.2-.21.31-.07.08-.13.16-.2.22a1.2 1.2 0 0 1-.18.15c-.06.04-.11.08-.16.1a2 2 0 0 0-.13.06l-.15-.48c.03-.01.07-.03.11-.05s.08-.05.12-.08.08-.06.12-.1l.11-.11c.04-.06.08-.1.1-.14.02-.03.03-.06.04-.09.01-.02 0-.04-.01-.06s-.02-.03-.04-.04c-.02-.02-.04-.02-.07-.02-.02 0-.05.02-.08.04s-.07.05-.1.09l-.38.35c-.08.06-.15.11-.23.14s-.15.03-.23.02a.5.5 0 0 1-.25-.12c-.08-.06-.14-.13-.18-.2s-.06-.15-.06-.23a.7.7 0 0 1 .07-.29c.03-.13.11-.25.22-.39m-15.58-.3c.12.16.21.3.25.43s.05.25.03.36-.07.21-.15.31-.18.19-.31.29c-.14.1-.27.18-.39.22a.8.8 0 0 1-.37.03.8.8 0 0 1-.34-.15c-.11-.08-.21-.18-.31-.32-.12-.16-.2-.3-.24-.44a.8.8 0 0 1-.03-.38l.52.07c-.01.03-.01.06-.01.09a.3.3 0 0 0 .01.1c.01.04.02.08.05.12.02.04.05.09.09.14.06.07.11.13.17.17s.11.06.17.06.12-.01.18-.03c.06-.03.12-.06.18-.11.07-.05.13-.11.17-.16a.3.3 0 0 0 .09-.16c.01-.05.01-.11-.01-.18a.7.7 0 0 0-.13-.22c-.09-.12-.17-.19-.24-.22s-.14-.01-.21.05l-.02.02.3.38-.34.26-.61-.79.28-.22a1.5 1.5 0 0 1 .32-.18c.1-.04.2-.04.3-.02s.2.07.3.15c.09.09.2.19.3.33m17.93-.54.3-.56.43.23-.86 1.59-.42-.23.3-.56-1.26-.68.26-.47zm-19.31-.43-.81 1.25-.26-.51.51-.77-.92-.06-.25-.49 1.49.11.56-.28.24.48zm20.61-1.57-.48 1.44-.46-.15.31-.94-.22-.07-.3.91-.44-.15.3-.91-.25-.08-.32.95-.44-.15.48-1.45zm-5.4.4c.27.03.55-.06.72-.45.05-.12.01-.06-.1-.13-.34-.21-.51-.22-.75-.01.12-.24.11-.55-.21-.82-.1-.08-.06-.03-.16.06-.31.25-.37.42-.25.71-.2-.19-.49-.28-.85-.05-.11.07-.04.05 0 .17.15.37.29.48.6.45-.24.13-.41.38-.31.79.03.12.03.06.16.05.4-.03.55-.12.61-.43.05.27.23.51.65.54.13.01.06-.01.1-.14.11-.41.06-.58-.21-.74m-17.09.11-.16-.52 1.6-1.32.17.53-.21.17.25.78.26.02.16.5zm1.03-.85-.51.41.65.04zm21.91-1.77-.1.55-1.33.24 1.16.69-.1.54-1.76-1.09.1-.54zm-14.78-4.64c-1.25-.36-2.35-1.34-2.31-3.39.01-.61.08-.3.72-.4 1.9-.3 2.72-.01 3.36 1.37-.05-1.3.55-2.64 2.51-3.24.59-.18.31-.01.6.56.88 1.72.84 2.58-.27 3.61 1.23-.45 2.68-.3 3.86 1.38.35.5.11.29-.35.75-1.36 1.36-2.19 1.6-3.52.86.8 1.03 1.11 2.46-.12 4.1-.37.49-.24.19-.81-.1-1.72-.87-2.2-1.59-1.91-3.08-.73 1.08-2 1.82-3.93 1.15-.58-.2-.26-.17-.16-.81.29-1.9.83-2.58 2.33-2.76M37.6 16.1l.04.34.57-.07.06.52-1.9.22-.11-.96c-.02-.17-.02-.31.01-.42a.6.6 0 0 1 .11-.26.5.5 0 0 1 .19-.14c.08-.03.16-.05.25-.06.06-.01.12-.01.18-.01s.12.01.18.03.11.05.16.09.09.1.13.17l.6-.42.07.57zm-.45-.04c-.01-.1-.03-.17-.07-.21-.03-.04-.09-.05-.18-.04-.05.01-.08.01-.11.03-.03.01-.05.03-.06.05a.2.2 0 0 0-.02.09c0 .04 0 .08.01.13l.05.43.44-.05zm20.7-1a1.4 1.4 0 0 1 .06-.42c.04-.13.09-.23.17-.32s.18-.16.31-.21.28-.07.47-.07c.18 0 .34.03.46.09.12.05.22.13.3.22a.73.73 0 0 1 .16.33c.03.13.04.27.04.42a1.4 1.4 0 0 1-.06.42c-.04.13-.09.23-.17.32s-.18.16-.31.21-.28.07-.47.07c-.18 0-.34-.03-.46-.09a.7.7 0 0 1-.3-.22.73.73 0 0 1-.16-.33c-.03-.13-.04-.27-.04-.42m2.44.13-.01.46-.4-.01.01-.46zm-1.97-.12a1 1 0 0 0 .03.25.33.33 0 0 0 .1.15c.04.04.1.07.16.08.06.02.13.03.2.03s.14 0 .2-.02a.4.4 0 0 0 .16-.07c.05-.04.08-.09.11-.15s.04-.14.04-.24a1 1 0 0 0-.03-.25.3.3 0 0 0-.1-.15.3.3 0 0 0-.16-.08c-.06-.02-.13-.03-.2-.03s-.14 0-.2.02a.4.4 0 0 0-.16.07c-.05.04-.08.09-.11.15-.02.06-.04.14-.04.24m1.98-.48-.01.46-.4-.01.01-.46zm-2.37-2.36 1.2.77-.17-.92.47-.08.3 1.59-.43.08-1.17-.75.18.97-.45.09-.31-1.66zm.502-2.17c.089 0 .159.03.228.08s.13.12.19.21.11.2.17.34c.04.1.07.19.09.28s.04.16.04.23c.01.07.01.13.01.19s-.01.1-.02.15l-.49-.12c.01-.03.01-.07.01-.12s0-.09-.01-.14-.01-.1-.02-.15-.03-.1-.04-.15l-.07-.15c-.02-.04-.04-.06-.06-.08s-.04-.02-.06-.02l-.026.004-.008.002q-.013.004-.026.004c-.03.01-.04.03-.05.05s-.01.05-.01.09.01.08.02.13.03.11.05.18l.07.32q.03.15 0 .27c-.01.08-.05.15-.1.21s-.13.11-.23.15a.65.65 0 0 1-.26.06q-.12 0-.24-.06c-.12-.06-.15-.11-.22-.21a3 3 0 0 1-.18-.37c-.08-.2-.13-.39-.14-.56q-.03-.255.03-.45l.46.11c-.03.11-.03.23-.03.35.01.12.04.24.08.36a1 1 0 0 0 .09.19c.03.04.05.08.07.09.02.02.04.03.06.02.02 0 .04-.01.07-.02.04-.02.06-.06.06-.13q-.015-.105-.06-.3c-.04-.14-.06-.26-.08-.36a1.3 1.3 0 0 1 0-.28.36.36 0 0 1 .11-.2c.05-.06.13-.1.23-.14.11-.04.2-.06.29-.06z'/%3E%3Cpath fill='%23fff' d='M49.07 25.68a1.07 1.07 0 0 0 .07-1.5 1.07 1.07 0 0 0-1.5-.07 1.07 1.07 0 0 0-.07 1.5 1.05 1.05 0 0 0 1.5.07m4.31-7.62a.493.493 0 0 0 .08.98.493.493 0 0 0-.08-.98m-4.7-8.41c1.15.62 1.58 2.07.96 3.22s-2.07 1.58-3.22.96-1.58-2.07-.96-3.22a2.37 2.37 0 0 1 3.22-.96'/%3E%3Cpath fill='%23bb262c' d='M48.75 25.34a.6.6 0 0 0 .04-.84.6.6 0 0 0-.84-.04.6.6 0 0 0-.04.84.6.6 0 0 0 .84.04m4.65-7.06c-.15.01-.26.15-.25.3s.15.26.3.25.26-.15.25-.3c-.02-.15-.15-.27-.3-.25m-5.21-7.72c.65.35.89 1.16.54 1.8-.35.65-1.16.89-1.8.54-.65-.35-.89-1.16-.54-1.81.34-.64 1.15-.88 1.8-.53'/%3E%3Cpath fill='%232b8a4b' d='M48 1.5A13.51 13.51 0 0 1 61.5 15 13.51 13.51 0 0 1 48 28.5 13.51 13.51 0 0 1 34.5 15 13.51 13.51 0 0 1 48 1.5m0 .88c6.97 0 12.62 5.65 12.62 12.62S54.97 27.62 48 27.62 35.38 21.97 35.38 15 41.03 2.38 48 2.38M36.87 12.93l-.15.62-.47-.11.41-1.76.47.11-.15.62 1.39.33-.12.52zm-.09-1.6.55-1.42.45.18-.36.92.22.08.35-.9.44.17-.35.9.25.1.36-.93.43.17-.56 1.43zm2.41-1.99-.18.29.48.31-.28.44-1.61-1.02.52-.82c.09-.14.18-.25.27-.32a.7.7 0 0 1 .25-.13.5.5 0 0 1 .24.01c.08.03.15.06.23.11.05.03.1.07.14.11.05.04.08.09.12.14.03.05.05.11.07.17.01.06.01.14 0 .22l.73.05-.31.48zm-.33-.3c.06-.09.08-.16.08-.21s-.04-.1-.11-.15c-.04-.03-.07-.04-.1-.05s-.06-.01-.08 0c-.03.01-.05.03-.08.05-.02.03-.05.06-.08.11l-.23.36.37.24zm16.72-.31c-.1-.12-.17-.23-.23-.35s-.08-.24-.08-.36a.7.7 0 0 1 .1-.36c.06-.12.17-.24.31-.36a1.2 1.2 0 0 1 .41-.24.8.8 0 0 1 .37-.03.8.8 0 0 1 .34.15 1.7 1.7 0 0 1 .31.29c.1.12.17.23.23.35s.08.24.08.36a.7.7 0 0 1-.1.36c-.06.12-.17.24-.31.36a1.2 1.2 0 0 1-.41.24.8.8 0 0 1-.37.03.8.8 0 0 1-.34-.15 1.7 1.7 0 0 1-.31-.29M38.95 7.34l.51-.48 1.1.53-.48-1.12.5-.48 1.32 1.38-.38.36-.77-.8.46 1.1-.29.28-1.07-.5.76.8-.35.33zm16.99 1.09a.54.54 0 0 0 .19.16c.06.03.12.05.18.05s.12-.01.17-.04c.06-.03.11-.07.17-.11a1 1 0 0 0 .14-.15.33.33 0 0 0 .07-.16c.01-.06 0-.12-.02-.18a.5.5 0 0 0-.13-.21.7.7 0 0 0-.19-.17c-.06-.03-.12-.05-.18-.05s-.12.01-.17.04c-.06.03-.11.07-.17.11-.06.05-.1.1-.14.15s-.06.11-.07.16c-.01.06-.01.12.02.18a1 1 0 0 0 .13.22M54.5 6.82l-.28-.2-.34.46-.42-.31 1.13-1.54.78.57c.14.1.24.2.3.29s.1.18.11.26 0 .16-.03.24a.7.7 0 0 1-.13.22c-.04.05-.07.09-.12.14-.04.04-.09.08-.14.11s-.11.05-.18.05c-.07.01-.14 0-.22-.02l-.1.72-.46-.34zm3.08.32.39.47-.72-.07-.29-.34zM41.11 5.41l1.28-.82.26.41-.83.53.13.2.81-.52.25.39-.81.52.15.23.84-.54.25.39-1.29.83zm11.93-1.09.49.23-.12 2.07-.5-.24.02-.26-.74-.35-.19.19-.47-.22zm1.79 2.19c.08.06.15.09.2.09s.1-.03.15-.1c.03-.04.05-.07.05-.1.01-.03.01-.06 0-.08a.2.2 0 0 0-.05-.08 1 1 0 0 0-.1-.09l-.34-.25-.26.36zM44.391 3.86c.054.001.092.011.139.02l-.13.48c-.03-.01-.07-.01-.12-.01s-.09 0-.14.01-.1.01-.15.03c-.05.01-.1.03-.15.04-.07.03-.12.05-.15.07-.04.02-.06.04-.08.06s-.02.04-.02.06q0 .011.003.022l.004.016.003.022c.01.03.03.04.05.05s.05.01.09.01.08-.01.13-.02.11-.03.18-.05c.12-.03.22-.05.32-.07s.19-.02.27 0c.08.01.15.05.21.1s.11.13.15.23a.65.65 0 0 1 .06.26q0 .12-.06.24c-.06.12-.11.15-.21.22-.09.05-.22.11-.38.18-.2.08-.39.13-.56.14q-.255.03-.45-.03l.11-.46c.11.02.23.03.35.02a1.2 1.2 0 0 0 .36-.09 1 1 0 0 0 .19-.09c.04-.03.08-.05.09-.07.02-.02.03-.04.02-.06 0-.02-.01-.04-.02-.07 0-.03-.04-.05-.1-.04q-.105.015-.3.06c-.14.04-.26.06-.36.08a1.3 1.3 0 0 1-.28 0 .36.36 0 0 1-.2-.11.6.6 0 0 1-.14-.23c-.04-.11-.06-.2-.06-.29s.03-.16.07-.23a.65.65 0 0 1 .21-.19 2.1 2.1 0 0 1 .62-.26c.09-.02.16-.04.23-.04.07-.01.13-.01.19-.01zm8.569 1.8L53 5l-.47.45zm-2.21-.13c-.05-.01-.09-.03-.12-.04s-.06-.02-.08-.02c-.01-.01-.03-.02-.05-.03s-.04-.01-.06-.02l.14-.44.25.08c.09.03.16.03.2.01s.07-.06.09-.13l.37-1.2.51.16-.38 1.22c-.04.13-.09.22-.15.29s-.13.12-.2.14c-.08.03-.16.03-.24.03-.09-.01-.18-.02-.28-.05m-5.55-.46.77-1.2-.92.17-.09-.47 1.58-.3.08.43-.75 1.17.97-.18.09.45-1.66.31zm4.34-1.28-.63-.1.08-.48 1.78.29-.07.48-.63-.1-.23 1.41-.53-.09zm-2.51-.56 1.52-.05.01.48-.99.03.01.23.96-.03.01.47-.95.03.01.27 1-.03.01.46-1.53.05zm-5.58 1.24.51-.33-.16.71-.38.24zm12.14-.55.55.26-.68.24-.4-.19z'/%3E%3Ccircle cx='15' cy='15' r='15' fill='%23fff'/%3E%3Cg fill-rule='nonzero'%3E%3Cpath fill='%233865a9' d='M18.89 23.65c-3.8 1.7-8.41.77-11.22-2.57a9.55 9.55 0 0 1-2.19-5.12l-3.93.01a13.46 13.46 0 0 0 3.12 7.64c4.05 4.81 10.78 6.07 16.2 3.45z'/%3E%3Cpath fill='%23589ad4' d='m21.14 22.24-.41.33 1.98 3.41.96-.74a13.51 13.51 0 0 0 1.63-19l-3 2.52c3.39 4.03 2.88 10.08-1.16 13.48m-4.61-1.73c.03.02.07.04.1.06.03.01.07.03.11.04s.08.02.13.02c.12 0 .2-.03.26-.09.05-.06.08-.15.08-.28v-1.18h.47v1.28c0 .09-.01.18-.04.27a.55.55 0 0 1-.14.23c-.06.07-.14.12-.24.16a1 1 0 0 1-.36.06 2 2 0 0 1-.24-.02c-.07-.02-.13-.03-.18-.05s-.09-.04-.11-.06c-.03-.02-.04-.03-.05-.03zm2.26-1.43h.08l1.03 1.96h-.54l-.11-.23h-.85l-.1.23h-.53zm-5.29 0h.08l1.03 1.96h-.54l-.11-.23h-.85l-.1.23h-.53zm-1.19 1.96h-.11l-1.27-1.08v1.08h-.47v-1.96h.11l1.26 1.04v-1.04h.48zm3.73-1.92c.1.03.19.08.26.13a.684.684 0 0 1 .22.51c0 .12-.02.22-.06.31a.55.55 0 0 1-.18.22c-.08.06-.16.1-.27.13a1.2 1.2 0 0 1-.34.05h-.42v.57h-.47v-1.96h.93c.11 0 .23.01.33.04m2.8.79h-.03l-.24.51-.03.05h.57l-.03-.05zm-5.29 0h-.03l-.24.51-.03.05h.57l-.03-.05zm2.47-.13c0-.1-.03-.17-.09-.22s-.14-.08-.26-.08h-.43v.59h.43c.11 0 .2-.02.25-.07.07-.05.1-.12.1-.22m-5.04-1.79c-.14 0-.26-.02-.37-.07a.7.7 0 0 1-.28-.19.75.75 0 0 1-.18-.28 1 1 0 0 1-.06-.35v-1.12h.47v1.12c0 .06.01.11.03.16s.04.1.08.14a.4.4 0 0 0 .13.09c.05.02.12.04.19.04a.4.4 0 0 0 .19-.04c.05-.02.1-.06.13-.09a.6.6 0 0 0 .08-.14c.02-.05.02-.11.02-.16v-1.12h.47v1.12a1 1 0 0 1-.06.35.75.75 0 0 1-.18.28c-.08.08-.17.14-.28.19a.9.9 0 0 1-.38.07m9.45-.63q.075.06.18.09c.05.02.12.05.18.07a.8.8 0 0 0 .21.03c.09 0 .16-.02.19-.05.04-.03.05-.07.05-.11 0-.03 0-.05-.01-.07a.2.2 0 0 0-.06-.06.3.3 0 0 0-.11-.05 2 2 0 0 0-.18-.06c-.11-.03-.21-.06-.29-.1a1 1 0 0 1-.21-.13.43.43 0 0 1-.13-.17.5.5 0 0 1-.05-.21c0-.09.02-.17.05-.25.03-.07.08-.14.15-.19s.15-.1.25-.13.22-.04.35-.04c.14 0 .25.01.35.03s.18.05.24.07c.07.03.13.07.18.1l-.27.41a.6.6 0 0 0-.14-.08 3 3 0 0 0-.16-.06.7.7 0 0 0-.2-.03c-.09 0-.16.01-.19.04s-.05.06-.05.1c0 .05.03.09.08.11a1 1 0 0 0 .26.09c.23.06.41.14.53.23s.18.22.18.39c0 .09-.02.17-.05.25s-.08.15-.14.21-.15.11-.25.14a1.2 1.2 0 0 1-.35.05 1.4 1.4 0 0 1-.37-.04c-.1-.03-.19-.06-.26-.09a1 1 0 0 1-.21-.13zm-4.13.46.92-1.43h-.85v-.41h1.59v.16l-.88 1.4h.88v.41H16.3zm-8.16-1.84h1.71v.41h-.61v1.56h-.48v-1.56h-.62zm5.076 0c.118.001.236.02.334.05s.19.08.26.13c.07.06.13.13.16.22.04.09.06.18.06.29 0 .14-.03.26-.09.35a.6.6 0 0 1-.24.23v.04l.44.62v.03h-.54l-.39-.57h-.45v.57h-.47v-1.96h.926m5.814 0h.08l1.03 1.96h-.54l-.1-.23h-.85l-.1.23h-.53zm-3.86 0h.08l1.03 1.96h-.54l-.11-.23h-.85l-.1.23h-.53zm3.91.83h-.03l-.24.51-.03.05h.57l-.03-.05zm-3.87 0h-.03l-.24.51-.03.05h.57l-.03-.05zm-1.68-.12c0-.1-.03-.17-.09-.22s-.14-.08-.26-.08h-.43v.59h.43c.11 0 .2-.02.25-.07.07-.05.1-.12.1-.22m-2.4-.83h-.3v-.07l.09-.44h.53v.07zm8.1 0h-.3v-.07l.09-.44h.53v.07zm-3.87 0h-.3v-.07l.09-.44h.53v.07zm-6.21-3.581-.01.011h.01zl1.68-1.769h1.22v.09l-1.59 1.69 1.59 2.26v.1h-1.21l-.54-.81-.53-.82-.62.66v.97h-1v-4.14h1zm8.38 0-.01.011h.01zl1.68-1.769h1.22v.09l-1.59 1.69 1.59 2.26v.1h-1.21l-.54-.81-.53-.82-.62.66v.97h-1v-4.14h1zm-2.16.691h-1.82v.81h2.29v.86h-3.29V10.5h3.29v.86h-2.29v.82h1.82zm6.59-.7h-1.32v.8h1.32zm-7.49-2.02h-.63v-.15l.19-.94h1.12v.15z'/%3E%3Cpath fill='%232d3b68' d='m101.975 22.23 1.235.15q.03.216.142.296.154.116.485.116.423 0 .634-.127a.53.53 0 0 0 .216-.273q.05-.135.05-.496V21.3q-.485.661-1.223.661-.824 0-1.304-.696-.377-.55-.377-1.369 0-1.027.494-1.569c.494-.542.739-.543 1.229-.543q.758 0 1.25.666v-.573h1.011v3.665q0 .723-.119 1.081a1.34 1.34 0 0 1-.334.561q-.216.204-.575.319c-.359.115-.543.116-.91.116q-1.038 0-1.473-.356c-.435-.356-.434-.538-.434-.902zm-34.328-2.103 1.107-.108q.1.558.406.819c.306.261.479.262.825.262q.55 0 .829-.233c.279-.233.279-.337.279-.544a.5.5 0 0 0-.118-.341q-.117-.14-.409-.244a14 14 0 0 0-.912-.246q-.915-.227-1.284-.558a1.47 1.47 0 0 1-.519-1.134 1.45 1.45 0 0 1 .244-.806q.244-.375.704-.571c.46-.196.676-.196 1.109-.196q1.061 0 1.598.465c.537.465.546.725.564 1.242l-1.139.05q-.073-.434-.313-.625c-.24-.191-.401-.19-.721-.19q-.497 0-.777.204a.41.41 0 0 0-.181.35q0 .2.169.342.216.181 1.046.377c.83.196.964.266 1.229.406a1.6 1.6 0 0 1 .623.573q.225.364.225.898 0 .485-.269.908a1.6 1.6 0 0 1-.762.628q-.492.207-1.227.206-1.069 0-1.642-.494c-.573-.494-.61-.81-.684-1.44m24.917-2.25v.861h-.738v1.646l.021.583q.021.083.096.136c.075.053.111.054.183.054q.15 0 .435-.104l.092.839a2.1 2.1 0 0 1-.854.161q-.292 0-.527-.098c-.235-.098-.271-.15-.344-.253a1 1 0 0 1-.152-.422q-.035-.188-.035-.761v-1.781h-.496v-.861h.496v-.812l1.085-.63v1.442zm-15.695 1.984q0-.538.266-1.042a1.8 1.8 0 0 1 .751-.769 2.24 2.24 0 0 1 1.087-.266q.927 0 1.519.602c.592.602.592.909.592 1.521q0 .927-.598 1.537c-.598.61-.9.609-1.505.609a2.4 2.4 0 0 1-1.071-.253q-.51-.255-.775-.745c-.265-.49-.266-.725-.266-1.194m23.191.8 1.077.181q-.207.592-.656.902c-.449.31-.672.309-1.121.309q-1.065 0-1.577-.696-.403-.557-.403-1.407 0-1.015.53-1.591c.53-.576.801-.575 1.342-.575q.912 0 1.439.602c.527.602.519 1.016.504 1.844h-2.708q.012.481.262.748c.25.267.374.268.623.268a.66.66 0 0 0 .427-.139q.172-.138.261-.446m-7.126.135 1.084-.166q.07.316.281.479c.211.163.338.164.592.164q.42 0 .631-.154a.34.34 0 0 0 .142-.289q0-.123-.077-.203c-.077-.08-.174-.099-.361-.143q-1.308-.288-1.658-.527a1.05 1.05 0 0 1-.484-.919 1.13 1.13 0 0 1 .419-.892q.419-.362 1.3-.362.838 0 1.246.274c.408.274.459.451.561.807l-1.019.189a.63.63 0 0 0-.248-.366q-.183-.127-.521-.127-.427 0-.612.12a.26.26 0 0 0-.123.219q0 .115.108.196.146.108 1.01.304c.864.196.977.291 1.205.48s.339.461.339.804q0 .562-.469.966c-.469.404-.776.403-1.389.403q-.835 0-1.321-.338a1.56 1.56 0 0 1-.636-.919m-4.258-.135 1.077.181q-.207.592-.656.902c-.449.31-.672.309-1.121.309q-1.065 0-1.577-.696-.403-.557-.403-1.407 0-1.015.53-1.591a1.75 1.75 0 0 1 1.343-.575q.911 0 1.438.602c.527.602.519 1.016.504 1.844h-2.708q.012.481.262.748c.25.267.374.268.623.268a.66.66 0 0 0 .427-.139q.172-.138.261-.446m-15.93 1.3v-.842l1.531-1.758.558-.611-.496.015-1.443.008v-.896h3.377v.765l-1.561 1.8-.55.596.557-.027h1.673v.95zm10.307 0-1.646-4.084h1.135l.769 2.084.223.696.227-.696.777-2.084h1.111l-1.623 4.084zm-5.076-2.042q0 .607.288.931a.92.92 0 0 0 .712.323.91.91 0 0 0 .709-.323q.287-.324.287-.939 0-.6-.287-.923a.91.91 0 0 0-.709-.323.92.92 0 0 0-.712.323q-.288.324-.288.931m24.964-.085q0 .65.252.952a.78.78 0 0 0 .621.302q.396 0 .669-.31c.273-.31.273-.512.273-.917q0-.634-.262-.942a.83.83 0 0 0-.661-.308q-.388 0-.64.302c-.252.302-.252.509-.252.921m-14.203-.265q-.012-.47-.243-.713a.74.74 0 0 0-.561-.245.75.75 0 0 0-.585.258q-.23.258-.227.7zm11.384 0q-.012-.47-.243-.713a.74.74 0 0 0-.561-.245.75.75 0 0 0-.585.258q-.23.258-.227.7zm-1.381-2.192.531-1.15h1.211l-1.057 1.15zm-21.099-.223v-.927h.927v.927zm1.654 0v-.927h.931v.927zM1.55 13.83l3.94-.01A9.54 9.54 0 0 1 8.82 7.6c1.3-1.1 2.87-1.83 4.53-2.11a1.96 1.96 0 0 0 1.6-2.26 1.96 1.96 0 0 0-2.26-1.6c-2.35.4-4.56 1.43-6.39 2.98a13.4 13.4 0 0 0-4.75 9.22m81.619-5.799h1.15l.977 2.9.953-2.9h1.12l-1.443 3.931-.257.711q-.143.358-.271.546c-.128.188-.185.228-.297.306s-.248.139-.411.183-.347.065-.552.065-.411-.022-.611-.065l-.097-.846q.255.05.458.05.376 0 .558-.221c.182-.221.212-.336.277-.564zm53.962 0v3.958q0 .78-.102 1.102a.9.9 0 0 1-.392.501q-.291.181-.741.181-.16 0-.348-.029a4 4 0 0 1-.402-.086l.189-.923.269.034a.47.47 0 0 0 .271-.071q.107-.07.141-.171c.034-.101.034-.267.034-.6V8.031zm-58.362 4.354 1.235.15q.03.215.142.296.154.115.485.115.423 0 .634-.127a.5.5 0 0 0 .215-.273q.05-.134.05-.496v-.596q-.484.662-1.223.662a1.5 1.5 0 0 1-1.303-.697q-.377-.55-.377-1.369 0-1.026.494-1.569c.494-.543.739-.542 1.229-.542q.758 0 1.25.665v-.573h1.011v3.665q0 .723-.119 1.081a1.34 1.34 0 0 1-.335.562q-.215.203-.575.319c-.36.116-.543.115-.909.115q-1.038 0-1.473-.356c-.435-.356-.435-.537-.435-.901zm66.688-2.369q0-.539.266-1.043c.266-.504.427-.592.752-.769s.686-.265 1.086-.265q.927 0 1.519.602c.592.602.593.908.593 1.521q0 .927-.599 1.536c-.599.609-.9.61-1.505.61a2.4 2.4 0 0 1-1.071-.254 1.74 1.74 0 0 1-.775-.744q-.266-.49-.266-1.194m-14.022.8 1.077.18q-.207.593-.656.902c-.449.309-.672.31-1.121.31q-1.065 0-1.577-.696-.403-.558-.403-1.408 0-1.015.53-1.59a1.75 1.75 0 0 1 1.343-.575q.911 0 1.438.602c.527.602.519 1.016.504 1.844h-2.708q.012.48.262.748c.25.268.374.267.623.267q.253 0 .427-.138c.174-.138.202-.241.261-.446m7.634-1.539-.98-.177q.165-.591.569-.877c.404-.286.669-.284 1.2-.284q.723 0 1.077.171c.354.171.401.259.498.435s.144.498.144.967l-.012 1.261q0 .539.052.795c.052.256.1.353.194.548h-1.069l-.142-.447q-.277.27-.592.404a1.36 1.36 0 0 1-.673.135q-.631 0-.995-.342a1.14 1.14 0 0 1-.363-.866q0-.346.165-.617a1.1 1.1 0 0 1 .464-.415q.298-.145.859-.252.759-.143 1.05-.266v-.107q0-.312-.153-.445c-.153-.133-.297-.132-.581-.132q-.288 0-.45.113c-.162.113-.195.209-.262.398m-34.782 1.539 1.077.18q-.208.593-.656.902c-.448.309-.672.31-1.121.31q-1.065 0-1.577-.696-.404-.558-.404-1.408 0-1.015.531-1.59c.531-.575.801-.575 1.342-.575q.912 0 1.439.602c.527.602.519 1.016.503 1.844h-2.707q.012.48.261.748a.82.82 0 0 0 .623.267.66.66 0 0 0 .427-.138q.174-.139.262-.446m31.036-2.785v.862h-.738v1.646l.021.582s.046.101.096.137.111.054.183.054q.15 0 .435-.104l.092.838a2.1 2.1 0 0 1-.854.162q-.292 0-.527-.098c-.235-.098-.271-.15-.344-.254a1 1 0 0 1-.152-.421q-.035-.189-.035-.762v-1.78h-.496v-.862h.496V7.22l1.085-.631v1.442zm-16.587 2.785 1.077.18q-.208.593-.656.902c-.448.309-.672.31-1.121.31q-1.065 0-1.577-.696-.404-.558-.404-1.408 0-1.015.531-1.59c.531-.575.801-.575 1.342-.575q.912 0 1.439.602c.527.602.519 1.016.503 1.844h-2.707q.012.48.261.748a.82.82 0 0 0 .623.267.66.66 0 0 0 .427-.138q.174-.139.262-.446m1.634.134 1.085-.165q.07.315.281.479c.211.164.338.163.592.163q.419 0 .631-.154a.34.34 0 0 0 .142-.288q0-.123-.077-.204c-.077-.081-.174-.099-.361-.142q-1.308-.289-1.658-.527a1.05 1.05 0 0 1-.485-.919q0-.531.42-.893c.42-.362.712-.361 1.3-.361q.838 0 1.246.273c.408.273.459.451.561.808l-1.019.188q-.066-.239-.248-.365c-.182-.126-.296-.127-.521-.127q-.428 0-.612.119a.26.26 0 0 0-.123.219q0 .116.108.196.146.108 1.009.304c.863.196.978.291 1.206.481s.339.46.339.804q0 .561-.47.965c-.47.404-.775.404-1.388.404q-.835 0-1.321-.339a1.56 1.56 0 0 1-.637-.919M75.296 9.277l-.98-.177q.165-.591.569-.877c.404-.286.669-.284 1.2-.284q.723 0 1.077.171c.354.171.401.259.498.435s.144.498.144.967l-.012 1.261q0 .539.052.795c.052.256.1.353.194.548h-1.069l-.142-.447q-.277.27-.592.404a1.36 1.36 0 0 1-.673.135q-.631 0-.995-.342a1.14 1.14 0 0 1-.363-.866q0-.346.165-.617a1.1 1.1 0 0 1 .464-.415q.298-.145.859-.252.758-.143 1.05-.266v-.107q0-.312-.154-.445c-.154-.133-.296-.132-.58-.132q-.29 0-.45.113c-.16.113-.195.209-.262.398m13.572 0-.98-.177q.165-.591.569-.877c.404-.286.669-.284 1.2-.284q.723 0 1.077.171c.354.171.402.259.498.435s.144.498.144.967l-.011 1.261q0 .539.051.795c.051.256.1.353.195.548h-1.07l-.142-.447a1.9 1.9 0 0 1-.592.404q-.315.135-.673.135-.631 0-.994-.342c-.363-.342-.364-.517-.364-.866q0-.346.166-.617c.166-.271.264-.319.463-.415s.485-.181.86-.252q.758-.143 1.05-.266v-.107q0-.312-.154-.445c-.154-.133-.296-.132-.581-.132q-.288 0-.45.113c-.162.113-.195.209-.262.398m54.809 2.839h-1.081V8.031h1.004v.581q.258-.411.463-.542c.205-.131.293-.131.468-.131a1.37 1.37 0 0 1 .711.204l-.335.942q-.273-.177-.507-.177a.6.6 0 0 0-.385.125q-.158.125-.248.452c-.09.327-.09.674-.09 1.369zm-34.391-4.085h.997v.558q.534-.65 1.273-.65.392 0 .68.161a1.24 1.24 0 0 1 .473.489q.27-.327.581-.489c.311-.162.43-.161.665-.161q.45 0 .762.183a1.1 1.1 0 0 1 .465.536q.112.261.112.846v2.612h-1.081V9.781q0-.608-.111-.784-.15-.231-.462-.231a.74.74 0 0 0-.427.138q-.2.14-.288.406c-.088.266-.089.46-.089.844v1.962h-1.08V9.877q0-.596-.058-.769c-.058-.173-.098-.201-.179-.258s-.19-.084-.329-.084a.8.8 0 0 0-.45.134.74.74 0 0 0-.286.389q-.087.254-.087.842v1.985h-1.081zM67.92 12.116V6.477h1.704l1.023 3.846 1.011-3.846h1.708v5.639h-1.058V7.677l-1.119 4.439h-1.096l-1.116-4.439v4.439zm56.777 0v-.843l1.531-1.757a15 15 0 0 1 .557-.612 11 11 0 0 1-.496.016l-1.442.007v-.896h3.377v.766l-1.562 1.799-.55.597.558-.027h1.673v.95zm-31.221 0h-1.081V8.031h1.004v.581q.258-.411.463-.542a.85.85 0 0 1 .468-.131 1.37 1.37 0 0 1 .711.204l-.334.942q-.274-.177-.508-.177-.227 0-.385.125c-.158.125-.187.234-.248.452s-.09.674-.09 1.369zm13.861 0h-1.081V8.031h1.004v.581q.257-.411.463-.542c.206-.131.293-.131.467-.131a1.37 1.37 0 0 1 .712.204l-.335.942q-.273-.177-.507-.177a.6.6 0 0 0-.385.125q-.158.125-.248.452c-.09.327-.09.674-.09 1.369zm-8.365 0V7.431h-1.673v-.954h4.48v.954h-1.669v4.685zm41.543-1.962q-.207.069-.657.166c-.45.097-.496.126-.589.188a.45.45 0 0 0-.211.381.53.53 0 0 0 .169.392.6.6 0 0 0 .431.165q.292 0 .557-.192a.68.68 0 0 0 .258-.358q.042-.139.042-.526zm-63.773 0q-.207.069-.657.166c-.45.097-.496.126-.589.188a.45.45 0 0 0-.211.381.53.53 0 0 0 .169.392.6.6 0 0 0 .431.165q.292 0 .557-.192a.68.68 0 0 0 .258-.358q.042-.139.042-.526zm13.573 0q-.208.069-.658.166c-.45.097-.496.126-.589.188a.45.45 0 0 0-.211.381.53.53 0 0 0 .169.392q.17.165.431.165a.94.94 0 0 0 .558-.192.68.68 0 0 0 .257-.358q.042-.139.043-.526zm56.25-.081q0 .608.288.931a.92.92 0 0 0 .712.323q.423 0 .71-.323c.287-.323.286-.528.286-.938q0-.6-.286-.923a.91.91 0 0 0-.71-.323q-.423 0-.712.323c-.289.323-.288.525-.288.93m-66.831-.084q0 .65.252.952a.78.78 0 0 0 .621.302.86.86 0 0 0 .67-.31q.273-.31.273-.917 0-.634-.262-.943a.83.83 0 0 0-.661-.307q-.389 0-.641.302c-.252.302-.252.508-.252.921m51.763-.266q-.012-.468-.243-.713a.74.74 0 0 0-.561-.244q-.354 0-.585.257c-.231.257-.229.406-.227.7zm-12.7 0q-.01-.468-.242-.713a.74.74 0 0 0-.561-.244q-.354 0-.585.257c-.231.257-.229.406-.227.7zm-14.449 0q-.01-.468-.242-.713a.74.74 0 0 0-.561-.244q-.354 0-.585.257c-.231.257-.23.406-.227.7zm34.998-2.192.531-1.15h1.211l-1.057 1.15zm7.673 0 .531-1.15h1.211l-1.058 1.15zm-29.602 0 .531-1.15h1.211l-1.058 1.15zm18.633-.054v-1h1.081v1z'/%3E%3C/g%3E%3C/svg%3E");
  height: 40px;
  width: 150px;
}
@media screen and (min-width: 500px) {
  .kektura .sponsored-line--txt:before {
    width: 200px;
  }
}
.kektura .sponsored-line--txt p {
  display: none;
  max-width: 150px;
}
@media screen and (min-width: 375px) {
  .kektura .sponsored-line--txt p {
    display: flex;
    max-width: 170px;
  }
}
@media screen and (min-width: 500px) {
  .kektura .sponsored-line--txt p {
    max-width: 180px;
  }
}
@media screen and (min-width: 768px) {
  .kektura .sponsored-line--txt p {
    max-width: none;
    white-space: nowrap;
  }
}
.kh-line {
  background-color: #00aeef;
}
.kh-line:after,
.kh-line:before {
  background: transparent;
}
.kh-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.kh-line .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .kh-line .sponsored-line--txt p {
    max-width: none;
  }
}
.kh-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.kh-line .sponsored-line--txt:before {
  background-image: url(../images/kh.svg);
  height: 30px;
  transform: translateY(-3px);
  width: 100px;
}
.koffein-line-a {
  background-color: #453f2d;
  outline: 1px solid hsla(0, 0%, 100%, 0.3);
}
.koffein-line-a:hover {
  outline: 1px solid hsla(0, 0%, 100%, 0.4);
}
.koffein-line-a:before {
  background: #cd171966;
  background: linear-gradient(90deg, #756f5c, #453f2d);
}
.koffein-line-a:after {
  background-color: #756f5c;
  opacity: 1;
}
.koffein-line-a .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.koffein-line-a .sponsored-line--txt p {
  color: #fff;
  max-width: 140px;
}
@media screen and (min-width: 375px) {
  .koffein-line-a .sponsored-line--txt p {
    max-width: 180px;
  }
}
@media screen and (min-width: 500px) {
  .koffein-line-a .sponsored-line--txt p {
    max-width: none;
  }
}
.koffein-line-a .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.koffein-line-a .sponsored-line--txt:before {
  background-image: url(../images/koffein-service.svg);
  height: 36px;
  width: 110px;
}
@media screen and (min-width: 500px) {
  .koffein-line-a .sponsored-line--txt:before {
    height: 22px;
    width: 140px;
  }
}
.koffein-line-b {
  background-color: #e5dbc9;
  outline: 1px solid hsla(0, 0%, 100%, 0.3);
}
.koffein-line-b:hover {
  outline: 1px solid hsla(0, 0%, 100%, 0.4);
}
.koffein-line-b:before {
  background: #cd171966;
  background: linear-gradient(90deg, #0e1410, #e5dbc9);
}
.koffein-line-b:after {
  background-color: #0e1410;
  opacity: 1;
}
.koffein-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.koffein-line-b .sponsored-line--txt p {
  color: #000;
  max-width: 140px;
}
@media screen and (min-width: 375px) {
  .koffein-line-b .sponsored-line--txt p {
    max-width: 180px;
  }
}
@media screen and (min-width: 500px) {
  .koffein-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.koffein-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.koffein-line-b .sponsored-line--txt:before {
  background-image: url(../images/koffein-service.svg);
  height: 36px;
  width: 110px;
}
@media screen and (min-width: 500px) {
  .koffein-line-b .sponsored-line--txt:before {
    height: 22px;
    width: 140px;
  }
}
.kunst-line-a {
  background-color: #fff;
}
.kunst-line-a:before {
  background: transparent;
}
.kunst-line-a:after {
  background-color: transparent;
}
.kunst-line-a .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.kunst-line-a .sponsored-line--txt p {
  color: #000;
  max-width: 200px;
}
@media screen and (min-width: 500px) {
  .kunst-line-a .sponsored-line--txt p {
    max-width: none;
  }
}
.kunst-line-a .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.kunst-line-a .sponsored-line--txt:before {
  background-image: url(../images/kunstbistro.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .kunst-line-a .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .kunst-line-a .sponsored-line--txt:before {
    width: 140px;
  }
}
.kunst-line-b {
  background-color: #ffb1d1;
}
.kunst-line-b:before {
  background: transparent;
}
.kunst-line-b:after {
  background-color: transparent;
}
.kunst-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.kunst-line-b .sponsored-line--txt p {
  color: #000;
  max-width: 200px;
}
@media screen and (min-width: 500px) {
  .kunst-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.kunst-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.kunst-line-b .sponsored-line--txt:before {
  background-image: url(../images/kunst.svg);
  height: 36px;
  transform: translateY(-4px);
  width: 80px;
}
@media screen and (min-width: 375px) {
  .kunst-line-b .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .kunst-line-b .sponsored-line--txt:before {
    transform: translateY(-5px);
    width: 140px;
  }
}
.mastercard {
  background-color: #111;
}
.mastercard:before {
  background: #111;
  background: linear-gradient(90deg, #12121200, #111);
}
.mastercard:after {
  background: transparent url(./mastercard.C7g5uRMt.jpg);
}
.mastercard .sponsored-line--txt:before {
  height: 28px;
}
.mcdonalds-line {
  background-color: #ffbc0d;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.mcdonalds-line:before {
  background: transparent;
}
.mcdonalds-line:after {
  background-color: transparent;
}
.mcdonalds-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.mcdonalds-line .sponsored-line--txt p {
  color: var(--black);
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .mcdonalds-line .sponsored-line--txt p {
    max-width: none;
  }
}
.mcdonalds-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.mcdonalds-line .sponsored-line--txt:before {
  background-image: url(../images/mcdonalds.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .mcdonalds-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .mcdonalds-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.mediamarkt-line {
  background-color: #df0000;
}
.mediamarkt-line:before {
  background: transparent;
}
.mediamarkt-line:after {
  background-color: transparent;
}
.mediamarkt-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.mediamarkt-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .mediamarkt-line .sponsored-line--txt p {
    max-width: 190px;
  }
}
@media screen and (min-width: 500px) {
  .mediamarkt-line .sponsored-line--txt p {
    max-width: 280px;
  }
}
@media screen and (min-width: 768px) {
  .mediamarkt-line .sponsored-line--txt p {
    max-width: 350px;
  }
}
@media screen and (min-width: 1200px) {
  .mediamarkt-line .sponsored-line--txt p {
    max-width: none;
  }
}
.mediamarkt-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.mediamarkt-line .sponsored-line--txt:before {
  background-image: url(../images/mediamarkt.svg);
  height: 36px;
  width: 100px;
}
@media screen and (min-width: 500px) {
  .mediamarkt-line .sponsored-line--txt:before {
    width: 120px;
  }
}
@media screen and (min-width: 768px) {
  .mediamarkt-line .sponsored-line--txt:before {
    width: 170px;
  }
}
.milvus-line {
  background-color: #15ab9b;
}
.milvus-line:before {
  background: transparent;
}
.milvus-line:after {
  background-color: transparent;
}
.milvus-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.milvus-line .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 375px) {
  .milvus-line .sponsored-line--txt p {
    max-width: 170px;
  }
}
@media screen and (min-width: 500px) {
  .milvus-line .sponsored-line--txt p {
    max-width: none;
  }
}
.milvus-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.milvus-line .sponsored-line--txt:before {
  background-image: url(../images/milvus.svg);
  height: 36px;
  width: 120px;
}
@media screen and (min-width: 375px) {
  .milvus-line .sponsored-line--txt:before {
    width: 140px;
  }
}
@media screen and (min-width: 500px) {
  .milvus-line .sponsored-line--txt:before {
    width: 160px;
  }
}
@media screen and (min-width: 768px) {
  .milvus-line .sponsored-line--txt:before {
    width: 180px;
  }
}
.ms-line,
.ms-line:before {
  background: #002b51;
}
.ms-line:before {
  background: linear-gradient(90deg, #002b51, #002b51);
}
.ms-line:after {
  background: #002b51;
}
.ms-line .sponsored-line--txt:before {
  background-image: url(../images/morganstanley.svg);
  height: 30px;
  transform: translateY(2px);
  width: 100px;
}
@media screen and (min-width: 500px) {
  .ms-line .sponsored-line--txt:before {
    width: 130px;
  }
}
.ms-line .sponsored-line--txt p {
  display: none;
}
@media screen and (min-width: 375px) {
  .ms-line .sponsored-line--txt p {
    display: initial;
    font-size: 0.7rem;
    max-width: 240px;
  }
}
@media screen and (min-width: 768px) {
  .ms-line .sponsored-line--txt p {
    font-size: 0.9rem;
    max-width: none;
  }
}
.nikon-line {
  background-color: #000;
}
.nikon-line:before {
  background: #000;
  background: linear-gradient(90deg, transparent, #000);
}
.nikon-line:after {
  background: #fd0;
  opacity: 1;
}
.nikon-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.nikon-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .nikon-line .sponsored-line--txt p {
    max-width: none;
  }
}
.nikon-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.nikon-line .sponsored-line--txt:before {
  background-image: url(../images/nikon.svg);
  height: 30px;
  width: 70px;
}
@media screen and (min-width: 500px) {
  .nikon-line .sponsored-line--txt:before {
    width: 90px;
  }
}
.otp-junior-a {
  background-color: #00c063;
}
.otp-junior-a:before {
  background: transparent;
}
.otp-junior-a:after {
  background-color: transparent;
}
.otp-junior-a .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.otp-junior-a .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .otp-junior-a .sponsored-line--txt p {
    max-width: none;
  }
}
.otp-junior-a .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.otp-junior-a .sponsored-line--txt:before {
  background-image: url(../images/otp-junior.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .otp-junior-a .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .otp-junior-a .sponsored-line--txt:before {
    width: 120px;
  }
}
.otp-junior-b {
  background: #00c061;
  background: linear-gradient(0deg, #00c061, #2c3696);
}
.otp-junior-b:before {
  background: transparent;
}
.otp-junior-b:after {
  background-color: transparent;
}
.otp-junior-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.otp-junior-b .sponsored-line--txt p {
  max-width: 200px;
}
@media screen and (min-width: 500px) {
  .otp-junior-b .sponsored-line--txt p {
    max-width: none;
  }
}
.otp-junior-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.otp-junior-b .sponsored-line--txt:before {
  background-image: url(../images/otp-piacralepok.webp);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .otp-junior-b .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .otp-junior-b .sponsored-line--txt:before {
    width: 120px;
  }
}
.otp-line {
  background-color: #003938;
}
.otp-line:before {
  background: transparent;
}
.otp-line:after {
  background-color: transparent;
}
.otp-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.otp-line .sponsored-line--txt p {
  max-width: 175px;
}
@media screen and (min-width: 500px) {
  .otp-line .sponsored-line--txt p {
    max-width: none;
  }
}
.otp-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.otp-line .sponsored-line--txt:before {
  background-image: url(../images/otp-banking.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .otp-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .otp-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.otp-line-b {
  background-color: #52ae30;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.otp-line-b:before {
  background: transparent;
}
.otp-line-b:after {
  background-color: transparent;
}
.otp-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.otp-line-b .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .otp-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.otp-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.otp-line-b .sponsored-line--txt:before {
  background-image: url(../images/otp-logo.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .otp-line-b .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .otp-line-b .sponsored-line--txt:before {
    width: 120px;
  }
}
.otp-premium {
  background-color: #52ae30;
  outline: 1px solid var(--color-gray-mid-light);
}
.otp-premium:before {
  background: transparent;
}
.otp-premium:after {
  background-color: transparent;
}
.otp-premium .sponsored-line--txt {
  padding: 5px 10px 5px 60px;
}
@media screen and (min-width: 500px) {
  .otp-premium .sponsored-line--txt {
    padding: 5px 15px 5px 60px;
  }
}
.otp-premium .sponsored-line--txt span {
  font-weight: 400;
}
.otp-premium .sponsored-line--txt:before {
  background-image: url(../images/otppremium.svg);
  height: 34px;
  width: 100px;
}
@media screen and (min-width: 500px) {
  .otp-premium .sponsored-line--txt:before {
    width: 130px;
  }
}
.otp-premium .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .otp-premium .sponsored-line--txt p {
    max-width: 170px;
  }
}
@media screen and (min-width: 500px) {
  .otp-premium .sponsored-line--txt p {
    max-width: none;
  }
}
.otp-szamla {
  background-color: #52ae30;
  outline: 1px solid var(--color-gray-mid-light);
}
.otp-szamla:before {
  background: #52ae30;
  background: linear-gradient(90deg, #52ae3000, #52ae30);
}
.otp-szamla:after {
  background: #afcb35;
}
.otp-szamla .sponsored-line--txt {
  padding: 5px 10px 5px 60px;
}
@media screen and (min-width: 500px) {
  .otp-szamla .sponsored-line--txt {
    padding: 5px 15px 5px 60px;
  }
}
.otp-szamla .sponsored-line--txt span {
  font-weight: 400;
}
.otp-szamla .sponsored-line--txt:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' viewBox='0 0 280 59'%3E%3Cpath fill='%23fff' fill-rule='nonzero' d='m156.704 44.694 5.29-23.009c2.136-9.67 3.619-15.702 4.133-20.201l.455-.396L172.683 0l.287.396-1.582 6.269-2.591 10.877c2.363-1.295 4.628-2.541 8.237-2.541 5.577 0 10.264 3.787 10.264 10.877a20.05 20.05 0 0 1-4.687 12.637c-5.073 5.814-11.332 6.21-18.609 6.487h-3.105l-3.955.059zm6.922-4.123c3.194.148 7.91.059 11.569-2.423a14.84 14.84 0 0 0 6.15-11.51c0-5.132-3.105-7.109-6.714-7.109-2.425.1-4.765.927-6.714 2.373s-4.015 17.284-4.37 18.639zm53.998-13.537c-1.978 8.692-2.373 10.877-3.5 17.541l-.396.396-5.3.119-.287-.396.396-2.254a12.05 12.05 0 0 1-8.326 2.877c-5.755 0-10.432-4.064-10.432-11.114a20.53 20.53 0 0 1 4.499-12.133c5.251-6.15 12.528-6.487 17.709-6.487l7.792.059.277.445zm-4.262-7.159c-.84 0-1.691-.059-2.531-.059a15.5 15.5 0 0 0-8.899 2.363c-5.933 4.064-6.032 11.342-6.032 11.628 0 2.709 1.463 7.05 6.595 7.05a9.97 9.97 0 0 0 6.773-2.769zm32.116 24.72-.455.336-5.755.168-.227-.386c.831-3.807 4.301-16.523 4.351-20.478 0-3.392-2.086-4.519-4.746-4.519-3.49 0-5.804 1.75-7.495 2.966l-4.568 21.882-.396.336-5.755.168-.287-.386 3.263-14.09c1.206-5.616 2.205-10.254 2.66-14.12l.396-.396a57 57 0 0 0 5.933-.989l.277.396-.781 2.877c2.195-1.463 5.013-3.441 9.7-3.441 1.859 0 7.91.514 7.91 7.337.089 4.123-3.471 18.392-4.024 22.377v-.04zm21.546-16.81 8.751 16.711-.346.445-6.259.168-.445-.336c-1.463-3.955-7.841-16.414-7.841-16.414-1.641 7.159-1.978 8.899-3.392 16.295l-.396.346-5.695.109-.227-.336 5.616-24.087c1.216-5.409 3.115-13.982 3.866-19.183l.396-.336 6.14-.989.346.396c-1.137 3.955-6.487 27.024-6.487 27.024 4.044-3.54 10.768-10.6 11.668-11.559l.623-.346h6.487l.168.514c-1.592 1.266-4.568 3.955-5.636 4.944l-7.337 6.635zM100.412 30.02C97.98 43.863 89.377 45.623 82.09 45.623s-13.843-4.944-11.945-15.672c1.463-8.336 6.467-16.108 18.52-15.494 8.434.376 13.388 6.19 11.747 15.593zm-13.181-9.581c-2.65 0-5.656 1.345-7.386 9.562-1.978 9.146 1.918 9.73 3.777 9.73 1.691 0 5.3-.92 7.09-9.68 1.256-6.121.257-9.611-3.481-9.611zm31.533 24.058-.455.455a34 34 0 0 1-5.073.613c-4.262 0-10.511-.643-7.91-11.381l3.065-12.706-3.955.119-.346-.455 1.641-5.695.396-.287h3.718l1.641-7.278.396-.386c4.232-.989 5.359-1.246 9.245-2.373l.346.336-2.482 9.819 5.745-.119.227.396a98 98 0 0 0-1.75 5.646l-.445.396-5.191-.119-2.531 10.481c-1.592 6.585-.751 6.249.84 6.922 1.365.534 3.154-.158 4.173-.494l.336.287zm20.409-27.251a12.75 12.75 0 0 1 7.564-2.699c5.636 0 9.423 4.232 9.423 11.391a20.13 20.13 0 0 1-4.351 12.409c-5.587 6.823-12.637 6.773-18.609 6.773l-3.194 13.448-.396.287c-1.295 0-2.541-.059-3.837-.059-1.918 0-3.609.109-5.695.168l-.287-.396s1.978-5.933 4.459-16.256c2.601-10.788 5.023-23.425 5.241-25.996l.396-.396 9.651-1.572.336.386-.702 2.512zm-4.568 21.605a10.36 10.36 0 0 0 7.564-2.264 13.97 13.97 0 0 0 4.282-10.155c0-4.736-3.046-5.3-4.173-5.3a7.27 7.27 0 0 0-4.064 1.632zM27.349 55.719c15.282-.005 27.854-12.582 27.854-27.864v-.049H45.138v.069c0 9.764-8.034 17.798-17.798 17.798S9.541 37.639 9.541 27.874s8.035-17.798 17.798-17.798V0C12.254.284 0 12.771 0 27.859s12.254 27.576 27.34 27.86h.01zm.069-15.494c6.78 0 12.36-5.58 12.36-12.36s-5.58-12.36-12.36-12.36-12.36 5.58-12.36 12.36 5.58 12.36 12.36 12.36m15.653-20.933c3.889 0 7.09-3.201 7.09-7.09s-3.201-7.09-7.09-7.09-7.09 3.201-7.09 7.09c.005 3.896 3.204 7.09 7.09 7.09'/%3E%3C/svg%3E");
  height: 34px;
  width: 100px;
}
@media screen and (min-width: 500px) {
  .otp-szamla .sponsored-line--txt:before {
    width: 130px;
  }
}
.otp-szamla .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .otp-szamla .sponsored-line--txt p {
    max-width: 170px;
  }
}
@media screen and (min-width: 500px) {
  .otp-szamla .sponsored-line--txt p {
    max-width: none;
  }
}
.otp-zenga {
  background-color: #380724;
}
.otp-zenga:before {
  background: transparent;
}
.otp-zenga:after {
  background-color: transparent;
}
.otp-zenga .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.otp-zenga .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .otp-zenga .sponsored-line--txt p {
    max-width: none;
  }
}
.otp-zenga .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.otp-zenga .sponsored-line--txt:before {
  background-image: url(../images/zenga.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .otp-zenga .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .otp-zenga .sponsored-line--txt:before {
    width: 120px;
  }
}
.pilsner-line {
  background-color: #004128;
}
.pilsner-line:after,
.pilsner-line:before {
  background: transparent;
}
.pilsner-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.pilsner-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .pilsner-line .sponsored-line--txt p {
    max-width: none;
  }
}
.pilsner-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.pilsner-line .sponsored-line--txt:before {
  background-image: "/images/pilsner.svg";
  height: 44px;
  width: 76px;
}
.rejoy-line {
  background-color: #02c464;
  outline: 1px solid hsla(0, 0%, 100%, 0.3);
}
.rejoy-line:before {
  background: transparent;
}
.rejoy-line:after {
  background-color: transparent;
}
.rejoy-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.rejoy-line .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .rejoy-line .sponsored-line--txt p {
    max-width: none;
  }
}
.rejoy-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.rejoy-line .sponsored-line--txt:before {
  background-image: url(../images/rejoy.svg);
  height: 36px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .rejoy-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.obol-line {
  background-color: #000;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.obol-line:before {
  background: transparent;
}
.obol-line:after {
  background-color: transparent;
}
.obol-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.obol-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .obol-line .sponsored-line--txt p {
    max-width: none;
  }
}
.obol-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.obol-line .sponsored-line--txt:before {
  background-image: url(../images/obol.svg);
  height: 36px;
  width: 120px;
}
@media screen and (min-width: 500px) {
  .obol-line .sponsored-line--txt:before {
    width: 150px;
  }
}
@media screen and (min-width: 768px) {
  .obol-line .sponsored-line--txt:before {
    width: 180px;
  }
}
.peroni-line {
  background-color: #c8073c;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.peroni-line:before {
  background: transparent;
}
.peroni-line:after {
  background-color: transparent;
}
.peroni-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.peroni-line .sponsored-line--txt p {
  max-width: 100px;
}
@media screen and (min-width: 375px) {
  .peroni-line .sponsored-line--txt p {
    max-width: 120px;
  }
}
@media screen and (min-width: 500px) {
  .peroni-line .sponsored-line--txt p {
    max-width: none;
  }
}
.peroni-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.peroni-line .sponsored-line--txt:before {
  background-image: url(../images/peroni-logo.svg);
  height: 36px;
  width: 150px;
}
.pick-line {
  background-color: #c8102e;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.pick-line:before {
  background: transparent;
}
.pick-line:after {
  background-color: transparent;
}
.pick-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.pick-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .pick-line .sponsored-line--txt p {
    max-width: none;
  }
}
.pick-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.pick-line .sponsored-line--txt:before {
  background-image: url(../images/pick-logo.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .pick-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .pick-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.pottyos-line-a {
  background-color: #ed1d31;
  outline: 1px solid hsla(0, 0%, 100%, 0.3);
}
.pottyos-line-a:before {
  background: #ed1d31;
  background: linear-gradient(90deg, #ed1d3100, #ed1d31);
}
.pottyos-line-a:after {
  background: transparent url(../images/pottyos-bg.jpg);
  opacity: 1;
}
.pottyos-line-a .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.pottyos-line-a .sponsored-line--txt p {
  display: none;
}
@media screen and (min-width: 375px) {
  .pottyos-line-a .sponsored-line--txt p {
    display: initial;
    max-width: 120px;
  }
}
@media screen and (min-width: 500px) {
  .pottyos-line-a .sponsored-line--txt p {
    max-width: none;
  }
}
.pottyos-line-a .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.pottyos-line-a .sponsored-line--txt:before {
  background-image: url(../images/pottyos.svg);
  height: 36px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .pottyos-line-a .sponsored-line--txt:before {
    width: 140px;
  }
}
.pottyos-line-b {
  background-color: #020000;
  outline: 1px solid hsla(0, 0%, 100%, 0.1);
}
.pottyos-line-b:before {
  background: #020000;
  background: linear-gradient(90deg, #02000000, #020000);
}
.pottyos-line-b:after {
  background: transparent url(../images/pottyos-bg.jpg);
  opacity: 1;
}
.pottyos-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.pottyos-line-b .sponsored-line--txt p {
  display: none;
}
@media screen and (min-width: 375px) {
  .pottyos-line-b .sponsored-line--txt p {
    display: initial;
    max-width: 120px;
  }
}
@media screen and (min-width: 500px) {
  .pottyos-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.pottyos-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.pottyos-line-b .sponsored-line--txt:before {
  background-image: url(../images/pottyos.svg);
  height: 36px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .pottyos-line-b .sponsored-line--txt:before {
    width: 140px;
  }
}
.renault-line {
  background-color: #efdf00;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.renault-line:before {
  background: transparent;
}
.renault-line:after {
  background-color: transparent;
}
.renault-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.renault-line .sponsored-line--txt p {
  color: var(--black);
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .renault-line .sponsored-line--txt p {
    max-width: none;
  }
}
.renault-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.renault-line .sponsored-line--txt:before {
  background-image: url(../images/renault-logo.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .renault-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .renault-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.rossmann-line {
  background: #d7213d;
}
.rossmann-line:before {
  background: #d7213d;
  background: linear-gradient(90deg, #d7213d00, #d7213d);
}
.rossmann-line:after {
  background: #d7213d;
}
.rossmann-line .sponsored-line--txt:before {
  background-image: url(../images/rossmann.svg);
  height: 30px;
  width: 100px;
}
@media screen and (min-width: 500px) {
  .rossmann-line .sponsored-line--txt:before {
    width: 130px;
  }
}
.rossmann-line .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .rossmann-line .sponsored-line--txt p {
    max-width: none;
  }
}
.rtl-line {
  background-color: #223745;
  outline: 1px solid hsla(0, 0%, 100%, 0.3);
}
.rtl-line:before {
  background: transparent;
  background: linear-gradient(90deg, #1c1c1c, #223745);
}
.rtl-line:after {
  background-color: #1c1c1c;
}
.rtl-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.rtl-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .rtl-line .sponsored-line--txt p {
    max-width: none;
  }
}
.rtl-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.rtl-line .sponsored-line--txt:before {
  background-image: url(../images/broker-marcsi.png);
  height: 36px;
  width: 100px;
}
@media screen and (min-width: 375px) {
  .rtl-line .sponsored-line--txt:before {
    width: 120px;
  }
}
@media screen and (min-width: 768px) {
  .rtl-line .sponsored-line--txt:before {
    width: 160px;
  }
}
.samsung-line {
  background-color: #000;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.samsung-line:before {
  background: transparent;
}
.samsung-line:after {
  background-color: transparent;
}
.samsung-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.samsung-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .samsung-line .sponsored-line--txt p {
    max-width: none;
  }
}
.samsung-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.samsung-line .sponsored-line--txt:before {
  background-image: url(../images/samsung.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .samsung-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .samsung-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.sennheiser-line {
  background-color: #000;
}
.sennheiser-line:before {
  background: transparent;
}
.sennheiser-line:after {
  background-color: transparent;
}
.sennheiser-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.sennheiser-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .sennheiser-line .sponsored-line--txt p {
    max-width: 180px;
  }
}
@media screen and (min-width: 500px) {
  .sennheiser-line .sponsored-line--txt p {
    max-width: none;
  }
}
.sennheiser-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.sennheiser-line .sponsored-line--txt:before {
  background-image: url(../images/sennheiser.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .sennheiser-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 500px) {
  .sennheiser-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.skoda-line {
  background-color: #0e3a2f;
}
.skoda-line:before {
  background: transparent;
}
.skoda-line:after {
  background-color: transparent;
}
.skoda-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.skoda-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .skoda-line .sponsored-line--txt p {
    max-width: 180px;
  }
}
@media screen and (min-width: 500px) {
  .skoda-line .sponsored-line--txt p {
    max-width: none;
  }
}
.skoda-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.skoda-line .sponsored-line--txt:before {
  background-image: url(../images/skoda.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .skoda-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 500px) {
  .skoda-line .sponsored-line--txt:before {
    width: 110px;
  }
}
.skoda-line-b {
  background-color: #0e3a2f;
}
.skoda-line-b:before {
  background: transparent;
}
.skoda-line-b:after {
  background-color: transparent;
}
.skoda-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.skoda-line-b .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .skoda-line-b .sponsored-line--txt p {
    max-width: 180px;
  }
}
@media screen and (min-width: 500px) {
  .skoda-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.skoda-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.skoda-line-b .sponsored-line--txt:before {
  background-image: url(../images/skoda-logo.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .skoda-line-b .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 500px) {
  .skoda-line-b .sponsored-line--txt:before {
    width: 110px;
  }
}
.sky-line {
  background-color: #000;
  border: 1px solid var(--color-gray-mid-light);
}
.sky-line:before {
  background: transparent;
}
.sky-line:after {
  background-color: transparent;
}
.sky-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.sky-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .sky-line .sponsored-line--txt p {
    max-width: none;
  }
}
.sky-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.sky-line .sponsored-line--txt:before {
  background-image: url(../images/skytime.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .sky-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .sky-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.sky-line-b {
  background: #4831bd;
  background: linear-gradient(75deg, #4831bd, #bf1168);
  opacity: 1;
  outline: 1px solid hsla(0, 0%, 100%, 0.2);
  overflow: hidden;
}
.sky-line-b:hover {
  opacity: 1;
  outline: 1px solid hsla(0, 0%, 100%, 0.4);
}
.sky-line-b:after,
.sky-line-b:before {
  background: transparent;
}
.sky-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.sky-line-b .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .sky-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.sky-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.sky-line-b .sponsored-line--txt:before {
  background-image: url(../images/skytime.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .sky-line-b .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .sky-line-b .sponsored-line--txt:before {
    width: 120px;
  }
}
.sportszelet-line {
  background-color: #2db034;
}
.sportszelet-line:after,
.sportszelet-line:before {
  background: transparent;
}
.sportszelet-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.sportszelet-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .sportszelet-line .sponsored-line--txt p {
    max-width: none;
  }
}
.sportszelet-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.sportszelet-line .sponsored-line--txt:before {
  background-image: url(../images/sportszelet.svg);
  height: 38px;
  transform: translateY(-1px);
  width: 74px;
}
.sporttv-line-a {
  background-color: #000;
  outline: 1px solid var(--color-gray-mid-light);
}
.sporttv-line-a:before {
  background: transparent;
}
.sporttv-line-a:after {
  background-color: transparent;
}
.sporttv-line-a .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.sporttv-line-a .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .sporttv-line-a .sponsored-line--txt p {
    max-width: none;
  }
}
.sporttv-line-a .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.sporttv-line-a .sponsored-line--txt:before {
  background-image: url(../images/sporttv.svg);
  height: 36px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .sporttv-line-a .sponsored-line--txt:before {
    width: 140px;
  }
}
.sporttv-line-b {
  background-color: #020058;
  outline: 1px solid hsla(0, 0%, 100%, 0.3);
}
.sporttv-line-b:before {
  background: transparent;
}
.sporttv-line-b:after {
  background-color: transparent;
}
.sporttv-line-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.sporttv-line-b .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .sporttv-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.sporttv-line-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.sporttv-line-b .sponsored-line--txt:before {
  background-image: url(../images/sport-1-2.svg);
  height: 36px;
  width: 100px;
}
@media screen and (min-width: 768px) {
  .sporttv-line-b .sponsored-line--txt:before {
    width: 140px;
  }
}
.telekom-szelektor-a {
  background-color: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.telekom-szelektor-a:after,
.telekom-szelektor-a:before {
  background: transparent;
}
.telekom-szelektor-a .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.telekom-szelektor-a .sponsored-line--txt p {
  color: #e20074;
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .telekom-szelektor-a .sponsored-line--txt p {
    max-width: 200px;
  }
}
@media screen and (min-width: 500px) {
  .telekom-szelektor-a .sponsored-line--txt p {
    max-width: none;
  }
}
.telekom-szelektor-a .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.telekom-szelektor-a .sponsored-line--txt:before {
  background-image: url(../images/telekombeats.svg);
  height: 30px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .telekom-szelektor-a .sponsored-line--txt:before {
    width: 100px;
  }
}
.telekom-szelektor-b {
  background: #e20074;
}
.telekom-szelektor-b:after,
.telekom-szelektor-b:before {
  background: transparent;
}
.telekom-szelektor-b .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.telekom-szelektor-b .sponsored-line--txt p {
  color: var(--white);
  max-width: 160px;
}
@media screen and (min-width: 375px) {
  .telekom-szelektor-b .sponsored-line--txt p {
    max-width: 200px;
  }
}
@media screen and (min-width: 500px) {
  .telekom-szelektor-b .sponsored-line--txt p {
    max-width: none;
  }
}
.telekom-szelektor-b .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.telekom-szelektor-b .sponsored-line--txt:before {
  background-image: url(../images/telekombeatswhite.svg);
  height: 30px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .telekom-szelektor-b .sponsored-line--txt:before {
    width: 100px;
  }
}
.telexline {
  background-color: #57c7ce;
}
.telexline:before {
  background: #57c7ce;
  background: linear-gradient(90deg, #57c7ce00, #57c7ce);
}
.telexline:after {
  background-color: #1c9;
}
.telexline .sponsored-line--txt span {
  font-weight: 400;
  margin: 0 0 0 7px;
}
.telexline .sponsored-line--txt:before {
  height: 34px;
}
.transylmagica {
  background: #5f0315;
  outline: 1px solid var(--color-gray-mid-light);
}
.transylmagica:before {
  background: #5f0315;
  background: linear-gradient(90deg, #5f031500, #5f0315);
}
.transylmagica:after {
  background: #fff;
  opacity: 1;
}
.transylmagica .sponsored-line--txt:before {
  background-image: url(../images/transylmagica.svg);
  height: 30px;
  width: 120px;
}
@media screen and (min-width: 500px) {
  .transylmagica .sponsored-line--txt:before {
    height: 32px;
    width: 190px;
  }
}
.transylmagica .sponsored-line--txt p {
  max-width: 100px;
}
@media screen and (min-width: 500px) {
  .transylmagica .sponsored-line--txt p {
    max-width: none;
  }
}
.virusmask {
  background-color: #f12a23;
}
.virusmask:before {
  background: #f12a23;
  background: linear-gradient(90deg, #f12a2300, #f12a23);
}
.virusmask:after {
  background-color: #56a8c5;
}
.virusmask .sponsored-line--txt {
  padding: 5px 8px 5px 140px;
}
@media screen and (max-width: 374px) {
  .virusmask .sponsored-line--txt {
    font-size: 0.66rem;
  }
}
@media screen and (min-width: 375px) {
  .virusmask .sponsored-line--txt {
    padding: 5px 8px 5px 150px;
  }
}
@media screen and (min-width: 768px) {
  .virusmask .sponsored-line--txt {
    padding: 5px 20px 5px 150px;
  }
}
.virusmask .sponsored-line--txt:before {
  height: 34px;
  left: 10px;
  width: 120px;
}
@media screen and (min-width: 375px) {
  .virusmask .sponsored-line--txt:before {
    width: 140px;
  }
}
@media screen and (min-width: 500px) {
  .virusmask .sponsored-line--txt:before {
    width: 240px;
  }
}
.volvo-line-a {
  background: #3f0c23;
}
.volvo-line-a:before {
  background: #020024;
  background: linear-gradient(90deg, #02002400, #3f0c23);
}
.volvo-line-a:after {
  background: #020024;
}
.volvo-line-a .sponsored-line--txt:before {
  background-image: url(../images/volvo.svg);
  height: 30px;
  width: 100px;
}
@media screen and (min-width: 500px) {
  .volvo-line-a .sponsored-line--txt:before {
    width: 130px;
  }
}
.volvo-line-a .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .volvo-line-a .sponsored-line--txt p {
    max-width: none;
  }
}
.volvo-line-b,
.volvo-line-b:before {
  background: #b08b78;
}
.volvo-line-b:after {
  background: transparent;
}
.volvo-line-b .sponsored-line--txt:before {
  background-image: url(../images/volvo.svg);
  height: 30px;
  width: 100px;
}
@media screen and (min-width: 500px) {
  .volvo-line-b .sponsored-line--txt:before {
    width: 130px;
  }
}
.volvo-line-b .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .volvo-line-b .sponsored-line--txt p {
    max-width: none;
  }
}
.volvo-line-c {
  background: #131;
}
.volvo-line-c:before {
  background: #020024;
  background: linear-gradient(90deg, #000, #131);
}
.volvo-line-c:after {
  background: #000;
}
.volvo-line-c .sponsored-line--txt:before {
  background-image: url(../images/volvo.svg);
  height: 30px;
  width: 100px;
}
@media screen and (min-width: 500px) {
  .volvo-line-c .sponsored-line--txt:before {
    width: 130px;
  }
}
.volvo-line-c .sponsored-line--txt p {
  max-width: 150px;
}
@media screen and (min-width: 500px) {
  .volvo-line-c .sponsored-line--txt p {
    max-width: none;
  }
}
.whiskynet-line {
  background-color: #000;
}
.whiskynet-line:before {
  background: transparent;
}
.whiskynet-line:after {
  background-color: transparent;
}
.whiskynet-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.whiskynet-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .whiskynet-line .sponsored-line--txt p {
    max-width: none;
  }
}
.whiskynet-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.whiskynet-line .sponsored-line--txt:before {
  background-image: url(../images/whiskynet.svg);
  height: 36px;
  transform: translateY(-2px);
  width: 95px;
}
@media screen and (min-width: 500px) {
  .whiskynet-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.wigo-line {
  background-color: #1f4e8d;
}
.wigo-line:before {
  background: transparent;
}
.wigo-line:after {
  background-color: transparent;
}
.wigo-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.wigo-line .sponsored-line--txt p {
  max-width: 190px;
}
@media screen and (min-width: 500px) {
  .wigo-line .sponsored-line--txt p {
    max-width: none;
  }
}
.wigo-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.wigo-line .sponsored-line--txt:before {
  background-image: url(../images/wigo.svg);
  height: 36px;
  width: 80px;
}
.visa-line {
  background: var(--white);
  border: 1px solid hsla(0, 0%, 100%, 0.3);
}
.visa-line:before {
  background: transparent;
}
.visa-line:after {
  background-color: transparent;
}
.visa-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.visa-line .sponsored-line--txt p {
  color: #1434cb;
  max-width: 180px;
}
@media screen and (min-width: 500px) {
  .visa-line .sponsored-line--txt p {
    max-width: none;
  }
}
.visa-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.visa-line .sponsored-line--txt:before {
  background-image: url(../images/visa_barhova.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .visa-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .visa-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.vw-line {
  background-color: #002c5e;
  border: 1px solid hsla(0, 0%, 100%, 0.15);
}
.vw-line:before {
  background: transparent;
}
.vw-line:after {
  background-color: transparent;
}
.vw-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.vw-line .sponsored-line--txt p {
  max-width: 160px;
}
@media screen and (min-width: 500px) {
  .vw-line .sponsored-line--txt p {
    max-width: none;
  }
}
.vw-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.vw-line .sponsored-line--txt:before {
  background-image: url(../images/vwhaszon.svg);
  height: 36px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .vw-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 768px) {
  .vw-line .sponsored-line--txt:before {
    width: 120px;
  }
}
.yettel-line {
  background-color: #b4ff00;
}
.yettel-line:before {
  background: transparent;
}
.yettel-line:after {
  background-color: transparent;
}
.yettel-line .sponsored-line--txt {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-weight: 400;
  justify-content: flex-end;
  padding: 0 15px 0 0;
}
.yettel-line .sponsored-line--txt p {
  color: #002340;
}
@media screen and (min-width: 500px) {
  .yettel-line .sponsored-line--txt p {
    max-width: none;
  }
}
.yettel-line .sponsored-line--txt span {
  margin: 0 0 0 7px;
}
.yettel-line .sponsored-line--txt:before {
  background-image: url(../images/yettel.svg);
  height: 36px;
  transform: translateY(-2px);
  width: 80px;
}
@media screen and (min-width: 500px) {
  .yettel-line .sponsored-line--txt:before {
    width: 100px;
  }
}
@media screen and (min-width: 375px) {
  .fullscreen-map .tooltip {
    left: 25px;
    top: 105px;
  }
}
@media screen and (min-width: 500px) {
  .fullscreen-map .tooltip {
    left: 30px;
    top: 110px;
  }
}
@media screen and (min-width: 768px) {
  .fullscreen-map .tooltip {
    top: 115px;
  }
}
@media screen and (min-width: 1200px) {
  .fullscreen-map .tooltip {
    left: 58px;
    top: 120px;
  }
}
.fullscreen-map .map--toggle-container,
.ov2024-list--big .map--toggle-container {
  display: none !important;
}
.ov2024-dashboard {
  background: var(--color-bg);
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
  transition: var(--theme);
  width: 100%;
  grid-gap: 20px;
}
@media screen and (min-width: 500px) {
  .ov2024-dashboard {
    grid-gap: 10px;
  }
}
.ov2024-dashboard:not(.ov2024-dashboard--app) {
  margin: 0 auto;
  max-width: 1500px;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  .ov2024-dashboard:not(.ov2024-dashboard--app) {
    padding: 0 20px;
  }
}
.ov2024-dashboard__container {
  display: grid;
  grid-template-columns: 110px 1fr;
  grid-gap: 5px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  padding: 40px 0 0;
  scrollbar-width: auto;
}
.ov2024-dashboard__container::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1200px) {
  .ov2024-dashboard__container {
    overflow: initial;
  }
}
.ov2024-dashboard__btn {
  align-items: center;
  background: #2fa553;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  margin: 10px 0 0;
  padding: 0 7px;
  width: -moz-max-content;
  width: max-content;
}
.ov2024-dashboard__btn:hover {
  opacity: 0.8;
}
.ov2024-dashboard__btn span {
  color: var(--white);
  font-size: 0.66rem;
  font-weight: var(--bold);
}
.ov2024-dashboard__btn i {
  color: var(--white);
  font-size: 1.2rem;
  font-weight: var(--bold);
}
.ov2024-dashboard__content {
  align-items: center;
  display: flex;
  gap: 5px;
  justify-content: flex-start;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .ov2024-dashboard__content {
    display: grid;
    overflow: initial;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
.ov2024-dashboard__info {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media screen and (min-width: 500px) {
  .ov2024-dashboard__info {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
.ov2024-dashboard__item {
  background: #e7e7e7;
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr;
  place-content: center;
  position: relative;
  width: 100%;
}
.ov2024-dashboard__item:hover {
  opacity: 0.8;
}
.ov2024-dashboard__item__title {
  align-items: center;
  display: flex;
  font-size: 0.77rem;
  font-weight: var(--bold);
  justify-content: center;
  left: 50%;
  position: absolute;
  top: -32px;
  transform: translate(-50%);
  white-space: nowrap;
}
.ov2024-dashboard__item__title--ov {
  margin: 0 5px 0 0;
  width: 16px;
}
.ov2024-dashboard__item__title--ep {
  margin: 0 5px 0 0;
  width: 54px;
}
.ov2024-dashboard__item__content {
  height: 250px;
  overflow: hidden !important;
  width: 100%;
}
.ov2024-dashboard__item:not(.ov2024-dashboard__item--more)
  .ov2024-dashboard__item__content {
  margin: 0 auto;
  max-width: 690px;
  min-width: 300px;
}
@media screen and (min-width: 1200px) {
  .ov2024-dashboard__item:not(.ov2024-dashboard__item--more)
    .ov2024-dashboard__item__content {
    min-width: auto;
  }
}
.ov2024-dashboard__item__link {
  height: 100%;
  position: absolute;
  width: 100%;
}
.ov2024-dashboard__item--more__content {
  border-radius: 5px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  overflow: hidden;
  width: 110px;
}
.ov2024-dashboard__item--bp,
.ov2024-dashboard__item--map {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: normal;
  place-content: normal;
}
.ov2024-dashboard__item--bp__content,
.ov2024-dashboard__item--map__content {
  cursor: pointer;
  overflow: hidden;
}
.ov2024-dashboard__item--bp__content > *,
.ov2024-dashboard__item--map__content > * {
  overflow: hidden;
}
.ov2024-dashboard__item--bp iframe,
.ov2024-dashboard__item--map iframe {
  height: 100%;
  width: 100vw;
}
.ov2024-dashboard__item--bp .maplibre-container,
.ov2024-dashboard__item--map .maplibre-container {
  border: none !important;
}
.ov2024-dashboard__item--mayor__content {
  display: grid;
  gap: 10px;
  grid-template-rows: 1fr 1fr 1fr;
  left: 0;
  overflow: scroll;
  padding: 5px;
  top: 0;
  -ms-overflow-style: none;
  scrollbar-width: auto;
}
@media screen and (min-width: 768px) {
  .ov2024-dashboard__item--mayor__content {
    padding: 10px 10px 8px;
  }
}
.ov2024-dashboard__item--mayor__content::-webkit-scrollbar {
  display: none;
}
.ov2024-dashboard__item--mayor__candidate {
  display: grid;
  grid-template-columns: 40px 1fr;
  grid-gap: 5px;
  align-content: center;
  color: var(--black);
  flex-grow: 2;
  font-size: 0.6rem;
  font-weight: var(--bold);
}
@media screen and (min-width: 768px) {
  .ov2024-dashboard__item--mayor__candidate {
    grid-template-columns: 56px 1fr;
    grid-gap: 10px;
  }
}
.ov2024-dashboard__item--mayor__candidate--mini
  .ov2024-dashboard__item--mayor__candidate__bar
  span {
  color: var(--black);
  left: 14px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ov2024-dashboard__item--mayor__candidate__bar {
  border-radius: 2px 0 0 2px;
  color: var(--white);
  display: grid;
  font-size: 0.66rem;
  font-weight: var(--bold);
  height: 100%;
  left: 0;
  place-content: center;
  position: absolute;
  top: 0;
}
.ov2024-dashboard__item--mayor__candidate__bar__bg {
  background: var(--gray-light);
  border: 1px solid var(--gray-mid-light);
  border-radius: 3px;
  height: 24px;
  position: relative;
  width: 100%;
}
.ov2024-dashboard__item--mayor__candidate__info {
  display: flex;
  flex-direction: column;
  margin: -6px 0 0;
}
.ov2024-dashboard__item--mayor__candidate__name {
  color: var(--black);
  font-size: 0.8rem;
  font-weight: var(--bold);
}
.ov2024-dashboard__item--mayor__candidate__parti {
  font-size: 0.6rem;
  font-weight: var(--regular);
  line-height: 1.3;
  margin: 0 0 3px;
}
.ov2024-dashboard__item--mayor__candidate img {
  background-repeat: no-repeat;
  border: 1px solid var(--gray-light);
  border-radius: 4px;
  height: 46px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  position: relative;
  transform: translateY(-2px);
  width: 40px;
}
@media screen and (min-width: 768px) {
  .ov2024-dashboard__item--mayor__candidate img {
    height: 70px;
    width: 56px;
  }
}
.ov2024-dashboard__item--mayor__candidate img:after {
  background: #0000001a;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ov2024-dashboard__item--mayor__info {
  color: var(--black);
  font-size: 0.66rem;
}
.ov2024-dashboard__item--ep__color {
  border: 1px solid var(--gray-light);
  border-radius: 3px;
  height: 12px;
  margin: 0 5px 0 0;
  width: 12px;
}
.ov2024-dashboard__item--ep__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3px;
  overflow: scroll;
  padding: 5px;
  -ms-overflow-style: none;
  scrollbar-width: auto;
}
@media screen and (min-width: 768px) {
  .ov2024-dashboard__item--ep__content {
    padding: 10px;
    grid-gap: 10px;
  }
}
.ov2024-dashboard__item--ep__content::-webkit-scrollbar {
  display: none;
}
.ov2024-dashboard__item--ep__item {
  align-items: center;
  background: var(--white);
  border: 1px solid var(--gray-light);
  border-radius: 3px;
  color: var(--black);
  display: flex;
  flex-wrap: wrap;
  font-size: 0.66rem;
  font-weight: var(--regular);
  padding: 5px;
  width: 100%;
}
.ov2024-dashboard__item--ep__item span {
  white-space: nowrap;
}
.ov2024-dashboard__item--ep__item__parti {
  font-weight: var(--bold);
}
@media screen and (min-width: 768px) {
  .ov2024-dashboard__item--ep__item {
    padding: 10px;
  }
}
.ov2024-dashboard__item--participation {
  display: grid;
  grid-template-columns: 1fr;
  place-content: center;
  grid-gap: 10px;
  width: 100%;
}
.ov2024-dashboard__item--participation__bar {
  align-items: flex-start;
  background: var(--white);
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 10px 13px;
}
.ov2024-dashboard__item--participation__bar__chart {
  background: var(--color-accent-dark);
  border-radius: 2px 0 0 2px;
  color: var(--white);
  display: grid;
  font-size: 0.66rem;
  font-weight: var(--bold);
  height: 100%;
  left: 0;
  min-width: 50px;
  place-content: center;
  position: absolute;
  top: 0;
}
.ov2024-dashboard__item--participation__bar__chart__bg {
  background: var(--gray-light);
  border: 1px solid var(--gray-mid-light);
  border-radius: 3px;
  height: 24px;
  position: relative;
  width: 100%;
}
.ov2024-dashboard__item--participation__bar__title {
  color: var(--black);
  font-size: 0.66rem;
  font-weight: var(--bold);
  margin: 0 0 2px;
}
.ov2024-dashboard__item--participation__title {
  color: var(--black);
  font-size: 0.77rem;
  font-weight: var(--regular);
}
.ov2024-dashboard__item--participation__content {
  display: grid;
  grid-template-columns: 1fr;
  padding: 5px;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .ov2024-dashboard__item--participation__content {
    padding: 10px;
  }
}
.ov2024-dashboard__liveshow {
  background: var(--color-accent-dark);
  border-radius: 4px;
  color: var(--white);
  display: grid;
  font-size: 0.7rem;
  font-weight: var(--bold);
  padding: 10px 15px;
  place-content: center;
  transition: var(--theme);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .ov2024-dashboard__liveshow {
    width: -moz-max-content;
    width: max-content;
  }
}
.ov2024-dashboard__liveshow a {
  color: var(--white);
  cursor: pointer;
  line-height: 1;
  text-align: center;
  transition: var(--theme-text);
}
.ov2024-dashboard__liveshow a:hover {
  opacity: 0.8;
}
.ov2024-dashboard__logo {
  cursor: pointer;
  display: grid;
  place-content: center;
}
.ov2024-dashboard__logo:hover {
  opacity: 0.95;
}
.ov2024-dashboard__logo--ov {
  background: #24874d;
}
.ov2024-dashboard__logo--ov svg {
  cursor: pointer;
  width: 40px;
}
.ov2024-dashboard__logo--ep {
  background: #0d4f9f;
}
.ov2024-dashboard__logo--ep svg {
  cursor: pointer;
  width: 80px;
}
.ov2024-dashboard__progress {
  align-items: center;
  display: flex;
  font-size: 0.7rem;
  justify-content: flex-start;
  transform: translate(15px);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .ov2024-dashboard__progress {
    width: -moz-max-content;
    width: max-content;
  }
}
.ov2024-dashboard__progress__update {
  align-items: center;
  color: var(--color-text);
  display: flex;
  flex-wrap: wrap;
  font-weight: var(--bold);
  justify-content: center;
  position: relative;
  text-decoration: none;
  transition: var(--theme-text);
}
.ov2024-dashboard__progress__update:before {
  animation: pulse 1s ease infinite;
  background-color: #3e3;
  border-radius: 50%;
  box-shadow: 0 0 0 5px;
  content: "";
  display: inline-block;
  height: 8px;
  left: -15px;
  margin: 0 8px 0 0;
  position: absolute;
  transition: opacity 0.3s linear;
  width: 8px;
}
.ov2024-dashboard__progress__update pulse {
  animation: pulse 2s infinite;
  background: #cca92c;
  border-radius: 50%;
  box-shadow: 0 0 #3e36;
  display: block;
  height: 22px;
  margin: 100px;
  width: 22px;
}
.ov2024-dashboard__progress__update circle {
  background: #2fa553;
  border-radius: 5px;
  height: 5px;
  margin: 0 5px 0 0;
  width: 5px;
}
.ov2024-dashboard__progress__update span {
  white-space: nowrap;
}
.ov2024-dashboard--app .ov2024-dashboard__container {
  grid-template-columns: 1fr;
}
@keyframes Podcast-bg {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.support-container {
  background: var(--color-bg);
}
.support__container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100vw;
  z-index: 1;
}
.support__content {
  display: grid;
  grid-template-columns: 1fr;
  width: 100vw;
  grid-gap: 20px;
  align-items: center;
  justify-items: center;
  padding: 30px;
}
@media screen and (min-width: 768px) {
  .support__content {
    padding: 40px;
    width: calc(100vw - 100px);
    grid-gap: 30px;
  }
}
@media screen and (min-width: 1260px) {
  .support__content {
    padding: 60px;
    width: 1200px;
    grid-gap: 40px;
  }
}
.support__content .radio-button {
  display: none;
}
.support__content .barion-logo {
  height: 30px;
  width: 120px;
}
.support--t--mini {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100vw;
  z-index: 1;
}
.support--t--mini .support__content .barion-logo {
  fill: #fff6;
}
.support--t--mini .support__cta {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__cta {
    align-items: flex-start;
  }
}
.support--t--mini .support__faq {
  background: var(--black);
  display: grid;
  padding: 40px;
  place-content: center;
  position: relative;
}
.support--t--mini .support__faq:before {
  background: linear-gradient(0deg, #0000004d 65%, #000 95%);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .support--t--mini .support__faq {
    padding: 80px 40px;
  }
}
.support--t--mini .support__faq .support__title {
  color: var(--white);
}
.support--t--mini .support__faq__content {
  display: grid;
  place-content: center;
  width: 100%;
}
.support--t--mini .support__faq__content__title {
  color: var(--white);
  font-size: 1.2rem;
  font-weight: var(--bold);
  margin: 0 auto 30px;
}
.support--t--mini .support__faq .support__content {
  padding: 30px 15px;
  z-index: 2;
}
@media screen and (min-width: 500px) {
  .support--t--mini .support__faq .support__content {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__faq .support__content {
    align-items: start;
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }
}
.support--t--mini .support__faq .accordion {
  width: calc(100vw - 30px);
}
@media screen and (min-width: 500px) {
  .support--t--mini .support__faq .accordion {
    width: calc(100vw - 60px);
  }
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__faq .accordion {
    width: calc(50vw - 80px);
  }
}
@media screen and (min-width: 1200px) {
  .support--t--mini .support__faq .accordion {
    width: 500px;
  }
}
.support--t--mini .support__faq .accordion__icon {
  cursor: pointer;
}
.support--t--mini .support__faq .accordion__head {
  background: transparent;
  border: 2px solid hsla(0, 0%, 100%, 0.2);
  color: var(--white);
  cursor: pointer;
  font-size: 0.9rem;
  padding: 10px 20px;
}
.support--t--mini .support__faq .accordion__head:hover {
  border: 2px solid hsla(0, 0%, 100%, 0.5);
  opacity: 1;
}
.support--t--mini .support__faq .accordion__content {
  background: #0003;
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  border-radius: 0 0 5px 5px;
  border-top: none;
  color: var(--white);
  font-size: 0.88rem;
  font-weight: var(--bold);
  max-height: 250px;
  overflow: scroll;
  scrollbar-color: transparent transparent !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.support--t--mini .support__faq .accordion__content::-webkit-scrollbar {
  display: none;
}
.support--t--mini .support__faq .accordion__content--text {
  color: var(--black);
  display: inline;
  font-size: 0.7rem !important;
  font-style: italic;
  margin: 0 !important;
}
.support--t--mini .support__faq .accordion__content a {
  color: #ff0;
}
.support--t--mini .support__faq .accordion__content a:hover {
  opacity: 0.8;
}
.support--t--mini .support__faq .accordion__title {
  margin: 0 7px 0 0;
}
.support--t--mini .support__form {
  background: #000;
  display: grid;
  height: -moz-max-content;
  height: max-content;
  overflow: hidden;
  padding: 60px 15px;
  place-content: center;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .support--t--mini .support__form {
    padding: 80px 40px 60px;
  }
}
.support--t--mini .support__form__btn {
  background: var(--white);
  border: 2px solid hsla(0, 0%, 61%, 0.2);
  border-radius: 3px;
  color: var(--black);
  display: grid;
  margin: 10px 5px;
  place-content: center;
}
@media screen and (min-width: 500px) {
  .support--t--mini .support__form__btn {
    margin: 10px;
  }
}
.support--t--mini .support__form__btn:hover {
  opacity: 0.85;
}
.support--t--mini .support__form__btn--active {
  background: var(--yellow);
  color: var(--black);
}
.support--t--mini .support__form__btn input {
  display: none;
}
.support--t--mini .support__form__buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.support--t--mini .support__form__action {
  background: var(--yellow);
  border: 1px solid #000;
  color: var(--black);
  display: grid;
  margin: 30px auto;
  place-content: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--t--mini .support__form__action {
    max-width: 220px;
  }
}
.support--t--mini .support__form__action input {
  background: transparent;
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: var(--bold);
}
.support--t--mini .support__form__toggle {
  align-items: center;
  color: var(--white);
  display: flex;
  font-weight: var(--bold);
  justify-content: center;
  margin: 0 0 30px;
}
.support--t--mini .support__form__toggle .switch {
  display: inline-block;
  height: 34px;
  margin: 0 15px;
  position: relative;
  width: 60px;
}
.support--t--mini .support__form__toggle .switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.support--t--mini .support__form__toggle .slider {
  background: var(--yellow);
  border-radius: 34px;
  bottom: 0;
  cursor: pointer;
  height: 34px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
.support--t--mini .support__form__toggle .slider:before {
  background-color: var(--black);
  border-radius: 50%;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
.support--t--mini .support__form__toggle input:checked + .slider:before {
  transform: translate(26px);
}
.support--t--mini .support__form__input {
  display: block;
  margin-inline: auto;
  max-width: 532px;
  width: 100%;
}
.support--t--mini .support__form__input__label {
  color: #fff;
  font-size: 0.77rem;
  font-weight: var(--medium);
  opacity: 0.8;
}
.support--t--mini .support__form__input__field {
  background: var(--white);
  border: 2px solid var(--gray-mid-light-fx);
  font-size: 0.88rem;
  height: 44px;
  margin: 0 0 7px;
  padding: 7px 10px;
  width: 100%;
}
.support--t--mini .support__form__input__field::-moz-placeholder {
  color: #555;
  font-size: 0.88rem;
}
.support--t--mini .support__form__input__field::placeholder {
  color: #555;
  font-size: 0.88rem;
}
.support--t--mini .support__form__input__field.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.support--t--mini .support__form__input .support__form__checkbox {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateY(6px);
  width: 20px;
}
.support--t--mini .support__form__input .support__form__checkbox__label {
  padding: 0 0 0 30px;
  position: relative;
}
.support--t--mini
  .support__form__input
  .support__form__checkbox__label:hover
  input
  ~ .support__form__checkbox {
  background-color: #ccc;
  transition: 0.5s;
}
.support--t--mini
  .support__form__input
  .support__form__checkbox__label
  input:checked
  ~ .support__form__checkbox {
  background-color: #096;
  border: 1px solid #096;
}
.support--t--mini .support__form__input .support__form__checkbox:after {
  content: "";
  display: none;
  position: absolute;
}
.support--t--mini
  .support__form__input
  .support__form__checkbox__label
  input:checked
  ~ .support__form__checkbox:after {
  display: block;
}
.support--t--mini
  .support__form__input
  .support__form__checkbox__label
  .support__form__checkbox:after {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  height: 10px;
  left: 6px;
  top: 2px;
  transform: rotate(45deg);
  width: 5px;
}
.support--t--mini .support__form__checkbox {
  cursor: pointer;
  opacity: 0.85;
}
.support--t--mini .support__form__checkbox__label {
  color: var(--white);
  cursor: default;
  font-size: 0.88rem;
  transition: var(--theme-text);
}
.support--t--mini .support__form__checkbox__label span {
  display: block;
  font-size: 0.8rem;
}
.support--t--mini .support__form__checkbox__label a {
  color: var(--yellow);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.support--t--mini .support__form__checkbox__label a:hover {
  opacity: 0.85;
}
.support--t--mini .support__form__checkbox.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.support--t--mini .support__form__consent {
  color: var(--black);
  display: none;
  margin: 20px 0 0;
}
.support--t--mini .support__form__consent.active {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}
.support--t--mini .support__form__name {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.support--t--mini .support__form__plans {
  justify-content: center;
}
.support--t--mini .support__form--remittance__select {
  display: flex;
  margin: 20px 0 0;
}
.support--t--mini .support__form--remittance__info {
  display: grid;
  grid-template-columns: 1fr;
  max-width: -moz-max-content;
  max-width: max-content;
  grid-gap: 7px;
  color: var(--white);
  font-size: 0.8rem;
  margin: 30px auto;
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__form--remittance__info {
    grid-template-columns: 1fr 1fr;
    transform: translate(-50px);
  }
}
.support--t--mini .support__form--remittance__info span {
  font-size: 0.88rem;
  font-weight: var(--bold);
  max-width: 400px;
  text-align: center;
}
.support--t--mini .support__form--remittance__info span:nth-of-type(2n) {
  font-weight: var(--regular);
  margin: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__form--remittance__info span:nth-of-type(2n) {
    margin: 0;
    text-align: left;
  }
  .support--t--mini .support__form--remittance__info span {
    text-align: right;
  }
}
.support--t--mini .support__form--remittance .support__form__btn {
  background: transparent;
  background: var(--white);
  border: 2px solid hsla(0, 0%, 100%, 0.2);
  color: var(--black);
}
.support--t--mini .support__form--remittance .support__form__btn--active {
  background: var(--yellow);
}
.support--t--mini .support__form--option {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 30px 0 0;
}
.support--t--mini .support__form__lead {
  color: var(--white);
  display: flex;
  flex-direction: column;
  font-size: 0.95rem;
  font-weight: var(--bold);
  gap: 10px;
  max-width: 500px;
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__form__lead {
    width: 500px;
  }
}
.support--t--mini .support__form__lead a {
  color: var(--yellow);
}
.support--t--mini .support__form .support__title {
  color: var(--black);
}
.support--t--mini .support__form .support__content {
  margin: 0 0 20px;
  padding: 30px 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__form .support__content {
    margin: 0 0 40px;
    width: 80vw;
  }
}
.support--t--mini .support__form .support__content > div:first-of-type {
  display: flex;
  flex-direction: column;
}
.support--t--mini .support__form .support__details__lead {
  font-size: 0.9rem;
  font-weight: var(--bold);
  margin-inline: auto;
  max-width: 500px;
}
.support--t--mini .support__form .support__details__lead span {
  display: block;
  font-size: 0.8rem;
  font-weight: var(--regular);
}
.support--t--mini .support__form #custom-amount[type="number"] {
  -webkit-appearance: textfield;
  appearance: textfield;
  -moz-appearance: textfield;
}
.support--t--mini .support__form #custom-amount::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.support--t--mini .support__hero {
  background: var(--white);
  display: grid;
  place-content: center;
}
.support--t--mini .support__hero .support__content {
  display: flex;
  flex-direction: column;
  padding: 30px 20px;
  z-index: 2;
}
@media screen and (min-width: 500px) {
  .support--t--mini .support__hero .support__content {
    grid-gap: 50px;
  }
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__hero .support__content {
    display: grid;
    grid-template-columns: 0.5fr 1.5fr;
    padding: 60px 20px;
  }
}
.support--t--mini .support__hero__img {
  background-image: url(../images/telex_t.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  max-height: 60vh;
  max-width: 40vw;
  width: 100%;
}
.support--t--mini .support__hero__btn {
  background: #fff361;
  border: 1px solid #000;
  color: var(--black);
  display: grid;
  grid-area: d;
  margin: 10px 0 0;
  padding: 12px 24px;
  place-content: center;
  scroll-behavior: smooth;
  width: calc(100vw - 60px);
}
@media screen and (min-width: 500px) {
  .support--t--mini .support__hero__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__hero__btn {
    justify-self: left;
    margin: 0 0 20px;
    transform: translate(-4px);
  }
}
.support--t--mini .support__hero__desktop {
  display: flex;
  flex-direction: column;
}
.support--t--mini .support__hero__desktop__btn {
  background: var(--yellow);
  border: 1px solid #000;
  color: var(--black);
  display: grid;
  justify-self: left;
  margin: 0 0 20px;
  place-content: center;
  scroll-behavior: smooth;
  width: -moz-max-content;
  width: max-content;
}
.support--t--mini .support__hero__desktop__lead {
  color: var(--black);
  display: block;
  font-size: 0.88rem;
  margin: 30px 0;
  max-width: 500px;
}
.support--t--mini .support__hero__desktop__title {
  color: var(--black);
  display: block;
  font-size: 1.6rem;
  font-weight: var(--bold);
  line-height: 1.4;
  margin: 20px 0 0;
  text-align: left;
}
@media screen and (min-width: 900px) {
  .support--t--mini .support__hero__desktop__title {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1600px) {
  .support--t--mini .support__hero__desktop__title {
    font-size: 2.2rem;
  }
}
.support--t--mini .support__hero__lead {
  color: var(--black);
  font-size: 0.88rem;
  grid-area: c;
  max-width: 500px;
}
.support--t--mini .support__hero__title {
  grid-area: a;
  margin: 0 0 15px;
  text-align: center;
}
.support--t--mini .support__hero__title span {
  background: var(--black);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--black), -5px 0 0 var(--black);
  color: var(--white);
  display: inline;
  font-size: 1.2rem;
  font-weight: var(--bold);
  line-height: 1.5;
}
@media screen and (min-width: 375px) {
  .support--t--mini .support__hero__title span {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 500px) {
  .support--t--mini .support__hero__title span {
    font-size: 1.7rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1200px) {
  .support--t--mini .support__hero__title span {
    font-size: 1.8rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 500px) {
  .support--t--mini .support__hero__title {
    margin: 0 0 20px;
    max-width: 400px;
  }
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__hero__title {
    font-size: 1.6rem;
    margin: 0 0 30px;
    text-align: left;
  }
}
@media screen and (min-width: 900px) {
  .support--t--mini .support__hero__title {
    font-size: 1.8rem;
  }
}
.support--t--mini .support__title {
  font-size: 1.4rem;
  font-weight: var(--bold);
  margin: 0 20px 20px;
  text-align: center;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__title {
    font-size: 1.8rem;
    margin: 0 30px 40px;
  }
}
.support--t--mini .support__title span {
  background: var(--white);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--white), -5px 0 0 var(--white);
  color: var(--black);
  display: inline;
  font-size: 1.4rem;
  font-weight: var(--bold);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .support--t--mini .support__title span {
    font-size: 1.6rem;
  }
}
.support--tt {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100vw;
  z-index: 1;
}
.support--tt .support__cta {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .support--tt .support__cta {
    align-items: flex-start;
  }
}
.support--tt .support__details {
  background: var(--black);
  display: grid;
  place-content: center;
  position: relative;
  z-index: 1;
}
.support--tt .support__details__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.support--tt .support__details__title {
  margin: 0 0 30px;
}
@media screen and (min-width: 768px) {
  .support--tt .support__details__title {
    max-width: 500px;
  }
}
@media screen and (min-width: 900px) {
  .support--tt .support__details__title {
    max-width: calc(100% - 300px);
  }
}
.support--tt .support__details__lead {
  color: var(--white);
  font-size: 0.88rem;
  max-width: 500px;
  text-align: left;
}
.support--tt .support__details__lead a {
  color: var(--accent);
  font-weight: var(--medium);
}
.support--tt .support__details__lead a:hover {
  opacity: 0.8;
}
.support--tt .support__details__lead span {
  font-weight: var(--medium);
}
.support--tt .support__details__lead b {
  font-weight: 800;
}
@media screen and (min-width: 768px) {
  .support--tt .support__details__lead {
    max-width: 500px;
  }
}
@media screen and (min-width: 900px) {
  .support--tt .support__details__lead {
    max-width: calc(100% - 200px);
  }
}
.support--tt .support__details__img {
  height: 150px;
  width: 250px;
}
.support--tt .support__details .support__content {
  grid-gap: 40px;
  grid-template-columns: 1fr;
  max-width: 900px;
  padding: 80px 60px;
  z-index: 2;
}
.support--tt .support__details .support__content a {
  color: var(--yellow);
}
.support--tt .support__faq {
  background: #222;
  background: #f12c2c;
  display: grid;
  overflow: hidden;
  padding: 40px;
  place-content: center;
  position: relative;
  z-index: 1;
}
.support--tt .support__faq:after {
  background-image: radial-gradient(
    50% 91% at 50% -13.7%,
    #f56938cc 0,
    #f5693800
  );
  content: "";
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}
@media screen and (min-width: 1200px) {
  .support--tt .support__faq {
    padding: 80px 40px;
  }
}
.support--tt .support__faq__content {
  display: grid;
  place-content: center;
  width: 100%;
}
.support--tt .support__faq__content__title {
  background: var(--white);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--white), -5px 0 0 var(--white);
  color: var(--secondary);
  font-size: 1rem;
  font-weight: var(--bold);
  margin: 0 auto 30px;
}
@media screen and (min-width: 768px) {
  .support--tt .support__faq .support__content {
    align-items: start;
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }
}
.support--tt .support__faq .accordion {
  width: calc(100vw - 60px);
}
@media screen and (min-width: 768px) {
  .support--tt .support__faq .accordion {
    width: calc(50vw - 80px);
  }
}
@media screen and (min-width: 1200px) {
  .support--tt .support__faq .accordion {
    width: 500px;
  }
}
.support--tt .support__faq .accordion__icon {
  cursor: pointer;
}
.support--tt .support__faq .accordion__head {
  background: #ffffff1a;
  border: 2px solid hsla(0, 0%, 100%, 0.3);
  color: var(--white);
  cursor: pointer;
  font-size: 0.9rem;
  padding: 10px 20px;
}
.support--tt .support__faq .accordion__head:hover {
  background: #fff3;
  border: 2px solid hsla(0, 0%, 100%, 0.4);
  opacity: 1;
}
.support--tt .support__faq .accordion__content {
  background: #fff3;
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  border-radius: 0 0 5px 5px;
  border-top: none;
  color: var(--white);
  font-size: 0.88rem;
  font-weight: var(--bold);
  max-height: 250px;
  overflow: scroll;
  scrollbar-color: transparent transparent !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.support--tt .support__faq .accordion__content::-webkit-scrollbar {
  display: none;
}
.support--tt .support__faq .accordion__content--text {
  color: var(--white);
  display: inline;
  font-size: 0.7rem !important;
  font-style: italic;
  margin: 0 !important;
}
.support--tt .support__faq .accordion__content a {
  color: var(--yellow);
  text-decoration: none;
}
.support--tt .support__faq .accordion__content a:hover {
  opacity: 0.8;
}
.support--tt .support__faq .accordion__title {
  margin: 0 7px 0 0;
  text-align: left;
}
.support--tt .support__form {
  background: var(--gray-light);
  display: grid;
  height: -moz-max-content;
  height: max-content;
  padding: 15px;
  place-content: center;
}
@media screen and (min-width: 500px) {
  .support--tt .support__form {
    padding: 40px;
  }
}
@media screen and (min-width: 1200px) {
  .support--tt .support__form {
    padding: 80px 40px;
  }
}
.support--tt .support__form__btn {
  background: var(--white);
  border: 1px solid var(--black);
  border-radius: 3px;
  color: var(--black);
  display: grid;
  margin: 10px 5px;
  place-content: center;
}
@media screen and (min-width: 500px) {
  .support--tt .support__form__btn {
    margin: 10px;
  }
}
.support--tt .support__form__btn:hover {
  opacity: 0.7;
}
.support--tt .support__form__btn--active {
  background: var(--black);
  color: var(--white);
}
.support--tt .support__form__btn input {
  display: none;
}
.support--tt .support__form__buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.support--tt .support__form__action {
  background: var(--yellow);
  border: 1px solid #000;
  color: var(--black);
  display: grid;
  margin: 30px auto;
  place-content: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--tt .support__form__action {
    max-width: 220px;
  }
}
.support--tt .support__form__action input {
  background: transparent;
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: var(--bold);
}
.support--tt .support__form__toggle {
  align-items: center;
  color: var(--black);
  display: flex;
  font-weight: var(--bold);
  justify-content: center;
  margin: 0 0 30px;
}
.support--tt .support__form__toggle .switch {
  display: inline-block;
  height: 34px;
  margin: 0 15px;
  position: relative;
  width: 60px;
}
.support--tt .support__form__toggle .switch input {
  height: 0;
  opacity: 0;
  width: 0;
}
.support--tt .support__form__toggle .slider {
  background: #f12c2c;
  border-radius: 34px;
  bottom: 0;
  cursor: pointer;
  height: 34px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}
.support--tt .support__form__toggle .slider:before {
  background-color: #fff;
  border-radius: 50%;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 26px;
}
.support--tt .support__form__toggle input:checked + .slider:before {
  transform: translate(26px);
}
.support--tt .support__form__input {
  display: block;
  margin-inline: auto;
  max-width: 532px;
  width: 100%;
}
.support--tt .support__form__input__label {
  color: var(--black);
  font-size: 0.77rem;
  font-weight: var(--medium);
  opacity: 0.8;
}
.support--tt .support__form__input__field {
  background: var(--white);
  border: 2px solid var(--gray-mid-light-fx);
  font-size: 0.88rem;
  height: 44px;
  margin: 0 0 7px;
  padding: 7px 10px;
  width: 100%;
}
.support--tt .support__form__input__field::-moz-placeholder {
  color: #555;
  font-size: 0.88rem;
}
.support--tt .support__form__input__field::placeholder {
  color: #555;
  font-size: 0.88rem;
}
.support--tt .support__form__input__field.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.support--tt .support__form__input .support__form__checkbox {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateY(6px);
  width: 20px;
}
.support--tt .support__form__input .support__form__checkbox__label {
  padding: 0 0 0 30px;
  position: relative;
}
.support--tt
  .support__form__input
  .support__form__checkbox__label:hover
  input
  ~ .support__form__checkbox {
  background-color: #ccc;
  transition: 0.5s;
}
.support--tt
  .support__form__input
  .support__form__checkbox__label
  input:checked
  ~ .support__form__checkbox {
  background-color: #096;
  border: 1px solid #096;
}
.support--tt .support__form__input .support__form__checkbox:after {
  content: "";
  display: none;
  position: absolute;
}
.support--tt
  .support__form__input
  .support__form__checkbox__label
  input:checked
  ~ .support__form__checkbox:after {
  display: block;
}
.support--tt
  .support__form__input
  .support__form__checkbox__label
  .support__form__checkbox:after {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  height: 10px;
  left: 6px;
  top: 2px;
  transform: rotate(45deg);
  width: 5px;
}
.support--tt .support__form__checkbox {
  cursor: pointer;
  opacity: 0.85;
}
.support--tt .support__form__checkbox__label {
  color: var(--black);
  cursor: default;
  font-size: 0.88rem;
  transition: var(--theme-text);
}
.support--tt .support__form__checkbox__label span {
  display: block;
  font-size: 0.8rem;
}
.support--tt .support__form__checkbox__label a {
  color: #f12c2c;
  font-weight: var(--medium);
  transition: var(--theme-text);
}
.support--tt .support__form__checkbox__label a:hover {
  opacity: 0.85;
}
.support--tt .support__form__checkbox.subscribe__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.support--tt .support__form__consent {
  color: var(--black);
  display: none;
  margin: 20px 0 0;
}
.support--tt .support__form__consent--tgm.active {
  background: #fff3;
  border: 2px solid hsla(0, 0%, 100%, 0.3);
  border-radius: 4px;
  margin: 20px 0 0;
  padding: 7px 15px 15px;
  grid-gap: 10px;
}
.support--tt .support__form__consent--tgm.active span {
  color: var(--black);
  cursor: default;
  font-size: 0.88rem;
  transition: var(--theme-text);
}
.support--tt .support__form__consent--tgm.active span a {
  color: var(--accent);
}
.support--tt .support__form__consent--tgm.active .support__form__consent {
  align-items: center;
  color: var(--black);
  cursor: default;
  display: flex;
  font-size: 0.88rem;
  justify-content: flex-start;
  transition: var(--theme-text);
}
.support--tt .support__form__consent--tgm.active .support__form__consent a {
  color: var(--accent);
}
.support--tt .support__form__consent--tgm.active .support__form__consent label {
  align-items: center;
  display: grid;
  grid-template-columns: 20px 1fr;
  justify-items: start;
  margin: 0 30px 0 0;
  padding: 3px 0 0 30px;
}
.support--tt .support__form__consent.active {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}
.support--tt .support__form__email {
  color: var(--black);
  font-size: 0.88rem;
  max-width: 500px;
  padding-bottom: 1em;
  text-align: left;
}
.support--tt .support__form__framed {
  background: #ffffffbf;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 9px;
}
@media screen and (min-width: 500px) {
  .support--tt .support__form__framed {
    padding: 15px;
  }
}
.support--tt .support__form__framed > * {
  font-family: var(--sans) !important;
}
.support--tt .support__form__lead {
  color: var(--black);
  font-size: 0.88rem;
  font-weight: var(--bold);
  max-width: 500px;
  text-align: left;
}
.support--tt .support__form__name {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.support--tt .support__form__plans {
  justify-content: center;
}
.support--tt .support__form--remittance__select {
  display: flex;
  margin: 20px 0 0;
}
.support--tt .support__form--remittance__info {
  display: grid;
  grid-template-columns: 1fr;
  max-width: -moz-max-content;
  max-width: max-content;
  grid-gap: 7px;
  color: var(--black);
  font-size: 0.8rem;
  margin: 30px auto;
}
@media screen and (min-width: 768px) {
  .support--tt .support__form--remittance__info {
    grid-template-columns: 1fr 1fr;
    transform: translate(-50px);
  }
}
.support--tt .support__form--remittance__info span {
  font-size: 0.88rem;
  font-weight: var(--bold);
  max-width: 400px;
  text-align: center;
}
.support--tt .support__form--remittance__info span:nth-of-type(2n) {
  font-weight: var(--regular);
  margin: 0 0 20px;
}
@media screen and (min-width: 768px) {
  .support--tt .support__form--remittance__info span:nth-of-type(2n) {
    margin: 0;
    text-align: left;
  }
  .support--tt .support__form--remittance__info span {
    text-align: right;
  }
}
.support--tt .support__form--remittance .support__form__btn {
  background: transparent;
  border: 1px solid var(--black);
}
.support--tt .support__form--remittance .support__form__btn--active {
  background: var(--black);
}
.support--tt .support__form--remittance p {
  color: var(--black);
}
.support--tt .support__form--remittance a {
  color: #f12c2c;
}
.support--tt .support__form--option {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 30px 0 0;
}
.support--tt .support__form .support__title span {
  background: var(--black);
  box-shadow: 5px 0 0 var(--black), -5px 0 0 var(--black);
  color: var(--white);
}
.support--tt .support__form .support__content {
  margin: 0 0 20px;
  padding: 30px 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .support--tt .support__form .support__content {
    margin: 0 0 40px;
    width: 80vw;
  }
}
.support--tt .support__form .support__content > div:first-of-type {
  display: flex;
  flex-direction: column;
  max-width: 700px;
  width: 100%;
}
.support--tt .support__form .support__details__lead {
  font-size: 0.9rem;
  font-weight: var(--bold);
  margin-inline: auto;
  max-width: 500px;
}
.support--tt .support__form .support__details__lead span {
  display: block;
  font-size: 0.8rem;
  font-weight: var(--regular);
}
.support--tt .support__form #custom-amount[type="number"] {
  -webkit-appearance: textfield;
  appearance: textfield;
  -moz-appearance: textfield;
}
.support--tt .support__form #custom-amount::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.support--tt .support__form .barion-logo path {
  fill: var(--gray-medium);
}
.support--tt .support__hero {
  background: #f12c2c;
  display: grid;
  overflow: hidden;
  place-content: center;
  position: relative;
  z-index: 1;
}
.support--tt .support__hero:after {
  background-image: radial-gradient(
    50% 91% at 50% -13.7%,
    #f56938cc 0,
    #f5693800
  );
  content: "";
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: -1;
}
@media screen and (min-width: 1200px) {
  .support--tt .support__hero {
    min-height: calc(100vh - 150px);
  }
}
.support--tt .support__hero .support__content {
  display: flex;
  flex-direction: column;
  height: -moz-max-content;
  height: max-content;
  padding: 30px 20px;
  z-index: 2;
}
@media screen and (min-width: 500px) {
  .support--tt .support__hero .support__content {
    height: 80vh;
    grid-gap: 50px;
  }
}
@media screen and (min-width: 768px) {
  .support--tt .support__hero .support__content {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
}
.support--tt .support__hero__img {
  background-image: url(../images/transtelex-szerkesztoseg.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  max-height: 60vh;
  width: 100%;
}
.support--tt .support__hero__btn {
  align-items: center;
  background: var(--yellow);
  border: 1px solid var(--secondary);
  color: var(--black);
  display: flex;
  grid-area: d;
  justify-content: center;
  margin: 10px 0 0;
  padding: 12px 24px;
  scroll-behavior: smooth;
  width: calc(100vw - 60px);
}
.support--tt .support__hero__btn:hover {
  transform: translateY(3px);
}
@media screen and (min-width: 500px) {
  .support--tt .support__hero__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .support--tt .support__hero__btn {
    justify-self: left;
    margin: 0 0 20px;
  }
}
.support--tt .support__hero__btn span {
  font-size: 1rem;
  font-weight: var(--bold);
  margin: 0 0 0 3px;
}
.support--tt .support__hero__desktop {
  display: flex;
  flex-direction: column;
}
.support--tt .support__hero__desktop__btn {
  background: var(--yellow);
  border: 1px solid #000;
  color: var(--black);
  display: grid;
  justify-self: left;
  margin: 0 0 20px;
  place-content: center;
  scroll-behavior: smooth;
  width: -moz-max-content;
  width: max-content;
}
.support--tt .support__hero__desktop__lead {
  color: var(--black);
  display: block;
  font-size: 0.88rem;
  margin: 30px 0;
  max-width: 500px;
}
.support--tt .support__hero__desktop__title {
  color: var(--black);
  display: block;
  font-size: 1.6rem;
  font-weight: var(--bold);
  line-height: 1.4;
  margin: 20px 0 0;
  text-align: left;
}
@media screen and (min-width: 900px) {
  .support--tt .support__hero__desktop__title {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1600px) {
  .support--tt .support__hero__desktop__title {
    font-size: 2.2rem;
  }
}
.support--tt .support__hero__frame {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.support--tt .support__hero__frame iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.support--tt .support__hero__lead {
  color: var(--black);
  font-size: 0.88rem;
  grid-area: c;
  max-width: 500px;
}
.support--tt .support__hero__title {
  grid-area: a;
  margin: 0 0 15px;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .support--tt .support__hero__title {
    margin: 0 0 20px;
    max-width: 400px;
  }
}
@media screen and (min-width: 768px) {
  .support--tt .support__hero__title {
    font-size: 1.6rem;
    margin: 0 0 30px;
    text-align: left;
  }
}
@media screen and (min-width: 900px) {
  .support--tt .support__hero__title {
    font-size: 1.8rem;
  }
}
.support--tt .support__hero__title span {
  background: var(--black);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--black), -5px 0 0 var(--black);
  color: var(--white);
  display: inline;
  font-size: 1.2rem;
  font-weight: var(--bold);
  line-height: 1.5;
}
@media screen and (min-width: 375px) {
  .support--tt .support__hero__title span {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .support--tt .support__hero__title span {
    font-size: 1.7rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 1200px) {
  .support--tt .support__hero__title span {
    font-size: 2.2rem;
    line-height: 1.2;
  }
}
.support--tt .support__title {
  font-size: 1.4rem;
  font-weight: var(--bold);
  margin: 0 20px 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .support--tt .support__title {
    font-size: 1.8rem;
    margin: 0 30px 40px;
  }
}
.support--tt .support__title span {
  background: var(--white);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--white), -5px 0 0 var(--white);
  color: var(--secondary);
  display: inline;
  font-size: 1.4rem;
  font-weight: var(--bold);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .support--tt .support__title span {
    font-size: 1.6rem;
  }
}
.support--tax--a {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100vw;
  z-index: 1;
  --color-you-primary: #70b7d5;
  --color-you-secondary: #ec3f2c;
}
.support--tax--a .support__cta {
  grid-area: b;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 2;
}
.support--tax--a .support__cta__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 100%;
  justify-content: center;
  padding: 0 20px;
  position: relative;
  width: 100%;
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__cta__content {
    max-width: none;
  }
}
.support--tax--a .support__details {
  z-index: 1;
}
.support--tax--a .support__details__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
.support--tax--a .support__details__title {
  max-width: 600px;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__details__title {
    margin: 0 0 20px;
  }
}
.support--tax--a .support__details__title span {
  background: var(--white);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--white), -5px 0 0 var(--white);
  color: var(--black);
  display: inline;
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1.5;
}
@media screen and (min-width: 375px) {
  .support--tax--a .support__details__title span {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__details__title span {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__details__title span {
    font-size: 1.8rem;
    line-height: 1.2;
  }
}
.support--tax--a .support__details__title svg {
  max-width: 300px;
  width: 80vw;
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__details__title {
    line-height: 2.6;
  }
}
.support--tax--a .support__details__subtitle {
  align-items: center;
  color: var(--black);
  display: flex;
  flex-direction: column;
  font-size: 0.95rem;
  font-weight: var(--bold);
  width: 100%;
}
.support--tax--a .support__details__subtitle span {
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__details__subtitle {
    font-size: 1.1rem;
  }
}
.support--tax--a .support__details__subtitle ol {
  counter-reset: steps;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  margin: 80px 0 0;
  width: 100%;
}
.support--tax--a .support__details__subtitle ol li {
  counter-increment: steps;
  display: block;
  margin: 0 0 70px;
  position: relative;
  width: 100%;
}
.support--tax--a .support__details__subtitle ol li span {
  display: block;
  margin: 0 0 10px;
}
.support--tax--a .support__details__subtitle ol li:before {
  border-radius: 50%;
  color: #ffffff26;
  content: counter(steps);
  display: inline-grid;
  font-size: 6rem;
  font-weight: var(--max);
  height: 2em;
  left: -90px;
  line-height: 1.2em;
  margin-right: 0.5rem;
  place-items: center;
  position: absolute;
  top: -105px;
  width: 2em;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__details__subtitle ol li:before {
    font-size: 7rem;
    left: -150px;
    top: -110px;
  }
}
.support--tax--a .support__details__subtitle a {
  color: #ff0;
  position: relative;
}
.support--tax--a .support__details__subtitle a:hover {
  opacity: 0.8;
}
.support--tax--a .support__details__subtitle a:after {
  background-color: #ff0;
  border-radius: 3px;
  bottom: -5px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}
.support--tax--a .support__details__img {
  border: 2px solid var(--black);
  border-radius: 2px;
  height: 0;
  padding-top: 66.66%;
  position: relative;
  width: 100%;
}
.support--tax--a .support__details__img--a,
.support--tax--a .support__details__img--b,
.support--tax--a .support__details__img--c,
.support--tax--a .support__details__img--d {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--color-gray-medium);
  content: "";
  font-size: 3rem;
  font-weight: var(--bold);
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%) translatey(-50%);
  width: 100%;
}
.support--tax--a .support__details__img--a {
  background-image: url(../images/illustrations/egyszazalek_01.jpg);
}
.support--tax--a .support__details__img--b {
  background-image: url(../images/illustrations/egyszazalek_02.jpg);
}
.support--tax--a .support__details__img--c {
  background-image: url(../images/illustrations/egyszazalek_03.jpg);
}
.support--tax--a .support__details__img--d {
  background-image: url(../images/illustrations/egyszazalek_04.jpg);
}
.support--tax--a .support__details--copy,
.support--tax--a .support__details--list,
.support--tax--a .support__details--reminder,
.support--tax--a .support__details--video {
  display: grid;
  place-content: center;
  position: relative;
}
.support--tax--a .support__details--list .support__content,
.support--tax--a .support__details--video .support__content {
  max-width: 900px;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__details--list .support__content,
  .support--tax--a .support__details--video .support__content {
    max-width: 1200px;
  }
}
.support--tax--a .support__details--list .support__details__title,
.support--tax--a .support__details--video .support__details__title {
  text-align: center;
}
.support--tax--a .support__details--reminder,
.support--tax--a .support__details--video {
  background: #f6f6f6;
}
.support--tax--a .support__details--reminder .support__details__lead,
.support--tax--a .support__details--video .support__details__lead {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: left;
  width: 100%;
}
.support--tax--a .support__details--reminder .support__details__lead .btn,
.support--tax--a .support__details--reminder .support__details__lead .btn span,
.support--tax--a .support__details--video .support__details__lead .btn,
.support--tax--a .support__details--video .support__details__lead .btn span {
  width: 100%;
}
.support--tax--a .support__details--reminder .support__details__title span,
.support--tax--a .support__details--video .support__details__title span {
  background: #111;
  box-shadow: 5px 0 #111, -5px 0 #111;
  color: var(--white);
}
.support--tax--a .support__details--list {
  background: #00916b;
  padding: 40px 0 0;
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__details--list {
    padding: 80px 0 20px;
  }
}
.support--tax--a .support__details--list .support__content {
  padding: 30px 15px;
  grid-gap: 30px;
  align-items: center;
  grid-template-columns: 1fr;
  justify-items: left;
  z-index: 3;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__details--list .support__content {
    padding: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__details--list .support__content {
    padding: 0;
  }
}
.support--tax--a .support__details--list .support__content__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  width: 100%;
}
.support--tax--a .support__details--list .support__content {
  padding-bottom: 0;
}
.support--tax--a .support__details--list .support__details__subtitle {
  color: var(--white);
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__details--list .support__details__img {
    min-width: 900px;
  }
}
.support--tax--a .support__details--video {
  display: grid;
  padding: 60px 15px;
  place-content: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__details--video {
    padding: 60px 30px;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__details--video {
    padding: 80px 0;
  }
}
.support--tax--a .support__details--video .support__content {
  display: grid;
  place-content: center;
  width: 100%;
  grid-gap: 30px;
  align-items: center;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 0;
  z-index: 3;
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__details--video .support__content {
    min-width: 900px;
  }
}
.support--tax--a .support__details--video .support__content__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  width: 100%;
}
.support--tax--a .support__details--video .support__content__video {
  background-color: var(--black);
  border: 2px solid var(--black);
  border-radius: 2px;
  height: 0;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.support--tax--a .support__details--video .support__content__video iframe {
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  color: transparent;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%) translatey(-50%);
  width: 100%;
}
.support--tax--a .support__details--reminder {
  display: flex;
  flex-direction: column;
  padding: 60px 0 0;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__details--reminder {
    padding: 60px 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__details--reminder {
    padding: 60px 0;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__details--reminder {
    padding: 80px 0;
  }
}
.support--tax--a .support__details--reminder__form {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.support--tax--a .support__details--reminder__img {
  display: none;
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__details--reminder__img {
    align-items: center;
    display: grid;
    justify-items: center;
  }
  .support--tax--a .support__details--reminder__img svg {
    height: 120px;
    margin: 60px 0 40px;
    width: 120px;
  }
}
.support--tax--a .support__details--reminder .support__content {
  display: grid;
  grid-template-areas: "b" "a";
  grid-template-columns: 1fr;
  padding: 60px 15px;
  width: 100%;
  z-index: 3;
  grid-gap: 40px;
  justify-content: center;
  max-width: 900px;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__details--reminder .support__content {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__details--reminder .support__content {
    grid-template-areas: "a b";
    grid-template-columns: 2fr 1fr;
    grid-gap: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__details--reminder .support__content {
    grid-gap: 120px;
    padding: 0;
  }
}
.support--tax--a .support__details--reminder .support__content__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  width: 100%;
}
.support--tax--a .support__details--reminder .support__content__item--a {
  grid-area: a;
}
.support--tax--a .support__details--reminder .support__content__item--b {
  grid-area: b;
}
.support--tax--a .support__details--reminder .support__details__lead {
  max-width: calc(100% - 12px);
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__details--reminder .support__details__lead {
    max-width: none;
  }
}
.support--tax--a .support__details__frame {
  background: var(--white);
  border: 2px solid #111;
  display: flex;
  flex-direction: column;
  margin: 0 0 0 10px;
  max-width: calc(100% - 10px);
  padding: 15px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__details__frame {
    max-width: none;
  }
}
.support--tax--a .support__details__frame:after {
  background: #d9d9d9;
  border: 2px solid var(--black);
  border-radius: 1px;
  content: "";
  display: block;
  height: calc(100% + 4px);
  left: -12px;
  position: absolute;
  top: -2px;
  width: 100%;
  z-index: -1;
}
.support--tax--a .support__details__frame:hover:after {
  left: -10px;
}
.support--tax--a .support__details--copy {
  background: #000;
  padding: 40px 0;
}
.support--tax--a .support__details--copy__content {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 900px;
  grid-gap: 40px;
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__details--copy__content {
    grid-template-columns: 1fr 1fr;
    grid-gap: 80px;
  }
  .support--tax--a .support__details--copy {
    padding: 80px 0;
  }
}
.support--tax--a .support__details--copy .support__hero__lead {
  margin: 0;
  width: calc(100vw - 40px);
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__details--copy .support__hero__lead {
    width: 100%;
  }
}
.support--tax--a .support__faq {
  align-items: center;
  background: #3d82d5;
  display: grid;
  justify-items: center;
  padding: 40px 0 0;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__faq {
    padding: 80px 40px;
  }
}
.support--tax--a .support__faq .support__title {
  max-width: 600px;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__faq .support__title {
    margin: 0 0 20px;
  }
}
.support--tax--a .support__faq .support__title span {
  background: var(--white);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--white), -5px 0 0 var(--white);
  color: var(--black);
  display: inline;
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1.5;
}
@media screen and (min-width: 375px) {
  .support--tax--a .support__faq .support__title span {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__faq .support__title span {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__faq .support__title span {
    font-size: 1.8rem;
    line-height: 1.2;
  }
}
.support--tax--a .support__faq .support__title svg {
  max-width: 300px;
  width: 80vw;
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__faq .support__title {
    line-height: 2.6;
  }
}
.support--tax--a .support__faq__content {
  display: grid;
  place-content: center;
  width: 100%;
}
.support--tax--a .support__faq__content__title {
  color: var(--white);
  font-size: 1.2rem;
  font-weight: var(--bold);
  margin: 0 auto 30px;
}
.support--tax--a .support__faq .support__content {
  padding: 30px 15px;
  z-index: 2;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__faq .support__content {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__faq .support__content {
    align-items: start;
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }
}
.support--tax--a .support__faq .accordion {
  width: calc(100vw - 30px);
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__faq .accordion {
    width: calc(100vw - 60px);
  }
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__faq .accordion {
    width: calc(50vw - 80px);
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__faq .accordion {
    width: 500px;
  }
}
.support--tax--a .support__faq .accordion__icon {
  cursor: pointer;
}
.support--tax--a .support__faq .accordion__head {
  background: transparent;
  border: 2px solid hsla(0, 0%, 100%, 0.5);
  color: var(--white);
  cursor: pointer;
  font-size: 0.9rem;
  padding: 10px 20px;
}
.support--tax--a .support__faq .accordion__head:hover {
  border: 2px solid hsla(0, 0%, 100%, 0.7);
  opacity: 1;
}
.support--tax--a .support__faq .accordion__content {
  background: #ffffff1a;
  border: 2px solid hsla(0, 0%, 100%, 0.5);
  border-radius: 0 0 5px 5px;
  border-top: none;
  color: var(--white);
  font-size: 0.88rem;
  font-weight: var(--bold);
  max-height: 250px;
  overflow: scroll;
  scrollbar-color: transparent transparent !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.support--tax--a .support__faq .accordion__content::-webkit-scrollbar {
  display: none;
}
.support--tax--a .support__faq .accordion__content--text {
  color: var(--white);
  display: inline;
  font-size: 0.7rem !important;
  font-style: italic;
  margin: 0 !important;
}
.support--tax--a .support__faq .accordion__content a {
  color: var(--color-you-secondary);
}
.support--tax--a .support__faq .accordion__content a:hover {
  opacity: 0.8;
}
.support--tax--a .support__faq .accordion__content ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.support--tax--a .support__faq .accordion__content ul li {
  margin: 10px 0;
}
.support--tax--a .support__faq .accordion__title {
  margin: 0 7px 0 0;
}
.support--tax--a .support__hero {
  background: #3d82d5;
  display: grid;
  overflow: hidden;
  place-content: center;
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__hero {
    min-height: calc(100vh - 200px);
  }
}
.support--tax--a .support__hero .support__content {
  color: var(--white);
  display: grid;
  grid-template-areas: "a" "b";
  grid-template-columns: 1fr;
  height: 80vh;
  padding: 0;
  position: relative;
  width: 100vw;
  z-index: 3;
  grid-gap: 0;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__hero .support__content {
    transform: none;
    width: 90vw;
    grid-gap: 30px;
    grid-template-areas: "a b";
    grid-template-columns: 0.6fr 1fr;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__hero .support__content {
    grid-template-columns: 0.75fr 1fr;
    width: 80vw;
    grid-gap: 40px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__hero .support__content {
    width: 70vw;
    grid-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }
}
.support--tax--a .support__hero__img {
  background: url(../images/illustrations/1percent-light.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 18rem;
  font-weight: var(--bold);
  height: 100%;
  margin: 40px 0 20px;
  max-width: 80vw;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__hero__img {
    margin: 0;
    max-width: 100%;
  }
}
.support--tax--a .support__hero__btn {
  grid-area: d;
  opacity: 1;
  padding: 0;
  position: relative;
  transform: translate(12px);
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
}
.support--tax--a .support__hero__btn:after {
  background: #d9d9d9;
  border: 2px solid var(--black);
  border-radius: 1px;
  content: "";
  display: block;
  height: 40px;
  left: -10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__hero__btn:hover:after {
    left: -8px;
  }
  .support--tax--a .support__hero__btn:active,
  .support--tax--a .support__hero__btn:focus {
    opacity: 0.6;
  }
}
.support--tax--a .support__hero__btn span {
  align-items: center;
  background: var(--white);
  border: 2px solid var(--black);
  border-radius: 2px;
  color: var(--black);
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 0 12px;
  width: -moz-max-content;
  width: max-content;
}
.support--tax--a .support__hero__btn i {
  font-size: 1.2rem;
  margin: 0 5px 0 0;
}
.support--tax--a .support__hero__btn .tooltip {
  display: inline-block;
  position: relative;
}
.support--tax--a .support__hero__btn .tooltiptext {
  background-color: #ffe600;
  border: none;
  border-radius: 2px;
  color: var(--black);
  font-size: 12px;
  font-weight: var(--bold);
  height: 24px;
  left: calc(100% + 15px);
  opacity: 0;
  padding: 6px 10px !important;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(calc(-50% - 2px));
  transition: opacity 0.2s;
  white-space: nowrap;
  width: 100%;
  z-index: 1;
}
.support--tax--a .support__hero__btn .tooltiptext:after {
  border: 5px solid transparent;
  border-right-color: #ffe600;
  content: "";
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 500px) {
  .support--tax--a .support__hero__btn .tooltiptext:after {
    display: block;
  }
}
.support--tax--a .support__hero__btn--main span {
  background-color: #ffe600;
}
.support--tax--a .support__hero__lead {
  color: var(--white) !important;
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  font-weight: var(--medium);
  margin: 5px 0 0;
  text-decoration: none !important;
}
@media screen and (min-width: 375px) {
  .support--tax--a .support__hero__lead {
    margin: 15px 0 0;
  }
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__hero__lead {
    margin: 30px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__hero__lead {
    font-size: 0.9rem;
  }
}
.support--tax--a .support__hero__lead__info {
  color: var(--white) !important;
  font-size: 0.88rem;
  font-weight: var(--bold);
  line-height: 1.2;
  margin: 0 0 10px;
  text-decoration: none !important;
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__hero__lead__info {
    font-size: 1rem;
  }
}
.support--tax--a .support__hero__lead a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
.support--tax--a .support__hero__lead span {
  width: 100%;
}
.support--tax--a .support__hero__title {
  grid-area: a;
  margin: 0 0 0 5px;
  text-align: left;
}
@media screen and (min-width: 500px) {
  .support--tax--a .support__hero__title {
    max-width: 400px;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__hero__title {
    max-width: none;
  }
}
.support--tax--a .support__hero__title span {
  background: var(--white);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--white), -5px 0 0 var(--white);
  color: var(--black);
  display: inline;
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1.5;
}
@media screen and (min-width: 375px) {
  .support--tax--a .support__hero__title span {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__hero__title span {
    font-size: 1.8rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1920px) {
  .support--tax--a .support__hero__title span {
    font-size: 2.5rem;
  }
}
.support--tax--a .support__hero__title svg {
  max-width: 300px;
  width: 80vw;
}
@media screen and (min-width: 1200px) {
  .support--tax--a .support__hero__title {
    line-height: 2.6;
  }
}
.support--tax--a .support__title {
  font-size: 1.4rem;
  font-weight: var(--bold);
  margin: 0 20px 20px;
  text-align: center;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .support--tax--a .support__title {
    font-size: 1.8rem;
    margin: 0 30px 40px;
  }
}
.support--tax--b {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100vw;
  z-index: 1;
  --color-you-primary: #70b7d5;
  --color-you-secondary: #ec3f2c;
}
@keyframes hero-you {
  0% {
    background-color: #ffffff13;
  }
  50% {
    background-color: #ffffff53;
  }
  to {
    background-color: #ffffff13;
  }
}
.support--tax--b .support__cta {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 2;
}
.support--tax--b .support__details {
  z-index: 1;
}
.support--tax--b .support__details__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}
.support--tax--b .support__details__title {
  max-width: 600px;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details__title {
    margin: 0 0 20px;
  }
}
.support--tax--b .support__details__title span {
  background: var(--white);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--white), -5px 0 0 var(--white);
  color: var(--black);
  display: inline;
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1.5;
}
@media screen and (min-width: 375px) {
  .support--tax--b .support__details__title span {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__details__title span {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__details__title span {
    font-size: 1.8rem;
    line-height: 1.2;
  }
}
.support--tax--b .support__details__title svg {
  max-width: 300px;
  width: 80vw;
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__details__title {
    line-height: 2.6;
  }
}
.support--tax--b .support__details__subtitle {
  align-items: center;
  color: var(--black);
  display: flex;
  flex-direction: column;
  font-size: 0.95rem;
  font-weight: var(--bold);
  width: 100%;
}
.support--tax--b .support__details__subtitle span {
  text-align: left;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details__subtitle {
    font-size: 1.1rem;
  }
}
.support--tax--b .support__details__subtitle ol {
  counter-reset: steps;
  display: flex;
  flex-direction: column;
  gap: 10px;
  list-style: none;
  margin: 80px 0 0;
  width: 100%;
}
.support--tax--b .support__details__subtitle ol li {
  counter-increment: steps;
  display: block;
  margin: 0 0 70px;
  position: relative;
  width: 100%;
}
.support--tax--b .support__details__subtitle ol li span {
  display: block;
  margin: 0 0 10px;
}
.support--tax--b .support__details__subtitle ol li:before {
  border-radius: 50%;
  color: #ffffff26;
  content: counter(steps);
  display: inline-grid;
  font-size: 6rem;
  font-weight: var(--max);
  height: 2em;
  left: -90px;
  line-height: 1.2em;
  margin-right: 0.5rem;
  place-items: center;
  position: absolute;
  top: -105px;
  width: 2em;
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__details__subtitle ol li:before {
    font-size: 7rem;
    left: -150px;
    top: -110px;
  }
}
.support--tax--b .support__details__subtitle a {
  color: var(--yellow);
  position: relative;
}
.support--tax--b .support__details__subtitle a:hover {
  opacity: 0.8;
}
.support--tax--b .support__details__subtitle a:after {
  background-color: var(--yellow);
  border-radius: 3px;
  bottom: -5px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}
.support--tax--b .support__details__img {
  border: 2px solid var(--black);
  border-radius: 2px;
  height: 0;
  padding-top: 66.66%;
  position: relative;
  width: 100%;
}
.support--tax--b .support__details__img--a,
.support--tax--b .support__details__img--b,
.support--tax--b .support__details__img--c,
.support--tax--b .support__details__img--d {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--color-gray-medium);
  content: "";
  font-size: 3rem;
  font-weight: var(--bold);
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%) translatey(-50%);
  width: 100%;
}
.support--tax--b .support__details__img--a {
  background-image: url(../images/illustrations/egyszazalek_01.jpg);
}
.support--tax--b .support__details__img--b {
  background-image: url(../images/illustrations/egyszazalek_02.jpg);
}
.support--tax--b .support__details__img--c {
  background-image: url(../images/illustrations/egyszazalek_03.jpg);
}
.support--tax--b .support__details__img--d {
  background-image: url(../images/illustrations/egyszazalek_04.jpg);
}
.support--tax--b .support__details--copy,
.support--tax--b .support__details--list,
.support--tax--b .support__details--reminder,
.support--tax--b .support__details--video {
  display: grid;
  place-content: center;
  position: relative;
}
.support--tax--b .support__details--list .support__content,
.support--tax--b .support__details--video .support__content {
  max-width: 900px;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__details--list .support__content,
  .support--tax--b .support__details--video .support__content {
    max-width: 1200px;
  }
}
.support--tax--b .support__details--list .support__details__title,
.support--tax--b .support__details--video .support__details__title {
  text-align: center;
}
.support--tax--b .support__details--reminder,
.support--tax--b .support__details--video {
  background: #f6f6f6;
}
.support--tax--b .support__details--reminder .support__details__lead,
.support--tax--b .support__details--video .support__details__lead {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: left;
  width: 100%;
}
.support--tax--b .support__details--reminder .support__details__lead .btn,
.support--tax--b .support__details--reminder .support__details__lead .btn span,
.support--tax--b .support__details--video .support__details__lead .btn,
.support--tax--b .support__details--video .support__details__lead .btn span {
  width: 100%;
}
.support--tax--b .support__details--reminder .support__details__title span,
.support--tax--b .support__details--video .support__details__title span {
  background: var(--black);
  box-shadow: 5px 0 0 var(--black), -5px 0 0 var(--black);
  color: var(--white);
}
.support--tax--b .support__details--list {
  background: var(--black);
  padding: 40px 0 0;
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__details--list {
    padding: 80px 0 20px;
  }
}
.support--tax--b .support__details--list .support__content {
  padding: 30px 15px;
  grid-gap: 30px;
  align-items: center;
  grid-template-columns: 1fr;
  justify-items: left;
  z-index: 3;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details--list .support__content {
    padding: 30px;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__details--list .support__content {
    padding: 0;
  }
}
.support--tax--b .support__details--list .support__content__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  width: 100%;
}
.support--tax--b .support__details--list .support__content {
  padding-bottom: 0;
}
.support--tax--b .support__details--list .support__details__subtitle {
  color: var(--white);
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__details--list .support__details__img {
    min-width: 900px;
  }
}
.support--tax--b .support__details--video {
  display: grid;
  padding: 60px 15px;
  place-content: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details--video {
    padding: 60px 30px;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__details--video {
    padding: 80px 0;
  }
}
.support--tax--b .support__details--video .support__content {
  display: grid;
  place-content: center;
  width: 100%;
  grid-gap: 30px;
  align-items: center;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 0;
  z-index: 3;
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__details--video .support__content {
    min-width: 900px;
  }
}
.support--tax--b .support__details--video .support__content__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  width: 100%;
}
.support--tax--b .support__details--video .support__content__video {
  background-color: var(--black);
  border: 2px solid var(--black);
  border-radius: 2px;
  height: 0;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.support--tax--b .support__details--video .support__content__video iframe {
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  color: transparent;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%) translatey(-50%);
  width: 100%;
}
.support--tax--b .support__details--reminder {
  display: flex;
  flex-direction: column;
  padding: 60px 0 0;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details--reminder {
    padding: 60px 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__details--reminder {
    padding: 60px 0;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__details--reminder {
    padding: 80px 0;
  }
}
.support--tax--b .support__details--reminder__form {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.support--tax--b .support__details--reminder__img {
  display: none;
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__details--reminder__img {
    align-items: center;
    display: grid;
    justify-items: center;
  }
  .support--tax--b .support__details--reminder__img svg {
    height: 120px;
    margin: 60px 0 40px;
    width: 120px;
  }
}
.support--tax--b .support__details--reminder .support__content {
  display: grid;
  grid-template-areas: "b" "a";
  grid-template-columns: 1fr;
  padding: 60px 15px;
  width: 100%;
  z-index: 3;
  grid-gap: 40px;
  justify-content: center;
  max-width: 900px;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details--reminder .support__content {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__details--reminder .support__content {
    grid-template-areas: "a b";
    grid-template-columns: 2fr 1fr;
    grid-gap: 60px;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__details--reminder .support__content {
    grid-gap: 120px;
    padding: 0;
  }
}
.support--tax--b .support__details--reminder .support__content__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  width: 100%;
}
.support--tax--b .support__details--reminder .support__content__item--a {
  grid-area: a;
}
.support--tax--b .support__details--reminder .support__content__item--b {
  grid-area: b;
}
.support--tax--b .support__details--reminder .support__details__lead {
  max-width: calc(100% - 12px);
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details--reminder .support__details__lead {
    max-width: none;
  }
}
.support--tax--b .support__details--reminder .btn {
  border: 2px solid var(--black);
  color: var(--black);
}
.support--tax--b .support__details__frame {
  background: var(--white);
  border: 2px solid #111;
  display: flex;
  flex-direction: column;
  padding: 15px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details__frame {
    max-width: none;
  }
}
.support--tax--b .support__details__frame:hover:after {
  left: -10px;
}
.support--tax--b .support__details--copy {
  background: #404040;
  padding: 40px 0;
}
.support--tax--b .support__details--copy__content {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 900px;
  grid-gap: 40px;
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__details--copy__content {
    align-items: center;
    display: flex;
    gap: 80px;
    gap: 120px;
    justify-content: center;
    padding: 0;
  }
  .support--tax--b .support__details--copy {
    padding: 80px 0;
  }
}
.support--tax--b .support__details--copy .support__hero__lead {
  margin: 0;
  width: calc(100vw - 40px);
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details--copy .support__hero__lead {
    width: 100%;
  }
}
.support--tax--b .support__details--allj-ki {
  background: #fefefe;
  padding: 40px 0;
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__details--allj-ki {
    padding: 80px 0;
  }
}
.support--tax--b .support__details__btn {
  border: 2px solid var(--white);
  color: var(--white);
  display: grid;
  font-size: 0.77rem;
  font-weight: var(--bold);
  opacity: 1;
  padding: 5px 8px;
  place-content: center;
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 330px) {
  .support--tax--b .support__details__btn {
    font-size: 0.88rem;
  }
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details__btn {
    font-size: 1rem;
  }
}
.support--tax--b .support__details__btn i {
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 0.5;
}
.support--tax--b .support__details__btn .tooltip {
  display: inline-block;
  position: relative;
}
.support--tax--b .support__details__btn .tooltiptext {
  background-color: #ffe600;
  border: none;
  border-radius: 2px;
  color: var(--black);
  display: grid;
  font-size: 12px;
  font-weight: var(--bold);
  height: 24px;
  left: calc(100% + 15px);
  opacity: 0;
  place-content: center;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(calc(-50% - 2px));
  transition: opacity 0.2s;
  white-space: nowrap;
  width: calc(100% + 26px);
  z-index: 1;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details__btn .tooltiptext {
    width: calc(100% + 10px);
  }
}
.support--tax--b .support__details__btn .tooltiptext:after {
  border: 5px solid transparent;
  border-right-color: #ffe600;
  content: "";
  display: block;
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.support--tax--b .support__details__btn--main span {
  background-color: #ffe600;
}
.support--tax--b .support__details__lead {
  color: var(--white) !important;
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  font-weight: var(--medium);
  margin: 5px 0 0;
  text-decoration: none !important;
}
@media screen and (min-width: 375px) {
  .support--tax--b .support__details__lead {
    margin: 15px 0 0;
  }
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__details__lead {
    margin: 30px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__details__lead {
    font-size: 0.9rem;
    width: -moz-max-content;
    width: max-content;
  }
}
.support--tax--b .support__details__lead__info {
  color: var(--white) !important;
  font-size: 0.88rem;
  font-weight: var(--bold);
  line-height: 1.2;
  margin: 0 0 10px;
  text-decoration: none !important;
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__details__lead__info {
    font-size: 1.1rem;
  }
}
.support--tax--b .support__details__lead a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
.support--tax--b .support__details__lead span {
  width: 100%;
}
.support--tax--b .support__faq {
  align-items: center;
  background: var(--black);
  display: grid;
  justify-items: center;
  padding: 40px 0 0;
  position: relative;
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__faq {
    padding: 80px 40px;
  }
}
.support--tax--b .support__faq .support__title {
  max-width: 600px;
  text-align: center;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__faq .support__title {
    margin: 0 0 20px;
  }
}
.support--tax--b .support__faq .support__title span {
  background: var(--white);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--white), -5px 0 0 var(--white);
  color: var(--black);
  display: inline;
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1.5;
}
@media screen and (min-width: 375px) {
  .support--tax--b .support__faq .support__title span {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__faq .support__title span {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__faq .support__title span {
    font-size: 1.8rem;
    line-height: 1.2;
  }
}
.support--tax--b .support__faq .support__title svg {
  max-width: 300px;
  width: 80vw;
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__faq .support__title {
    line-height: 2.6;
  }
}
.support--tax--b .support__faq__content {
  display: grid;
  place-content: center;
  width: 100%;
}
.support--tax--b .support__faq__content__title {
  color: var(--white);
  font-size: 1.2rem;
  font-weight: var(--bold);
  margin: 0 auto 30px;
}
.support--tax--b .support__faq .support__content {
  padding: 30px 15px;
  z-index: 2;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__faq .support__content {
    padding: 30px;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__faq .support__content {
    align-items: start;
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }
}
.support--tax--b .support__faq .accordion {
  width: calc(100vw - 30px);
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__faq .accordion {
    width: calc(100vw - 60px);
  }
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__faq .accordion {
    width: calc(50vw - 80px);
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__faq .accordion {
    width: 500px;
  }
}
.support--tax--b .support__faq .accordion__icon {
  cursor: pointer;
}
.support--tax--b .support__faq .accordion__head {
  background: transparent;
  border: 2px solid hsla(0, 0%, 100%, 0.5);
  color: var(--white);
  cursor: pointer;
  font-size: 0.9rem;
  padding: 10px 20px;
}
.support--tax--b .support__faq .accordion__head:hover {
  border: 2px solid hsla(0, 0%, 100%, 0.7);
  opacity: 1;
}
.support--tax--b .support__faq .accordion__content {
  background: #ffffff1a;
  border: 2px solid hsla(0, 0%, 100%, 0.5);
  border-radius: 0 0 5px 5px;
  border-top: none;
  color: var(--white);
  font-size: 0.88rem;
  font-weight: var(--bold);
  max-height: 250px;
  overflow: scroll;
  scrollbar-color: transparent transparent !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.support--tax--b .support__faq .accordion__content::-webkit-scrollbar {
  display: none;
}
.support--tax--b .support__faq .accordion__content--text {
  color: var(--white);
  display: inline;
  font-size: 0.7rem !important;
  font-style: italic;
  margin: 0 !important;
}
.support--tax--b .support__faq .accordion__content a {
  color: var(--color-you-secondary);
}
.support--tax--b .support__faq .accordion__content a:hover {
  opacity: 0.8;
}
.support--tax--b .support__faq .accordion__content ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.support--tax--b .support__faq .accordion__content ul li {
  margin: 10px 0;
}
.support--tax--b .support__faq .accordion__title {
  margin: 0 7px 0 0;
}
.support--tax--b .support__hero {
  background: var(--black);
  display: grid;
  overflow: hidden;
  place-content: center;
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__hero {
    min-height: calc(100vh - 200px);
  }
}
.support--tax--b .support__hero .support__content {
  align-items: center;
  color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 80vh;
  justify-content: center;
  padding: 0;
  position: relative;
  width: 100vw;
  z-index: 3;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__hero .support__content {
    width: 90vw;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__hero .support__content {
    padding: 0;
    width: 80vw;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__hero .support__content {
    width: 70vw;
  }
}
.support--tax--b .support__hero__img {
  background: url(../images/illustrations/allj_ki_te_is-l.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 18rem;
  font-weight: var(--bold);
  height: 100%;
  margin: 40px 0 20px;
  max-width: 80vw;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__hero__img {
    margin: 0;
    max-width: 100%;
  }
}
.support--tax--b .support__hero__btn {
  border: 2px solid var(--white);
  border-radius: 4px;
  color: var(--white);
  display: grid;
  font-size: 0.77rem;
  font-weight: var(--bold);
  padding: 5px 8px;
  place-content: center;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (min-width: 330px) {
  .support--tax--b .support__hero__btn {
    font-size: 0.88rem;
  }
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__hero__btn {
    font-size: 1rem;
  }
}
.support--tax--b .support__hero__btn i {
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 0.5;
}
.support--tax--b .support__hero__btn--main {
  background: var(--white);
  color: var(--black);
}
.support--tax--b .support__hero__lead {
  color: var(--white) !important;
  display: flex;
  flex-direction: column;
  font-size: 0.8rem;
  font-weight: var(--medium);
  margin: 5px 0 0;
  text-decoration: none !important;
}
@media screen and (min-width: 375px) {
  .support--tax--b .support__hero__lead {
    margin: 15px 0 0;
  }
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__hero__lead {
    margin: 30px 0 0;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__hero__lead {
    font-size: 0.9rem;
  }
}
.support--tax--b .support__hero__lead__info {
  color: var(--black) !important;
  font-size: 0.88rem;
  font-weight: var(--bold);
  line-height: 1.2;
  margin: 0 0 10px;
  text-decoration: none !important;
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__hero__lead__info {
    font-size: 1rem;
  }
}
.support--tax--b .support__hero__lead a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}
.support--tax--b .support__hero__lead span {
  width: 100%;
}
.support--tax--b .support__hero__title {
  grid-area: a;
  margin: 0 0 0 5px;
  text-align: left;
}
@media screen and (min-width: 500px) {
  .support--tax--b .support__hero__title {
    max-width: 400px;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__hero__title {
    max-width: none;
  }
}
.support--tax--b .support__hero__title span {
  background: var(--white);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--white), -5px 0 0 var(--white);
  color: var(--black);
  display: inline;
  font-size: 1rem;
  font-weight: var(--bold);
  line-height: 1.5;
}
@media screen and (min-width: 375px) {
  .support--tax--b .support__hero__title span {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__hero__title span {
    font-size: 1.8rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1920px) {
  .support--tax--b .support__hero__title span {
    font-size: 2.5rem;
  }
}
.support--tax--b .support__hero__title svg {
  max-width: 300px;
  width: 80vw;
}
@media screen and (min-width: 1200px) {
  .support--tax--b .support__hero__title {
    line-height: 2.6;
  }
}
.support--tax--b .support__title {
  font-size: 1.4rem;
  font-weight: var(--bold);
  margin: 0 20px 20px;
  text-align: center;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .support--tax--b .support__title {
    font-size: 1.8rem;
    margin: 0 30px 40px;
  }
}
.academy__actions {
  background: #5df;
  display: grid;
  padding: 70px 0 120px;
  place-content: center;
  position: relative;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  .academy__actions {
    padding: 100px 0 120px;
  }
}
@media screen and (min-width: 1200px) {
  .academy__actions {
    padding: 200px 0;
  }
}
.academy__actions__content {
  display: grid;
  grid-template-columns: 1fr;
  width: 80vw;
  grid-gap: 0 100px;
  color: #111;
  max-width: 690px;
}
@media screen and (min-width: 1200px) {
  .academy__actions__content {
    grid-template-columns: 1fr 1fr;
    max-width: none;
  }
}
@media screen and (min-width: 1500px) {
  .academy__actions__content {
    max-width: 1200px;
  }
}
.academy__actions__content h2 {
  font-size: 1.3rem;
  line-height: 1.2;
  margin: 50px 0 20px;
}
@media screen and (min-width: 768px) {
  .academy__actions__content h2 {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1200px) {
  .academy__actions__content h2 {
    font-size: 2rem;
    margin: 0 0 20px;
  }
}
.academy__actions__content a:not(.btn) {
  color: #e35;
  font-weight: var(--bold);
}
.academy__actions__content a:not(.btn):hover {
  text-decoration: underline;
}
.academy__actions__shapes {
  bottom: -140px;
  height: 250px;
  overflow: visible;
  position: absolute;
  right: 50%;
  transform: translate(50%);
  width: 80vw;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .academy__actions__shapes {
    bottom: -122px;
    height: 600px;
    right: -30px;
    transform: none;
    width: 700px;
  }
}
.academy__container {
  display: flex;
  flex-direction: column;
  width: 100vw;
}
.academy__container .support__faq {
  background: #e35;
  padding: 120px 40px 20px;
}
@media screen and (min-width: 768px) {
  .academy__container .support__faq {
    padding: 150px 40px 120px;
  }
}
.academy__container .support__faq__content .accordion:last-child {
  margin-bottom: 0;
}
.academy__container .support__faq__content .accordion__head {
  background: transparent;
  border: 2px solid var(--white);
  font-size: 0.9rem;
  padding: 10px 20px;
}
.academy__container .support__faq__content .accordion__content {
  background: #0000001a;
  border: 2px solid hsla(0, 0%, 100%, 0.5);
  border-top: none;
  font-size: 0.9rem;
  padding: 15px 20px;
}
.academy__container .support__faq__content .accordion__content a {
  color: var(--yellow);
}
.academy__container .support__faq__content .accordion__title {
  text-align: left;
}
.academy__container .support__faq__content .accordion__content,
.academy__container .support__faq__content .accordion__icon,
.academy__container .support__faq__content .accordion__title {
  color: var(--white) !important;
}
.academy__container .support__faq h2 {
  color: var(--white);
  margin: 0 auto;
  max-width: 1200px;
}
@media screen and (min-width: 768px) {
  .academy__container .support__faq h2 {
    text-align: center;
  }
}
.academy__container .support__faq .support__content {
  grid-gap: 10px;
  padding: 30px 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .academy__container .support__faq .support__content {
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px;
    align-items: start;
    margin: 0 auto;
    max-width: 1200px;
  }
}
@media screen and (min-width: 1200px) {
  .academy__container .support__faq .support__content {
    grid-gap: 60px;
  }
}
.academy__details {
  background: #fd1;
  display: grid;
  padding: 120px 0;
  place-content: center;
  position: relative;
  width: 100vw;
}
@media screen and (min-width: 1200px) {
  .academy__details {
    padding: 200px 0;
  }
}
.academy__details__content {
  display: grid;
  grid-template-columns: 1fr;
  width: 80vw;
  grid-gap: 0 100px;
  color: #111;
  max-width: 690px;
}
@media screen and (min-width: 1200px) {
  .academy__details__content {
    grid-template-columns: 1fr 1fr;
    max-width: none;
  }
}
@media screen and (min-width: 1500px) {
  .academy__details__content {
    max-width: 1200px;
  }
}
.academy__details__content__text {
  display: block;
}
.academy__details__content__text .academy__highlighted {
  color: #f6f6f6;
  font-weight: var(--bold);
  margin: 0 4px;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}
.academy__details__content__text .academy__highlighted:after {
  background: #e35;
  content: "";
  height: 26px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(-4px) translateY(-50%) rotate(-1deg);
  white-space: nowrap;
  width: calc(100% + 8px);
  z-index: -1;
}
.academy__details__content h2 {
  font-size: 1.3rem;
  line-height: 1.2;
  margin: 50px 0 20px;
}
@media screen and (min-width: 1200px) {
  .academy__details__content h2 {
    font-size: 2rem;
    line-height: 1.2;
    margin: 0 0 20px;
  }
}
.academy__details__shapes {
  bottom: -100px;
  height: 200px;
  left: 50%;
  overflow: visible;
  position: absolute;
  transform: rotate(-10deg) translate(-50%);
  width: 150px;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .academy__details__shapes {
    bottom: 100px;
    height: 700px;
    left: -100px;
    transform: rotate(-10deg) translate(0);
    width: 750px;
  }
}
.academy__footer {
  background: #e35;
}
.academy__footer__content {
  display: grid;
  grid-template-columns: 1fr;
  width: calc(100vw - 60px);
  grid-gap: 20px;
  color: #f6f6f6;
  font-size: 1rem;
  justify-items: left;
  margin: 0 0 100px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .academy__footer__content {
    margin-inline: auto;
    width: 690px;
    grid-gap: 30px;
    justify-items: center;
  }
}
.academy__footer__content span {
  cursor: default;
  display: block;
}
@media screen and (min-width: 768px) {
  .academy__footer__content span {
    display: initial;
  }
}
.academy__footer__email {
  margin: 0 0 20px;
}
.academy__footer__email a {
  color: #fd1;
}
.academy__footer__title {
  font-weight: var(--bold);
}
.academy__hero {
  align-items: center;
  background: #e35;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 110px);
  justify-content: center;
  position: relative;
  width: 100vw;
}
.academy__hero__btn {
  background: #fd1;
  border: 2px solid #111;
  color: #111;
  display: grid;
  grid-area: d;
  margin: 20px 0 0;
  place-content: center;
  position: relative;
  scroll-behavior: smooth;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: -moz-max-content;
  width: max-content;
}
.academy__hero__btn:active .svg,
.academy__hero__btn:hover .svg {
  right: -46px;
  transform: rotate(-8deg);
}
@media screen and (min-width: 768px) {
  .academy__hero__btn:active .svg,
  .academy__hero__btn:hover .svg {
    right: -73px;
  }
}
@media screen and (min-width: 500px) {
  .academy__hero__btn {
    width: -moz-max-content;
    width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .academy__hero__btn {
    font-size: 1.3rem;
    justify-self: left;
    margin: 20px 0 0;
    padding: 25px 30px;
  }
}
@media screen and (min-width: 1200px) {
  .academy__hero__btn {
    border: 3px solid #111;
  }
}
.academy__hero__btn .svg {
  bottom: -5px;
  height: 30px;
  position: absolute;
  right: -24px;
  transition: right 0.5s ease-in-out, transform 0.5s ease-in-out;
  width: 40px;
}
@media screen and (min-width: 768px) {
  .academy__hero__btn .svg {
    bottom: 5px;
    right: -34px;
    width: 60px;
  }
}
.academy__hero__content {
  align-items: center;
  background: #f6f6f6;
  border: 2px solid #111;
  display: flex;
  flex-direction: column;
  height: calc(100% - 40px);
  justify-content: center;
  width: calc(100% - 40px);
}
@media screen and (min-width: 768px) {
  .academy__hero__content {
    height: calc(100% - 100px);
    width: calc(100% - 100px);
  }
}
@media screen and (min-width: 1200px) {
  .academy__hero__content {
    border: 3px solid #111;
  }
}
.academy__hero__cursor {
  animation: cursorBlink 0.5s infinite;
  background: #111;
  display: inline-block;
  margin: 0 0 0 10px;
  width: 4px;
}
.academy__hero__text {
  color: #111;
  font-size: 1.3rem;
  line-height: 1.5;
  margin: 0 0 30px;
  max-width: calc(100vw - 80px);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .academy__hero__text {
    font-size: 2rem;
    max-width: none;
  }
}
@media screen and (min-width: 1200px) {
  .academy__hero__text {
    font-size: 4vw;
  }
}
.academy__hero__text__vars {
  border-bottom: 4px solid #e35;
  padding: 0 0 3px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .academy__hero__text__vars {
    border-bottom: none;
    padding: 0;
  }
  .academy__hero__text__vars:before {
    background: #e35;
    bottom: -10px;
    content: "";
    height: 7px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
  }
}
.academy__hero__shapes {
  bottom: -95px;
  height: 200px;
  left: -50px;
  position: absolute;
  width: 280px;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .academy__hero__shapes {
    bottom: -118px;
    height: 350px;
    left: -80px;
    width: 530px;
  }
}
@media screen and (min-width: 1200px) {
  .academy__hero__shapes {
    bottom: -200px;
    height: 510px;
    left: -30px;
    width: 500px;
  }
}
@media screen and (min-width: 1500px) {
  .academy__hero__shapes {
    bottom: -190px;
    height: 510px;
    left: -130px;
    width: 800px;
  }
}
.academy__logo {
  background-image: url(../images/telexakademia.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 22px;
  position: absolute;
  right: 50%;
  top: 50px;
  transform: translate(50%);
  width: 160px;
}
@media screen and (min-width: 768px) {
  .academy__logo {
    height: 60px;
    right: 100px;
    top: 100px;
    transform: none;
    width: 220px;
  }
}
.academy__shapes {
  stroke-width: 2px;
  stroke: #111;
}
@media screen and (min-width: 1200px) {
  .academy__shapes {
    stroke-width: 3px;
  }
}
@keyframes cursorBlink {
  49% {
    background: #f6f6f6;
  }
  50% {
    background: transparent;
  }
  99% {
    background: transparent;
  }
}
.youth {
  background: var(--youth-bg);
  display: grid;
  font-family: var(--grotesk);
  padding: 0 0 30px;
  place-content: center;
  width: 100vw;
}
.youth__container {
  padding: 0 15px;
}
@media screen and (min-width: 500px) {
  .youth__container {
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px) {
  .youth__container {
    max-width: 90vw;
    padding: 40px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .youth__container {
    max-width: 1200px;
  }
}
@media screen and (min-width: 2000px) {
  .youth__container {
    max-width: 1600px;
  }
}
.youth__card {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 7px;
  align-content: start;
  border: 3px solid var(--youth-card);
  border-radius: 17px;
  cursor: pointer;
  transition: border-radius 0.15s ease-out, outline 0.15s ease-out,
    translateY 0.15s ease-out;
  -webkit-tap-highlight-color: transparent;
}
.youth__card .youth__card__img {
  border-radius: 9px;
}
.youth__card:hover {
  border: 3px solid var(--youth-card-hover);
}
.youth__card__img {
  border: 1px solid rgba(17, 51, 85, 0.15);
  border-radius: 0;
  display: block;
  height: 0;
  left: 0;
  overflow: hidden;
  padding-bottom: 66.66%;
  position: relative;
  top: 0;
  transition: border-radius 0.15s ease-out;
  width: 100%;
}
.youth__card__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.youth__card__title {
  color: var(--youth-txt);
  display: flex;
  flex-direction: column;
  font-weight: var(--bold);
}
.youth__card__lead {
  color: var(--secondary);
  font-size: 1rem;
  font-weight: var(--regular);
  line-height: 1.4;
}
.youth__block {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
  border-top: 3px solid var(--youth-separator);
  margin: 80px 0;
  max-width: calc(100vw - 30px);
  padding: 80px 0 0;
  position: relative;
}
@media screen and (min-width: 500px) {
  .youth__block {
    margin: 80px 0;
    max-width: calc(100vw - 40px);
    padding: 80px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block {
    margin: 100px 0;
    padding: 100px 0 0;
  }
}
.youth__block::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 768px) {
  .youth__block {
    max-width: none;
  }
}
.youth__block__content {
  display: grid;
  grid-gap: 10px;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.youth__block__content::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 500px) {
  .youth__block__content {
    overflow: visible;
    grid-gap: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block__content {
    grid-gap: 20px;
  }
}
.youth__block__title {
  align-items: center;
  background: var(--youth-bg);
  color: var(--youth-txt);
  display: flex;
  position: absolute;
  top: -43px;
  width: -moz-max-content;
  width: max-content;
  -webkit-tap-highlight-color: transparent;
  cursor: default;
}
@media screen and (min-width: 500px) {
  .youth__block__title {
    top: -42px;
  }
}
.youth__block__title span {
  font-size: 1.3rem;
  font-weight: var(--bold);
}
@media screen and (min-width: 375px) {
  .youth__block__title span {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 500px) {
  .youth__block__title span {
    font-size: 1.77rem;
  }
}
@media screen and (min-width: 768px) {
  .youth__block__title span {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block__title span {
    font-size: 3rem;
  }
}
.youth__block--xsmall {
  grid-gap: 20px 0;
}
@media screen and (min-width: 768px) {
  .youth__block--xsmall {
    grid-template-columns: 1fr;
    grid-gap: 0 40px;
  }
}
.youth__block--xsmall .youth__card {
  padding: 15px;
}
.youth__block--xsmall .youth__block__title {
  left: 50%;
  transform: translate(-50%);
}
.youth__block--xsmall .youth__block__title svg {
  fill: var(--youth-accent);
  height: 80px;
  width: 80px;
}
.youth__block--xsmall .youth__block__title span {
  margin: 0 15px;
}
.youth__block--xsmall .youth__block__content {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 75vw 75vw 75vw;
  max-width: calc(100vw - 40px);
  overflow: scroll;
  scrollbar-color: transparent transparent !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 5px 0;
}
.youth__block--xsmall .youth__block__content::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 500px) {
  .youth__block--xsmall .youth__block__content {
    grid-template-columns: 1fr;
    grid-gap: 10px;
    overflow: visible;
  }
}
@media screen and (min-width: 768px) {
  .youth__block--xsmall .youth__block__content {
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px 10px;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block--xsmall .youth__block__content {
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.youth__block--xsmall .youth__block__content .youth__card {
  grid-template-columns: 1fr;
  grid-gap: 15px;
  align-items: start;
  border: none;
  border-radius: 100%;
  padding: 20px 20px 20px 22px;
  position: relative;
}
@media screen and (min-width: 375px) {
  .youth__block--xsmall .youth__block__content .youth__card {
    grid-template-columns: 70px 1fr;
  }
}
.youth__block--xsmall .youth__block__content .youth__card:after {
  border: 3px solid var(--youth-card);
  border-radius: 50%;
  content: "";
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-radius 0.15s ease-out, outline 0.15s ease-out,
    translateY 0.15s ease-out;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .youth__block--xsmall .youth__block__content .youth__card:after {
    transform: rotate(-10deg);
  }
}
.youth__block--xsmall .youth__block__content .youth__card:hover:after {
  border: 3px solid var(--youth-card-hover);
  border-radius: 15px;
  transform: rotate(0);
}
.youth__block--xsmall .youth__block__content .youth__card__img {
  display: none;
}
@media screen and (min-width: 375px) {
  .youth__block--xsmall .youth__block__content .youth__card__img {
    display: block;
    height: 70px;
    outline: 8px solid var(--youth-bg);
    outline-offset: -1px;
    padding-bottom: 100%;
    transform: translateY(5px);
    width: 70px;
    z-index: 2;
  }
}
.youth__block--xsmall .youth__block__content .youth__card__title {
  display: inline;
  min-height: 117px;
  width: 100%;
  z-index: 2;
}
.youth__block--xsmall .youth__block__content .youth__card__title span {
  background-color: var(--youth-bg);
  border-radius: 10px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 8px 0 0 var(--youth-bg), -8px 0 0 var(--youth-bg);
  font-size: 0.88rem;
  line-height: 1.25;
}
@media screen and (min-width: 500px) {
  .youth__block--xsmall .youth__block__content .youth__card__title span {
    font-size: 1.11rem;
  }
}
.youth__block--xsmall .youth__icon {
  margin: 0 0 0 15px;
}
@media screen and (min-width: 500px) {
  .youth__block--xsmall .youth__icon {
    margin: 0 0 0 20px;
  }
}
.youth__block--small .youth__block__title {
  left: 0;
}
@media screen and (min-width: 500px) {
  .youth__block--small .youth__block__title {
    left: auto;
    right: 0;
  }
}
.youth__block--small .youth__block__title svg {
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: rotate;
  animation-timing-function: linear;
  height: 80px;
  width: 80px;
  fill: var(--youth-accent);
}
@keyframes rotate {
  to {
    transform: rotate(1turn);
  }
}
.youth__block--small .youth__block__title span {
  margin: 0 20px;
}
@media screen and (min-width: 500px) {
  .youth__block--small .youth__block__title span {
    margin: 0 0 0 20px;
  }
}
.youth__block--small .youth__block__content {
  grid-template-columns: 75vw 75vw 75vw 75vw;
  padding: 0;
}
@media screen and (min-width: 500px) {
  .youth__block--small .youth__block__content {
    grid-template-columns: 1fr 1fr;
    width: auto;
    grid-gap: 30px 20px;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block--small .youth__block__content {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
  }
}
@media screen and (min-width: 1400px) {
  .youth__block--small .youth__block__content {
    padding: 0 150px 0 0;
  }
}
.youth__block--small .youth__card {
  padding: 10px;
}
@media screen and (min-width: 1200px) {
  .youth__block--small .youth__card {
    padding: 15px;
  }
}
.youth__block--small .youth__card__title {
  font-size: 0.9rem;
  line-height: 1.3;
}
@media screen and (min-width: 375px) {
  .youth__block--small .youth__card__title {
    font-size: 1.11rem;
  }
}
.youth__block--small .youth__card__img {
  border-radius: 11px;
}
@media screen and (min-width: 500px) {
  .youth__block--small .youth__icon {
    margin: 0 0 0 20px;
  }
}
.youth__block--medium .youth__card {
  padding: 15px;
}
@media screen and (min-width: 500px) {
  .youth__block--medium .youth__card {
    grid-template-columns: 100px 1fr;
    grid-gap: 15px;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block--medium .youth__card {
    grid-template-columns: 1fr;
    padding: 30px;
  }
}
.youth__block--medium .youth__card__title {
  font-size: 0.9rem;
  line-height: 1.3;
}
@media screen and (min-width: 375px) {
  .youth__block--medium .youth__card__title {
    font-size: 1.11rem;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block--medium .youth__card__title {
    line-height: 1.3;
  }
}
@media screen and (min-width: 1600px) {
  .youth__block--medium .youth__card__title {
    font-size: 1.44rem;
  }
}
.youth__block--medium .youth__card__img {
  border-radius: 11px;
  padding-bottom: 100%;
}
.youth__block--medium .youth__block__content {
  grid-template-columns: 75vw 75vw 75vw;
  padding: 0;
}
@media screen and (min-width: 500px) {
  .youth__block--medium .youth__block__content {
    grid-template-columns: 1fr;
    width: auto;
  }
}
@media screen and (min-width: 1100px) {
  .youth__block--medium .youth__block__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1400px) {
  .youth__block--medium .youth__block__content {
    padding: 0 0 0 150px;
  }
}
.youth__block--medium .youth__block__title {
  left: 0;
}
.youth__block--medium .youth__block__title svg {
  height: 60px;
  width: 60px;
  fill: var(--youth-accent);
}
@media screen and (min-width: 500px) {
  .youth__block--medium .youth__block__title svg {
    height: 80px;
    width: 80px;
  }
}
.youth__block--medium .youth__block__title span {
  margin: 0 20px;
}
.youth__block--large .youth__block__content {
  grid-template-columns: 75vw 75vw 75vw;
  padding: 0;
}
@media screen and (min-width: 500px) {
  .youth__block--large .youth__block__content {
    grid-template-columns: 1fr 1fr;
    width: auto;
    grid-gap: 30px 20px;
  }
}
@media screen and (min-width: 768px) {
  .youth__block--large .youth__block__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.youth__block--large .youth__card {
  padding: 15px;
}
@media screen and (min-width: 1200px) {
  .youth__block--large .youth__card {
    padding: 20px 20px 15px;
  }
}
.youth__block--large .youth__card__title {
  font-size: 0.9rem;
  line-height: 1.3;
}
@media screen and (min-width: 375px) {
  .youth__block--large .youth__card__title {
    font-size: 1.11rem;
  }
}
@media screen and (min-width: 1600px) {
  .youth__block--large .youth__card__title {
    font-size: 1.44rem;
  }
}
.youth__block--large .youth__card__img {
  border-radius: 11px;
}
.youth__block--large .youth__card__info--tag {
  align-items: center;
  background: var(--white);
  border-radius: 3px;
  display: flex;
  margin: 7px 0 0;
  padding: 2px 7px;
  width: -moz-max-content;
  width: max-content;
}
.youth__block--large .youth__card__info--tag svg {
  margin: 0 3px 0 0;
  width: 8px;
  fill: var(--black);
}
.youth__block--large .youth__card__info--tag span {
  color: var(--black);
  font-size: 0.8rem;
  font-weight: var(--bold);
  line-height: 1.3;
  text-transform: uppercase;
}
.youth__block--large .youth__block__title {
  left: 0;
}
.youth__block--large .youth__block__title svg {
  height: 80px;
  width: 80px;
  fill: var(--youth-accent);
}
.youth__block--large .youth__block__title span {
  margin: 0 20px;
}
.youth__block--leader {
  grid-gap: 20px 0;
}
@media screen and (max-width: 499px) {
  .youth__block--leader {
    padding-top: 180px;
  }
}
.youth__block--leader .youth__block__title {
  background: var(--youth-bg);
  left: 0;
  margin: 0 auto;
  padding: 0 20px;
  right: 0;
  top: -30px;
}
@media screen and (min-width: 500px) {
  .youth__block--leader .youth__block__title {
    left: 0;
    margin: 0;
    padding: 0 30px 0 0;
    right: auto;
    top: -50px;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block--leader .youth__block__title {
    top: -75px;
  }
}
.youth__block--leader .youth__block__title svg {
  height: 50px;
  width: 80px;
  fill: var(--youth-accent);
}
@media screen and (min-width: 500px) {
  .youth__block--leader .youth__block__title svg {
    height: 80px;
    width: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block--leader .youth__block__title svg {
    height: 120px;
    width: 180px;
  }
}
.youth__block--leader .youth__block__title span {
  margin: 0 20px;
}
.youth__block--leader .youth__block__content {
  align-items: start;
  grid-template-columns: 1fr;
  grid-gap: 15px 0;
}
@media screen and (min-width: 500px) {
  .youth__block--leader .youth__block__content {
    grid-gap: 30px 0;
  }
}
@media screen and (min-width: 768px) {
  .youth__block--leader .youth__block__content {
    grid-template-columns: 1fr 350px;
    grid-gap: 0 20px;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block--leader .youth__block__content {
    grid-template-columns: 1fr 400px;
    grid-gap: 0 40px;
  }
}
.youth__block--leader .youth__block__content--a {
  max-width: calc(100vw - 30px);
  padding: 3px;
}
@media screen and (min-width: 500px) {
  .youth__block--leader .youth__block__content--a {
    max-width: calc(100vw - 40px);
    padding: 10px 0 0;
  }
}
.youth__block--leader .youth__block__content--a .youth__card {
  padding: 20px 20px 15px;
}
.youth__block--leader .youth__block__content--a .youth__card__title {
  font-size: 1.2rem;
}
@media screen and (min-width: 500px) {
  .youth__block--leader .youth__block__content--a .youth__card__title {
    font-size: 1.44rem;
  }
}
@media screen and (min-width: 1600px) {
  .youth__block--leader .youth__block__content--a .youth__card__title {
    font-size: 1.66rem;
  }
}
.youth__block--leader .youth__block__content--b {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 75vw 75vw 75vw 75vw;
  max-width: calc(100vw - 40px);
  overflow: scroll;
  scrollbar-color: transparent transparent !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 20px 0;
}
.youth__block--leader .youth__block__content--b::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 500px) {
  .youth__block--leader .youth__block__content--b {
    grid-template-columns: 1fr;
    overflow: visible;
    padding: 0;
    grid-gap: 0;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block--leader .youth__block__content--b {
    margin-top: 15px;
  }
}
.youth__block--leader .youth__block__content--b .youth__card {
  grid-template-columns: 1fr;
  grid-gap: 15px;
  align-items: start;
  border: none;
  border-radius: 100%;
  margin: 5px 0;
  padding: 20px 20px 20px 22px;
  position: relative;
}
.youth__block--leader .youth__block__content--b .youth__card:after {
  border: 3px solid var(--youth-card);
  border-radius: 50%;
  content: "";
  height: 120px;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-radius 0.15s ease-out, outline 0.15s ease-out,
    translateY 0.15s ease-out;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 1200px) {
  .youth__block--leader .youth__block__content--b .youth__card:after {
    transform: rotate(-10deg);
  }
}
.youth__block--leader .youth__block__content--b .youth__card:hover {
  border-radius: 0;
}
.youth__block--leader .youth__block__content--b .youth__card:hover:after {
  border: 3px solid var(--youth-card-hover);
  border-radius: 15px;
  transform: rotate(0);
}
.youth__block--leader .youth__block__content--b .youth__card__img {
  display: none;
}
@media screen and (min-width: 375px) {
  .youth__block--leader .youth__block__content--b .youth__card__img {
    display: block;
    height: 70px;
    outline: 8px solid var(--youth-bg);
    outline-offset: -1px;
    padding-bottom: 100%;
    transform: translateY(5px);
    width: 70px;
    z-index: 2;
  }
}
.youth__block--leader .youth__block__content--b .youth__card__title {
  display: inline;
  min-height: 117px;
  width: 100%;
  z-index: 2;
}
.youth__block--leader .youth__block__content--b .youth__card__title span {
  background-color: var(--youth-bg);
  border-radius: 10px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 8px 0 0 var(--youth-bg), -8px 0 0 var(--youth-bg);
  font-size: 0.88rem;
  line-height: 1.25;
}
@media screen and (min-width: 500px) {
  .youth__block--leader .youth__block__content--b .youth__card__title span {
    font-size: 1.11rem;
  }
}
@media screen and (min-width: 375px) {
  .youth__block--leader .youth__block__content--b .youth__card {
    grid-template-columns: 70px 1fr;
  }
}
.youth__block--podcast .youth__block__content {
  grid-template-columns: calc(100vw - 80px) calc(100vw - 80px) calc(
      100vw - 80px
    );
  padding: 0;
}
@media screen and (min-width: 500px) {
  .youth__block--podcast .youth__block__content {
    grid-template-columns: 1fr;
    width: 100%;
    grid-gap: 20px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1200px) {
  .youth__block--podcast .youth__block__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.youth__block--podcast .youth__block__title {
  left: 50%;
  padding: 0 20px 0 0;
  transform: translate(-50%);
}
.youth__block--podcast .youth__block__title svg {
  height: 60px;
  width: 60px;
  fill: var(--youth-accent);
}
.youth__block--podcast .youth__block__title .movie-icon {
  fill: var(--youth-accent);
  height: 80px;
  width: 80px;
}
.youth__block--podcast .youth__block__title span {
  margin: 0 20px;
}
@media screen and (min-width: 1200px) {
  .youth__block--podcast .youth__block__title span {
    padding: 0 0 0 10px;
  }
}
.youth__block--podcast .youth__card {
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  padding: 15px;
  position: relative;
}
.youth__block--podcast .youth__card__details {
  align-items: center;
  display: grid;
  grid-template-columns: 50px 1fr 70px;
  grid-gap: 0 15px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 500px) {
  .youth__block--podcast .youth__card__details {
    grid-template-columns: 50px 1fr 80px;
  }
}
.youth__block--podcast .youth__card__info {
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.4);
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px;
  padding: 0 0 10px;
  position: relative;
  z-index: 2;
}
.youth__block--podcast .youth__card__info svg {
  fill: var(--youth-txt);
  margin: 0 3px 0 0;
}
.youth__block--podcast .youth__card__info span {
  font-size: 0.8rem;
  line-height: 1.3;
  text-transform: uppercase;
}
.youth__block--podcast .youth__card__info--date,
.youth__block--podcast .youth__card__info__container {
  align-items: center;
  display: flex;
}
.youth__block--podcast .youth__card__info--date svg {
  margin: 0 5px 0 0;
  width: 12px;
}
.youth__block--podcast .youth__card__info--date span {
  color: var(--youth-txt);
  font-weight: var(--semibold);
}
.youth__block--podcast .youth__card__info--length {
  align-items: center;
  display: flex;
}
.youth__block--podcast .youth__card__info--length svg {
  margin: 0 5px 0 0;
  width: 8px;
}
.youth__block--podcast .youth__card__info--length span {
  color: var(--youth-txt);
  font-weight: var(--semibold);
}
.youth__block--podcast .youth__card__info--tag {
  align-items: center;
  background: var(--youth-accent);
  border-radius: 3px;
  display: flex;
  margin: 0 20px 0 0;
  padding: 2px 7px;
}
.youth__block--podcast .youth__card__info--tag svg {
  width: 15px;
  fill: var(--youth-bg);
}
.youth__block--podcast .youth__card__info--tag span {
  color: var(--youth-bg);
  font-weight: var(--bold);
}
.youth__block--podcast .youth__card > * {
  z-index: 2;
}
.youth__block--podcast .youth__card:hover .youth__card__background {
  filter: blur(20px);
  opacity: 0.4;
}
.youth__block--podcast .youth__card:hover .youth__card__button {
  background: var(--white);
}
.youth__block--podcast
  .youth__card:hover
  .youth__card__button
  .youth__card__button__icon {
  border-color: transparent transparent transparent var(--black);
  border-width: 14px 0 14px 22px;
}
@media screen and (min-width: 1200px) {
  .youth__block--podcast .youth__card {
    padding: 15px 20px;
  }
}
.youth__block--podcast .youth__card__img {
  padding-bottom: 100%;
}
.youth__block--podcast .youth__card__img img {
  height: 70px;
  width: 70px;
}
@media screen and (min-width: 500px) {
  .youth__block--podcast .youth__card__img img {
    height: 80px;
    width: 80px;
  }
}
.youth__block--podcast .youth__card__title {
  margin: -5px 0 0;
}
.youth__block--podcast .youth__card__title__show {
  color: var(--youth-txt);
  font-size: 0.8rem;
  font-weight: var(--regular);
  line-height: 1.4;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.youth__block--podcast .youth__card__title__episode {
  color: var(--youth-txt);
  font-size: 1rem;
  line-height: 1.3;
}
.youth__block--podcast .youth__card__button {
  border: 1px solid var(--youth-txt);
  border-radius: 60px;
  display: grid;
  height: 50px;
  place-content: center;
}
.youth__block--podcast .youth__card__button__icon {
  border-color: transparent transparent transparent var(--youth-txt);
  border-style: solid;
  border-width: 12px 0 12px 20px;
  cursor: pointer;
  transform: translate(3px);
}
.youth__block--podcast .youth__card__button__icon.paused {
  border-style: double;
  border-width: 0 0 0 60px;
}
.youth__block--podcast .youth__card__background {
  filter: blur(10px);
  height: 100%;
  opacity: 0.2;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.youth__block--podcast .youth__card__background__img {
  border: 1px solid hsla(0, 0%, 100%, 0.15);
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%) translate(-50%);
  transition: border-radius 0.15s ease-out;
  width: 100%;
}
.youth__block--podcast .youth__card__background__img img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.youth__block--podcast .podcast__button {
  border-radius: 60px;
  cursor: pointer;
}
.youth__block--podcast .podcast__button__icon {
  background: transparent;
  border-color: transparent transparent transparent var(--youth-bg);
  box-sizing: border-box;
  height: 22px;
  transition: 0.2s all ease, var(--theme-border);
  width: 0;
  -webkit-tap-highlight-color: transparent;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  cursor: pointer;
  outline: none !important;
  transform: translate(3px);
}
@media screen and (min-width: 500px) {
  .youth__block--podcast .podcast__button__icon {
    height: 24px;
    transform: translate(4px);
  }
}
.youth__block--podcast .podcast__button__icon.show-pause {
  border-style: double;
  border-width: 0 0 0 20px;
  transform: translate(0);
}
.youth__block--podcast
  .podcast__button__icon.show-pause
  .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-text);
  transition: var(--theme-border);
}
.youth__block--podcast .podcast__button__play {
  background: var(--youth-txt);
  border-radius: 60px;
  display: grid;
  height: 40px;
  place-content: center;
  transition: var(--theme-border);
  width: 40px;
  -webkit-tap-highlight-color: transparent;
}
@media screen and (min-width: 500px) {
  .youth__block--podcast .podcast__button__play {
    height: 50px;
    width: 50px;
  }
}
.youth__block--podcast .podcast__button__play:hover {
  opacity: 0.8;
}
.youth__block--podcast .podcast__button__playing {
  background: var(--color-bg);
}
.youth__block--podcast .podcast__button__playing .podcast__button__icon {
  border-color: transparent transparent transparent var(--color-text);
  transition: var(--theme-border);
}
.youth__block--podcast .podcast__button__playing:hover {
  background: var(--color-bg);
}
.youth__block--podcast .podcast__button__playing:hover .podcast__button__icon {
  opacity: 0.8;
}
@media screen and (min-width: 500px) {
  .youth__block--ez-porog .youth__block__title {
    padding: 0 0 0 30px;
  }
}
@media screen and (max-width: 499px) {
  .youth__block--ez-porog .youth__block__title span {
    margin: 0 20px;
  }
}
.youth__theme {
  align-items: center;
  background: var(--youth-bg);
  display: grid;
  justify-items: center;
  position: absolute;
  right: 0;
  top: 60px;
  width: 100%;
  grid-gap: 15px;
}
@media screen and (min-width: 500px) {
  .youth__theme {
    padding: 0 0 0 30px;
    top: -60px;
    width: -moz-max-content;
    width: max-content;
  }
}
.youth__theme span {
  align-items: center;
  color: var(--youth-txt);
  display: flex;
  font-weight: var(--bold);
  justify-content: center;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .youth__theme span {
    margin: 0 15px 0 0;
    text-align: left;
    white-space: nowrap;
    width: -moz-max-content;
    width: max-content;
  }
}
.youth__icon {
  display: grid;
  height: 80px;
  place-content: center;
  width: 80px;
}
.youth__icon #__lottie_element_12 *,
.youth__icon #__lottie_element_12 * > *,
.youth__icon #__lottie_element_12 * > * > *,
.youth__icon #__lottie_element_12 * > * > * > *,
.youth__icon #shadow-root *,
.youth__icon #shadow-root * > *,
.youth__icon #shadow-root * > * > *,
.youth__icon #shadow-root * > * > * > *,
.youth__icon svg *,
.youth__icon svg * > *,
.youth__icon svg * > * > *,
.youth__icon svg * > * > * > *,
.youth__icon svg symbol *,
.youth__icon svg symbol * > *,
.youth__icon svg symbol * > * > *,
.youth__icon svg symbol * > * > * > * {
  fill: var(--youth-accent) !important;
  stroke: var(--youth-accent) !important;
}
.profile {
  display: grid;
  margin: -90px 0 0;
  place-content: center;
}
@media screen and (min-width: 500px) {
  .profile {
    margin: -100px 0 0;
  }
}
@media screen and (min-width: 1200px) {
  .profile {
    margin: -140px 0 0;
  }
}
.profile__form {
  container-name: btns;
  container-type: inline-size;
}
.profile__form,
.profile__form__btn {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.profile__form__btn {
  align-items: center;
  background: var(--color-cards);
  border: 2px solid hsla(0, 0%, 61%, 0.2);
  border-radius: 5px;
  color: var(--color-text);
  gap: 2px;
  height: 100%;
  justify-content: center;
  line-height: 1.5;
  padding: 10px 0;
  text-align: center;
  transition: var(--theme), var(--theme-border);
}
.profile__form__btn--title {
  font-size: 0.88rem;
}
.profile__form__btn--price {
  font-size: 1rem;
}
.profile__form__btn--info {
  font-weight: var(--regular);
  opacity: 0.7;
}
.profile__form__btn:hover {
  opacity: 0.85;
}
.profile__form__btn--active {
  background: var(--color-profile);
  color: var(--color-bg);
}
.profile__form__btn input {
  display: none;
}
.profile__form__content {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 15px;
  justify-items: center;
}
.profile__form__consent {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 20px 0;
}
.profile__form__split {
  display: grid;
  gap: 0 15px;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 500px) {
  .profile__form__split {
    gap: 0 30px;
  }
}
.profile__form__item {
  display: flex;
  flex-direction: column;
  padding: 15px 3px;
}
.profile__form__item--txt {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: flex-start;
}
.profile__form__item--txt__input {
  background: var(--color-list);
  border: 2px solid var(--gray-mid-light-fx);
  border-radius: 5px;
  color: var(--color-text);
  font-size: 0.88rem;
  margin: 5px 0 15px;
  min-height: 44px;
  overflow: hidden;
  padding: 7px 10px;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  width: 100%;
}
.profile__form__item--txt__input::-moz-placeholder {
  color: var(--color-text);
  opacity: 0.5;
}
.profile__form__item--txt__input::placeholder {
  color: var(--color-text);
  opacity: 0.5;
}
.profile__form__item--txt__input.profile__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.profile__form__item--txt__label {
  color: var(--color-text);
  font-size: 0.7rem;
  overflow: hidden;
  white-space: nowrap;
}
.profile__form__item--txt div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.profile__form__action {
  background: var(--color-profile);
  color: var(--color-bg);
  display: grid;
  margin: 30px auto;
  place-content: center;
  transition: var(--theme), var(--theme-border);
  width: 100%;
}
@media screen and (min-width: 500px) {
  .profile__form__action {
    max-width: 220px;
  }
}
.profile__form__action input {
  background: transparent;
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: var(--bold);
}
.profile__form__checkbox {
  cursor: pointer;
  height: 20px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 20px;
}
.profile__form__checkbox__label {
  color: var(--color-text);
  cursor: default;
  font-size: 0.7rem;
  padding: 0 0 0 30px;
  position: relative;
  transition: var(--theme-text);
}
.profile__form__checkbox__label span {
  display: block;
  font-size: 0.8rem;
}
.profile__form__checkbox__label a {
  color: var(--color-profile);
  font-weight: var(--bold);
  transition: var(--theme-text);
}
.profile__form__checkbox__label a:hover {
  opacity: 0.85;
}
.profile__form__checkbox.profile__error {
  box-shadow: 0 0 15px #e33;
  outline: 2px solid #e33;
}
.profile__form__checkbox--solo {
  top: 0;
}
.profile__page {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  height: 100%;
  margin: 0 auto;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  .profile__page {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .profile__page {
    grid-template-columns: 1.5fr 1fr;
  }
}
.profile__page img {
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.profile__page__img {
  background: var(--color-gray-extra-light);
  height: 0;
  padding: 0 0 75%;
  position: relative;
  transition: var(--theme);
  width: 100%;
}
@media screen and (min-width: 768px) {
  .profile__page__img {
    height: 100%;
    min-height: 100vh;
    padding: 0;
  }
}
.profile__page__img__article {
  background: var(--color-bg);
  bottom: -1px;
  color: var(--color-text);
  font-size: 0.7rem;
  font-weight: var(--medium);
  left: -1px;
  overflow: hidden;
  padding: 5px 15px 5px 12px;
  position: absolute;
  transition: var(--theme), var(--theme-text);
}
@media screen and (min-width: 768px) {
  .profile__page__img__article {
    border-radius: 3px;
    bottom: 5px;
    left: 10px;
    opacity: 0.9;
    overflow: hidden;
    padding: 7px 15px 7px 12px;
  }
}
.profile__page__img__article:hover {
  opacity: 0.8;
}
.profile__page__img__background {
  height: 0;
  -o-object-fit: cover;
  object-fit: cover;
  padding: 0 0 80%;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .profile__page__img__background {
    height: 100%;
    padding: 0;
  }
}
.profile__page__img__background__src {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  color: var(--color-bg);
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.profile__page__img__background__src.placeholder_ {
  background-image: none;
}
.profile__page__img__border {
  fill: var(--color-gray-dark);
  transition: var(--theme-fill);
}
.profile__page__info {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
  margin: 0 auto;
  max-width: 450px;
  padding: 40px 30px 60px;
  width: 100%;
}
@media screen and (min-width: 500px) {
  .profile__page__info {
    padding: 60px 30px;
  }
}
.profile__page__info .btn {
  max-width: none;
}
.profile__page__info--options .profile__form__input {
  margin: 30px 0 10px;
}
.profile__page__lead {
  color: var(--color-text);
  font-size: 0.77rem;
  transition: var(--theme-text);
}
@media screen and (min-width: 500px) {
  .profile__page__lead {
    font-size: 0.88rem;
  }
}
.profile__page__lead a {
  color: var(--color-profile);
  font-weight: var(--medium);
  transition: var(--theme-text);
}
.profile__page__links {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: flex-start;
}
.profile__page__logo {
  left: 50%;
  position: absolute;
  top: 10px;
  transform: translate(-50%);
  width: 100px;
  z-index: 2;
}
@media screen and (min-width: 500px) {
  .profile__page__logo {
    top: 20px;
  }
}
@media screen and (min-width: 768px) {
  .profile__page__logo {
    left: 40px;
    transform: none;
    width: 120px;
  }
}
@media screen and (min-width: 1200px) {
  .profile__page__logo {
    top: 30px;
    width: 150px;
  }
}
.profile__page__title {
  color: var(--color-text);
  font-size: 1.4rem;
  font-weight: var(--bold);
  transition: var(--theme-text);
}
@media screen and (min-width: 1200px) {
  .profile__page__title {
    font-size: 1.6rem;
  }
}
.profile__container {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100vw;
  z-index: 1;
}
.profile__content {
  display: grid;
  grid-template-columns: 1fr;
  width: 100vw;
  grid-gap: 20px;
  align-items: center;
  justify-items: center;
  padding: 30px;
}
@media screen and (min-width: 768px) {
  .profile__content {
    padding: 40px;
    width: calc(100vw - 100px);
    grid-gap: 30px;
  }
}
@media screen and (min-width: 1260px) {
  .profile__content {
    padding: 60px;
    width: 1200px;
    grid-gap: 40px;
  }
}
.profile__content .radio-button {
  display: none;
}
.profile__content .barion-logo {
  height: 30px;
  width: 120px;
}
.profile__faq {
  background: var(--color-bg);
  display: grid;
  padding: 40px;
  place-content: center;
  transition: var(--theme);
}
@media screen and (min-width: 768px) {
  .profile__faq {
    padding: 80px 40px;
  }
}
.profile__faq__container {
  display: grid;
  gap: 0 60px;
  grid-template-columns: 1fr;
  justify-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .profile__faq__container {
    align-items: start;
    gap: 0 90px;
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }
}
.profile__faq__content {
  display: grid;
  max-width: 40%;
  place-content: center;
  width: 100%;
}
.profile__faq__content__title {
  color: var(--color-text);
  font-size: 1.2rem;
  font-weight: var(--bold);
  margin: 0 auto 30px;
}
.profile__faq__title {
  font-size: 1.4rem;
  font-weight: var(--bold);
  margin: 0 20px 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .profile__faq__title {
    font-size: 1.8rem;
    margin: 0 30px 40px;
  }
}
.profile__faq__title span {
  background: var(--color-text);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 5px 0 0 var(--color-text), -5px 0 0 var(--color-text);
  color: var(--color-bg);
  display: inline;
  font-size: 1.4rem;
  font-weight: var(--bold);
  text-align: center;
}
@media screen and (min-width: 768px) {
  .profile__faq__title span {
    font-size: 1.6rem;
  }
}
.profile__faq .accordion {
  width: calc(100vw - 60px);
}
@media screen and (min-width: 768px) {
  .profile__faq .accordion {
    width: calc(50vw - 80px);
  }
}
@media screen and (min-width: 1200px) {
  .profile__faq .accordion {
    width: 500px;
  }
}
.profile__faq .accordion__icon {
  cursor: pointer;
}
.profile__faq .accordion__head {
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  color: var(--color-text);
  cursor: pointer;
  font-size: 0.9rem;
  padding: 10px 20px;
  transition: var(--theme), var(--theme-border), var(--theme-text);
}
.profile__faq .accordion__head:hover {
  opacity: 1;
  outline: 2px solid var(--color-gray-mid-light);
}
.profile__faq .accordion__content {
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 0 0 5px 5px;
  border-top: none;
  color: var(--color-text);
  font-size: 0.88rem;
  font-weight: var(--bold);
  max-height: 250px;
  overflow: scroll;
  scrollbar-color: transparent transparent !important;
  scrollbar-width: none !important;
  transition: var(--theme), var(--theme-border), var(--theme-text);
  -ms-overflow-style: none !important;
}
.profile__faq .accordion__content::-webkit-scrollbar {
  display: none;
}
.profile__faq .accordion__content--text {
  color: var(--black);
  display: inline;
  font-size: 0.7rem !important;
  font-style: italic;
  margin: 0 !important;
}
.profile__faq .accordion__content a {
  color: var(--accent);
  text-decoration: underline;
}
.profile__faq .accordion__content a:hover {
  opacity: 0.8;
}
.profile__faq .accordion__title {
  margin: 0 7px 0 0;
  text-align: left;
}
.profile--widget {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin: 30px auto;
  max-width: 900px;
}
.profile--widget__container {
  display: grid;
  grid-template-columns: 80px 1fr;
  width: 100%;
  grid-gap: 15px;
  grid-template-areas: "a a" "b c" "d d";
}
@media screen and (min-width: 375px) {
  .profile--widget__container {
    grid-template-columns: 100px 1fr;
  }
}
@media screen and (min-width: 500px) {
  .profile--widget__container {
    grid-template-columns: 150px 1fr;
  }
}
@media screen and (min-width: 768px) {
  .profile--widget__container {
    grid-template-columns: 1fr 300px;
    grid-gap: 30px 100px;
    grid-template-areas: "a a" "c c" "b d";
  }
}
.profile--widget__details {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.profile--widget__details span {
  font-size: 0.77rem;
  line-height: 1.3;
  padding: 0 0 0 20px;
  position: relative;
}
.profile--widget__details span:before {
  background: var(--color-text);
  border-radius: 8px;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--theme);
  width: 6px;
}
.profile--widget__form {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  grid-area: d;
  justify-content: flex-start;
  width: 100%;
}
.profile--widget__title {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.3rem;
  font-weight: var(--bold);
  gap: 0 10px;
  grid-area: a;
  justify-content: center;
  line-height: 1.4;
  margin: 0 auto;
  max-width: 700px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .profile--widget__title {
    font-size: 2rem;
  }
}
.profile--widget__title__highlight {
  color: var(--color-profile);
}
.profile--widget__title__goal {
  color: var(--color-profile);
  font-weight: var(--max);
}
.profile--widget__title__donate {
  text-decoration: line-through;
}
.profile--widget__title span {
  white-space: nowrap;
}
.profile--widget__info {
  align-self: center;
  font-size: 0.77rem;
  grid-area: c;
  margin: 0 auto;
  max-width: 700px;
  text-align: left;
}
@media screen and (min-width: 500px) {
  .profile--widget__info {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 768px) {
  .profile--widget__info {
    text-align: center;
  }
}
.profile--widget__img {
  background-image: url(../images/telex-hand.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  grid-area: b;
  height: 80px;
  width: 80px;
}
@media screen and (min-width: 375px) {
  .profile--widget__img {
    height: 100px;
    width: 100px;
  }
}
@media screen and (min-width: 500px) {
  .profile--widget__img {
    height: 150px;
    width: 150px;
  }
}
@media screen and (min-width: 768px) {
  .profile--widget__img {
    height: 100%;
    width: 100%;
  }
}
.profile--widget__video__frame {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.profile--widget__video__frame iframe {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.profile--widget .profile__form__btn {
  max-width: none;
}
@media screen and (min-width: 768px) {
  .profile--widget .profile__form__action,
  .profile--widget .profile__form__btn {
    max-width: 300px;
  }
}
@container btns (min-width: 650px) and (max-width: 768px) {
  .profile__form__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@font-face {
  font-family: Material Design Icons;
  font-style: normal;
  font-weight: 400;
  /* src: url(../fonts/materialdesignicons-webfont.CSr8KVlo.eot?v=7.4.47); */
  src: 
  /* url(../fonts/materialdesignicons-webfont.CSr8KVlo.eot?#iefix&v=7.4.47)
      format("embedded-opentype"), */
    url(../fonts/materialdesignicons-webfont.Dp5v-WZN.woff2?v=7.4.47) format("woff2"),
    /* url(../fonts/materialdesignicons-webfont.PXm3-2wK.woff?v=7.4.47) format("woff"),
    url(../fonts/materialdesignicons-webfont.B7mPwVP_.ttf?v=7.4.47) format("truetype"); */
}
.mdi-set,
.mdi:before {
  display: inline-block;
  font: 24px/1 Material Design Icons;
  font-size: inherit;
  line-height: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mdi-ab-testing:before {
  content: "󰇉";
}
.mdi-abacus:before {
  content: "󱛠";
}
.mdi-abjad-arabic:before {
  content: "󱌨";
}
.mdi-abjad-hebrew:before {
  content: "󱌩";
}
.mdi-abugida-devanagari:before {
  content: "󱌪";
}
.mdi-abugida-thai:before {
  content: "󱌫";
}
.mdi-access-point:before {
  content: "󰀃";
}
.mdi-access-point-check:before {
  content: "󱔸";
}
.mdi-access-point-minus:before {
  content: "󱔹";
}
.mdi-access-point-network:before {
  content: "󰀂";
}
.mdi-access-point-network-off:before {
  content: "󰯡";
}
.mdi-access-point-off:before {
  content: "󱔑";
}
.mdi-access-point-plus:before {
  content: "󱔺";
}
.mdi-access-point-remove:before {
  content: "󱔻";
}
.mdi-account:before {
  content: "󰀄";
}
.mdi-account-alert:before {
  content: "󰀅";
}
.mdi-account-alert-outline:before {
  content: "󰭐";
}
.mdi-account-arrow-down:before {
  content: "󱡨";
}
.mdi-account-arrow-down-outline:before {
  content: "󱡩";
}
.mdi-account-arrow-left:before {
  content: "󰭑";
}
.mdi-account-arrow-left-outline:before {
  content: "󰭒";
}
.mdi-account-arrow-right:before {
  content: "󰭓";
}
.mdi-account-arrow-right-outline:before {
  content: "󰭔";
}
.mdi-account-arrow-up:before {
  content: "󱡧";
}
.mdi-account-arrow-up-outline:before {
  content: "󱡪";
}
.mdi-account-badge:before {
  content: "󱬊";
}
.mdi-account-badge-outline:before {
  content: "󱬋";
}
.mdi-account-box:before {
  content: "󰀆";
}
.mdi-account-box-edit-outline:before {
  content: "󱳈";
}
.mdi-account-box-minus-outline:before {
  content: "󱳉";
}
.mdi-account-box-multiple:before {
  content: "󰤴";
}
.mdi-account-box-multiple-outline:before {
  content: "󱀊";
}
.mdi-account-box-outline:before {
  content: "󰀇";
}
.mdi-account-box-plus-outline:before {
  content: "󱳊";
}
.mdi-account-cancel:before {
  content: "󱋟";
}
.mdi-account-cancel-outline:before {
  content: "󱋠";
}
.mdi-account-card:before {
  content: "󱮤";
}
.mdi-account-card-outline:before {
  content: "󱮥";
}
.mdi-account-cash:before {
  content: "󱂗";
}
.mdi-account-cash-outline:before {
  content: "󱂘";
}
.mdi-account-check:before {
  content: "󰀈";
}
.mdi-account-check-outline:before {
  content: "󰯢";
}
.mdi-account-child:before {
  content: "󰪉";
}
.mdi-account-child-circle:before {
  content: "󰪊";
}
.mdi-account-child-outline:before {
  content: "󱃈";
}
.mdi-account-circle:before {
  content: "󰀉";
}
.mdi-account-circle-outline:before {
  content: "󰭕";
}
.mdi-account-clock:before {
  content: "󰭖";
}
.mdi-account-clock-outline:before {
  content: "󰭗";
}
.mdi-account-cog:before {
  content: "󱍰";
}
.mdi-account-cog-outline:before {
  content: "󱍱";
}
.mdi-account-convert:before {
  content: "󰀊";
}
.mdi-account-convert-outline:before {
  content: "󱌁";
}
.mdi-account-cowboy-hat:before {
  content: "󰺛";
}
.mdi-account-cowboy-hat-outline:before {
  content: "󱟳";
}
.mdi-account-credit-card:before {
  content: "󱮦";
}
.mdi-account-credit-card-outline:before {
  content: "󱮧";
}
.mdi-account-details:before {
  content: "󰘱";
}
.mdi-account-details-outline:before {
  content: "󱍲";
}
.mdi-account-edit:before {
  content: "󰚼";
}
.mdi-account-edit-outline:before {
  content: "󰿻";
}
.mdi-account-eye:before {
  content: "󰐠";
}
.mdi-account-eye-outline:before {
  content: "󱉻";
}
.mdi-account-file:before {
  content: "󱲧";
}
.mdi-account-file-outline:before {
  content: "󱲨";
}
.mdi-account-file-text:before {
  content: "󱲩";
}
.mdi-account-file-text-outline:before {
  content: "󱲪";
}
.mdi-account-filter:before {
  content: "󰤶";
}
.mdi-account-filter-outline:before {
  content: "󰾝";
}
.mdi-account-group:before {
  content: "󰡉";
}
.mdi-account-group-outline:before {
  content: "󰭘";
}
.mdi-account-hard-hat:before {
  content: "󰖵";
}
.mdi-account-hard-hat-outline:before {
  content: "󱨟";
}
.mdi-account-heart:before {
  content: "󰢙";
}
.mdi-account-heart-outline:before {
  content: "󰯣";
}
.mdi-account-injury:before {
  content: "󱠕";
}
.mdi-account-injury-outline:before {
  content: "󱠖";
}
.mdi-account-key:before {
  content: "󰀋";
}
.mdi-account-key-outline:before {
  content: "󰯤";
}
.mdi-account-lock:before {
  content: "󱅞";
}
.mdi-account-lock-open:before {
  content: "󱥠";
}
.mdi-account-lock-open-outline:before {
  content: "󱥡";
}
.mdi-account-lock-outline:before {
  content: "󱅟";
}
.mdi-account-minus:before {
  content: "󰀍";
}
.mdi-account-minus-outline:before {
  content: "󰫬";
}
.mdi-account-multiple:before {
  content: "󰀎";
}
.mdi-account-multiple-check:before {
  content: "󰣅";
}
.mdi-account-multiple-check-outline:before {
  content: "󱇾";
}
.mdi-account-multiple-minus:before {
  content: "󰗓";
}
.mdi-account-multiple-minus-outline:before {
  content: "󰯥";
}
.mdi-account-multiple-outline:before {
  content: "󰀏";
}
.mdi-account-multiple-plus:before {
  content: "󰀐";
}
.mdi-account-multiple-plus-outline:before {
  content: "󰠀";
}
.mdi-account-multiple-remove:before {
  content: "󱈊";
}
.mdi-account-multiple-remove-outline:before {
  content: "󱈋";
}
.mdi-account-music:before {
  content: "󰠃";
}
.mdi-account-music-outline:before {
  content: "󰳩";
}
.mdi-account-network:before {
  content: "󰀑";
}
.mdi-account-network-off:before {
  content: "󱫱";
}
.mdi-account-network-off-outline:before {
  content: "󱫲";
}
.mdi-account-network-outline:before {
  content: "󰯦";
}
.mdi-account-off:before {
  content: "󰀒";
}
.mdi-account-off-outline:before {
  content: "󰯧";
}
.mdi-account-outline:before {
  content: "󰀓";
}
.mdi-account-plus:before {
  content: "󰀔";
}
.mdi-account-plus-outline:before {
  content: "󰠁";
}
.mdi-account-question:before {
  content: "󰭙";
}
.mdi-account-question-outline:before {
  content: "󰭚";
}
.mdi-account-reactivate:before {
  content: "󱔫";
}
.mdi-account-reactivate-outline:before {
  content: "󱔬";
}
.mdi-account-remove:before {
  content: "󰀕";
}
.mdi-account-remove-outline:before {
  content: "󰫭";
}
.mdi-account-school:before {
  content: "󱨠";
}
.mdi-account-school-outline:before {
  content: "󱨡";
}
.mdi-account-search:before {
  content: "󰀖";
}
.mdi-account-search-outline:before {
  content: "󰤵";
}
.mdi-account-settings:before {
  content: "󰘰";
}
.mdi-account-settings-outline:before {
  content: "󱃉";
}
.mdi-account-star:before {
  content: "󰀗";
}
.mdi-account-star-outline:before {
  content: "󰯨";
}
.mdi-account-supervisor:before {
  content: "󰪋";
}
.mdi-account-supervisor-circle:before {
  content: "󰪌";
}
.mdi-account-supervisor-circle-outline:before {
  content: "󱓬";
}
.mdi-account-supervisor-outline:before {
  content: "󱄭";
}
.mdi-account-switch:before {
  content: "󰀙";
}
.mdi-account-switch-outline:before {
  content: "󰓋";
}
.mdi-account-sync:before {
  content: "󱤛";
}
.mdi-account-sync-outline:before {
  content: "󱤜";
}
.mdi-account-tag:before {
  content: "󱰛";
}
.mdi-account-tag-outline:before {
  content: "󱰜";
}
.mdi-account-tie:before {
  content: "󰳣";
}
.mdi-account-tie-hat:before {
  content: "󱢘";
}
.mdi-account-tie-hat-outline:before {
  content: "󱢙";
}
.mdi-account-tie-outline:before {
  content: "󱃊";
}
.mdi-account-tie-voice:before {
  content: "󱌈";
}
.mdi-account-tie-voice-off:before {
  content: "󱌊";
}
.mdi-account-tie-voice-off-outline:before {
  content: "󱌋";
}
.mdi-account-tie-voice-outline:before {
  content: "󱌉";
}
.mdi-account-tie-woman:before {
  content: "󱪌";
}
.mdi-account-voice:before {
  content: "󰗋";
}
.mdi-account-voice-off:before {
  content: "󰻔";
}
.mdi-account-wrench:before {
  content: "󱢚";
}
.mdi-account-wrench-outline:before {
  content: "󱢛";
}
.mdi-adjust:before {
  content: "󰀚";
}
.mdi-advertisements:before {
  content: "󱤪";
}
.mdi-advertisements-off:before {
  content: "󱤫";
}
.mdi-air-conditioner:before {
  content: "󰀛";
}
.mdi-air-filter:before {
  content: "󰵃";
}
.mdi-air-horn:before {
  content: "󰶬";
}
.mdi-air-humidifier:before {
  content: "󱂙";
}
.mdi-air-humidifier-off:before {
  content: "󱑦";
}
.mdi-air-purifier:before {
  content: "󰵄";
}
.mdi-air-purifier-off:before {
  content: "󱭗";
}
.mdi-airbag:before {
  content: "󰯩";
}
.mdi-airballoon:before {
  content: "󰀜";
}
.mdi-airballoon-outline:before {
  content: "󱀋";
}
.mdi-airplane:before {
  content: "󰀝";
}
.mdi-airplane-alert:before {
  content: "󱡺";
}
.mdi-airplane-check:before {
  content: "󱡻";
}
.mdi-airplane-clock:before {
  content: "󱡼";
}
.mdi-airplane-cog:before {
  content: "󱡽";
}
.mdi-airplane-edit:before {
  content: "󱡾";
}
.mdi-airplane-landing:before {
  content: "󰗔";
}
.mdi-airplane-marker:before {
  content: "󱡿";
}
.mdi-airplane-minus:before {
  content: "󱢀";
}
.mdi-airplane-off:before {
  content: "󰀞";
}
.mdi-airplane-plus:before {
  content: "󱢁";
}
.mdi-airplane-remove:before {
  content: "󱢂";
}
.mdi-airplane-search:before {
  content: "󱢃";
}
.mdi-airplane-settings:before {
  content: "󱢄";
}
.mdi-airplane-takeoff:before {
  content: "󰗕";
}
.mdi-airport:before {
  content: "󰡋";
}
.mdi-alarm:before {
  content: "󰀠";
}
.mdi-alarm-bell:before {
  content: "󰞎";
}
.mdi-alarm-check:before {
  content: "󰀡";
}
.mdi-alarm-light:before {
  content: "󰞏";
}
.mdi-alarm-light-off:before {
  content: "󱜞";
}
.mdi-alarm-light-off-outline:before {
  content: "󱜟";
}
.mdi-alarm-light-outline:before {
  content: "󰯪";
}
.mdi-alarm-multiple:before {
  content: "󰀢";
}
.mdi-alarm-note:before {
  content: "󰹱";
}
.mdi-alarm-note-off:before {
  content: "󰹲";
}
.mdi-alarm-off:before {
  content: "󰀣";
}
.mdi-alarm-panel:before {
  content: "󱗄";
}
.mdi-alarm-panel-outline:before {
  content: "󱗅";
}
.mdi-alarm-plus:before {
  content: "󰀤";
}
.mdi-alarm-snooze:before {
  content: "󰚎";
}
.mdi-album:before {
  content: "󰀥";
}
.mdi-alert:before {
  content: "󰀦";
}
.mdi-alert-box:before {
  content: "󰀧";
}
.mdi-alert-box-outline:before {
  content: "󰳤";
}
.mdi-alert-circle:before {
  content: "󰀨";
}
.mdi-alert-circle-check:before {
  content: "󱇭";
}
.mdi-alert-circle-check-outline:before {
  content: "󱇮";
}
.mdi-alert-circle-outline:before {
  content: "󰗖";
}
.mdi-alert-decagram:before {
  content: "󰚽";
}
.mdi-alert-decagram-outline:before {
  content: "󰳥";
}
.mdi-alert-minus:before {
  content: "󱒻";
}
.mdi-alert-minus-outline:before {
  content: "󱒾";
}
.mdi-alert-octagon:before {
  content: "󰀩";
}
.mdi-alert-octagon-outline:before {
  content: "󰳦";
}
.mdi-alert-octagram:before {
  content: "󰝧";
}
.mdi-alert-octagram-outline:before {
  content: "󰳧";
}
.mdi-alert-outline:before {
  content: "󰀪";
}
.mdi-alert-plus:before {
  content: "󱒺";
}
.mdi-alert-plus-outline:before {
  content: "󱒽";
}
.mdi-alert-remove:before {
  content: "󱒼";
}
.mdi-alert-remove-outline:before {
  content: "󱒿";
}
.mdi-alert-rhombus:before {
  content: "󱇎";
}
.mdi-alert-rhombus-outline:before {
  content: "󱇏";
}
.mdi-alien:before {
  content: "󰢚";
}
.mdi-alien-outline:before {
  content: "󱃋";
}
.mdi-align-horizontal-center:before {
  content: "󱇃";
}
.mdi-align-horizontal-distribute:before {
  content: "󱥢";
}
.mdi-align-horizontal-left:before {
  content: "󱇂";
}
.mdi-align-horizontal-right:before {
  content: "󱇄";
}
.mdi-align-vertical-bottom:before {
  content: "󱇅";
}
.mdi-align-vertical-center:before {
  content: "󱇆";
}
.mdi-align-vertical-distribute:before {
  content: "󱥣";
}
.mdi-align-vertical-top:before {
  content: "󱇇";
}
.mdi-all-inclusive:before {
  content: "󰚾";
}
.mdi-all-inclusive-box:before {
  content: "󱢍";
}
.mdi-all-inclusive-box-outline:before {
  content: "󱢎";
}
.mdi-allergy:before {
  content: "󱉘";
}
.mdi-alpha:before {
  content: "󰀫";
}
.mdi-alpha-a:before {
  content: "󰫮";
}
.mdi-alpha-a-box:before {
  content: "󰬈";
}
.mdi-alpha-a-box-outline:before {
  content: "󰯫";
}
.mdi-alpha-a-circle:before {
  content: "󰯬";
}
.mdi-alpha-a-circle-outline:before {
  content: "󰯭";
}
.mdi-alpha-b:before {
  content: "󰫯";
}
.mdi-alpha-b-box:before {
  content: "󰬉";
}
.mdi-alpha-b-box-outline:before {
  content: "󰯮";
}
.mdi-alpha-b-circle:before {
  content: "󰯯";
}
.mdi-alpha-b-circle-outline:before {
  content: "󰯰";
}
.mdi-alpha-c:before {
  content: "󰫰";
}
.mdi-alpha-c-box:before {
  content: "󰬊";
}
.mdi-alpha-c-box-outline:before {
  content: "󰯱";
}
.mdi-alpha-c-circle:before {
  content: "󰯲";
}
.mdi-alpha-c-circle-outline:before {
  content: "󰯳";
}
.mdi-alpha-d:before {
  content: "󰫱";
}
.mdi-alpha-d-box:before {
  content: "󰬋";
}
.mdi-alpha-d-box-outline:before {
  content: "󰯴";
}
.mdi-alpha-d-circle:before {
  content: "󰯵";
}
.mdi-alpha-d-circle-outline:before {
  content: "󰯶";
}
.mdi-alpha-e:before {
  content: "󰫲";
}
.mdi-alpha-e-box:before {
  content: "󰬌";
}
.mdi-alpha-e-box-outline:before {
  content: "󰯷";
}
.mdi-alpha-e-circle:before {
  content: "󰯸";
}
.mdi-alpha-e-circle-outline:before {
  content: "󰯹";
}
.mdi-alpha-f:before {
  content: "󰫳";
}
.mdi-alpha-f-box:before {
  content: "󰬍";
}
.mdi-alpha-f-box-outline:before {
  content: "󰯺";
}
.mdi-alpha-f-circle:before {
  content: "󰯻";
}
.mdi-alpha-f-circle-outline:before {
  content: "󰯼";
}
.mdi-alpha-g:before {
  content: "󰫴";
}
.mdi-alpha-g-box:before {
  content: "󰬎";
}
.mdi-alpha-g-box-outline:before {
  content: "󰯽";
}
.mdi-alpha-g-circle:before {
  content: "󰯾";
}
.mdi-alpha-g-circle-outline:before {
  content: "󰯿";
}
.mdi-alpha-h:before {
  content: "󰫵";
}
.mdi-alpha-h-box:before {
  content: "󰬏";
}
.mdi-alpha-h-box-outline:before {
  content: "󰰀";
}
.mdi-alpha-h-circle:before {
  content: "󰰁";
}
.mdi-alpha-h-circle-outline:before {
  content: "󰰂";
}
.mdi-alpha-i:before {
  content: "󰫶";
}
.mdi-alpha-i-box:before {
  content: "󰬐";
}
.mdi-alpha-i-box-outline:before {
  content: "󰰃";
}
.mdi-alpha-i-circle:before {
  content: "󰰄";
}
.mdi-alpha-i-circle-outline:before {
  content: "󰰅";
}
.mdi-alpha-j:before {
  content: "󰫷";
}
.mdi-alpha-j-box:before {
  content: "󰬑";
}
.mdi-alpha-j-box-outline:before {
  content: "󰰆";
}
.mdi-alpha-j-circle:before {
  content: "󰰇";
}
.mdi-alpha-j-circle-outline:before {
  content: "󰰈";
}
.mdi-alpha-k:before {
  content: "󰫸";
}
.mdi-alpha-k-box:before {
  content: "󰬒";
}
.mdi-alpha-k-box-outline:before {
  content: "󰰉";
}
.mdi-alpha-k-circle:before {
  content: "󰰊";
}
.mdi-alpha-k-circle-outline:before {
  content: "󰰋";
}
.mdi-alpha-l:before {
  content: "󰫹";
}
.mdi-alpha-l-box:before {
  content: "󰬓";
}
.mdi-alpha-l-box-outline:before {
  content: "󰰌";
}
.mdi-alpha-l-circle:before {
  content: "󰰍";
}
.mdi-alpha-l-circle-outline:before {
  content: "󰰎";
}
.mdi-alpha-m:before {
  content: "󰫺";
}
.mdi-alpha-m-box:before {
  content: "󰬔";
}
.mdi-alpha-m-box-outline:before {
  content: "󰰏";
}
.mdi-alpha-m-circle:before {
  content: "󰰐";
}
.mdi-alpha-m-circle-outline:before {
  content: "󰰑";
}
.mdi-alpha-n:before {
  content: "󰫻";
}
.mdi-alpha-n-box:before {
  content: "󰬕";
}
.mdi-alpha-n-box-outline:before {
  content: "󰰒";
}
.mdi-alpha-n-circle:before {
  content: "󰰓";
}
.mdi-alpha-n-circle-outline:before {
  content: "󰰔";
}
.mdi-alpha-o:before {
  content: "󰫼";
}
.mdi-alpha-o-box:before {
  content: "󰬖";
}
.mdi-alpha-o-box-outline:before {
  content: "󰰕";
}
.mdi-alpha-o-circle:before {
  content: "󰰖";
}
.mdi-alpha-o-circle-outline:before {
  content: "󰰗";
}
.mdi-alpha-p:before {
  content: "󰫽";
}
.mdi-alpha-p-box:before {
  content: "󰬗";
}
.mdi-alpha-p-box-outline:before {
  content: "󰰘";
}
.mdi-alpha-p-circle:before {
  content: "󰰙";
}
.mdi-alpha-p-circle-outline:before {
  content: "󰰚";
}
.mdi-alpha-q:before {
  content: "󰫾";
}
.mdi-alpha-q-box:before {
  content: "󰬘";
}
.mdi-alpha-q-box-outline:before {
  content: "󰰛";
}
.mdi-alpha-q-circle:before {
  content: "󰰜";
}
.mdi-alpha-q-circle-outline:before {
  content: "󰰝";
}
.mdi-alpha-r:before {
  content: "󰫿";
}
.mdi-alpha-r-box:before {
  content: "󰬙";
}
.mdi-alpha-r-box-outline:before {
  content: "󰰞";
}
.mdi-alpha-r-circle:before {
  content: "󰰟";
}
.mdi-alpha-r-circle-outline:before {
  content: "󰰠";
}
.mdi-alpha-s:before {
  content: "󰬀";
}
.mdi-alpha-s-box:before {
  content: "󰬚";
}
.mdi-alpha-s-box-outline:before {
  content: "󰰡";
}
.mdi-alpha-s-circle:before {
  content: "󰰢";
}
.mdi-alpha-s-circle-outline:before {
  content: "󰰣";
}
.mdi-alpha-t:before {
  content: "󰬁";
}
.mdi-alpha-t-box:before {
  content: "󰬛";
}
.mdi-alpha-t-box-outline:before {
  content: "󰰤";
}
.mdi-alpha-t-circle:before {
  content: "󰰥";
}
.mdi-alpha-t-circle-outline:before {
  content: "󰰦";
}
.mdi-alpha-u:before {
  content: "󰬂";
}
.mdi-alpha-u-box:before {
  content: "󰬜";
}
.mdi-alpha-u-box-outline:before {
  content: "󰰧";
}
.mdi-alpha-u-circle:before {
  content: "󰰨";
}
.mdi-alpha-u-circle-outline:before {
  content: "󰰩";
}
.mdi-alpha-v:before {
  content: "󰬃";
}
.mdi-alpha-v-box:before {
  content: "󰬝";
}
.mdi-alpha-v-box-outline:before {
  content: "󰰪";
}
.mdi-alpha-v-circle:before {
  content: "󰰫";
}
.mdi-alpha-v-circle-outline:before {
  content: "󰰬";
}
.mdi-alpha-w:before {
  content: "󰬄";
}
.mdi-alpha-w-box:before {
  content: "󰬞";
}
.mdi-alpha-w-box-outline:before {
  content: "󰰭";
}
.mdi-alpha-w-circle:before {
  content: "󰰮";
}
.mdi-alpha-w-circle-outline:before {
  content: "󰰯";
}
.mdi-alpha-x:before {
  content: "󰬅";
}
.mdi-alpha-x-box:before {
  content: "󰬟";
}
.mdi-alpha-x-box-outline:before {
  content: "󰰰";
}
.mdi-alpha-x-circle:before {
  content: "󰰱";
}
.mdi-alpha-x-circle-outline:before {
  content: "󰰲";
}
.mdi-alpha-y:before {
  content: "󰬆";
}
.mdi-alpha-y-box:before {
  content: "󰬠";
}
.mdi-alpha-y-box-outline:before {
  content: "󰰳";
}
.mdi-alpha-y-circle:before {
  content: "󰰴";
}
.mdi-alpha-y-circle-outline:before {
  content: "󰰵";
}
.mdi-alpha-z:before {
  content: "󰬇";
}
.mdi-alpha-z-box:before {
  content: "󰬡";
}
.mdi-alpha-z-box-outline:before {
  content: "󰰶";
}
.mdi-alpha-z-circle:before {
  content: "󰰷";
}
.mdi-alpha-z-circle-outline:before {
  content: "󰰸";
}
.mdi-alphabet-aurebesh:before {
  content: "󱌬";
}
.mdi-alphabet-cyrillic:before {
  content: "󱌭";
}
.mdi-alphabet-greek:before {
  content: "󱌮";
}
.mdi-alphabet-latin:before {
  content: "󱌯";
}
.mdi-alphabet-piqad:before {
  content: "󱌰";
}
.mdi-alphabet-tengwar:before {
  content: "󱌷";
}
.mdi-alphabetical:before {
  content: "󰀬";
}
.mdi-alphabetical-off:before {
  content: "󱀌";
}
.mdi-alphabetical-variant:before {
  content: "󱀍";
}
.mdi-alphabetical-variant-off:before {
  content: "󱀎";
}
.mdi-altimeter:before {
  content: "󰗗";
}
.mdi-ambulance:before {
  content: "󰀯";
}
.mdi-ammunition:before {
  content: "󰳨";
}
.mdi-ampersand:before {
  content: "󰪍";
}
.mdi-amplifier:before {
  content: "󰀰";
}
.mdi-amplifier-off:before {
  content: "󱆵";
}
.mdi-anchor:before {
  content: "󰀱";
}
.mdi-android:before {
  content: "󰀲";
}
.mdi-android-studio:before {
  content: "󰀴";
}
.mdi-angle-acute:before {
  content: "󰤷";
}
.mdi-angle-obtuse:before {
  content: "󰤸";
}
.mdi-angle-right:before {
  content: "󰤹";
}
.mdi-angular:before {
  content: "󰚲";
}
.mdi-angularjs:before {
  content: "󰚿";
}
.mdi-animation:before {
  content: "󰗘";
}
.mdi-animation-outline:before {
  content: "󰪏";
}
.mdi-animation-play:before {
  content: "󰤺";
}
.mdi-animation-play-outline:before {
  content: "󰪐";
}
.mdi-ansible:before {
  content: "󱂚";
}
.mdi-antenna:before {
  content: "󱄙";
}
.mdi-anvil:before {
  content: "󰢛";
}
.mdi-apache-kafka:before {
  content: "󱀏";
}
.mdi-api:before {
  content: "󱂛";
}
.mdi-api-off:before {
  content: "󱉗";
}
.mdi-apple:before {
  content: "󰀵";
}
.mdi-apple-finder:before {
  content: "󰀶";
}
.mdi-apple-icloud:before {
  content: "󰀸";
}
.mdi-apple-ios:before {
  content: "󰀷";
}
.mdi-apple-keyboard-caps:before {
  content: "󰘲";
}
.mdi-apple-keyboard-command:before {
  content: "󰘳";
}
.mdi-apple-keyboard-control:before {
  content: "󰘴";
}
.mdi-apple-keyboard-option:before {
  content: "󰘵";
}
.mdi-apple-keyboard-shift:before {
  content: "󰘶";
}
.mdi-apple-safari:before {
  content: "󰀹";
}
.mdi-application:before {
  content: "󰣆";
}
.mdi-application-array:before {
  content: "󱃵";
}
.mdi-application-array-outline:before {
  content: "󱃶";
}
.mdi-application-braces:before {
  content: "󱃷";
}
.mdi-application-braces-outline:before {
  content: "󱃸";
}
.mdi-application-brackets:before {
  content: "󰲋";
}
.mdi-application-brackets-outline:before {
  content: "󰲌";
}
.mdi-application-cog:before {
  content: "󰙵";
}
.mdi-application-cog-outline:before {
  content: "󱕷";
}
.mdi-application-edit:before {
  content: "󰂮";
}
.mdi-application-edit-outline:before {
  content: "󰘙";
}
.mdi-application-export:before {
  content: "󰶭";
}
.mdi-application-import:before {
  content: "󰶮";
}
.mdi-application-outline:before {
  content: "󰘔";
}
.mdi-application-parentheses:before {
  content: "󱃹";
}
.mdi-application-parentheses-outline:before {
  content: "󱃺";
}
.mdi-application-settings:before {
  content: "󰭠";
}
.mdi-application-settings-outline:before {
  content: "󱕕";
}
.mdi-application-variable:before {
  content: "󱃻";
}
.mdi-application-variable-outline:before {
  content: "󱃼";
}
.mdi-approximately-equal:before {
  content: "󰾞";
}
.mdi-approximately-equal-box:before {
  content: "󰾟";
}
.mdi-apps:before {
  content: "󰀻";
}
.mdi-apps-box:before {
  content: "󰵆";
}
.mdi-arch:before {
  content: "󰣇";
}
.mdi-archive:before {
  content: "󰀼";
}
.mdi-archive-alert:before {
  content: "󱓽";
}
.mdi-archive-alert-outline:before {
  content: "󱓾";
}
.mdi-archive-arrow-down:before {
  content: "󱉙";
}
.mdi-archive-arrow-down-outline:before {
  content: "󱉚";
}
.mdi-archive-arrow-up:before {
  content: "󱉛";
}
.mdi-archive-arrow-up-outline:before {
  content: "󱉜";
}
.mdi-archive-cancel:before {
  content: "󱝋";
}
.mdi-archive-cancel-outline:before {
  content: "󱝌";
}
.mdi-archive-check:before {
  content: "󱝍";
}
.mdi-archive-check-outline:before {
  content: "󱝎";
}
.mdi-archive-clock:before {
  content: "󱝏";
}
.mdi-archive-clock-outline:before {
  content: "󱝐";
}
.mdi-archive-cog:before {
  content: "󱝑";
}
.mdi-archive-cog-outline:before {
  content: "󱝒";
}
.mdi-archive-edit:before {
  content: "󱝓";
}
.mdi-archive-edit-outline:before {
  content: "󱝔";
}
.mdi-archive-eye:before {
  content: "󱝕";
}
.mdi-archive-eye-outline:before {
  content: "󱝖";
}
.mdi-archive-lock:before {
  content: "󱝗";
}
.mdi-archive-lock-open:before {
  content: "󱝘";
}
.mdi-archive-lock-open-outline:before {
  content: "󱝙";
}
.mdi-archive-lock-outline:before {
  content: "󱝚";
}
.mdi-archive-marker:before {
  content: "󱝛";
}
.mdi-archive-marker-outline:before {
  content: "󱝜";
}
.mdi-archive-minus:before {
  content: "󱝝";
}
.mdi-archive-minus-outline:before {
  content: "󱝞";
}
.mdi-archive-music:before {
  content: "󱝟";
}
.mdi-archive-music-outline:before {
  content: "󱝠";
}
.mdi-archive-off:before {
  content: "󱝡";
}
.mdi-archive-off-outline:before {
  content: "󱝢";
}
.mdi-archive-outline:before {
  content: "󱈎";
}
.mdi-archive-plus:before {
  content: "󱝣";
}
.mdi-archive-plus-outline:before {
  content: "󱝤";
}
.mdi-archive-refresh:before {
  content: "󱝥";
}
.mdi-archive-refresh-outline:before {
  content: "󱝦";
}
.mdi-archive-remove:before {
  content: "󱝧";
}
.mdi-archive-remove-outline:before {
  content: "󱝨";
}
.mdi-archive-search:before {
  content: "󱝩";
}
.mdi-archive-search-outline:before {
  content: "󱝪";
}
.mdi-archive-settings:before {
  content: "󱝫";
}
.mdi-archive-settings-outline:before {
  content: "󱝬";
}
.mdi-archive-star:before {
  content: "󱝭";
}
.mdi-archive-star-outline:before {
  content: "󱝮";
}
.mdi-archive-sync:before {
  content: "󱝯";
}
.mdi-archive-sync-outline:before {
  content: "󱝰";
}
.mdi-arm-flex:before {
  content: "󰿗";
}
.mdi-arm-flex-outline:before {
  content: "󰿖";
}
.mdi-arrange-bring-forward:before {
  content: "󰀽";
}
.mdi-arrange-bring-to-front:before {
  content: "󰀾";
}
.mdi-arrange-send-backward:before {
  content: "󰀿";
}
.mdi-arrange-send-to-back:before {
  content: "󰁀";
}
.mdi-arrow-all:before {
  content: "󰁁";
}
.mdi-arrow-bottom-left:before {
  content: "󰁂";
}
.mdi-arrow-bottom-left-bold-box:before {
  content: "󱥤";
}
.mdi-arrow-bottom-left-bold-box-outline:before {
  content: "󱥥";
}
.mdi-arrow-bottom-left-bold-outline:before {
  content: "󰦷";
}
.mdi-arrow-bottom-left-thick:before {
  content: "󰦸";
}
.mdi-arrow-bottom-left-thin:before {
  content: "󱦶";
}
.mdi-arrow-bottom-left-thin-circle-outline:before {
  content: "󱖖";
}
.mdi-arrow-bottom-right:before {
  content: "󰁃";
}
.mdi-arrow-bottom-right-bold-box:before {
  content: "󱥦";
}
.mdi-arrow-bottom-right-bold-box-outline:before {
  content: "󱥧";
}
.mdi-arrow-bottom-right-bold-outline:before {
  content: "󰦹";
}
.mdi-arrow-bottom-right-thick:before {
  content: "󰦺";
}
.mdi-arrow-bottom-right-thin:before {
  content: "󱦷";
}
.mdi-arrow-bottom-right-thin-circle-outline:before {
  content: "󱖕";
}
.mdi-arrow-collapse:before {
  content: "󰘕";
}
.mdi-arrow-collapse-all:before {
  content: "󰁄";
}
.mdi-arrow-collapse-down:before {
  content: "󰞒";
}
.mdi-arrow-collapse-horizontal:before {
  content: "󰡌";
}
.mdi-arrow-collapse-left:before {
  content: "󰞓";
}
.mdi-arrow-collapse-right:before {
  content: "󰞔";
}
.mdi-arrow-collapse-up:before {
  content: "󰞕";
}
.mdi-arrow-collapse-vertical:before {
  content: "󰡍";
}
.mdi-arrow-decision:before {
  content: "󰦻";
}
.mdi-arrow-decision-auto:before {
  content: "󰦼";
}
.mdi-arrow-decision-auto-outline:before {
  content: "󰦽";
}
.mdi-arrow-decision-outline:before {
  content: "󰦾";
}
.mdi-arrow-down:before {
  content: "󰁅";
}
.mdi-arrow-down-bold:before {
  content: "󰜮";
}
.mdi-arrow-down-bold-box:before {
  content: "󰜯";
}
.mdi-arrow-down-bold-box-outline:before {
  content: "󰜰";
}
.mdi-arrow-down-bold-circle:before {
  content: "󰁇";
}
.mdi-arrow-down-bold-circle-outline:before {
  content: "󰁈";
}
.mdi-arrow-down-bold-hexagon-outline:before {
  content: "󰁉";
}
.mdi-arrow-down-bold-outline:before {
  content: "󰦿";
}
.mdi-arrow-down-box:before {
  content: "󰛀";
}
.mdi-arrow-down-circle:before {
  content: "󰳛";
}
.mdi-arrow-down-circle-outline:before {
  content: "󰳜";
}
.mdi-arrow-down-drop-circle:before {
  content: "󰁊";
}
.mdi-arrow-down-drop-circle-outline:before {
  content: "󰁋";
}
.mdi-arrow-down-left:before {
  content: "󱞡";
}
.mdi-arrow-down-left-bold:before {
  content: "󱞢";
}
.mdi-arrow-down-right:before {
  content: "󱞣";
}
.mdi-arrow-down-right-bold:before {
  content: "󱞤";
}
.mdi-arrow-down-thick:before {
  content: "󰁆";
}
.mdi-arrow-down-thin:before {
  content: "󱦳";
}
.mdi-arrow-down-thin-circle-outline:before {
  content: "󱖙";
}
.mdi-arrow-expand:before {
  content: "󰘖";
}
.mdi-arrow-expand-all:before {
  content: "󰁌";
}
.mdi-arrow-expand-down:before {
  content: "󰞖";
}
.mdi-arrow-expand-horizontal:before {
  content: "󰡎";
}
.mdi-arrow-expand-left:before {
  content: "󰞗";
}
.mdi-arrow-expand-right:before {
  content: "󰞘";
}
.mdi-arrow-expand-up:before {
  content: "󰞙";
}
.mdi-arrow-expand-vertical:before {
  content: "󰡏";
}
.mdi-arrow-horizontal-lock:before {
  content: "󱅛";
}
.mdi-arrow-left:before {
  content: "󰁍";
}
.mdi-arrow-left-bold:before {
  content: "󰜱";
}
.mdi-arrow-left-bold-box:before {
  content: "󰜲";
}
.mdi-arrow-left-bold-box-outline:before {
  content: "󰜳";
}
.mdi-arrow-left-bold-circle:before {
  content: "󰁏";
}
.mdi-arrow-left-bold-circle-outline:before {
  content: "󰁐";
}
.mdi-arrow-left-bold-hexagon-outline:before {
  content: "󰁑";
}
.mdi-arrow-left-bold-outline:before {
  content: "󰧀";
}
.mdi-arrow-left-bottom:before {
  content: "󱞥";
}
.mdi-arrow-left-bottom-bold:before {
  content: "󱞦";
}
.mdi-arrow-left-box:before {
  content: "󰛁";
}
.mdi-arrow-left-circle:before {
  content: "󰳝";
}
.mdi-arrow-left-circle-outline:before {
  content: "󰳞";
}
.mdi-arrow-left-drop-circle:before {
  content: "󰁒";
}
.mdi-arrow-left-drop-circle-outline:before {
  content: "󰁓";
}
.mdi-arrow-left-right:before {
  content: "󰹳";
}
.mdi-arrow-left-right-bold:before {
  content: "󰹴";
}
.mdi-arrow-left-right-bold-outline:before {
  content: "󰧁";
}
.mdi-arrow-left-thick:before {
  content: "󰁎";
}
.mdi-arrow-left-thin:before {
  content: "󱦱";
}
.mdi-arrow-left-thin-circle-outline:before {
  content: "󱖚";
}
.mdi-arrow-left-top:before {
  content: "󱞧";
}
.mdi-arrow-left-top-bold:before {
  content: "󱞨";
}
.mdi-arrow-oscillating:before {
  content: "󱲑";
}
.mdi-arrow-oscillating-off:before {
  content: "󱲒";
}
.mdi-arrow-projectile:before {
  content: "󱡀";
}
.mdi-arrow-projectile-multiple:before {
  content: "󱠿";
}
.mdi-arrow-right:before {
  content: "󰁔";
}
.mdi-arrow-right-bold:before {
  content: "󰜴";
}
.mdi-arrow-right-bold-box:before {
  content: "󰜵";
}
.mdi-arrow-right-bold-box-outline:before {
  content: "󰜶";
}
.mdi-arrow-right-bold-circle:before {
  content: "󰁖";
}
.mdi-arrow-right-bold-circle-outline:before {
  content: "󰁗";
}
.mdi-arrow-right-bold-hexagon-outline:before {
  content: "󰁘";
}
.mdi-arrow-right-bold-outline:before {
  content: "󰧂";
}
.mdi-arrow-right-bottom:before {
  content: "󱞩";
}
.mdi-arrow-right-bottom-bold:before {
  content: "󱞪";
}
.mdi-arrow-right-box:before {
  content: "󰛂";
}
.mdi-arrow-right-circle:before {
  content: "󰳟";
}
.mdi-arrow-right-circle-outline:before {
  content: "󰳠";
}
.mdi-arrow-right-drop-circle:before {
  content: "󰁙";
}
.mdi-arrow-right-drop-circle-outline:before {
  content: "󰁚";
}
.mdi-arrow-right-thick:before {
  content: "󰁕";
}
.mdi-arrow-right-thin:before {
  content: "󱦰";
}
.mdi-arrow-right-thin-circle-outline:before {
  content: "󱖘";
}
.mdi-arrow-right-top:before {
  content: "󱞫";
}
.mdi-arrow-right-top-bold:before {
  content: "󱞬";
}
.mdi-arrow-split-horizontal:before {
  content: "󰤻";
}
.mdi-arrow-split-vertical:before {
  content: "󰤼";
}
.mdi-arrow-top-left:before {
  content: "󰁛";
}
.mdi-arrow-top-left-bold-box:before {
  content: "󱥨";
}
.mdi-arrow-top-left-bold-box-outline:before {
  content: "󱥩";
}
.mdi-arrow-top-left-bold-outline:before {
  content: "󰧃";
}
.mdi-arrow-top-left-bottom-right:before {
  content: "󰹵";
}
.mdi-arrow-top-left-bottom-right-bold:before {
  content: "󰹶";
}
.mdi-arrow-top-left-thick:before {
  content: "󰧄";
}
.mdi-arrow-top-left-thin:before {
  content: "󱦵";
}
.mdi-arrow-top-left-thin-circle-outline:before {
  content: "󱖓";
}
.mdi-arrow-top-right:before {
  content: "󰁜";
}
.mdi-arrow-top-right-bold-box:before {
  content: "󱥪";
}
.mdi-arrow-top-right-bold-box-outline:before {
  content: "󱥫";
}
.mdi-arrow-top-right-bold-outline:before {
  content: "󰧅";
}
.mdi-arrow-top-right-bottom-left:before {
  content: "󰹷";
}
.mdi-arrow-top-right-bottom-left-bold:before {
  content: "󰹸";
}
.mdi-arrow-top-right-thick:before {
  content: "󰧆";
}
.mdi-arrow-top-right-thin:before {
  content: "󱦴";
}
.mdi-arrow-top-right-thin-circle-outline:before {
  content: "󱖔";
}
.mdi-arrow-u-down-left:before {
  content: "󱞭";
}
.mdi-arrow-u-down-left-bold:before {
  content: "󱞮";
}
.mdi-arrow-u-down-right:before {
  content: "󱞯";
}
.mdi-arrow-u-down-right-bold:before {
  content: "󱞰";
}
.mdi-arrow-u-left-bottom:before {
  content: "󱞱";
}
.mdi-arrow-u-left-bottom-bold:before {
  content: "󱞲";
}
.mdi-arrow-u-left-top:before {
  content: "󱞳";
}
.mdi-arrow-u-left-top-bold:before {
  content: "󱞴";
}
.mdi-arrow-u-right-bottom:before {
  content: "󱞵";
}
.mdi-arrow-u-right-bottom-bold:before {
  content: "󱞶";
}
.mdi-arrow-u-right-top:before {
  content: "󱞷";
}
.mdi-arrow-u-right-top-bold:before {
  content: "󱞸";
}
.mdi-arrow-u-up-left:before {
  content: "󱞹";
}
.mdi-arrow-u-up-left-bold:before {
  content: "󱞺";
}
.mdi-arrow-u-up-right:before {
  content: "󱞻";
}
.mdi-arrow-u-up-right-bold:before {
  content: "󱞼";
}
.mdi-arrow-up:before {
  content: "󰁝";
}
.mdi-arrow-up-bold:before {
  content: "󰜷";
}
.mdi-arrow-up-bold-box:before {
  content: "󰜸";
}
.mdi-arrow-up-bold-box-outline:before {
  content: "󰜹";
}
.mdi-arrow-up-bold-circle:before {
  content: "󰁟";
}
.mdi-arrow-up-bold-circle-outline:before {
  content: "󰁠";
}
.mdi-arrow-up-bold-hexagon-outline:before {
  content: "󰁡";
}
.mdi-arrow-up-bold-outline:before {
  content: "󰧇";
}
.mdi-arrow-up-box:before {
  content: "󰛃";
}
.mdi-arrow-up-circle:before {
  content: "󰳡";
}
.mdi-arrow-up-circle-outline:before {
  content: "󰳢";
}
.mdi-arrow-up-down:before {
  content: "󰹹";
}
.mdi-arrow-up-down-bold:before {
  content: "󰹺";
}
.mdi-arrow-up-down-bold-outline:before {
  content: "󰧈";
}
.mdi-arrow-up-drop-circle:before {
  content: "󰁢";
}
.mdi-arrow-up-drop-circle-outline:before {
  content: "󰁣";
}
.mdi-arrow-up-left:before {
  content: "󱞽";
}
.mdi-arrow-up-left-bold:before {
  content: "󱞾";
}
.mdi-arrow-up-right:before {
  content: "󱞿";
}
.mdi-arrow-up-right-bold:before {
  content: "󱟀";
}
.mdi-arrow-up-thick:before {
  content: "󰁞";
}
.mdi-arrow-up-thin:before {
  content: "󱦲";
}
.mdi-arrow-up-thin-circle-outline:before {
  content: "󱖗";
}
.mdi-arrow-vertical-lock:before {
  content: "󱅜";
}
.mdi-artboard:before {
  content: "󱮚";
}
.mdi-artstation:before {
  content: "󰭛";
}
.mdi-aspect-ratio:before {
  content: "󰨤";
}
.mdi-assistant:before {
  content: "󰁤";
}
.mdi-asterisk:before {
  content: "󰛄";
}
.mdi-asterisk-circle-outline:before {
  content: "󱨧";
}
.mdi-at:before {
  content: "󰁥";
}
.mdi-atlassian:before {
  content: "󰠄";
}
.mdi-atm:before {
  content: "󰵇";
}
.mdi-atom:before {
  content: "󰝨";
}
.mdi-atom-variant:before {
  content: "󰹻";
}
.mdi-attachment:before {
  content: "󰁦";
}
.mdi-attachment-check:before {
  content: "󱫁";
}
.mdi-attachment-lock:before {
  content: "󱧄";
}
.mdi-attachment-minus:before {
  content: "󱫂";
}
.mdi-attachment-off:before {
  content: "󱫃";
}
.mdi-attachment-plus:before {
  content: "󱫄";
}
.mdi-attachment-remove:before {
  content: "󱫅";
}
.mdi-atv:before {
  content: "󱭰";
}
.mdi-audio-input-rca:before {
  content: "󱡫";
}
.mdi-audio-input-stereo-minijack:before {
  content: "󱡬";
}
.mdi-audio-input-xlr:before {
  content: "󱡭";
}
.mdi-audio-video:before {
  content: "󰤽";
}
.mdi-audio-video-off:before {
  content: "󱆶";
}
.mdi-augmented-reality:before {
  content: "󰡐";
}
.mdi-aurora:before {
  content: "󱮹";
}
.mdi-auto-download:before {
  content: "󱍾";
}
.mdi-auto-fix:before {
  content: "󰁨";
}
.mdi-auto-mode:before {
  content: "󱰠";
}
.mdi-auto-upload:before {
  content: "󰁩";
}
.mdi-autorenew:before {
  content: "󰁪";
}
.mdi-autorenew-off:before {
  content: "󱧧";
}
.mdi-av-timer:before {
  content: "󰁫";
}
.mdi-awning:before {
  content: "󱮇";
}
.mdi-awning-outline:before {
  content: "󱮈";
}
.mdi-aws:before {
  content: "󰸏";
}
.mdi-axe:before {
  content: "󰣈";
}
.mdi-axe-battle:before {
  content: "󱡂";
}
.mdi-axis:before {
  content: "󰵈";
}
.mdi-axis-arrow:before {
  content: "󰵉";
}
.mdi-axis-arrow-info:before {
  content: "󱐎";
}
.mdi-axis-arrow-lock:before {
  content: "󰵊";
}
.mdi-axis-lock:before {
  content: "󰵋";
}
.mdi-axis-x-arrow:before {
  content: "󰵌";
}
.mdi-axis-x-arrow-lock:before {
  content: "󰵍";
}
.mdi-axis-x-rotate-clockwise:before {
  content: "󰵎";
}
.mdi-axis-x-rotate-counterclockwise:before {
  content: "󰵏";
}
.mdi-axis-x-y-arrow-lock:before {
  content: "󰵐";
}
.mdi-axis-y-arrow:before {
  content: "󰵑";
}
.mdi-axis-y-arrow-lock:before {
  content: "󰵒";
}
.mdi-axis-y-rotate-clockwise:before {
  content: "󰵓";
}
.mdi-axis-y-rotate-counterclockwise:before {
  content: "󰵔";
}
.mdi-axis-z-arrow:before {
  content: "󰵕";
}
.mdi-axis-z-arrow-lock:before {
  content: "󰵖";
}
.mdi-axis-z-rotate-clockwise:before {
  content: "󰵗";
}
.mdi-axis-z-rotate-counterclockwise:before {
  content: "󰵘";
}
.mdi-babel:before {
  content: "󰨥";
}
.mdi-baby:before {
  content: "󰁬";
}
.mdi-baby-bottle:before {
  content: "󰼹";
}
.mdi-baby-bottle-outline:before {
  content: "󰼺";
}
.mdi-baby-buggy:before {
  content: "󱏠";
}
.mdi-baby-buggy-off:before {
  content: "󱫳";
}
.mdi-baby-carriage:before {
  content: "󰚏";
}
.mdi-baby-carriage-off:before {
  content: "󰾠";
}
.mdi-baby-face:before {
  content: "󰹼";
}
.mdi-baby-face-outline:before {
  content: "󰹽";
}
.mdi-backburger:before {
  content: "󰁭";
}
.mdi-backspace:before {
  content: "󰁮";
}
.mdi-backspace-outline:before {
  content: "󰭜";
}
.mdi-backspace-reverse:before {
  content: "󰹾";
}
.mdi-backspace-reverse-outline:before {
  content: "󰹿";
}
.mdi-backup-restore:before {
  content: "󰁯";
}
.mdi-bacteria:before {
  content: "󰻕";
}
.mdi-bacteria-outline:before {
  content: "󰻖";
}
.mdi-badge-account:before {
  content: "󰶧";
}
.mdi-badge-account-alert:before {
  content: "󰶨";
}
.mdi-badge-account-alert-outline:before {
  content: "󰶩";
}
.mdi-badge-account-horizontal:before {
  content: "󰸍";
}
.mdi-badge-account-horizontal-outline:before {
  content: "󰸎";
}
.mdi-badge-account-outline:before {
  content: "󰶪";
}
.mdi-badminton:before {
  content: "󰡑";
}
.mdi-bag-carry-on:before {
  content: "󰼻";
}
.mdi-bag-carry-on-check:before {
  content: "󰵥";
}
.mdi-bag-carry-on-off:before {
  content: "󰼼";
}
.mdi-bag-checked:before {
  content: "󰼽";
}
.mdi-bag-personal:before {
  content: "󰸐";
}
.mdi-bag-personal-off:before {
  content: "󰸑";
}
.mdi-bag-personal-off-outline:before {
  content: "󰸒";
}
.mdi-bag-personal-outline:before {
  content: "󰸓";
}
.mdi-bag-personal-plus:before {
  content: "󱲤";
}
.mdi-bag-personal-plus-outline:before {
  content: "󱲥";
}
.mdi-bag-personal-tag:before {
  content: "󱬌";
}
.mdi-bag-personal-tag-outline:before {
  content: "󱬍";
}
.mdi-bag-suitcase:before {
  content: "󱖋";
}
.mdi-bag-suitcase-off:before {
  content: "󱖍";
}
.mdi-bag-suitcase-off-outline:before {
  content: "󱖎";
}
.mdi-bag-suitcase-outline:before {
  content: "󱖌";
}
.mdi-baguette:before {
  content: "󰼾";
}
.mdi-balcony:before {
  content: "󱠗";
}
.mdi-balloon:before {
  content: "󰨦";
}
.mdi-ballot:before {
  content: "󰧉";
}
.mdi-ballot-outline:before {
  content: "󰧊";
}
.mdi-ballot-recount:before {
  content: "󰰹";
}
.mdi-ballot-recount-outline:before {
  content: "󰰺";
}
.mdi-bandage:before {
  content: "󰶯";
}
.mdi-bank:before {
  content: "󰁰";
}
.mdi-bank-check:before {
  content: "󱙕";
}
.mdi-bank-circle:before {
  content: "󱰃";
}
.mdi-bank-circle-outline:before {
  content: "󱰄";
}
.mdi-bank-minus:before {
  content: "󰶰";
}
.mdi-bank-off:before {
  content: "󱙖";
}
.mdi-bank-off-outline:before {
  content: "󱙗";
}
.mdi-bank-outline:before {
  content: "󰺀";
}
.mdi-bank-plus:before {
  content: "󰶱";
}
.mdi-bank-remove:before {
  content: "󰶲";
}
.mdi-bank-transfer:before {
  content: "󰨧";
}
.mdi-bank-transfer-in:before {
  content: "󰨨";
}
.mdi-bank-transfer-out:before {
  content: "󰨩";
}
.mdi-barcode:before {
  content: "󰁱";
}
.mdi-barcode-off:before {
  content: "󱈶";
}
.mdi-barcode-scan:before {
  content: "󰁲";
}
.mdi-barley:before {
  content: "󰁳";
}
.mdi-barley-off:before {
  content: "󰭝";
}
.mdi-barn:before {
  content: "󰭞";
}
.mdi-barrel:before {
  content: "󰁴";
}
.mdi-barrel-outline:before {
  content: "󱨨";
}
.mdi-baseball:before {
  content: "󰡒";
}
.mdi-baseball-bat:before {
  content: "󰡓";
}
.mdi-baseball-diamond:before {
  content: "󱗬";
}
.mdi-baseball-diamond-outline:before {
  content: "󱗭";
}
.mdi-baseball-outline:before {
  content: "󱱚";
}
.mdi-bash:before {
  content: "󱆃";
}
.mdi-basket:before {
  content: "󰁶";
}
.mdi-basket-check:before {
  content: "󱣥";
}
.mdi-basket-check-outline:before {
  content: "󱣦";
}
.mdi-basket-fill:before {
  content: "󰁷";
}
.mdi-basket-minus:before {
  content: "󱔣";
}
.mdi-basket-minus-outline:before {
  content: "󱔤";
}
.mdi-basket-off:before {
  content: "󱔥";
}
.mdi-basket-off-outline:before {
  content: "󱔦";
}
.mdi-basket-outline:before {
  content: "󱆁";
}
.mdi-basket-plus:before {
  content: "󱔧";
}
.mdi-basket-plus-outline:before {
  content: "󱔨";
}
.mdi-basket-remove:before {
  content: "󱔩";
}
.mdi-basket-remove-outline:before {
  content: "󱔪";
}
.mdi-basket-unfill:before {
  content: "󰁸";
}
.mdi-basketball:before {
  content: "󰠆";
}
.mdi-basketball-hoop:before {
  content: "󰰻";
}
.mdi-basketball-hoop-outline:before {
  content: "󰰼";
}
.mdi-bat:before {
  content: "󰭟";
}
.mdi-bathtub:before {
  content: "󱠘";
}
.mdi-bathtub-outline:before {
  content: "󱠙";
}
.mdi-battery:before {
  content: "󰁹";
}
.mdi-battery-10:before {
  content: "󰁺";
}
.mdi-battery-10-bluetooth:before {
  content: "󰤾";
}
.mdi-battery-20:before {
  content: "󰁻";
}
.mdi-battery-20-bluetooth:before {
  content: "󰤿";
}
.mdi-battery-30:before {
  content: "󰁼";
}
.mdi-battery-30-bluetooth:before {
  content: "󰥀";
}
.mdi-battery-40:before {
  content: "󰁽";
}
.mdi-battery-40-bluetooth:before {
  content: "󰥁";
}
.mdi-battery-50:before {
  content: "󰁾";
}
.mdi-battery-50-bluetooth:before {
  content: "󰥂";
}
.mdi-battery-60:before {
  content: "󰁿";
}
.mdi-battery-60-bluetooth:before {
  content: "󰥃";
}
.mdi-battery-70:before {
  content: "󰂀";
}
.mdi-battery-70-bluetooth:before {
  content: "󰥄";
}
.mdi-battery-80:before {
  content: "󰂁";
}
.mdi-battery-80-bluetooth:before {
  content: "󰥅";
}
.mdi-battery-90:before {
  content: "󰂂";
}
.mdi-battery-90-bluetooth:before {
  content: "󰥆";
}
.mdi-battery-alert:before {
  content: "󰂃";
}
.mdi-battery-alert-bluetooth:before {
  content: "󰥇";
}
.mdi-battery-alert-variant:before {
  content: "󱃌";
}
.mdi-battery-alert-variant-outline:before {
  content: "󱃍";
}
.mdi-battery-arrow-down:before {
  content: "󱟞";
}
.mdi-battery-arrow-down-outline:before {
  content: "󱟟";
}
.mdi-battery-arrow-up:before {
  content: "󱟠";
}
.mdi-battery-arrow-up-outline:before {
  content: "󱟡";
}
.mdi-battery-bluetooth:before {
  content: "󰥈";
}
.mdi-battery-bluetooth-variant:before {
  content: "󰥉";
}
.mdi-battery-charging:before {
  content: "󰂄";
}
.mdi-battery-charging-10:before {
  content: "󰢜";
}
.mdi-battery-charging-100:before {
  content: "󰂅";
}
.mdi-battery-charging-20:before {
  content: "󰂆";
}
.mdi-battery-charging-30:before {
  content: "󰂇";
}
.mdi-battery-charging-40:before {
  content: "󰂈";
}
.mdi-battery-charging-50:before {
  content: "󰢝";
}
.mdi-battery-charging-60:before {
  content: "󰂉";
}
.mdi-battery-charging-70:before {
  content: "󰢞";
}
.mdi-battery-charging-80:before {
  content: "󰂊";
}
.mdi-battery-charging-90:before {
  content: "󰂋";
}
.mdi-battery-charging-high:before {
  content: "󱊦";
}
.mdi-battery-charging-low:before {
  content: "󱊤";
}
.mdi-battery-charging-medium:before {
  content: "󱊥";
}
.mdi-battery-charging-outline:before {
  content: "󰢟";
}
.mdi-battery-charging-wireless:before {
  content: "󰠇";
}
.mdi-battery-charging-wireless-10:before {
  content: "󰠈";
}
.mdi-battery-charging-wireless-20:before {
  content: "󰠉";
}
.mdi-battery-charging-wireless-30:before {
  content: "󰠊";
}
.mdi-battery-charging-wireless-40:before {
  content: "󰠋";
}
.mdi-battery-charging-wireless-50:before {
  content: "󰠌";
}
.mdi-battery-charging-wireless-60:before {
  content: "󰠍";
}
.mdi-battery-charging-wireless-70:before {
  content: "󰠎";
}
.mdi-battery-charging-wireless-80:before {
  content: "󰠏";
}
.mdi-battery-charging-wireless-90:before {
  content: "󰠐";
}
.mdi-battery-charging-wireless-alert:before {
  content: "󰠑";
}
.mdi-battery-charging-wireless-outline:before {
  content: "󰠒";
}
.mdi-battery-check:before {
  content: "󱟢";
}
.mdi-battery-check-outline:before {
  content: "󱟣";
}
.mdi-battery-clock:before {
  content: "󱧥";
}
.mdi-battery-clock-outline:before {
  content: "󱧦";
}
.mdi-battery-heart:before {
  content: "󱈏";
}
.mdi-battery-heart-outline:before {
  content: "󱈐";
}
.mdi-battery-heart-variant:before {
  content: "󱈑";
}
.mdi-battery-high:before {
  content: "󱊣";
}
.mdi-battery-lock:before {
  content: "󱞜";
}
.mdi-battery-lock-open:before {
  content: "󱞝";
}
.mdi-battery-low:before {
  content: "󱊡";
}
.mdi-battery-medium:before {
  content: "󱊢";
}
.mdi-battery-minus:before {
  content: "󱟤";
}
.mdi-battery-minus-outline:before {
  content: "󱟥";
}
.mdi-battery-minus-variant:before {
  content: "󰂌";
}
.mdi-battery-negative:before {
  content: "󰂍";
}
.mdi-battery-off:before {
  content: "󱉝";
}
.mdi-battery-off-outline:before {
  content: "󱉞";
}
.mdi-battery-outline:before {
  content: "󰂎";
}
.mdi-battery-plus:before {
  content: "󱟦";
}
.mdi-battery-plus-outline:before {
  content: "󱟧";
}
.mdi-battery-plus-variant:before {
  content: "󰂏";
}
.mdi-battery-positive:before {
  content: "󰂐";
}
.mdi-battery-remove:before {
  content: "󱟨";
}
.mdi-battery-remove-outline:before {
  content: "󱟩";
}
.mdi-battery-sync:before {
  content: "󱠴";
}
.mdi-battery-sync-outline:before {
  content: "󱠵";
}
.mdi-battery-unknown:before {
  content: "󰂑";
}
.mdi-battery-unknown-bluetooth:before {
  content: "󰥊";
}
.mdi-beach:before {
  content: "󰂒";
}
.mdi-beaker:before {
  content: "󰳪";
}
.mdi-beaker-alert:before {
  content: "󱈩";
}
.mdi-beaker-alert-outline:before {
  content: "󱈪";
}
.mdi-beaker-check:before {
  content: "󱈫";
}
.mdi-beaker-check-outline:before {
  content: "󱈬";
}
.mdi-beaker-minus:before {
  content: "󱈭";
}
.mdi-beaker-minus-outline:before {
  content: "󱈮";
}
.mdi-beaker-outline:before {
  content: "󰚐";
}
.mdi-beaker-plus:before {
  content: "󱈯";
}
.mdi-beaker-plus-outline:before {
  content: "󱈰";
}
.mdi-beaker-question:before {
  content: "󱈱";
}
.mdi-beaker-question-outline:before {
  content: "󱈲";
}
.mdi-beaker-remove:before {
  content: "󱈳";
}
.mdi-beaker-remove-outline:before {
  content: "󱈴";
}
.mdi-bed:before {
  content: "󰋣";
}
.mdi-bed-clock:before {
  content: "󱮔";
}
.mdi-bed-double:before {
  content: "󰿔";
}
.mdi-bed-double-outline:before {
  content: "󰿓";
}
.mdi-bed-empty:before {
  content: "󰢠";
}
.mdi-bed-king:before {
  content: "󰿒";
}
.mdi-bed-king-outline:before {
  content: "󰿑";
}
.mdi-bed-outline:before {
  content: "󰂙";
}
.mdi-bed-queen:before {
  content: "󰿐";
}
.mdi-bed-queen-outline:before {
  content: "󰿛";
}
.mdi-bed-single:before {
  content: "󱁭";
}
.mdi-bed-single-outline:before {
  content: "󱁮";
}
.mdi-bee:before {
  content: "󰾡";
}
.mdi-bee-flower:before {
  content: "󰾢";
}
.mdi-beehive-off-outline:before {
  content: "󱏭";
}
.mdi-beehive-outline:before {
  content: "󱃎";
}
.mdi-beekeeper:before {
  content: "󱓢";
}
.mdi-beer:before {
  content: "󰂘";
}
.mdi-beer-outline:before {
  content: "󱌌";
}
.mdi-bell:before {
  content: "󰂚";
}
.mdi-bell-alert:before {
  content: "󰵙";
}
.mdi-bell-alert-outline:before {
  content: "󰺁";
}
.mdi-bell-badge:before {
  content: "󱅫";
}
.mdi-bell-badge-outline:before {
  content: "󰅸";
}
.mdi-bell-cancel:before {
  content: "󱏧";
}
.mdi-bell-cancel-outline:before {
  content: "󱏨";
}
.mdi-bell-check:before {
  content: "󱇥";
}
.mdi-bell-check-outline:before {
  content: "󱇦";
}
.mdi-bell-circle:before {
  content: "󰵚";
}
.mdi-bell-circle-outline:before {
  content: "󰵛";
}
.mdi-bell-cog:before {
  content: "󱨩";
}
.mdi-bell-cog-outline:before {
  content: "󱨪";
}
.mdi-bell-minus:before {
  content: "󱏩";
}
.mdi-bell-minus-outline:before {
  content: "󱏪";
}
.mdi-bell-off:before {
  content: "󰂛";
}
.mdi-bell-off-outline:before {
  content: "󰪑";
}
.mdi-bell-outline:before {
  content: "󰂜";
}
.mdi-bell-plus:before {
  content: "󰂝";
}
.mdi-bell-plus-outline:before {
  content: "󰪒";
}
.mdi-bell-remove:before {
  content: "󱏫";
}
.mdi-bell-remove-outline:before {
  content: "󱏬";
}
.mdi-bell-ring:before {
  content: "󰂞";
}
.mdi-bell-ring-outline:before {
  content: "󰂟";
}
.mdi-bell-sleep:before {
  content: "󰂠";
}
.mdi-bell-sleep-outline:before {
  content: "󰪓";
}
.mdi-bench:before {
  content: "󱰡";
}
.mdi-bench-back:before {
  content: "󱰢";
}
.mdi-beta:before {
  content: "󰂡";
}
.mdi-betamax:before {
  content: "󰧋";
}
.mdi-biathlon:before {
  content: "󰸔";
}
.mdi-bicycle:before {
  content: "󱂜";
}
.mdi-bicycle-basket:before {
  content: "󱈵";
}
.mdi-bicycle-cargo:before {
  content: "󱢜";
}
.mdi-bicycle-electric:before {
  content: "󱖴";
}
.mdi-bicycle-penny-farthing:before {
  content: "󱗩";
}
.mdi-bike:before {
  content: "󰂣";
}
.mdi-bike-fast:before {
  content: "󱄟";
}
.mdi-bike-pedal:before {
  content: "󱰣";
}
.mdi-bike-pedal-clipless:before {
  content: "󱰤";
}
.mdi-bike-pedal-mountain:before {
  content: "󱰥";
}
.mdi-billboard:before {
  content: "󱀐";
}
.mdi-billiards:before {
  content: "󰭡";
}
.mdi-billiards-rack:before {
  content: "󰭢";
}
.mdi-binoculars:before {
  content: "󰂥";
}
.mdi-bio:before {
  content: "󰂦";
}
.mdi-biohazard:before {
  content: "󰂧";
}
.mdi-bird:before {
  content: "󱗆";
}
.mdi-bitbucket:before {
  content: "󰂨";
}
.mdi-bitcoin:before {
  content: "󰠓";
}
.mdi-black-mesa:before {
  content: "󰂩";
}
.mdi-blender:before {
  content: "󰳫";
}
.mdi-blender-outline:before {
  content: "󱠚";
}
.mdi-blender-software:before {
  content: "󰂫";
}
.mdi-blinds:before {
  content: "󰂬";
}
.mdi-blinds-horizontal:before {
  content: "󱨫";
}
.mdi-blinds-horizontal-closed:before {
  content: "󱨬";
}
.mdi-blinds-open:before {
  content: "󱀑";
}
.mdi-blinds-vertical:before {
  content: "󱨭";
}
.mdi-blinds-vertical-closed:before {
  content: "󱨮";
}
.mdi-block-helper:before {
  content: "󰂭";
}
.mdi-blood-bag:before {
  content: "󰳬";
}
.mdi-bluetooth:before {
  content: "󰂯";
}
.mdi-bluetooth-audio:before {
  content: "󰂰";
}
.mdi-bluetooth-connect:before {
  content: "󰂱";
}
.mdi-bluetooth-off:before {
  content: "󰂲";
}
.mdi-bluetooth-settings:before {
  content: "󰂳";
}
.mdi-bluetooth-transfer:before {
  content: "󰂴";
}
.mdi-blur:before {
  content: "󰂵";
}
.mdi-blur-linear:before {
  content: "󰂶";
}
.mdi-blur-off:before {
  content: "󰂷";
}
.mdi-blur-radial:before {
  content: "󰂸";
}
.mdi-bolt:before {
  content: "󰶳";
}
.mdi-bomb:before {
  content: "󰚑";
}
.mdi-bomb-off:before {
  content: "󰛅";
}
.mdi-bone:before {
  content: "󰂹";
}
.mdi-bone-off:before {
  content: "󱧠";
}
.mdi-book:before {
  content: "󰂺";
}
.mdi-book-account:before {
  content: "󱎭";
}
.mdi-book-account-outline:before {
  content: "󱎮";
}
.mdi-book-alert:before {
  content: "󱙼";
}
.mdi-book-alert-outline:before {
  content: "󱙽";
}
.mdi-book-alphabet:before {
  content: "󰘝";
}
.mdi-book-arrow-down:before {
  content: "󱙾";
}
.mdi-book-arrow-down-outline:before {
  content: "󱙿";
}
.mdi-book-arrow-left:before {
  content: "󱚀";
}
.mdi-book-arrow-left-outline:before {
  content: "󱚁";
}
.mdi-book-arrow-right:before {
  content: "󱚂";
}
.mdi-book-arrow-right-outline:before {
  content: "󱚃";
}
.mdi-book-arrow-up:before {
  content: "󱚄";
}
.mdi-book-arrow-up-outline:before {
  content: "󱚅";
}
.mdi-book-cancel:before {
  content: "󱚆";
}
.mdi-book-cancel-outline:before {
  content: "󱚇";
}
.mdi-book-check:before {
  content: "󱓳";
}
.mdi-book-check-outline:before {
  content: "󱓴";
}
.mdi-book-clock:before {
  content: "󱚈";
}
.mdi-book-clock-outline:before {
  content: "󱚉";
}
.mdi-book-cog:before {
  content: "󱚊";
}
.mdi-book-cog-outline:before {
  content: "󱚋";
}
.mdi-book-cross:before {
  content: "󰂢";
}
.mdi-book-edit:before {
  content: "󱚌";
}
.mdi-book-edit-outline:before {
  content: "󱚍";
}
.mdi-book-education:before {
  content: "󱛉";
}
.mdi-book-education-outline:before {
  content: "󱛊";
}
.mdi-book-heart:before {
  content: "󱨝";
}
.mdi-book-heart-outline:before {
  content: "󱨞";
}
.mdi-book-information-variant:before {
  content: "󱁯";
}
.mdi-book-lock:before {
  content: "󰞚";
}
.mdi-book-lock-open:before {
  content: "󰞛";
}
.mdi-book-lock-open-outline:before {
  content: "󱚎";
}
.mdi-book-lock-outline:before {
  content: "󱚏";
}
.mdi-book-marker:before {
  content: "󱚐";
}
.mdi-book-marker-outline:before {
  content: "󱚑";
}
.mdi-book-minus:before {
  content: "󰗙";
}
.mdi-book-minus-multiple:before {
  content: "󰪔";
}
.mdi-book-minus-multiple-outline:before {
  content: "󰤋";
}
.mdi-book-minus-outline:before {
  content: "󱚒";
}
.mdi-book-multiple:before {
  content: "󰂻";
}
.mdi-book-multiple-outline:before {
  content: "󰐶";
}
.mdi-book-music:before {
  content: "󰁧";
}
.mdi-book-music-outline:before {
  content: "󱚓";
}
.mdi-book-off:before {
  content: "󱚔";
}
.mdi-book-off-outline:before {
  content: "󱚕";
}
.mdi-book-open:before {
  content: "󰂽";
}
.mdi-book-open-blank-variant:before {
  content: "󰂾";
}
.mdi-book-open-blank-variant-outline:before {
  content: "󱳋";
}
.mdi-book-open-outline:before {
  content: "󰭣";
}
.mdi-book-open-page-variant:before {
  content: "󰗚";
}
.mdi-book-open-page-variant-outline:before {
  content: "󱗖";
}
.mdi-book-open-variant:before {
  content: "󱓷";
}
.mdi-book-open-variant-outline:before {
  content: "󱳌";
}
.mdi-book-outline:before {
  content: "󰭤";
}
.mdi-book-play:before {
  content: "󰺂";
}
.mdi-book-play-outline:before {
  content: "󰺃";
}
.mdi-book-plus:before {
  content: "󰗛";
}
.mdi-book-plus-multiple:before {
  content: "󰪕";
}
.mdi-book-plus-multiple-outline:before {
  content: "󰫞";
}
.mdi-book-plus-outline:before {
  content: "󱚖";
}
.mdi-book-refresh:before {
  content: "󱚗";
}
.mdi-book-refresh-outline:before {
  content: "󱚘";
}
.mdi-book-remove:before {
  content: "󰪗";
}
.mdi-book-remove-multiple:before {
  content: "󰪖";
}
.mdi-book-remove-multiple-outline:before {
  content: "󰓊";
}
.mdi-book-remove-outline:before {
  content: "󱚙";
}
.mdi-book-search:before {
  content: "󰺄";
}
.mdi-book-search-outline:before {
  content: "󰺅";
}
.mdi-book-settings:before {
  content: "󱚚";
}
.mdi-book-settings-outline:before {
  content: "󱚛";
}
.mdi-book-sync:before {
  content: "󱚜";
}
.mdi-book-sync-outline:before {
  content: "󱛈";
}
.mdi-book-variant:before {
  content: "󰂿";
}
.mdi-bookmark:before {
  content: "󰃀";
}
.mdi-bookmark-box:before {
  content: "󱭵";
}
.mdi-bookmark-box-multiple:before {
  content: "󱥬";
}
.mdi-bookmark-box-multiple-outline:before {
  content: "󱥭";
}
.mdi-bookmark-box-outline:before {
  content: "󱭶";
}
.mdi-bookmark-check:before {
  content: "󰃁";
}
.mdi-bookmark-check-outline:before {
  content: "󱍻";
}
.mdi-bookmark-minus:before {
  content: "󰧌";
}
.mdi-bookmark-minus-outline:before {
  content: "󰧍";
}
.mdi-bookmark-multiple:before {
  content: "󰸕";
}
.mdi-bookmark-multiple-outline:before {
  content: "󰸖";
}
.mdi-bookmark-music:before {
  content: "󰃂";
}
.mdi-bookmark-music-outline:before {
  content: "󱍹";
}
.mdi-bookmark-off:before {
  content: "󰧎";
}
.mdi-bookmark-off-outline:before {
  content: "󰧏";
}
.mdi-bookmark-outline:before {
  content: "󰃃";
}
.mdi-bookmark-plus:before {
  content: "󰃅";
}
.mdi-bookmark-plus-outline:before {
  content: "󰃄";
}
.mdi-bookmark-remove:before {
  content: "󰃆";
}
.mdi-bookmark-remove-outline:before {
  content: "󱍺";
}
.mdi-bookshelf:before {
  content: "󱉟";
}
.mdi-boom-gate:before {
  content: "󰺆";
}
.mdi-boom-gate-alert:before {
  content: "󰺇";
}
.mdi-boom-gate-alert-outline:before {
  content: "󰺈";
}
.mdi-boom-gate-arrow-down:before {
  content: "󰺉";
}
.mdi-boom-gate-arrow-down-outline:before {
  content: "󰺊";
}
.mdi-boom-gate-arrow-up:before {
  content: "󰺌";
}
.mdi-boom-gate-arrow-up-outline:before {
  content: "󰺍";
}
.mdi-boom-gate-outline:before {
  content: "󰺋";
}
.mdi-boom-gate-up:before {
  content: "󱟹";
}
.mdi-boom-gate-up-outline:before {
  content: "󱟺";
}
.mdi-boombox:before {
  content: "󰗜";
}
.mdi-boomerang:before {
  content: "󱃏";
}
.mdi-bootstrap:before {
  content: "󰛆";
}
.mdi-border-all:before {
  content: "󰃇";
}
.mdi-border-all-variant:before {
  content: "󰢡";
}
.mdi-border-bottom:before {
  content: "󰃈";
}
.mdi-border-bottom-variant:before {
  content: "󰢢";
}
.mdi-border-color:before {
  content: "󰃉";
}
.mdi-border-horizontal:before {
  content: "󰃊";
}
.mdi-border-inside:before {
  content: "󰃋";
}
.mdi-border-left:before {
  content: "󰃌";
}
.mdi-border-left-variant:before {
  content: "󰢣";
}
.mdi-border-none:before {
  content: "󰃍";
}
.mdi-border-none-variant:before {
  content: "󰢤";
}
.mdi-border-outside:before {
  content: "󰃎";
}
.mdi-border-radius:before {
  content: "󱫴";
}
.mdi-border-right:before {
  content: "󰃏";
}
.mdi-border-right-variant:before {
  content: "󰢥";
}
.mdi-border-style:before {
  content: "󰃐";
}
.mdi-border-top:before {
  content: "󰃑";
}
.mdi-border-top-variant:before {
  content: "󰢦";
}
.mdi-border-vertical:before {
  content: "󰃒";
}
.mdi-bottle-soda:before {
  content: "󱁰";
}
.mdi-bottle-soda-classic:before {
  content: "󱁱";
}
.mdi-bottle-soda-classic-outline:before {
  content: "󱍣";
}
.mdi-bottle-soda-outline:before {
  content: "󱁲";
}
.mdi-bottle-tonic:before {
  content: "󱄮";
}
.mdi-bottle-tonic-outline:before {
  content: "󱄯";
}
.mdi-bottle-tonic-plus:before {
  content: "󱄰";
}
.mdi-bottle-tonic-plus-outline:before {
  content: "󱄱";
}
.mdi-bottle-tonic-skull:before {
  content: "󱄲";
}
.mdi-bottle-tonic-skull-outline:before {
  content: "󱄳";
}
.mdi-bottle-wine:before {
  content: "󰡔";
}
.mdi-bottle-wine-outline:before {
  content: "󱌐";
}
.mdi-bow-arrow:before {
  content: "󱡁";
}
.mdi-bow-tie:before {
  content: "󰙸";
}
.mdi-bowl:before {
  content: "󰊎";
}
.mdi-bowl-mix:before {
  content: "󰘗";
}
.mdi-bowl-mix-outline:before {
  content: "󰋤";
}
.mdi-bowl-outline:before {
  content: "󰊩";
}
.mdi-bowling:before {
  content: "󰃓";
}
.mdi-box:before {
  content: "󰃔";
}
.mdi-box-cutter:before {
  content: "󰃕";
}
.mdi-box-cutter-off:before {
  content: "󰭊";
}
.mdi-box-shadow:before {
  content: "󰘷";
}
.mdi-boxing-glove:before {
  content: "󰭥";
}
.mdi-braille:before {
  content: "󰧐";
}
.mdi-brain:before {
  content: "󰧑";
}
.mdi-bread-slice:before {
  content: "󰳮";
}
.mdi-bread-slice-outline:before {
  content: "󰳯";
}
.mdi-bridge:before {
  content: "󰘘";
}
.mdi-briefcase:before {
  content: "󰃖";
}
.mdi-briefcase-account:before {
  content: "󰳰";
}
.mdi-briefcase-account-outline:before {
  content: "󰳱";
}
.mdi-briefcase-arrow-left-right:before {
  content: "󱪍";
}
.mdi-briefcase-arrow-left-right-outline:before {
  content: "󱪎";
}
.mdi-briefcase-arrow-up-down:before {
  content: "󱪏";
}
.mdi-briefcase-arrow-up-down-outline:before {
  content: "󱪐";
}
.mdi-briefcase-check:before {
  content: "󰃗";
}
.mdi-briefcase-check-outline:before {
  content: "󱌞";
}
.mdi-briefcase-clock:before {
  content: "󱃐";
}
.mdi-briefcase-clock-outline:before {
  content: "󱃑";
}
.mdi-briefcase-download:before {
  content: "󰃘";
}
.mdi-briefcase-download-outline:before {
  content: "󰰽";
}
.mdi-briefcase-edit:before {
  content: "󰪘";
}
.mdi-briefcase-edit-outline:before {
  content: "󰰾";
}
.mdi-briefcase-eye:before {
  content: "󱟙";
}
.mdi-briefcase-eye-outline:before {
  content: "󱟚";
}
.mdi-briefcase-minus:before {
  content: "󰨪";
}
.mdi-briefcase-minus-outline:before {
  content: "󰰿";
}
.mdi-briefcase-off:before {
  content: "󱙘";
}
.mdi-briefcase-off-outline:before {
  content: "󱙙";
}
.mdi-briefcase-outline:before {
  content: "󰠔";
}
.mdi-briefcase-plus:before {
  content: "󰨫";
}
.mdi-briefcase-plus-outline:before {
  content: "󰱀";
}
.mdi-briefcase-remove:before {
  content: "󰨬";
}
.mdi-briefcase-remove-outline:before {
  content: "󰱁";
}
.mdi-briefcase-search:before {
  content: "󰨭";
}
.mdi-briefcase-search-outline:before {
  content: "󰱂";
}
.mdi-briefcase-upload:before {
  content: "󰃙";
}
.mdi-briefcase-upload-outline:before {
  content: "󰱃";
}
.mdi-briefcase-variant:before {
  content: "󱒔";
}
.mdi-briefcase-variant-off:before {
  content: "󱙚";
}
.mdi-briefcase-variant-off-outline:before {
  content: "󱙛";
}
.mdi-briefcase-variant-outline:before {
  content: "󱒕";
}
.mdi-brightness-1:before {
  content: "󰃚";
}
.mdi-brightness-2:before {
  content: "󰃛";
}
.mdi-brightness-3:before {
  content: "󰃜";
}
.mdi-brightness-4:before {
  content: "󰃝";
}
.mdi-brightness-5:before {
  content: "󰃞";
}
.mdi-brightness-6:before {
  content: "󰃟";
}
.mdi-brightness-7:before {
  content: "󰃠";
}
.mdi-brightness-auto:before {
  content: "󰃡";
}
.mdi-brightness-percent:before {
  content: "󰳲";
}
.mdi-broadcast:before {
  content: "󱜠";
}
.mdi-broadcast-off:before {
  content: "󱜡";
}
.mdi-broom:before {
  content: "󰃢";
}
.mdi-brush:before {
  content: "󰃣";
}
.mdi-brush-off:before {
  content: "󱝱";
}
.mdi-brush-outline:before {
  content: "󱨍";
}
.mdi-brush-variant:before {
  content: "󱠓";
}
.mdi-bucket:before {
  content: "󱐕";
}
.mdi-bucket-outline:before {
  content: "󱐖";
}
.mdi-buffet:before {
  content: "󰕸";
}
.mdi-bug:before {
  content: "󰃤";
}
.mdi-bug-check:before {
  content: "󰨮";
}
.mdi-bug-check-outline:before {
  content: "󰨯";
}
.mdi-bug-outline:before {
  content: "󰨰";
}
.mdi-bug-pause:before {
  content: "󱫵";
}
.mdi-bug-pause-outline:before {
  content: "󱫶";
}
.mdi-bug-play:before {
  content: "󱫷";
}
.mdi-bug-play-outline:before {
  content: "󱫸";
}
.mdi-bug-stop:before {
  content: "󱫹";
}
.mdi-bug-stop-outline:before {
  content: "󱫺";
}
.mdi-bugle:before {
  content: "󰶴";
}
.mdi-bulkhead-light:before {
  content: "󱨯";
}
.mdi-bulldozer:before {
  content: "󰬢";
}
.mdi-bullet:before {
  content: "󰳳";
}
.mdi-bulletin-board:before {
  content: "󰃥";
}
.mdi-bullhorn:before {
  content: "󰃦";
}
.mdi-bullhorn-outline:before {
  content: "󰬣";
}
.mdi-bullhorn-variant:before {
  content: "󱥮";
}
.mdi-bullhorn-variant-outline:before {
  content: "󱥯";
}
.mdi-bullseye:before {
  content: "󰗝";
}
.mdi-bullseye-arrow:before {
  content: "󰣉";
}
.mdi-bulma:before {
  content: "󱋧";
}
.mdi-bunk-bed:before {
  content: "󱌂";
}
.mdi-bunk-bed-outline:before {
  content: "󰂗";
}
.mdi-bus:before {
  content: "󰃧";
}
.mdi-bus-alert:before {
  content: "󰪙";
}
.mdi-bus-articulated-end:before {
  content: "󰞜";
}
.mdi-bus-articulated-front:before {
  content: "󰞝";
}
.mdi-bus-clock:before {
  content: "󰣊";
}
.mdi-bus-double-decker:before {
  content: "󰞞";
}
.mdi-bus-electric:before {
  content: "󱤝";
}
.mdi-bus-marker:before {
  content: "󱈒";
}
.mdi-bus-multiple:before {
  content: "󰼿";
}
.mdi-bus-school:before {
  content: "󰞟";
}
.mdi-bus-side:before {
  content: "󰞠";
}
.mdi-bus-sign:before {
  content: "󱳁";
}
.mdi-bus-stop:before {
  content: "󱀒";
}
.mdi-bus-stop-covered:before {
  content: "󱀓";
}
.mdi-bus-stop-uncovered:before {
  content: "󱀔";
}
.mdi-bus-wrench:before {
  content: "󱳂";
}
.mdi-butterfly:before {
  content: "󱖉";
}
.mdi-butterfly-outline:before {
  content: "󱖊";
}
.mdi-button-cursor:before {
  content: "󱭏";
}
.mdi-button-pointer:before {
  content: "󱭐";
}
.mdi-cabin-a-frame:before {
  content: "󱢌";
}
.mdi-cable-data:before {
  content: "󱎔";
}
.mdi-cached:before {
  content: "󰃨";
}
.mdi-cactus:before {
  content: "󰶵";
}
.mdi-cake:before {
  content: "󰃩";
}
.mdi-cake-layered:before {
  content: "󰃪";
}
.mdi-cake-variant:before {
  content: "󰃫";
}
.mdi-cake-variant-outline:before {
  content: "󱟰";
}
.mdi-calculator:before {
  content: "󰃬";
}
.mdi-calculator-variant:before {
  content: "󰪚";
}
.mdi-calculator-variant-outline:before {
  content: "󱖦";
}
.mdi-calendar:before {
  content: "󰃭";
}
.mdi-calendar-account:before {
  content: "󰻗";
}
.mdi-calendar-account-outline:before {
  content: "󰻘";
}
.mdi-calendar-alert:before {
  content: "󰨱";
}
.mdi-calendar-alert-outline:before {
  content: "󱭢";
}
.mdi-calendar-arrow-left:before {
  content: "󱄴";
}
.mdi-calendar-arrow-right:before {
  content: "󱄵";
}
.mdi-calendar-badge:before {
  content: "󱮝";
}
.mdi-calendar-badge-outline:before {
  content: "󱮞";
}
.mdi-calendar-blank:before {
  content: "󰃮";
}
.mdi-calendar-blank-multiple:before {
  content: "󱁳";
}
.mdi-calendar-blank-outline:before {
  content: "󰭦";
}
.mdi-calendar-check:before {
  content: "󰃯";
}
.mdi-calendar-check-outline:before {
  content: "󰱄";
}
.mdi-calendar-clock:before {
  content: "󰃰";
}
.mdi-calendar-clock-outline:before {
  content: "󱛡";
}
.mdi-calendar-collapse-horizontal:before {
  content: "󱢝";
}
.mdi-calendar-collapse-horizontal-outline:before {
  content: "󱭣";
}
.mdi-calendar-cursor:before {
  content: "󱕻";
}
.mdi-calendar-cursor-outline:before {
  content: "󱭤";
}
.mdi-calendar-edit:before {
  content: "󰢧";
}
.mdi-calendar-edit-outline:before {
  content: "󱭥";
}
.mdi-calendar-end:before {
  content: "󱙬";
}
.mdi-calendar-end-outline:before {
  content: "󱭦";
}
.mdi-calendar-expand-horizontal:before {
  content: "󱢞";
}
.mdi-calendar-expand-horizontal-outline:before {
  content: "󱭧";
}
.mdi-calendar-export:before {
  content: "󰬤";
}
.mdi-calendar-export-outline:before {
  content: "󱭨";
}
.mdi-calendar-filter:before {
  content: "󱨲";
}
.mdi-calendar-filter-outline:before {
  content: "󱨳";
}
.mdi-calendar-heart:before {
  content: "󰧒";
}
.mdi-calendar-heart-outline:before {
  content: "󱭩";
}
.mdi-calendar-import:before {
  content: "󰬥";
}
.mdi-calendar-import-outline:before {
  content: "󱭪";
}
.mdi-calendar-lock:before {
  content: "󱙁";
}
.mdi-calendar-lock-open:before {
  content: "󱭛";
}
.mdi-calendar-lock-open-outline:before {
  content: "󱭜";
}
.mdi-calendar-lock-outline:before {
  content: "󱙂";
}
.mdi-calendar-minus:before {
  content: "󰵜";
}
.mdi-calendar-minus-outline:before {
  content: "󱭫";
}
.mdi-calendar-month:before {
  content: "󰸗";
}
.mdi-calendar-month-outline:before {
  content: "󰸘";
}
.mdi-calendar-multiple:before {
  content: "󰃱";
}
.mdi-calendar-multiple-check:before {
  content: "󰃲";
}
.mdi-calendar-multiselect:before {
  content: "󰨲";
}
.mdi-calendar-multiselect-outline:before {
  content: "󱭕";
}
.mdi-calendar-outline:before {
  content: "󰭧";
}
.mdi-calendar-plus:before {
  content: "󰃳";
}
.mdi-calendar-plus-outline:before {
  content: "󱭬";
}
.mdi-calendar-question:before {
  content: "󰚒";
}
.mdi-calendar-question-outline:before {
  content: "󱭭";
}
.mdi-calendar-range:before {
  content: "󰙹";
}
.mdi-calendar-range-outline:before {
  content: "󰭨";
}
.mdi-calendar-refresh:before {
  content: "󰇡";
}
.mdi-calendar-refresh-outline:before {
  content: "󰈃";
}
.mdi-calendar-remove:before {
  content: "󰃴";
}
.mdi-calendar-remove-outline:before {
  content: "󰱅";
}
.mdi-calendar-search:before {
  content: "󰥌";
}
.mdi-calendar-search-outline:before {
  content: "󱭮";
}
.mdi-calendar-star:before {
  content: "󰧓";
}
.mdi-calendar-star-four-points:before {
  content: "󱰟";
}
.mdi-calendar-star-outline:before {
  content: "󱭓";
}
.mdi-calendar-start:before {
  content: "󱙭";
}
.mdi-calendar-start-outline:before {
  content: "󱭯";
}
.mdi-calendar-sync:before {
  content: "󰺎";
}
.mdi-calendar-sync-outline:before {
  content: "󰺏";
}
.mdi-calendar-text:before {
  content: "󰃵";
}
.mdi-calendar-text-outline:before {
  content: "󰱆";
}
.mdi-calendar-today:before {
  content: "󰃶";
}
.mdi-calendar-today-outline:before {
  content: "󱨰";
}
.mdi-calendar-week:before {
  content: "󰨳";
}
.mdi-calendar-week-begin:before {
  content: "󰨴";
}
.mdi-calendar-week-begin-outline:before {
  content: "󱨱";
}
.mdi-calendar-week-outline:before {
  content: "󱨴";
}
.mdi-calendar-weekend:before {
  content: "󰻙";
}
.mdi-calendar-weekend-outline:before {
  content: "󰻚";
}
.mdi-call-made:before {
  content: "󰃷";
}
.mdi-call-merge:before {
  content: "󰃸";
}
.mdi-call-missed:before {
  content: "󰃹";
}
.mdi-call-received:before {
  content: "󰃺";
}
.mdi-call-split:before {
  content: "󰃻";
}
.mdi-camcorder:before {
  content: "󰃼";
}
.mdi-camcorder-off:before {
  content: "󰃿";
}
.mdi-camera:before {
  content: "󰄀";
}
.mdi-camera-account:before {
  content: "󰣋";
}
.mdi-camera-burst:before {
  content: "󰚓";
}
.mdi-camera-control:before {
  content: "󰭩";
}
.mdi-camera-document:before {
  content: "󱡱";
}
.mdi-camera-document-off:before {
  content: "󱡲";
}
.mdi-camera-enhance:before {
  content: "󰄁";
}
.mdi-camera-enhance-outline:before {
  content: "󰭪";
}
.mdi-camera-flip:before {
  content: "󱗙";
}
.mdi-camera-flip-outline:before {
  content: "󱗚";
}
.mdi-camera-front:before {
  content: "󰄂";
}
.mdi-camera-front-variant:before {
  content: "󰄃";
}
.mdi-camera-gopro:before {
  content: "󰞡";
}
.mdi-camera-image:before {
  content: "󰣌";
}
.mdi-camera-iris:before {
  content: "󰄄";
}
.mdi-camera-lock:before {
  content: "󱨔";
}
.mdi-camera-lock-open:before {
  content: "󱰍";
}
.mdi-camera-lock-open-outline:before {
  content: "󱰎";
}
.mdi-camera-lock-outline:before {
  content: "󱨕";
}
.mdi-camera-marker:before {
  content: "󱦧";
}
.mdi-camera-marker-outline:before {
  content: "󱦨";
}
.mdi-camera-metering-center:before {
  content: "󰞢";
}
.mdi-camera-metering-matrix:before {
  content: "󰞣";
}
.mdi-camera-metering-partial:before {
  content: "󰞤";
}
.mdi-camera-metering-spot:before {
  content: "󰞥";
}
.mdi-camera-off:before {
  content: "󰗟";
}
.mdi-camera-off-outline:before {
  content: "󱦿";
}
.mdi-camera-outline:before {
  content: "󰵝";
}
.mdi-camera-party-mode:before {
  content: "󰄅";
}
.mdi-camera-plus:before {
  content: "󰻛";
}
.mdi-camera-plus-outline:before {
  content: "󰻜";
}
.mdi-camera-rear:before {
  content: "󰄆";
}
.mdi-camera-rear-variant:before {
  content: "󰄇";
}
.mdi-camera-retake:before {
  content: "󰸙";
}
.mdi-camera-retake-outline:before {
  content: "󰸚";
}
.mdi-camera-switch:before {
  content: "󰄈";
}
.mdi-camera-switch-outline:before {
  content: "󰡊";
}
.mdi-camera-timer:before {
  content: "󰄉";
}
.mdi-camera-wireless:before {
  content: "󰶶";
}
.mdi-camera-wireless-outline:before {
  content: "󰶷";
}
.mdi-campfire:before {
  content: "󰻝";
}
.mdi-cancel:before {
  content: "󰜺";
}
.mdi-candelabra:before {
  content: "󱟒";
}
.mdi-candelabra-fire:before {
  content: "󱟓";
}
.mdi-candle:before {
  content: "󰗢";
}
.mdi-candy:before {
  content: "󱥰";
}
.mdi-candy-off:before {
  content: "󱥱";
}
.mdi-candy-off-outline:before {
  content: "󱥲";
}
.mdi-candy-outline:before {
  content: "󱥳";
}
.mdi-candycane:before {
  content: "󰄊";
}
.mdi-cannabis:before {
  content: "󰞦";
}
.mdi-cannabis-off:before {
  content: "󱙮";
}
.mdi-caps-lock:before {
  content: "󰪛";
}
.mdi-car:before {
  content: "󰄋";
}
.mdi-car-2-plus:before {
  content: "󱀕";
}
.mdi-car-3-plus:before {
  content: "󱀖";
}
.mdi-car-arrow-left:before {
  content: "󱎲";
}
.mdi-car-arrow-right:before {
  content: "󱎳";
}
.mdi-car-back:before {
  content: "󰸛";
}
.mdi-car-battery:before {
  content: "󰄌";
}
.mdi-car-brake-abs:before {
  content: "󰱇";
}
.mdi-car-brake-alert:before {
  content: "󰱈";
}
.mdi-car-brake-fluid-level:before {
  content: "󱤉";
}
.mdi-car-brake-hold:before {
  content: "󰵞";
}
.mdi-car-brake-low-pressure:before {
  content: "󱤊";
}
.mdi-car-brake-parking:before {
  content: "󰵟";
}
.mdi-car-brake-retarder:before {
  content: "󱀗";
}
.mdi-car-brake-temperature:before {
  content: "󱤋";
}
.mdi-car-brake-worn-linings:before {
  content: "󱤌";
}
.mdi-car-child-seat:before {
  content: "󰾣";
}
.mdi-car-clock:before {
  content: "󱥴";
}
.mdi-car-clutch:before {
  content: "󱀘";
}
.mdi-car-cog:before {
  content: "󱏌";
}
.mdi-car-connected:before {
  content: "󰄍";
}
.mdi-car-convertible:before {
  content: "󰞧";
}
.mdi-car-coolant-level:before {
  content: "󱀙";
}
.mdi-car-cruise-control:before {
  content: "󰵠";
}
.mdi-car-defrost-front:before {
  content: "󰵡";
}
.mdi-car-defrost-rear:before {
  content: "󰵢";
}
.mdi-car-door:before {
  content: "󰭫";
}
.mdi-car-door-lock:before {
  content: "󱂝";
}
.mdi-car-door-lock-open:before {
  content: "󱲁";
}
.mdi-car-electric:before {
  content: "󰭬";
}
.mdi-car-electric-outline:before {
  content: "󱖵";
}
.mdi-car-emergency:before {
  content: "󱘏";
}
.mdi-car-esp:before {
  content: "󰱉";
}
.mdi-car-estate:before {
  content: "󰞨";
}
.mdi-car-hatchback:before {
  content: "󰞩";
}
.mdi-car-info:before {
  content: "󱆾";
}
.mdi-car-key:before {
  content: "󰭭";
}
.mdi-car-lifted-pickup:before {
  content: "󱔭";
}
.mdi-car-light-alert:before {
  content: "󱤍";
}
.mdi-car-light-dimmed:before {
  content: "󰱊";
}
.mdi-car-light-fog:before {
  content: "󰱋";
}
.mdi-car-light-high:before {
  content: "󰱌";
}
.mdi-car-limousine:before {
  content: "󰣍";
}
.mdi-car-multiple:before {
  content: "󰭮";
}
.mdi-car-off:before {
  content: "󰸜";
}
.mdi-car-outline:before {
  content: "󱓭";
}
.mdi-car-parking-lights:before {
  content: "󰵣";
}
.mdi-car-pickup:before {
  content: "󰞪";
}
.mdi-car-search:before {
  content: "󱮍";
}
.mdi-car-search-outline:before {
  content: "󱮎";
}
.mdi-car-seat:before {
  content: "󰾤";
}
.mdi-car-seat-cooler:before {
  content: "󰾥";
}
.mdi-car-seat-heater:before {
  content: "󰾦";
}
.mdi-car-select:before {
  content: "󱡹";
}
.mdi-car-settings:before {
  content: "󱏍";
}
.mdi-car-shift-pattern:before {
  content: "󰽀";
}
.mdi-car-side:before {
  content: "󰞫";
}
.mdi-car-speed-limiter:before {
  content: "󱤎";
}
.mdi-car-sports:before {
  content: "󰞬";
}
.mdi-car-tire-alert:before {
  content: "󰱍";
}
.mdi-car-traction-control:before {
  content: "󰵤";
}
.mdi-car-turbocharger:before {
  content: "󱀚";
}
.mdi-car-wash:before {
  content: "󰄎";
}
.mdi-car-windshield:before {
  content: "󱀛";
}
.mdi-car-windshield-outline:before {
  content: "󱀜";
}
.mdi-car-wireless:before {
  content: "󱡸";
}
.mdi-car-wrench:before {
  content: "󱠔";
}
.mdi-carabiner:before {
  content: "󱓀";
}
.mdi-caravan:before {
  content: "󰞭";
}
.mdi-card:before {
  content: "󰭯";
}
.mdi-card-account-details:before {
  content: "󰗒";
}
.mdi-card-account-details-outline:before {
  content: "󰶫";
}
.mdi-card-account-details-star:before {
  content: "󰊣";
}
.mdi-card-account-details-star-outline:before {
  content: "󰛛";
}
.mdi-card-account-mail:before {
  content: "󰆎";
}
.mdi-card-account-mail-outline:before {
  content: "󰺘";
}
.mdi-card-account-phone:before {
  content: "󰺙";
}
.mdi-card-account-phone-outline:before {
  content: "󰺚";
}
.mdi-card-bulleted:before {
  content: "󰭰";
}
.mdi-card-bulleted-off:before {
  content: "󰭱";
}
.mdi-card-bulleted-off-outline:before {
  content: "󰭲";
}
.mdi-card-bulleted-outline:before {
  content: "󰭳";
}
.mdi-card-bulleted-settings:before {
  content: "󰭴";
}
.mdi-card-bulleted-settings-outline:before {
  content: "󰭵";
}
.mdi-card-minus:before {
  content: "󱘀";
}
.mdi-card-minus-outline:before {
  content: "󱘁";
}
.mdi-card-multiple:before {
  content: "󱟱";
}
.mdi-card-multiple-outline:before {
  content: "󱟲";
}
.mdi-card-off:before {
  content: "󱘂";
}
.mdi-card-off-outline:before {
  content: "󱘃";
}
.mdi-card-outline:before {
  content: "󰭶";
}
.mdi-card-plus:before {
  content: "󱇿";
}
.mdi-card-plus-outline:before {
  content: "󱈀";
}
.mdi-card-remove:before {
  content: "󱘄";
}
.mdi-card-remove-outline:before {
  content: "󱘅";
}
.mdi-card-search:before {
  content: "󱁴";
}
.mdi-card-search-outline:before {
  content: "󱁵";
}
.mdi-card-text:before {
  content: "󰭷";
}
.mdi-card-text-outline:before {
  content: "󰭸";
}
.mdi-cards:before {
  content: "󰘸";
}
.mdi-cards-club:before {
  content: "󰣎";
}
.mdi-cards-club-outline:before {
  content: "󱢟";
}
.mdi-cards-diamond:before {
  content: "󰣏";
}
.mdi-cards-diamond-outline:before {
  content: "󱀝";
}
.mdi-cards-heart:before {
  content: "󰣐";
}
.mdi-cards-heart-outline:before {
  content: "󱢠";
}
.mdi-cards-outline:before {
  content: "󰘹";
}
.mdi-cards-playing:before {
  content: "󱢡";
}
.mdi-cards-playing-club:before {
  content: "󱢢";
}
.mdi-cards-playing-club-multiple:before {
  content: "󱢣";
}
.mdi-cards-playing-club-multiple-outline:before {
  content: "󱢤";
}
.mdi-cards-playing-club-outline:before {
  content: "󱢥";
}
.mdi-cards-playing-diamond:before {
  content: "󱢦";
}
.mdi-cards-playing-diamond-multiple:before {
  content: "󱢧";
}
.mdi-cards-playing-diamond-multiple-outline:before {
  content: "󱢨";
}
.mdi-cards-playing-diamond-outline:before {
  content: "󱢩";
}
.mdi-cards-playing-heart:before {
  content: "󱢪";
}
.mdi-cards-playing-heart-multiple:before {
  content: "󱢫";
}
.mdi-cards-playing-heart-multiple-outline:before {
  content: "󱢬";
}
.mdi-cards-playing-heart-outline:before {
  content: "󱢭";
}
.mdi-cards-playing-outline:before {
  content: "󰘺";
}
.mdi-cards-playing-spade:before {
  content: "󱢮";
}
.mdi-cards-playing-spade-multiple:before {
  content: "󱢯";
}
.mdi-cards-playing-spade-multiple-outline:before {
  content: "󱢰";
}
.mdi-cards-playing-spade-outline:before {
  content: "󱢱";
}
.mdi-cards-spade:before {
  content: "󰣑";
}
.mdi-cards-spade-outline:before {
  content: "󱢲";
}
.mdi-cards-variant:before {
  content: "󰛇";
}
.mdi-carrot:before {
  content: "󰄏";
}
.mdi-cart:before {
  content: "󰄐";
}
.mdi-cart-arrow-down:before {
  content: "󰵦";
}
.mdi-cart-arrow-right:before {
  content: "󰱎";
}
.mdi-cart-arrow-up:before {
  content: "󰵧";
}
.mdi-cart-check:before {
  content: "󱗪";
}
.mdi-cart-heart:before {
  content: "󱣠";
}
.mdi-cart-minus:before {
  content: "󰵨";
}
.mdi-cart-off:before {
  content: "󰙫";
}
.mdi-cart-outline:before {
  content: "󰄑";
}
.mdi-cart-percent:before {
  content: "󱮮";
}
.mdi-cart-plus:before {
  content: "󰄒";
}
.mdi-cart-remove:before {
  content: "󰵩";
}
.mdi-cart-variant:before {
  content: "󱗫";
}
.mdi-case-sensitive-alt:before {
  content: "󰄓";
}
.mdi-cash:before {
  content: "󰄔";
}
.mdi-cash-100:before {
  content: "󰄕";
}
.mdi-cash-check:before {
  content: "󱓮";
}
.mdi-cash-clock:before {
  content: "󱪑";
}
.mdi-cash-edit:before {
  content: "󱲫";
}
.mdi-cash-fast:before {
  content: "󱡜";
}
.mdi-cash-lock:before {
  content: "󱓪";
}
.mdi-cash-lock-open:before {
  content: "󱓫";
}
.mdi-cash-marker:before {
  content: "󰶸";
}
.mdi-cash-minus:before {
  content: "󱉠";
}
.mdi-cash-multiple:before {
  content: "󰄖";
}
.mdi-cash-off:before {
  content: "󱱹";
}
.mdi-cash-plus:before {
  content: "󱉡";
}
.mdi-cash-refund:before {
  content: "󰪜";
}
.mdi-cash-register:before {
  content: "󰳴";
}
.mdi-cash-remove:before {
  content: "󱉢";
}
.mdi-cash-sync:before {
  content: "󱪒";
}
.mdi-cassette:before {
  content: "󰧔";
}
.mdi-cast:before {
  content: "󰄘";
}
.mdi-cast-audio:before {
  content: "󱀞";
}
.mdi-cast-audio-variant:before {
  content: "󱝉";
}
.mdi-cast-connected:before {
  content: "󰄙";
}
.mdi-cast-education:before {
  content: "󰸝";
}
.mdi-cast-off:before {
  content: "󰞊";
}
.mdi-cast-variant:before {
  content: "󰀟";
}
.mdi-castle:before {
  content: "󰄚";
}
.mdi-cat:before {
  content: "󰄛";
}
.mdi-cctv:before {
  content: "󰞮";
}
.mdi-cctv-off:before {
  content: "󱡟";
}
.mdi-ceiling-fan:before {
  content: "󱞗";
}
.mdi-ceiling-fan-light:before {
  content: "󱞘";
}
.mdi-ceiling-light:before {
  content: "󰝩";
}
.mdi-ceiling-light-multiple:before {
  content: "󱣝";
}
.mdi-ceiling-light-multiple-outline:before {
  content: "󱣞";
}
.mdi-ceiling-light-outline:before {
  content: "󱟇";
}
.mdi-cellphone:before {
  content: "󰄜";
}
.mdi-cellphone-arrow-down:before {
  content: "󰧕";
}
.mdi-cellphone-arrow-down-variant:before {
  content: "󱧅";
}
.mdi-cellphone-basic:before {
  content: "󰄞";
}
.mdi-cellphone-charging:before {
  content: "󱎗";
}
.mdi-cellphone-check:before {
  content: "󱟽";
}
.mdi-cellphone-cog:before {
  content: "󰥑";
}
.mdi-cellphone-dock:before {
  content: "󰄟";
}
.mdi-cellphone-information:before {
  content: "󰽁";
}
.mdi-cellphone-key:before {
  content: "󰥎";
}
.mdi-cellphone-link:before {
  content: "󰄡";
}
.mdi-cellphone-link-off:before {
  content: "󰄢";
}
.mdi-cellphone-lock:before {
  content: "󰥏";
}
.mdi-cellphone-marker:before {
  content: "󱠺";
}
.mdi-cellphone-message:before {
  content: "󰣓";
}
.mdi-cellphone-message-off:before {
  content: "󱃒";
}
.mdi-cellphone-nfc:before {
  content: "󰺐";
}
.mdi-cellphone-nfc-off:before {
  content: "󱋘";
}
.mdi-cellphone-off:before {
  content: "󰥐";
}
.mdi-cellphone-play:before {
  content: "󱀟";
}
.mdi-cellphone-remove:before {
  content: "󰥍";
}
.mdi-cellphone-screenshot:before {
  content: "󰨵";
}
.mdi-cellphone-settings:before {
  content: "󰄣";
}
.mdi-cellphone-sound:before {
  content: "󰥒";
}
.mdi-cellphone-text:before {
  content: "󰣒";
}
.mdi-cellphone-wireless:before {
  content: "󰠕";
}
.mdi-centos:before {
  content: "󱄚";
}
.mdi-certificate:before {
  content: "󰄤";
}
.mdi-certificate-outline:before {
  content: "󱆈";
}
.mdi-chair-rolling:before {
  content: "󰽈";
}
.mdi-chair-school:before {
  content: "󰄥";
}
.mdi-chandelier:before {
  content: "󱞓";
}
.mdi-charity:before {
  content: "󰱏";
}
.mdi-charity-search:before {
  content: "󱲂";
}
.mdi-chart-arc:before {
  content: "󰄦";
}
.mdi-chart-areaspline:before {
  content: "󰄧";
}
.mdi-chart-areaspline-variant:before {
  content: "󰺑";
}
.mdi-chart-bar:before {
  content: "󰄨";
}
.mdi-chart-bar-stacked:before {
  content: "󰝪";
}
.mdi-chart-bell-curve:before {
  content: "󰱐";
}
.mdi-chart-bell-curve-cumulative:before {
  content: "󰾧";
}
.mdi-chart-box:before {
  content: "󱕍";
}
.mdi-chart-box-multiple:before {
  content: "󱳍";
}
.mdi-chart-box-multiple-outline:before {
  content: "󱳎";
}
.mdi-chart-box-outline:before {
  content: "󱕎";
}
.mdi-chart-box-plus-outline:before {
  content: "󱕏";
}
.mdi-chart-bubble:before {
  content: "󰗣";
}
.mdi-chart-donut:before {
  content: "󰞯";
}
.mdi-chart-donut-variant:before {
  content: "󰞰";
}
.mdi-chart-gantt:before {
  content: "󰙬";
}
.mdi-chart-histogram:before {
  content: "󰄩";
}
.mdi-chart-line:before {
  content: "󰄪";
}
.mdi-chart-line-stacked:before {
  content: "󰝫";
}
.mdi-chart-line-variant:before {
  content: "󰞱";
}
.mdi-chart-multiline:before {
  content: "󰣔";
}
.mdi-chart-multiple:before {
  content: "󱈓";
}
.mdi-chart-pie:before {
  content: "󰄫";
}
.mdi-chart-pie-outline:before {
  content: "󱯟";
}
.mdi-chart-ppf:before {
  content: "󱎀";
}
.mdi-chart-sankey:before {
  content: "󱇟";
}
.mdi-chart-sankey-variant:before {
  content: "󱇠";
}
.mdi-chart-scatter-plot:before {
  content: "󰺒";
}
.mdi-chart-scatter-plot-hexbin:before {
  content: "󰙭";
}
.mdi-chart-timeline:before {
  content: "󰙮";
}
.mdi-chart-timeline-variant:before {
  content: "󰺓";
}
.mdi-chart-timeline-variant-shimmer:before {
  content: "󱖶";
}
.mdi-chart-tree:before {
  content: "󰺔";
}
.mdi-chart-waterfall:before {
  content: "󱤘";
}
.mdi-chat:before {
  content: "󰭹";
}
.mdi-chat-alert:before {
  content: "󰭺";
}
.mdi-chat-alert-outline:before {
  content: "󱋉";
}
.mdi-chat-minus:before {
  content: "󱐐";
}
.mdi-chat-minus-outline:before {
  content: "󱐓";
}
.mdi-chat-outline:before {
  content: "󰻞";
}
.mdi-chat-plus:before {
  content: "󱐏";
}
.mdi-chat-plus-outline:before {
  content: "󱐒";
}
.mdi-chat-processing:before {
  content: "󰭻";
}
.mdi-chat-processing-outline:before {
  content: "󱋊";
}
.mdi-chat-question:before {
  content: "󱜸";
}
.mdi-chat-question-outline:before {
  content: "󱜹";
}
.mdi-chat-remove:before {
  content: "󱐑";
}
.mdi-chat-remove-outline:before {
  content: "󱐔";
}
.mdi-chat-sleep:before {
  content: "󱋑";
}
.mdi-chat-sleep-outline:before {
  content: "󱋒";
}
.mdi-check:before {
  content: "󰄬";
}
.mdi-check-all:before {
  content: "󰄭";
}
.mdi-check-bold:before {
  content: "󰸞";
}
.mdi-check-circle:before {
  content: "󰗠";
}
.mdi-check-circle-outline:before {
  content: "󰗡";
}
.mdi-check-decagram:before {
  content: "󰞑";
}
.mdi-check-decagram-outline:before {
  content: "󱝀";
}
.mdi-check-network:before {
  content: "󰱓";
}
.mdi-check-network-outline:before {
  content: "󰱔";
}
.mdi-check-outline:before {
  content: "󰡕";
}
.mdi-check-underline:before {
  content: "󰸟";
}
.mdi-check-underline-circle:before {
  content: "󰸠";
}
.mdi-check-underline-circle-outline:before {
  content: "󰸡";
}
.mdi-checkbook:before {
  content: "󰪝";
}
.mdi-checkbook-arrow-left:before {
  content: "󱰝";
}
.mdi-checkbook-arrow-right:before {
  content: "󱰞";
}
.mdi-checkbox-blank:before {
  content: "󰄮";
}
.mdi-checkbox-blank-badge:before {
  content: "󱅶";
}
.mdi-checkbox-blank-badge-outline:before {
  content: "󰄗";
}
.mdi-checkbox-blank-circle:before {
  content: "󰄯";
}
.mdi-checkbox-blank-circle-outline:before {
  content: "󰄰";
}
.mdi-checkbox-blank-off:before {
  content: "󱋬";
}
.mdi-checkbox-blank-off-outline:before {
  content: "󱋭";
}
.mdi-checkbox-blank-outline:before {
  content: "󰄱";
}
.mdi-checkbox-intermediate:before {
  content: "󰡖";
}
.mdi-checkbox-intermediate-variant:before {
  content: "󱭔";
}
.mdi-checkbox-marked:before {
  content: "󰄲";
}
.mdi-checkbox-marked-circle:before {
  content: "󰄳";
}
.mdi-checkbox-marked-circle-auto-outline:before {
  content: "󱰦";
}
.mdi-checkbox-marked-circle-minus-outline:before {
  content: "󱰧";
}
.mdi-checkbox-marked-circle-outline:before {
  content: "󰄴";
}
.mdi-checkbox-marked-circle-plus-outline:before {
  content: "󱤧";
}
.mdi-checkbox-marked-outline:before {
  content: "󰄵";
}
.mdi-checkbox-multiple-blank:before {
  content: "󰄶";
}
.mdi-checkbox-multiple-blank-circle:before {
  content: "󰘻";
}
.mdi-checkbox-multiple-blank-circle-outline:before {
  content: "󰘼";
}
.mdi-checkbox-multiple-blank-outline:before {
  content: "󰄷";
}
.mdi-checkbox-multiple-marked:before {
  content: "󰄸";
}
.mdi-checkbox-multiple-marked-circle:before {
  content: "󰘽";
}
.mdi-checkbox-multiple-marked-circle-outline:before {
  content: "󰘾";
}
.mdi-checkbox-multiple-marked-outline:before {
  content: "󰄹";
}
.mdi-checkbox-multiple-outline:before {
  content: "󰱑";
}
.mdi-checkbox-outline:before {
  content: "󰱒";
}
.mdi-checkerboard:before {
  content: "󰄺";
}
.mdi-checkerboard-minus:before {
  content: "󱈂";
}
.mdi-checkerboard-plus:before {
  content: "󱈁";
}
.mdi-checkerboard-remove:before {
  content: "󱈃";
}
.mdi-cheese:before {
  content: "󱊹";
}
.mdi-cheese-off:before {
  content: "󱏮";
}
.mdi-chef-hat:before {
  content: "󰭼";
}
.mdi-chemical-weapon:before {
  content: "󰄻";
}
.mdi-chess-bishop:before {
  content: "󰡜";
}
.mdi-chess-king:before {
  content: "󰡗";
}
.mdi-chess-knight:before {
  content: "󰡘";
}
.mdi-chess-pawn:before {
  content: "󰡙";
}
.mdi-chess-queen:before {
  content: "󰡚";
}
.mdi-chess-rook:before {
  content: "󰡛";
}
.mdi-chevron-double-down:before {
  content: "󰄼";
}
.mdi-chevron-double-left:before {
  content: "󰄽";
}
.mdi-chevron-double-right:before {
  content: "󰄾";
}
.mdi-chevron-double-up:before {
  content: "󰄿";
}
.mdi-chevron-down:before {
  content: "󰅀";
}
.mdi-chevron-down-box:before {
  content: "󰧖";
}
.mdi-chevron-down-box-outline:before {
  content: "󰧗";
}
.mdi-chevron-down-circle:before {
  content: "󰬦";
}
.mdi-chevron-down-circle-outline:before {
  content: "󰬧";
}
.mdi-chevron-left:before {
  content: "󰅁";
}
.mdi-chevron-left-box:before {
  content: "󰧘";
}
.mdi-chevron-left-box-outline:before {
  content: "󰧙";
}
.mdi-chevron-left-circle:before {
  content: "󰬨";
}
.mdi-chevron-left-circle-outline:before {
  content: "󰬩";
}
.mdi-chevron-right:before {
  content: "󰅂";
}
.mdi-chevron-right-box:before {
  content: "󰧚";
}
.mdi-chevron-right-box-outline:before {
  content: "󰧛";
}
.mdi-chevron-right-circle:before {
  content: "󰬪";
}
.mdi-chevron-right-circle-outline:before {
  content: "󰬫";
}
.mdi-chevron-triple-down:before {
  content: "󰶹";
}
.mdi-chevron-triple-left:before {
  content: "󰶺";
}
.mdi-chevron-triple-right:before {
  content: "󰶻";
}
.mdi-chevron-triple-up:before {
  content: "󰶼";
}
.mdi-chevron-up:before {
  content: "󰅃";
}
.mdi-chevron-up-box:before {
  content: "󰧜";
}
.mdi-chevron-up-box-outline:before {
  content: "󰧝";
}
.mdi-chevron-up-circle:before {
  content: "󰬬";
}
.mdi-chevron-up-circle-outline:before {
  content: "󰬭";
}
.mdi-chili-alert:before {
  content: "󱟪";
}
.mdi-chili-alert-outline:before {
  content: "󱟫";
}
.mdi-chili-hot:before {
  content: "󰞲";
}
.mdi-chili-hot-outline:before {
  content: "󱟬";
}
.mdi-chili-medium:before {
  content: "󰞳";
}
.mdi-chili-medium-outline:before {
  content: "󱟭";
}
.mdi-chili-mild:before {
  content: "󰞴";
}
.mdi-chili-mild-outline:before {
  content: "󱟮";
}
.mdi-chili-off:before {
  content: "󱑧";
}
.mdi-chili-off-outline:before {
  content: "󱟯";
}
.mdi-chip:before {
  content: "󰘚";
}
.mdi-church:before {
  content: "󰅄";
}
.mdi-church-outline:before {
  content: "󱬂";
}
.mdi-cigar:before {
  content: "󱆉";
}
.mdi-cigar-off:before {
  content: "󱐛";
}
.mdi-circle:before {
  content: "󰝥";
}
.mdi-circle-box:before {
  content: "󱗜";
}
.mdi-circle-box-outline:before {
  content: "󱗝";
}
.mdi-circle-double:before {
  content: "󰺕";
}
.mdi-circle-edit-outline:before {
  content: "󰣕";
}
.mdi-circle-expand:before {
  content: "󰺖";
}
.mdi-circle-half:before {
  content: "󱎕";
}
.mdi-circle-half-full:before {
  content: "󱎖";
}
.mdi-circle-medium:before {
  content: "󰧞";
}
.mdi-circle-multiple:before {
  content: "󰬸";
}
.mdi-circle-multiple-outline:before {
  content: "󰚕";
}
.mdi-circle-off-outline:before {
  content: "󱃓";
}
.mdi-circle-opacity:before {
  content: "󱡓";
}
.mdi-circle-outline:before {
  content: "󰝦";
}
.mdi-circle-slice-1:before {
  content: "󰪞";
}
.mdi-circle-slice-2:before {
  content: "󰪟";
}
.mdi-circle-slice-3:before {
  content: "󰪠";
}
.mdi-circle-slice-4:before {
  content: "󰪡";
}
.mdi-circle-slice-5:before {
  content: "󰪢";
}
.mdi-circle-slice-6:before {
  content: "󰪣";
}
.mdi-circle-slice-7:before {
  content: "󰪤";
}
.mdi-circle-slice-8:before {
  content: "󰪥";
}
.mdi-circle-small:before {
  content: "󰧟";
}
.mdi-circular-saw:before {
  content: "󰸢";
}
.mdi-city:before {
  content: "󰅆";
}
.mdi-city-switch:before {
  content: "󱰨";
}
.mdi-city-variant:before {
  content: "󰨶";
}
.mdi-city-variant-outline:before {
  content: "󰨷";
}
.mdi-clipboard:before {
  content: "󰅇";
}
.mdi-clipboard-account:before {
  content: "󰅈";
}
.mdi-clipboard-account-outline:before {
  content: "󰱕";
}
.mdi-clipboard-alert:before {
  content: "󰅉";
}
.mdi-clipboard-alert-outline:before {
  content: "󰳷";
}
.mdi-clipboard-arrow-down:before {
  content: "󰅊";
}
.mdi-clipboard-arrow-down-outline:before {
  content: "󰱖";
}
.mdi-clipboard-arrow-left:before {
  content: "󰅋";
}
.mdi-clipboard-arrow-left-outline:before {
  content: "󰳸";
}
.mdi-clipboard-arrow-right:before {
  content: "󰳹";
}
.mdi-clipboard-arrow-right-outline:before {
  content: "󰳺";
}
.mdi-clipboard-arrow-up:before {
  content: "󰱗";
}
.mdi-clipboard-arrow-up-outline:before {
  content: "󰱘";
}
.mdi-clipboard-check:before {
  content: "󰅎";
}
.mdi-clipboard-check-multiple:before {
  content: "󱉣";
}
.mdi-clipboard-check-multiple-outline:before {
  content: "󱉤";
}
.mdi-clipboard-check-outline:before {
  content: "󰢨";
}
.mdi-clipboard-clock:before {
  content: "󱛢";
}
.mdi-clipboard-clock-outline:before {
  content: "󱛣";
}
.mdi-clipboard-edit:before {
  content: "󱓥";
}
.mdi-clipboard-edit-outline:before {
  content: "󱓦";
}
.mdi-clipboard-file:before {
  content: "󱉥";
}
.mdi-clipboard-file-outline:before {
  content: "󱉦";
}
.mdi-clipboard-flow:before {
  content: "󰛈";
}
.mdi-clipboard-flow-outline:before {
  content: "󱄗";
}
.mdi-clipboard-list:before {
  content: "󱃔";
}
.mdi-clipboard-list-outline:before {
  content: "󱃕";
}
.mdi-clipboard-minus:before {
  content: "󱘘";
}
.mdi-clipboard-minus-outline:before {
  content: "󱘙";
}
.mdi-clipboard-multiple:before {
  content: "󱉧";
}
.mdi-clipboard-multiple-outline:before {
  content: "󱉨";
}
.mdi-clipboard-off:before {
  content: "󱘚";
}
.mdi-clipboard-off-outline:before {
  content: "󱘛";
}
.mdi-clipboard-outline:before {
  content: "󰅌";
}
.mdi-clipboard-play:before {
  content: "󰱙";
}
.mdi-clipboard-play-multiple:before {
  content: "󱉩";
}
.mdi-clipboard-play-multiple-outline:before {
  content: "󱉪";
}
.mdi-clipboard-play-outline:before {
  content: "󰱚";
}
.mdi-clipboard-plus:before {
  content: "󰝑";
}
.mdi-clipboard-plus-outline:before {
  content: "󱌟";
}
.mdi-clipboard-pulse:before {
  content: "󰡝";
}
.mdi-clipboard-pulse-outline:before {
  content: "󰡞";
}
.mdi-clipboard-remove:before {
  content: "󱘜";
}
.mdi-clipboard-remove-outline:before {
  content: "󱘝";
}
.mdi-clipboard-search:before {
  content: "󱘞";
}
.mdi-clipboard-search-outline:before {
  content: "󱘟";
}
.mdi-clipboard-text:before {
  content: "󰅍";
}
.mdi-clipboard-text-clock:before {
  content: "󱣹";
}
.mdi-clipboard-text-clock-outline:before {
  content: "󱣺";
}
.mdi-clipboard-text-multiple:before {
  content: "󱉫";
}
.mdi-clipboard-text-multiple-outline:before {
  content: "󱉬";
}
.mdi-clipboard-text-off:before {
  content: "󱘠";
}
.mdi-clipboard-text-off-outline:before {
  content: "󱘡";
}
.mdi-clipboard-text-outline:before {
  content: "󰨸";
}
.mdi-clipboard-text-play:before {
  content: "󰱛";
}
.mdi-clipboard-text-play-outline:before {
  content: "󰱜";
}
.mdi-clipboard-text-search:before {
  content: "󱘢";
}
.mdi-clipboard-text-search-outline:before {
  content: "󱘣";
}
.mdi-clippy:before {
  content: "󰅏";
}
.mdi-clock:before {
  content: "󰥔";
}
.mdi-clock-alert:before {
  content: "󰥕";
}
.mdi-clock-alert-outline:before {
  content: "󰗎";
}
.mdi-clock-check:before {
  content: "󰾨";
}
.mdi-clock-check-outline:before {
  content: "󰾩";
}
.mdi-clock-digital:before {
  content: "󰺗";
}
.mdi-clock-edit:before {
  content: "󱦺";
}
.mdi-clock-edit-outline:before {
  content: "󱦻";
}
.mdi-clock-end:before {
  content: "󰅑";
}
.mdi-clock-fast:before {
  content: "󰅒";
}
.mdi-clock-in:before {
  content: "󰅓";
}
.mdi-clock-minus:before {
  content: "󱡣";
}
.mdi-clock-minus-outline:before {
  content: "󱡤";
}
.mdi-clock-out:before {
  content: "󰅔";
}
.mdi-clock-outline:before {
  content: "󰅐";
}
.mdi-clock-plus:before {
  content: "󱡡";
}
.mdi-clock-plus-outline:before {
  content: "󱡢";
}
.mdi-clock-remove:before {
  content: "󱡥";
}
.mdi-clock-remove-outline:before {
  content: "󱡦";
}
.mdi-clock-star-four-points:before {
  content: "󱰩";
}
.mdi-clock-star-four-points-outline:before {
  content: "󱰪";
}
.mdi-clock-start:before {
  content: "󰅕";
}
.mdi-clock-time-eight:before {
  content: "󱑆";
}
.mdi-clock-time-eight-outline:before {
  content: "󱑒";
}
.mdi-clock-time-eleven:before {
  content: "󱑉";
}
.mdi-clock-time-eleven-outline:before {
  content: "󱑕";
}
.mdi-clock-time-five:before {
  content: "󱑃";
}
.mdi-clock-time-five-outline:before {
  content: "󱑏";
}
.mdi-clock-time-four:before {
  content: "󱑂";
}
.mdi-clock-time-four-outline:before {
  content: "󱑎";
}
.mdi-clock-time-nine:before {
  content: "󱑇";
}
.mdi-clock-time-nine-outline:before {
  content: "󱑓";
}
.mdi-clock-time-one:before {
  content: "󱐿";
}
.mdi-clock-time-one-outline:before {
  content: "󱑋";
}
.mdi-clock-time-seven:before {
  content: "󱑅";
}
.mdi-clock-time-seven-outline:before {
  content: "󱑑";
}
.mdi-clock-time-six:before {
  content: "󱑄";
}
.mdi-clock-time-six-outline:before {
  content: "󱑐";
}
.mdi-clock-time-ten:before {
  content: "󱑈";
}
.mdi-clock-time-ten-outline:before {
  content: "󱑔";
}
.mdi-clock-time-three:before {
  content: "󱑁";
}
.mdi-clock-time-three-outline:before {
  content: "󱑍";
}
.mdi-clock-time-twelve:before {
  content: "󱑊";
}
.mdi-clock-time-twelve-outline:before {
  content: "󱑖";
}
.mdi-clock-time-two:before {
  content: "󱑀";
}
.mdi-clock-time-two-outline:before {
  content: "󱑌";
}
.mdi-close:before {
  content: "󰅖";
}
.mdi-close-box:before {
  content: "󰅗";
}
.mdi-close-box-multiple:before {
  content: "󰱝";
}
.mdi-close-box-multiple-outline:before {
  content: "󰱞";
}
.mdi-close-box-outline:before {
  content: "󰅘";
}
.mdi-close-circle:before {
  content: "󰅙";
}
.mdi-close-circle-multiple:before {
  content: "󰘪";
}
.mdi-close-circle-multiple-outline:before {
  content: "󰢃";
}
.mdi-close-circle-outline:before {
  content: "󰅚";
}
.mdi-close-network:before {
  content: "󰅛";
}
.mdi-close-network-outline:before {
  content: "󰱟";
}
.mdi-close-octagon:before {
  content: "󰅜";
}
.mdi-close-octagon-outline:before {
  content: "󰅝";
}
.mdi-close-outline:before {
  content: "󰛉";
}
.mdi-close-thick:before {
  content: "󱎘";
}
.mdi-closed-caption:before {
  content: "󰅞";
}
.mdi-closed-caption-outline:before {
  content: "󰶽";
}
.mdi-cloud:before {
  content: "󰅟";
}
.mdi-cloud-alert:before {
  content: "󰧠";
}
.mdi-cloud-alert-outline:before {
  content: "󱯠";
}
.mdi-cloud-arrow-down:before {
  content: "󱯡";
}
.mdi-cloud-arrow-down-outline:before {
  content: "󱯢";
}
.mdi-cloud-arrow-left:before {
  content: "󱯣";
}
.mdi-cloud-arrow-left-outline:before {
  content: "󱯤";
}
.mdi-cloud-arrow-right:before {
  content: "󱯥";
}
.mdi-cloud-arrow-right-outline:before {
  content: "󱯦";
}
.mdi-cloud-arrow-up:before {
  content: "󱯧";
}
.mdi-cloud-arrow-up-outline:before {
  content: "󱯨";
}
.mdi-cloud-braces:before {
  content: "󰞵";
}
.mdi-cloud-cancel:before {
  content: "󱯩";
}
.mdi-cloud-cancel-outline:before {
  content: "󱯪";
}
.mdi-cloud-check:before {
  content: "󱯫";
}
.mdi-cloud-check-outline:before {
  content: "󱯬";
}
.mdi-cloud-check-variant:before {
  content: "󰅠";
}
.mdi-cloud-check-variant-outline:before {
  content: "󱋌";
}
.mdi-cloud-circle:before {
  content: "󰅡";
}
.mdi-cloud-circle-outline:before {
  content: "󱯭";
}
.mdi-cloud-clock:before {
  content: "󱯮";
}
.mdi-cloud-clock-outline:before {
  content: "󱯯";
}
.mdi-cloud-cog:before {
  content: "󱯰";
}
.mdi-cloud-cog-outline:before {
  content: "󱯱";
}
.mdi-cloud-download:before {
  content: "󰅢";
}
.mdi-cloud-download-outline:before {
  content: "󰭽";
}
.mdi-cloud-key:before {
  content: "󱲡";
}
.mdi-cloud-key-outline:before {
  content: "󱲢";
}
.mdi-cloud-lock:before {
  content: "󱇱";
}
.mdi-cloud-lock-open:before {
  content: "󱯲";
}
.mdi-cloud-lock-open-outline:before {
  content: "󱯳";
}
.mdi-cloud-lock-outline:before {
  content: "󱇲";
}
.mdi-cloud-minus:before {
  content: "󱯴";
}
.mdi-cloud-minus-outline:before {
  content: "󱯵";
}
.mdi-cloud-off:before {
  content: "󱯶";
}
.mdi-cloud-off-outline:before {
  content: "󰅤";
}
.mdi-cloud-outline:before {
  content: "󰅣";
}
.mdi-cloud-percent:before {
  content: "󱨵";
}
.mdi-cloud-percent-outline:before {
  content: "󱨶";
}
.mdi-cloud-plus:before {
  content: "󱯷";
}
.mdi-cloud-plus-outline:before {
  content: "󱯸";
}
.mdi-cloud-print:before {
  content: "󰅥";
}
.mdi-cloud-print-outline:before {
  content: "󰅦";
}
.mdi-cloud-question:before {
  content: "󰨹";
}
.mdi-cloud-question-outline:before {
  content: "󱯹";
}
.mdi-cloud-refresh:before {
  content: "󱯺";
}
.mdi-cloud-refresh-outline:before {
  content: "󱯻";
}
.mdi-cloud-refresh-variant:before {
  content: "󰔪";
}
.mdi-cloud-refresh-variant-outline:before {
  content: "󱯼";
}
.mdi-cloud-remove:before {
  content: "󱯽";
}
.mdi-cloud-remove-outline:before {
  content: "󱯾";
}
.mdi-cloud-search:before {
  content: "󰥖";
}
.mdi-cloud-search-outline:before {
  content: "󰥗";
}
.mdi-cloud-sync:before {
  content: "󰘿";
}
.mdi-cloud-sync-outline:before {
  content: "󱋖";
}
.mdi-cloud-tags:before {
  content: "󰞶";
}
.mdi-cloud-upload:before {
  content: "󰅧";
}
.mdi-cloud-upload-outline:before {
  content: "󰭾";
}
.mdi-clouds:before {
  content: "󱮕";
}
.mdi-clover:before {
  content: "󰠖";
}
.mdi-clover-outline:before {
  content: "󱱢";
}
.mdi-coach-lamp:before {
  content: "󱀠";
}
.mdi-coach-lamp-variant:before {
  content: "󱨷";
}
.mdi-coat-rack:before {
  content: "󱂞";
}
.mdi-code-array:before {
  content: "󰅨";
}
.mdi-code-block-braces:before {
  content: "󱲃";
}
.mdi-code-block-brackets:before {
  content: "󱲄";
}
.mdi-code-block-parentheses:before {
  content: "󱲅";
}
.mdi-code-block-tags:before {
  content: "󱲆";
}
.mdi-code-braces:before {
  content: "󰅩";
}
.mdi-code-braces-box:before {
  content: "󱃖";
}
.mdi-code-brackets:before {
  content: "󰅪";
}
.mdi-code-equal:before {
  content: "󰅫";
}
.mdi-code-greater-than:before {
  content: "󰅬";
}
.mdi-code-greater-than-or-equal:before {
  content: "󰅭";
}
.mdi-code-json:before {
  content: "󰘦";
}
.mdi-code-less-than:before {
  content: "󰅮";
}
.mdi-code-less-than-or-equal:before {
  content: "󰅯";
}
.mdi-code-not-equal:before {
  content: "󰅰";
}
.mdi-code-not-equal-variant:before {
  content: "󰅱";
}
.mdi-code-parentheses:before {
  content: "󰅲";
}
.mdi-code-parentheses-box:before {
  content: "󱃗";
}
.mdi-code-string:before {
  content: "󰅳";
}
.mdi-code-tags:before {
  content: "󰅴";
}
.mdi-code-tags-check:before {
  content: "󰚔";
}
.mdi-codepen:before {
  content: "󰅵";
}
.mdi-coffee:before {
  content: "󰅶";
}
.mdi-coffee-maker:before {
  content: "󱂟";
}
.mdi-coffee-maker-check:before {
  content: "󱤱";
}
.mdi-coffee-maker-check-outline:before {
  content: "󱤲";
}
.mdi-coffee-maker-outline:before {
  content: "󱠛";
}
.mdi-coffee-off:before {
  content: "󰾪";
}
.mdi-coffee-off-outline:before {
  content: "󰾫";
}
.mdi-coffee-outline:before {
  content: "󰛊";
}
.mdi-coffee-to-go:before {
  content: "󰅷";
}
.mdi-coffee-to-go-outline:before {
  content: "󱌎";
}
.mdi-coffin:before {
  content: "󰭿";
}
.mdi-cog:before {
  content: "󰒓";
}
.mdi-cog-box:before {
  content: "󰒔";
}
.mdi-cog-clockwise:before {
  content: "󱇝";
}
.mdi-cog-counterclockwise:before {
  content: "󱇞";
}
.mdi-cog-off:before {
  content: "󱏎";
}
.mdi-cog-off-outline:before {
  content: "󱏏";
}
.mdi-cog-outline:before {
  content: "󰢻";
}
.mdi-cog-pause:before {
  content: "󱤳";
}
.mdi-cog-pause-outline:before {
  content: "󱤴";
}
.mdi-cog-play:before {
  content: "󱤵";
}
.mdi-cog-play-outline:before {
  content: "󱤶";
}
.mdi-cog-refresh:before {
  content: "󱑞";
}
.mdi-cog-refresh-outline:before {
  content: "󱑟";
}
.mdi-cog-stop:before {
  content: "󱤷";
}
.mdi-cog-stop-outline:before {
  content: "󱤸";
}
.mdi-cog-sync:before {
  content: "󱑠";
}
.mdi-cog-sync-outline:before {
  content: "󱑡";
}
.mdi-cog-transfer:before {
  content: "󱁛";
}
.mdi-cog-transfer-outline:before {
  content: "󱁜";
}
.mdi-cogs:before {
  content: "󰣖";
}
.mdi-collage:before {
  content: "󰙀";
}
.mdi-collapse-all:before {
  content: "󰪦";
}
.mdi-collapse-all-outline:before {
  content: "󰪧";
}
.mdi-color-helper:before {
  content: "󰅹";
}
.mdi-comma:before {
  content: "󰸣";
}
.mdi-comma-box:before {
  content: "󰸫";
}
.mdi-comma-box-outline:before {
  content: "󰸤";
}
.mdi-comma-circle:before {
  content: "󰸥";
}
.mdi-comma-circle-outline:before {
  content: "󰸦";
}
.mdi-comment:before {
  content: "󰅺";
}
.mdi-comment-account:before {
  content: "󰅻";
}
.mdi-comment-account-outline:before {
  content: "󰅼";
}
.mdi-comment-alert:before {
  content: "󰅽";
}
.mdi-comment-alert-outline:before {
  content: "󰅾";
}
.mdi-comment-arrow-left:before {
  content: "󰧡";
}
.mdi-comment-arrow-left-outline:before {
  content: "󰧢";
}
.mdi-comment-arrow-right:before {
  content: "󰧣";
}
.mdi-comment-arrow-right-outline:before {
  content: "󰧤";
}
.mdi-comment-bookmark:before {
  content: "󱖮";
}
.mdi-comment-bookmark-outline:before {
  content: "󱖯";
}
.mdi-comment-check:before {
  content: "󰅿";
}
.mdi-comment-check-outline:before {
  content: "󰆀";
}
.mdi-comment-edit:before {
  content: "󱆿";
}
.mdi-comment-edit-outline:before {
  content: "󱋄";
}
.mdi-comment-eye:before {
  content: "󰨺";
}
.mdi-comment-eye-outline:before {
  content: "󰨻";
}
.mdi-comment-flash:before {
  content: "󱖰";
}
.mdi-comment-flash-outline:before {
  content: "󱖱";
}
.mdi-comment-minus:before {
  content: "󱗟";
}
.mdi-comment-minus-outline:before {
  content: "󱗠";
}
.mdi-comment-multiple:before {
  content: "󰡟";
}
.mdi-comment-multiple-outline:before {
  content: "󰆁";
}
.mdi-comment-off:before {
  content: "󱗡";
}
.mdi-comment-off-outline:before {
  content: "󱗢";
}
.mdi-comment-outline:before {
  content: "󰆂";
}
.mdi-comment-plus:before {
  content: "󰧥";
}
.mdi-comment-plus-outline:before {
  content: "󰆃";
}
.mdi-comment-processing:before {
  content: "󰆄";
}
.mdi-comment-processing-outline:before {
  content: "󰆅";
}
.mdi-comment-question:before {
  content: "󰠗";
}
.mdi-comment-question-outline:before {
  content: "󰆆";
}
.mdi-comment-quote:before {
  content: "󱀡";
}
.mdi-comment-quote-outline:before {
  content: "󱀢";
}
.mdi-comment-remove:before {
  content: "󰗞";
}
.mdi-comment-remove-outline:before {
  content: "󰆇";
}
.mdi-comment-search:before {
  content: "󰨼";
}
.mdi-comment-search-outline:before {
  content: "󰨽";
}
.mdi-comment-text:before {
  content: "󰆈";
}
.mdi-comment-text-multiple:before {
  content: "󰡠";
}
.mdi-comment-text-multiple-outline:before {
  content: "󰡡";
}
.mdi-comment-text-outline:before {
  content: "󰆉";
}
.mdi-compare:before {
  content: "󰆊";
}
.mdi-compare-horizontal:before {
  content: "󱒒";
}
.mdi-compare-remove:before {
  content: "󱢳";
}
.mdi-compare-vertical:before {
  content: "󱒓";
}
.mdi-compass:before {
  content: "󰆋";
}
.mdi-compass-off:before {
  content: "󰮀";
}
.mdi-compass-off-outline:before {
  content: "󰮁";
}
.mdi-compass-outline:before {
  content: "󰆌";
}
.mdi-compass-rose:before {
  content: "󱎂";
}
.mdi-compost:before {
  content: "󱨸";
}
.mdi-cone:before {
  content: "󱥌";
}
.mdi-cone-off:before {
  content: "󱥍";
}
.mdi-connection:before {
  content: "󱘖";
}
.mdi-console:before {
  content: "󰆍";
}
.mdi-console-line:before {
  content: "󰞷";
}
.mdi-console-network:before {
  content: "󰢩";
}
.mdi-console-network-outline:before {
  content: "󰱠";
}
.mdi-consolidate:before {
  content: "󱃘";
}
.mdi-contactless-payment:before {
  content: "󰵪";
}
.mdi-contactless-payment-circle:before {
  content: "󰌡";
}
.mdi-contactless-payment-circle-outline:before {
  content: "󰐈";
}
.mdi-contacts:before {
  content: "󰛋";
}
.mdi-contacts-outline:before {
  content: "󰖸";
}
.mdi-contain:before {
  content: "󰨾";
}
.mdi-contain-end:before {
  content: "󰨿";
}
.mdi-contain-start:before {
  content: "󰩀";
}
.mdi-content-copy:before {
  content: "󰆏";
}
.mdi-content-cut:before {
  content: "󰆐";
}
.mdi-content-duplicate:before {
  content: "󰆑";
}
.mdi-content-paste:before {
  content: "󰆒";
}
.mdi-content-save:before {
  content: "󰆓";
}
.mdi-content-save-alert:before {
  content: "󰽂";
}
.mdi-content-save-alert-outline:before {
  content: "󰽃";
}
.mdi-content-save-all:before {
  content: "󰆔";
}
.mdi-content-save-all-outline:before {
  content: "󰽄";
}
.mdi-content-save-check:before {
  content: "󱣪";
}
.mdi-content-save-check-outline:before {
  content: "󱣫";
}
.mdi-content-save-cog:before {
  content: "󱑛";
}
.mdi-content-save-cog-outline:before {
  content: "󱑜";
}
.mdi-content-save-edit:before {
  content: "󰳻";
}
.mdi-content-save-edit-outline:before {
  content: "󰳼";
}
.mdi-content-save-minus:before {
  content: "󱭃";
}
.mdi-content-save-minus-outline:before {
  content: "󱭄";
}
.mdi-content-save-move:before {
  content: "󰸧";
}
.mdi-content-save-move-outline:before {
  content: "󰸨";
}
.mdi-content-save-off:before {
  content: "󱙃";
}
.mdi-content-save-off-outline:before {
  content: "󱙄";
}
.mdi-content-save-outline:before {
  content: "󰠘";
}
.mdi-content-save-plus:before {
  content: "󱭁";
}
.mdi-content-save-plus-outline:before {
  content: "󱭂";
}
.mdi-content-save-settings:before {
  content: "󰘛";
}
.mdi-content-save-settings-outline:before {
  content: "󰬮";
}
.mdi-contrast:before {
  content: "󰆕";
}
.mdi-contrast-box:before {
  content: "󰆖";
}
.mdi-contrast-circle:before {
  content: "󰆗";
}
.mdi-controller:before {
  content: "󰊴";
}
.mdi-controller-classic:before {
  content: "󰮂";
}
.mdi-controller-classic-outline:before {
  content: "󰮃";
}
.mdi-controller-off:before {
  content: "󰊵";
}
.mdi-cookie:before {
  content: "󰆘";
}
.mdi-cookie-alert:before {
  content: "󱛐";
}
.mdi-cookie-alert-outline:before {
  content: "󱛑";
}
.mdi-cookie-check:before {
  content: "󱛒";
}
.mdi-cookie-check-outline:before {
  content: "󱛓";
}
.mdi-cookie-clock:before {
  content: "󱛤";
}
.mdi-cookie-clock-outline:before {
  content: "󱛥";
}
.mdi-cookie-cog:before {
  content: "󱛔";
}
.mdi-cookie-cog-outline:before {
  content: "󱛕";
}
.mdi-cookie-edit:before {
  content: "󱛦";
}
.mdi-cookie-edit-outline:before {
  content: "󱛧";
}
.mdi-cookie-lock:before {
  content: "󱛨";
}
.mdi-cookie-lock-outline:before {
  content: "󱛩";
}
.mdi-cookie-minus:before {
  content: "󱛚";
}
.mdi-cookie-minus-outline:before {
  content: "󱛛";
}
.mdi-cookie-off:before {
  content: "󱛪";
}
.mdi-cookie-off-outline:before {
  content: "󱛫";
}
.mdi-cookie-outline:before {
  content: "󱛞";
}
.mdi-cookie-plus:before {
  content: "󱛖";
}
.mdi-cookie-plus-outline:before {
  content: "󱛗";
}
.mdi-cookie-refresh:before {
  content: "󱛬";
}
.mdi-cookie-refresh-outline:before {
  content: "󱛭";
}
.mdi-cookie-remove:before {
  content: "󱛘";
}
.mdi-cookie-remove-outline:before {
  content: "󱛙";
}
.mdi-cookie-settings:before {
  content: "󱛜";
}
.mdi-cookie-settings-outline:before {
  content: "󱛝";
}
.mdi-coolant-temperature:before {
  content: "󰏈";
}
.mdi-copyleft:before {
  content: "󱤹";
}
.mdi-copyright:before {
  content: "󰗦";
}
.mdi-cordova:before {
  content: "󰥘";
}
.mdi-corn:before {
  content: "󰞸";
}
.mdi-corn-off:before {
  content: "󱏯";
}
.mdi-cosine-wave:before {
  content: "󱑹";
}
.mdi-counter:before {
  content: "󰆙";
}
.mdi-countertop:before {
  content: "󱠜";
}
.mdi-countertop-outline:before {
  content: "󱠝";
}
.mdi-cow:before {
  content: "󰆚";
}
.mdi-cow-off:before {
  content: "󱣼";
}
.mdi-cpu-32-bit:before {
  content: "󰻟";
}
.mdi-cpu-64-bit:before {
  content: "󰻠";
}
.mdi-cradle:before {
  content: "󱦋";
}
.mdi-cradle-outline:before {
  content: "󱦑";
}
.mdi-crane:before {
  content: "󰡢";
}
.mdi-creation:before {
  content: "󰙴";
}
.mdi-creation-outline:before {
  content: "󱰫";
}
.mdi-creative-commons:before {
  content: "󰵫";
}
.mdi-credit-card:before {
  content: "󰿯";
}
.mdi-credit-card-check:before {
  content: "󱏐";
}
.mdi-credit-card-check-outline:before {
  content: "󱏑";
}
.mdi-credit-card-chip:before {
  content: "󱤏";
}
.mdi-credit-card-chip-outline:before {
  content: "󱤐";
}
.mdi-credit-card-clock:before {
  content: "󰻡";
}
.mdi-credit-card-clock-outline:before {
  content: "󰻢";
}
.mdi-credit-card-edit:before {
  content: "󱟗";
}
.mdi-credit-card-edit-outline:before {
  content: "󱟘";
}
.mdi-credit-card-fast:before {
  content: "󱤑";
}
.mdi-credit-card-fast-outline:before {
  content: "󱤒";
}
.mdi-credit-card-lock:before {
  content: "󱣧";
}
.mdi-credit-card-lock-outline:before {
  content: "󱣨";
}
.mdi-credit-card-marker:before {
  content: "󰚨";
}
.mdi-credit-card-marker-outline:before {
  content: "󰶾";
}
.mdi-credit-card-minus:before {
  content: "󰾬";
}
.mdi-credit-card-minus-outline:before {
  content: "󰾭";
}
.mdi-credit-card-multiple:before {
  content: "󰿰";
}
.mdi-credit-card-multiple-outline:before {
  content: "󰆜";
}
.mdi-credit-card-off:before {
  content: "󰿱";
}
.mdi-credit-card-off-outline:before {
  content: "󰗤";
}
.mdi-credit-card-outline:before {
  content: "󰆛";
}
.mdi-credit-card-plus:before {
  content: "󰿲";
}
.mdi-credit-card-plus-outline:before {
  content: "󰙶";
}
.mdi-credit-card-refresh:before {
  content: "󱙅";
}
.mdi-credit-card-refresh-outline:before {
  content: "󱙆";
}
.mdi-credit-card-refund:before {
  content: "󰿳";
}
.mdi-credit-card-refund-outline:before {
  content: "󰪨";
}
.mdi-credit-card-remove:before {
  content: "󰾮";
}
.mdi-credit-card-remove-outline:before {
  content: "󰾯";
}
.mdi-credit-card-scan:before {
  content: "󰿴";
}
.mdi-credit-card-scan-outline:before {
  content: "󰆝";
}
.mdi-credit-card-search:before {
  content: "󱙇";
}
.mdi-credit-card-search-outline:before {
  content: "󱙈";
}
.mdi-credit-card-settings:before {
  content: "󰿵";
}
.mdi-credit-card-settings-outline:before {
  content: "󰣗";
}
.mdi-credit-card-sync:before {
  content: "󱙉";
}
.mdi-credit-card-sync-outline:before {
  content: "󱙊";
}
.mdi-credit-card-wireless:before {
  content: "󰠂";
}
.mdi-credit-card-wireless-off:before {
  content: "󰕺";
}
.mdi-credit-card-wireless-off-outline:before {
  content: "󰕻";
}
.mdi-credit-card-wireless-outline:before {
  content: "󰵬";
}
.mdi-cricket:before {
  content: "󰵭";
}
.mdi-crop:before {
  content: "󰆞";
}
.mdi-crop-free:before {
  content: "󰆟";
}
.mdi-crop-landscape:before {
  content: "󰆠";
}
.mdi-crop-portrait:before {
  content: "󰆡";
}
.mdi-crop-rotate:before {
  content: "󰚖";
}
.mdi-crop-square:before {
  content: "󰆢";
}
.mdi-cross:before {
  content: "󰥓";
}
.mdi-cross-bolnisi:before {
  content: "󰳭";
}
.mdi-cross-celtic:before {
  content: "󰳵";
}
.mdi-cross-outline:before {
  content: "󰳶";
}
.mdi-crosshairs:before {
  content: "󰆣";
}
.mdi-crosshairs-gps:before {
  content: "󰆤";
}
.mdi-crosshairs-off:before {
  content: "󰽅";
}
.mdi-crosshairs-question:before {
  content: "󱄶";
}
.mdi-crowd:before {
  content: "󱥵";
}
.mdi-crown:before {
  content: "󰆥";
}
.mdi-crown-circle:before {
  content: "󱟜";
}
.mdi-crown-circle-outline:before {
  content: "󱟝";
}
.mdi-crown-outline:before {
  content: "󱇐";
}
.mdi-cryengine:before {
  content: "󰥙";
}
.mdi-crystal-ball:before {
  content: "󰬯";
}
.mdi-cube:before {
  content: "󰆦";
}
.mdi-cube-off:before {
  content: "󱐜";
}
.mdi-cube-off-outline:before {
  content: "󱐝";
}
.mdi-cube-outline:before {
  content: "󰆧";
}
.mdi-cube-scan:before {
  content: "󰮄";
}
.mdi-cube-send:before {
  content: "󰆨";
}
.mdi-cube-unfolded:before {
  content: "󰆩";
}
.mdi-cup:before {
  content: "󰆪";
}
.mdi-cup-off:before {
  content: "󰗥";
}
.mdi-cup-off-outline:before {
  content: "󱍽";
}
.mdi-cup-outline:before {
  content: "󱌏";
}
.mdi-cup-water:before {
  content: "󰆫";
}
.mdi-cupboard:before {
  content: "󰽆";
}
.mdi-cupboard-outline:before {
  content: "󰽇";
}
.mdi-cupcake:before {
  content: "󰥚";
}
.mdi-curling:before {
  content: "󰡣";
}
.mdi-currency-bdt:before {
  content: "󰡤";
}
.mdi-currency-brl:before {
  content: "󰮅";
}
.mdi-currency-btc:before {
  content: "󰆬";
}
.mdi-currency-cny:before {
  content: "󰞺";
}
.mdi-currency-eth:before {
  content: "󰞻";
}
.mdi-currency-eur:before {
  content: "󰆭";
}
.mdi-currency-eur-off:before {
  content: "󱌕";
}
.mdi-currency-fra:before {
  content: "󱨹";
}
.mdi-currency-gbp:before {
  content: "󰆮";
}
.mdi-currency-ils:before {
  content: "󰱡";
}
.mdi-currency-inr:before {
  content: "󰆯";
}
.mdi-currency-jpy:before {
  content: "󰞼";
}
.mdi-currency-krw:before {
  content: "󰞽";
}
.mdi-currency-kzt:before {
  content: "󰡥";
}
.mdi-currency-mnt:before {
  content: "󱔒";
}
.mdi-currency-ngn:before {
  content: "󰆰";
}
.mdi-currency-php:before {
  content: "󰧦";
}
.mdi-currency-rial:before {
  content: "󰺜";
}
.mdi-currency-rub:before {
  content: "󰆱";
}
.mdi-currency-rupee:before {
  content: "󱥶";
}
.mdi-currency-sign:before {
  content: "󰞾";
}
.mdi-currency-thb:before {
  content: "󱰅";
}
.mdi-currency-try:before {
  content: "󰆲";
}
.mdi-currency-twd:before {
  content: "󰞿";
}
.mdi-currency-uah:before {
  content: "󱮛";
}
.mdi-currency-usd:before {
  content: "󰇁";
}
.mdi-currency-usd-off:before {
  content: "󰙺";
}
.mdi-current-ac:before {
  content: "󱒀";
}
.mdi-current-dc:before {
  content: "󰥜";
}
.mdi-cursor-default:before {
  content: "󰇀";
}
.mdi-cursor-default-click:before {
  content: "󰳽";
}
.mdi-cursor-default-click-outline:before {
  content: "󰳾";
}
.mdi-cursor-default-gesture:before {
  content: "󱄧";
}
.mdi-cursor-default-gesture-outline:before {
  content: "󱄨";
}
.mdi-cursor-default-outline:before {
  content: "󰆿";
}
.mdi-cursor-move:before {
  content: "󰆾";
}
.mdi-cursor-pointer:before {
  content: "󰆽";
}
.mdi-cursor-text:before {
  content: "󰗧";
}
.mdi-curtains:before {
  content: "󱡆";
}
.mdi-curtains-closed:before {
  content: "󱡇";
}
.mdi-cylinder:before {
  content: "󱥎";
}
.mdi-cylinder-off:before {
  content: "󱥏";
}
.mdi-dance-ballroom:before {
  content: "󱗻";
}
.mdi-dance-pole:before {
  content: "󱕸";
}
.mdi-data-matrix:before {
  content: "󱔼";
}
.mdi-data-matrix-edit:before {
  content: "󱔽";
}
.mdi-data-matrix-minus:before {
  content: "󱔾";
}
.mdi-data-matrix-plus:before {
  content: "󱔿";
}
.mdi-data-matrix-remove:before {
  content: "󱕀";
}
.mdi-data-matrix-scan:before {
  content: "󱕁";
}
.mdi-database:before {
  content: "󰆼";
}
.mdi-database-alert:before {
  content: "󱘺";
}
.mdi-database-alert-outline:before {
  content: "󱘤";
}
.mdi-database-arrow-down:before {
  content: "󱘻";
}
.mdi-database-arrow-down-outline:before {
  content: "󱘥";
}
.mdi-database-arrow-left:before {
  content: "󱘼";
}
.mdi-database-arrow-left-outline:before {
  content: "󱘦";
}
.mdi-database-arrow-right:before {
  content: "󱘽";
}
.mdi-database-arrow-right-outline:before {
  content: "󱘧";
}
.mdi-database-arrow-up:before {
  content: "󱘾";
}
.mdi-database-arrow-up-outline:before {
  content: "󱘨";
}
.mdi-database-check:before {
  content: "󰪩";
}
.mdi-database-check-outline:before {
  content: "󱘩";
}
.mdi-database-clock:before {
  content: "󱘿";
}
.mdi-database-clock-outline:before {
  content: "󱘪";
}
.mdi-database-cog:before {
  content: "󱙋";
}
.mdi-database-cog-outline:before {
  content: "󱙌";
}
.mdi-database-edit:before {
  content: "󰮆";
}
.mdi-database-edit-outline:before {
  content: "󱘫";
}
.mdi-database-export:before {
  content: "󰥞";
}
.mdi-database-export-outline:before {
  content: "󱘬";
}
.mdi-database-eye:before {
  content: "󱤟";
}
.mdi-database-eye-off:before {
  content: "󱤠";
}
.mdi-database-eye-off-outline:before {
  content: "󱤡";
}
.mdi-database-eye-outline:before {
  content: "󱤢";
}
.mdi-database-import:before {
  content: "󰥝";
}
.mdi-database-import-outline:before {
  content: "󱘭";
}
.mdi-database-lock:before {
  content: "󰪪";
}
.mdi-database-lock-outline:before {
  content: "󱘮";
}
.mdi-database-marker:before {
  content: "󱋶";
}
.mdi-database-marker-outline:before {
  content: "󱘯";
}
.mdi-database-minus:before {
  content: "󰆻";
}
.mdi-database-minus-outline:before {
  content: "󱘰";
}
.mdi-database-off:before {
  content: "󱙀";
}
.mdi-database-off-outline:before {
  content: "󱘱";
}
.mdi-database-outline:before {
  content: "󱘲";
}
.mdi-database-plus:before {
  content: "󰆺";
}
.mdi-database-plus-outline:before {
  content: "󱘳";
}
.mdi-database-refresh:before {
  content: "󰗂";
}
.mdi-database-refresh-outline:before {
  content: "󱘴";
}
.mdi-database-remove:before {
  content: "󰴀";
}
.mdi-database-remove-outline:before {
  content: "󱘵";
}
.mdi-database-search:before {
  content: "󰡦";
}
.mdi-database-search-outline:before {
  content: "󱘶";
}
.mdi-database-settings:before {
  content: "󰴁";
}
.mdi-database-settings-outline:before {
  content: "󱘷";
}
.mdi-database-sync:before {
  content: "󰳿";
}
.mdi-database-sync-outline:before {
  content: "󱘸";
}
.mdi-death-star:before {
  content: "󰣘";
}
.mdi-death-star-variant:before {
  content: "󰣙";
}
.mdi-deathly-hallows:before {
  content: "󰮇";
}
.mdi-debian:before {
  content: "󰣚";
}
.mdi-debug-step-into:before {
  content: "󰆹";
}
.mdi-debug-step-out:before {
  content: "󰆸";
}
.mdi-debug-step-over:before {
  content: "󰆷";
}
.mdi-decagram:before {
  content: "󰝬";
}
.mdi-decagram-outline:before {
  content: "󰝭";
}
.mdi-decimal:before {
  content: "󱂡";
}
.mdi-decimal-comma:before {
  content: "󱂢";
}
.mdi-decimal-comma-decrease:before {
  content: "󱂣";
}
.mdi-decimal-comma-increase:before {
  content: "󱂤";
}
.mdi-decimal-decrease:before {
  content: "󰆶";
}
.mdi-decimal-increase:before {
  content: "󰆵";
}
.mdi-delete:before {
  content: "󰆴";
}
.mdi-delete-alert:before {
  content: "󱂥";
}
.mdi-delete-alert-outline:before {
  content: "󱂦";
}
.mdi-delete-circle:before {
  content: "󰚃";
}
.mdi-delete-circle-outline:before {
  content: "󰮈";
}
.mdi-delete-clock:before {
  content: "󱕖";
}
.mdi-delete-clock-outline:before {
  content: "󱕗";
}
.mdi-delete-empty:before {
  content: "󰛌";
}
.mdi-delete-empty-outline:before {
  content: "󰺝";
}
.mdi-delete-forever:before {
  content: "󰗨";
}
.mdi-delete-forever-outline:before {
  content: "󰮉";
}
.mdi-delete-off:before {
  content: "󱂧";
}
.mdi-delete-off-outline:before {
  content: "󱂨";
}
.mdi-delete-outline:before {
  content: "󰧧";
}
.mdi-delete-restore:before {
  content: "󰠙";
}
.mdi-delete-sweep:before {
  content: "󰗩";
}
.mdi-delete-sweep-outline:before {
  content: "󰱢";
}
.mdi-delete-variant:before {
  content: "󰆳";
}
.mdi-delta:before {
  content: "󰇂";
}
.mdi-desk:before {
  content: "󱈹";
}
.mdi-desk-lamp:before {
  content: "󰥟";
}
.mdi-desk-lamp-off:before {
  content: "󱬟";
}
.mdi-desk-lamp-on:before {
  content: "󱬠";
}
.mdi-deskphone:before {
  content: "󰇃";
}
.mdi-desktop-classic:before {
  content: "󰟀";
}
.mdi-desktop-tower:before {
  content: "󰇅";
}
.mdi-desktop-tower-monitor:before {
  content: "󰪫";
}
.mdi-details:before {
  content: "󰇆";
}
.mdi-dev-to:before {
  content: "󰵮";
}
.mdi-developer-board:before {
  content: "󰚗";
}
.mdi-deviantart:before {
  content: "󰇇";
}
.mdi-devices:before {
  content: "󰾰";
}
.mdi-dharmachakra:before {
  content: "󰥋";
}
.mdi-diabetes:before {
  content: "󱄦";
}
.mdi-dialpad:before {
  content: "󰘜";
}
.mdi-diameter:before {
  content: "󰱣";
}
.mdi-diameter-outline:before {
  content: "󰱤";
}
.mdi-diameter-variant:before {
  content: "󰱥";
}
.mdi-diamond:before {
  content: "󰮊";
}
.mdi-diamond-outline:before {
  content: "󰮋";
}
.mdi-diamond-stone:before {
  content: "󰇈";
}
.mdi-diaper-outline:before {
  content: "󱳏";
}
.mdi-dice-1:before {
  content: "󰇊";
}
.mdi-dice-1-outline:before {
  content: "󱅊";
}
.mdi-dice-2:before {
  content: "󰇋";
}
.mdi-dice-2-outline:before {
  content: "󱅋";
}
.mdi-dice-3:before {
  content: "󰇌";
}
.mdi-dice-3-outline:before {
  content: "󱅌";
}
.mdi-dice-4:before {
  content: "󰇍";
}
.mdi-dice-4-outline:before {
  content: "󱅍";
}
.mdi-dice-5:before {
  content: "󰇎";
}
.mdi-dice-5-outline:before {
  content: "󱅎";
}
.mdi-dice-6:before {
  content: "󰇏";
}
.mdi-dice-6-outline:before {
  content: "󱅏";
}
.mdi-dice-d10:before {
  content: "󱅓";
}
.mdi-dice-d10-outline:before {
  content: "󰝯";
}
.mdi-dice-d12:before {
  content: "󱅔";
}
.mdi-dice-d12-outline:before {
  content: "󰡧";
}
.mdi-dice-d20:before {
  content: "󱅕";
}
.mdi-dice-d20-outline:before {
  content: "󰗪";
}
.mdi-dice-d4:before {
  content: "󱅐";
}
.mdi-dice-d4-outline:before {
  content: "󰗫";
}
.mdi-dice-d6:before {
  content: "󱅑";
}
.mdi-dice-d6-outline:before {
  content: "󰗭";
}
.mdi-dice-d8:before {
  content: "󱅒";
}
.mdi-dice-d8-outline:before {
  content: "󰗬";
}
.mdi-dice-multiple:before {
  content: "󰝮";
}
.mdi-dice-multiple-outline:before {
  content: "󱅖";
}
.mdi-digital-ocean:before {
  content: "󱈷";
}
.mdi-dip-switch:before {
  content: "󰟁";
}
.mdi-directions:before {
  content: "󰇐";
}
.mdi-directions-fork:before {
  content: "󰙁";
}
.mdi-disc:before {
  content: "󰗮";
}
.mdi-disc-alert:before {
  content: "󰇑";
}
.mdi-disc-player:before {
  content: "󰥠";
}
.mdi-dishwasher:before {
  content: "󰪬";
}
.mdi-dishwasher-alert:before {
  content: "󱆸";
}
.mdi-dishwasher-off:before {
  content: "󱆹";
}
.mdi-disqus:before {
  content: "󰇒";
}
.mdi-distribute-horizontal-center:before {
  content: "󱇉";
}
.mdi-distribute-horizontal-left:before {
  content: "󱇈";
}
.mdi-distribute-horizontal-right:before {
  content: "󱇊";
}
.mdi-distribute-vertical-bottom:before {
  content: "󱇋";
}
.mdi-distribute-vertical-center:before {
  content: "󱇌";
}
.mdi-distribute-vertical-top:before {
  content: "󱇍";
}
.mdi-diversify:before {
  content: "󱡷";
}
.mdi-diving:before {
  content: "󱥷";
}
.mdi-diving-flippers:before {
  content: "󰶿";
}
.mdi-diving-helmet:before {
  content: "󰷀";
}
.mdi-diving-scuba:before {
  content: "󱭷";
}
.mdi-diving-scuba-flag:before {
  content: "󰷂";
}
.mdi-diving-scuba-mask:before {
  content: "󰷁";
}
.mdi-diving-scuba-tank:before {
  content: "󰷃";
}
.mdi-diving-scuba-tank-multiple:before {
  content: "󰷄";
}
.mdi-diving-snorkel:before {
  content: "󰷅";
}
.mdi-division:before {
  content: "󰇔";
}
.mdi-division-box:before {
  content: "󰇕";
}
.mdi-dlna:before {
  content: "󰩁";
}
.mdi-dna:before {
  content: "󰚄";
}
.mdi-dns:before {
  content: "󰇖";
}
.mdi-dns-outline:before {
  content: "󰮌";
}
.mdi-dock-bottom:before {
  content: "󱂩";
}
.mdi-dock-left:before {
  content: "󱂪";
}
.mdi-dock-right:before {
  content: "󱂫";
}
.mdi-dock-top:before {
  content: "󱔓";
}
.mdi-dock-window:before {
  content: "󱂬";
}
.mdi-docker:before {
  content: "󰡨";
}
.mdi-doctor:before {
  content: "󰩂";
}
.mdi-dog:before {
  content: "󰩃";
}
.mdi-dog-service:before {
  content: "󰪭";
}
.mdi-dog-side:before {
  content: "󰩄";
}
.mdi-dog-side-off:before {
  content: "󱛮";
}
.mdi-dolby:before {
  content: "󰚳";
}
.mdi-dolly:before {
  content: "󰺞";
}
.mdi-dolphin:before {
  content: "󱢴";
}
.mdi-domain:before {
  content: "󰇗";
}
.mdi-domain-off:before {
  content: "󰵯";
}
.mdi-domain-plus:before {
  content: "󱂭";
}
.mdi-domain-remove:before {
  content: "󱂮";
}
.mdi-domain-switch:before {
  content: "󱰬";
}
.mdi-dome-light:before {
  content: "󱐞";
}
.mdi-domino-mask:before {
  content: "󱀣";
}
.mdi-donkey:before {
  content: "󰟂";
}
.mdi-door:before {
  content: "󰠚";
}
.mdi-door-closed:before {
  content: "󰠛";
}
.mdi-door-closed-cancel:before {
  content: "󱲓";
}
.mdi-door-closed-lock:before {
  content: "󱂯";
}
.mdi-door-open:before {
  content: "󰠜";
}
.mdi-door-sliding:before {
  content: "󱠞";
}
.mdi-door-sliding-lock:before {
  content: "󱠟";
}
.mdi-door-sliding-open:before {
  content: "󱠠";
}
.mdi-doorbell:before {
  content: "󱋦";
}
.mdi-doorbell-video:before {
  content: "󰡩";
}
.mdi-dot-net:before {
  content: "󰪮";
}
.mdi-dots-circle:before {
  content: "󱥸";
}
.mdi-dots-grid:before {
  content: "󱗼";
}
.mdi-dots-hexagon:before {
  content: "󱗿";
}
.mdi-dots-horizontal:before {
  content: "󰇘";
}
.mdi-dots-horizontal-circle:before {
  content: "󰟃";
}
.mdi-dots-horizontal-circle-outline:before {
  content: "󰮍";
}
.mdi-dots-square:before {
  content: "󱗽";
}
.mdi-dots-triangle:before {
  content: "󱗾";
}
.mdi-dots-vertical:before {
  content: "󰇙";
}
.mdi-dots-vertical-circle:before {
  content: "󰟄";
}
.mdi-dots-vertical-circle-outline:before {
  content: "󰮎";
}
.mdi-download:before {
  content: "󰇚";
}
.mdi-download-box:before {
  content: "󱑢";
}
.mdi-download-box-outline:before {
  content: "󱑣";
}
.mdi-download-circle:before {
  content: "󱑤";
}
.mdi-download-circle-outline:before {
  content: "󱑥";
}
.mdi-download-lock:before {
  content: "󱌠";
}
.mdi-download-lock-outline:before {
  content: "󱌡";
}
.mdi-download-multiple:before {
  content: "󰧩";
}
.mdi-download-multiple-outline:before {
  content: "󱳐";
}
.mdi-download-network:before {
  content: "󰛴";
}
.mdi-download-network-outline:before {
  content: "󰱦";
}
.mdi-download-off:before {
  content: "󱂰";
}
.mdi-download-off-outline:before {
  content: "󱂱";
}
.mdi-download-outline:before {
  content: "󰮏";
}
.mdi-drag:before {
  content: "󰇛";
}
.mdi-drag-horizontal:before {
  content: "󰇜";
}
.mdi-drag-horizontal-variant:before {
  content: "󱋰";
}
.mdi-drag-variant:before {
  content: "󰮐";
}
.mdi-drag-vertical:before {
  content: "󰇝";
}
.mdi-drag-vertical-variant:before {
  content: "󱋱";
}
.mdi-drama-masks:before {
  content: "󰴂";
}
.mdi-draw:before {
  content: "󰽉";
}
.mdi-draw-pen:before {
  content: "󱦹";
}
.mdi-drawing:before {
  content: "󰇞";
}
.mdi-drawing-box:before {
  content: "󰇟";
}
.mdi-dresser:before {
  content: "󰽊";
}
.mdi-dresser-outline:before {
  content: "󰽋";
}
.mdi-drone:before {
  content: "󰇢";
}
.mdi-dropbox:before {
  content: "󰇣";
}
.mdi-drupal:before {
  content: "󰇤";
}
.mdi-duck:before {
  content: "󰇥";
}
.mdi-dumbbell:before {
  content: "󰇦";
}
.mdi-dump-truck:before {
  content: "󰱧";
}
.mdi-ear-hearing:before {
  content: "󰟅";
}
.mdi-ear-hearing-loop:before {
  content: "󱫮";
}
.mdi-ear-hearing-off:before {
  content: "󰩅";
}
.mdi-earbuds:before {
  content: "󱡏";
}
.mdi-earbuds-off:before {
  content: "󱡐";
}
.mdi-earbuds-off-outline:before {
  content: "󱡑";
}
.mdi-earbuds-outline:before {
  content: "󱡒";
}
.mdi-earth:before {
  content: "󰇧";
}
.mdi-earth-arrow-down:before {
  content: "󱲇";
}
.mdi-earth-arrow-left:before {
  content: "󱲈";
}
.mdi-earth-arrow-right:before {
  content: "󱌑";
}
.mdi-earth-arrow-up:before {
  content: "󱲉";
}
.mdi-earth-box:before {
  content: "󰛍";
}
.mdi-earth-box-minus:before {
  content: "󱐇";
}
.mdi-earth-box-off:before {
  content: "󰛎";
}
.mdi-earth-box-plus:before {
  content: "󱐆";
}
.mdi-earth-box-remove:before {
  content: "󱐈";
}
.mdi-earth-minus:before {
  content: "󱐄";
}
.mdi-earth-off:before {
  content: "󰇨";
}
.mdi-earth-plus:before {
  content: "󱐃";
}
.mdi-earth-remove:before {
  content: "󱐅";
}
.mdi-egg:before {
  content: "󰪯";
}
.mdi-egg-easter:before {
  content: "󰪰";
}
.mdi-egg-fried:before {
  content: "󱡊";
}
.mdi-egg-off:before {
  content: "󱏰";
}
.mdi-egg-off-outline:before {
  content: "󱏱";
}
.mdi-egg-outline:before {
  content: "󱏲";
}
.mdi-eiffel-tower:before {
  content: "󱕫";
}
.mdi-eight-track:before {
  content: "󰧪";
}
.mdi-eject:before {
  content: "󰇪";
}
.mdi-eject-circle:before {
  content: "󱬣";
}
.mdi-eject-circle-outline:before {
  content: "󱬤";
}
.mdi-eject-outline:before {
  content: "󰮑";
}
.mdi-electric-switch:before {
  content: "󰺟";
}
.mdi-electric-switch-closed:before {
  content: "󱃙";
}
.mdi-electron-framework:before {
  content: "󱀤";
}
.mdi-elephant:before {
  content: "󰟆";
}
.mdi-elevation-decline:before {
  content: "󰇫";
}
.mdi-elevation-rise:before {
  content: "󰇬";
}
.mdi-elevator:before {
  content: "󰇭";
}
.mdi-elevator-down:before {
  content: "󱋂";
}
.mdi-elevator-passenger:before {
  content: "󱎁";
}
.mdi-elevator-passenger-off:before {
  content: "󱥹";
}
.mdi-elevator-passenger-off-outline:before {
  content: "󱥺";
}
.mdi-elevator-passenger-outline:before {
  content: "󱥻";
}
.mdi-elevator-up:before {
  content: "󱋁";
}
.mdi-ellipse:before {
  content: "󰺠";
}
.mdi-ellipse-outline:before {
  content: "󰺡";
}
.mdi-email:before {
  content: "󰇮";
}
.mdi-email-alert:before {
  content: "󰛏";
}
.mdi-email-alert-outline:before {
  content: "󰵂";
}
.mdi-email-arrow-left:before {
  content: "󱃚";
}
.mdi-email-arrow-left-outline:before {
  content: "󱃛";
}
.mdi-email-arrow-right:before {
  content: "󱃜";
}
.mdi-email-arrow-right-outline:before {
  content: "󱃝";
}
.mdi-email-box:before {
  content: "󰴃";
}
.mdi-email-check:before {
  content: "󰪱";
}
.mdi-email-check-outline:before {
  content: "󰪲";
}
.mdi-email-edit:before {
  content: "󰻣";
}
.mdi-email-edit-outline:before {
  content: "󰻤";
}
.mdi-email-fast:before {
  content: "󱡯";
}
.mdi-email-fast-outline:before {
  content: "󱡰";
}
.mdi-email-heart-outline:before {
  content: "󱱛";
}
.mdi-email-lock:before {
  content: "󰇱";
}
.mdi-email-lock-outline:before {
  content: "󱭡";
}
.mdi-email-mark-as-unread:before {
  content: "󰮒";
}
.mdi-email-minus:before {
  content: "󰻥";
}
.mdi-email-minus-outline:before {
  content: "󰻦";
}
.mdi-email-multiple:before {
  content: "󰻧";
}
.mdi-email-multiple-outline:before {
  content: "󰻨";
}
.mdi-email-newsletter:before {
  content: "󰾱";
}
.mdi-email-off:before {
  content: "󱏣";
}
.mdi-email-off-outline:before {
  content: "󱏤";
}
.mdi-email-open:before {
  content: "󰇯";
}
.mdi-email-open-heart-outline:before {
  content: "󱱜";
}
.mdi-email-open-multiple:before {
  content: "󰻩";
}
.mdi-email-open-multiple-outline:before {
  content: "󰻪";
}
.mdi-email-open-outline:before {
  content: "󰗯";
}
.mdi-email-outline:before {
  content: "󰇰";
}
.mdi-email-plus:before {
  content: "󰧫";
}
.mdi-email-plus-outline:before {
  content: "󰧬";
}
.mdi-email-remove:before {
  content: "󱙡";
}
.mdi-email-remove-outline:before {
  content: "󱙢";
}
.mdi-email-seal:before {
  content: "󱥛";
}
.mdi-email-seal-outline:before {
  content: "󱥜";
}
.mdi-email-search:before {
  content: "󰥡";
}
.mdi-email-search-outline:before {
  content: "󰥢";
}
.mdi-email-sync:before {
  content: "󱋇";
}
.mdi-email-sync-outline:before {
  content: "󱋈";
}
.mdi-email-variant:before {
  content: "󰗰";
}
.mdi-ember:before {
  content: "󰬰";
}
.mdi-emby:before {
  content: "󰚴";
}
.mdi-emoticon:before {
  content: "󰱨";
}
.mdi-emoticon-angry:before {
  content: "󰱩";
}
.mdi-emoticon-angry-outline:before {
  content: "󰱪";
}
.mdi-emoticon-confused:before {
  content: "󱃞";
}
.mdi-emoticon-confused-outline:before {
  content: "󱃟";
}
.mdi-emoticon-cool:before {
  content: "󰱫";
}
.mdi-emoticon-cool-outline:before {
  content: "󰇳";
}
.mdi-emoticon-cry:before {
  content: "󰱬";
}
.mdi-emoticon-cry-outline:before {
  content: "󰱭";
}
.mdi-emoticon-dead:before {
  content: "󰱮";
}
.mdi-emoticon-dead-outline:before {
  content: "󰚛";
}
.mdi-emoticon-devil:before {
  content: "󰱯";
}
.mdi-emoticon-devil-outline:before {
  content: "󰇴";
}
.mdi-emoticon-excited:before {
  content: "󰱰";
}
.mdi-emoticon-excited-outline:before {
  content: "󰚜";
}
.mdi-emoticon-frown:before {
  content: "󰽌";
}
.mdi-emoticon-frown-outline:before {
  content: "󰽍";
}
.mdi-emoticon-happy:before {
  content: "󰱱";
}
.mdi-emoticon-happy-outline:before {
  content: "󰇵";
}
.mdi-emoticon-kiss:before {
  content: "󰱲";
}
.mdi-emoticon-kiss-outline:before {
  content: "󰱳";
}
.mdi-emoticon-lol:before {
  content: "󱈔";
}
.mdi-emoticon-lol-outline:before {
  content: "󱈕";
}
.mdi-emoticon-minus:before {
  content: "󱲲";
}
.mdi-emoticon-minus-outline:before {
  content: "󱲳";
}
.mdi-emoticon-neutral:before {
  content: "󰱴";
}
.mdi-emoticon-neutral-outline:before {
  content: "󰇶";
}
.mdi-emoticon-outline:before {
  content: "󰇲";
}
.mdi-emoticon-plus:before {
  content: "󱲴";
}
.mdi-emoticon-plus-outline:before {
  content: "󱲵";
}
.mdi-emoticon-poop:before {
  content: "󰇷";
}
.mdi-emoticon-poop-outline:before {
  content: "󰱵";
}
.mdi-emoticon-remove:before {
  content: "󱲶";
}
.mdi-emoticon-remove-outline:before {
  content: "󱲷";
}
.mdi-emoticon-sad:before {
  content: "󰱶";
}
.mdi-emoticon-sad-outline:before {
  content: "󰇸";
}
.mdi-emoticon-sick:before {
  content: "󱕼";
}
.mdi-emoticon-sick-outline:before {
  content: "󱕽";
}
.mdi-emoticon-tongue:before {
  content: "󰇹";
}
.mdi-emoticon-tongue-outline:before {
  content: "󰱷";
}
.mdi-emoticon-wink:before {
  content: "󰱸";
}
.mdi-emoticon-wink-outline:before {
  content: "󰱹";
}
.mdi-engine:before {
  content: "󰇺";
}
.mdi-engine-off:before {
  content: "󰩆";
}
.mdi-engine-off-outline:before {
  content: "󰩇";
}
.mdi-engine-outline:before {
  content: "󰇻";
}
.mdi-epsilon:before {
  content: "󱃠";
}
.mdi-equal:before {
  content: "󰇼";
}
.mdi-equal-box:before {
  content: "󰇽";
}
.mdi-equalizer:before {
  content: "󰺢";
}
.mdi-equalizer-outline:before {
  content: "󰺣";
}
.mdi-eraser:before {
  content: "󰇾";
}
.mdi-eraser-variant:before {
  content: "󰙂";
}
.mdi-escalator:before {
  content: "󰇿";
}
.mdi-escalator-box:before {
  content: "󱎙";
}
.mdi-escalator-down:before {
  content: "󱋀";
}
.mdi-escalator-up:before {
  content: "󱊿";
}
.mdi-eslint:before {
  content: "󰱺";
}
.mdi-et:before {
  content: "󰪳";
}
.mdi-ethereum:before {
  content: "󰡪";
}
.mdi-ethernet:before {
  content: "󰈀";
}
.mdi-ethernet-cable:before {
  content: "󰈁";
}
.mdi-ethernet-cable-off:before {
  content: "󰈂";
}
.mdi-ethernet-off:before {
  content: "󱳑";
}
.mdi-ev-plug-ccs1:before {
  content: "󱔙";
}
.mdi-ev-plug-ccs2:before {
  content: "󱔚";
}
.mdi-ev-plug-chademo:before {
  content: "󱔛";
}
.mdi-ev-plug-tesla:before {
  content: "󱔜";
}
.mdi-ev-plug-type1:before {
  content: "󱔝";
}
.mdi-ev-plug-type2:before {
  content: "󱔞";
}
.mdi-ev-station:before {
  content: "󰗱";
}
.mdi-evernote:before {
  content: "󰈄";
}
.mdi-excavator:before {
  content: "󱀥";
}
.mdi-exclamation:before {
  content: "󰈅";
}
.mdi-exclamation-thick:before {
  content: "󱈸";
}
.mdi-exit-run:before {
  content: "󰩈";
}
.mdi-exit-to-app:before {
  content: "󰈆";
}
.mdi-expand-all:before {
  content: "󰪴";
}
.mdi-expand-all-outline:before {
  content: "󰪵";
}
.mdi-expansion-card:before {
  content: "󰢮";
}
.mdi-expansion-card-variant:before {
  content: "󰾲";
}
.mdi-exponent:before {
  content: "󰥣";
}
.mdi-exponent-box:before {
  content: "󰥤";
}
.mdi-export:before {
  content: "󰈇";
}
.mdi-export-variant:before {
  content: "󰮓";
}
.mdi-eye:before {
  content: "󰈈";
}
.mdi-eye-arrow-left:before {
  content: "󱣽";
}
.mdi-eye-arrow-left-outline:before {
  content: "󱣾";
}
.mdi-eye-arrow-right:before {
  content: "󱣿";
}
.mdi-eye-arrow-right-outline:before {
  content: "󱤀";
}
.mdi-eye-check:before {
  content: "󰴄";
}
.mdi-eye-check-outline:before {
  content: "󰴅";
}
.mdi-eye-circle:before {
  content: "󰮔";
}
.mdi-eye-circle-outline:before {
  content: "󰮕";
}
.mdi-eye-closed:before {
  content: "󱲣";
}
.mdi-eye-lock:before {
  content: "󱰆";
}
.mdi-eye-lock-open:before {
  content: "󱰇";
}
.mdi-eye-lock-open-outline:before {
  content: "󱰈";
}
.mdi-eye-lock-outline:before {
  content: "󱰉";
}
.mdi-eye-minus:before {
  content: "󱀦";
}
.mdi-eye-minus-outline:before {
  content: "󱀧";
}
.mdi-eye-off:before {
  content: "󰈉";
}
.mdi-eye-off-outline:before {
  content: "󰛑";
}
.mdi-eye-outline:before {
  content: "󰛐";
}
.mdi-eye-plus:before {
  content: "󰡫";
}
.mdi-eye-plus-outline:before {
  content: "󰡬";
}
.mdi-eye-refresh:before {
  content: "󱥼";
}
.mdi-eye-refresh-outline:before {
  content: "󱥽";
}
.mdi-eye-remove:before {
  content: "󱗣";
}
.mdi-eye-remove-outline:before {
  content: "󱗤";
}
.mdi-eye-settings:before {
  content: "󰡭";
}
.mdi-eye-settings-outline:before {
  content: "󰡮";
}
.mdi-eyedropper:before {
  content: "󰈊";
}
.mdi-eyedropper-minus:before {
  content: "󱏝";
}
.mdi-eyedropper-off:before {
  content: "󱏟";
}
.mdi-eyedropper-plus:before {
  content: "󱏜";
}
.mdi-eyedropper-remove:before {
  content: "󱏞";
}
.mdi-eyedropper-variant:before {
  content: "󰈋";
}
.mdi-face-agent:before {
  content: "󰵰";
}
.mdi-face-man:before {
  content: "󰙃";
}
.mdi-face-man-outline:before {
  content: "󰮖";
}
.mdi-face-man-profile:before {
  content: "󰙄";
}
.mdi-face-man-shimmer:before {
  content: "󱗌";
}
.mdi-face-man-shimmer-outline:before {
  content: "󱗍";
}
.mdi-face-mask:before {
  content: "󱖆";
}
.mdi-face-mask-outline:before {
  content: "󱖇";
}
.mdi-face-recognition:before {
  content: "󰱻";
}
.mdi-face-woman:before {
  content: "󱁷";
}
.mdi-face-woman-outline:before {
  content: "󱁸";
}
.mdi-face-woman-profile:before {
  content: "󱁶";
}
.mdi-face-woman-shimmer:before {
  content: "󱗎";
}
.mdi-face-woman-shimmer-outline:before {
  content: "󱗏";
}
.mdi-facebook:before {
  content: "󰈌";
}
.mdi-facebook-gaming:before {
  content: "󰟝";
}
.mdi-facebook-messenger:before {
  content: "󰈎";
}
.mdi-facebook-workplace:before {
  content: "󰬱";
}
.mdi-factory:before {
  content: "󰈏";
}
.mdi-family-tree:before {
  content: "󱘎";
}
.mdi-fan:before {
  content: "󰈐";
}
.mdi-fan-alert:before {
  content: "󱑬";
}
.mdi-fan-auto:before {
  content: "󱜝";
}
.mdi-fan-chevron-down:before {
  content: "󱑭";
}
.mdi-fan-chevron-up:before {
  content: "󱑮";
}
.mdi-fan-clock:before {
  content: "󱨺";
}
.mdi-fan-minus:before {
  content: "󱑰";
}
.mdi-fan-off:before {
  content: "󰠝";
}
.mdi-fan-plus:before {
  content: "󱑯";
}
.mdi-fan-remove:before {
  content: "󱑱";
}
.mdi-fan-speed-1:before {
  content: "󱑲";
}
.mdi-fan-speed-2:before {
  content: "󱑳";
}
.mdi-fan-speed-3:before {
  content: "󱑴";
}
.mdi-fast-forward:before {
  content: "󰈑";
}
.mdi-fast-forward-10:before {
  content: "󰵱";
}
.mdi-fast-forward-15:before {
  content: "󱤺";
}
.mdi-fast-forward-30:before {
  content: "󰴆";
}
.mdi-fast-forward-45:before {
  content: "󱬒";
}
.mdi-fast-forward-5:before {
  content: "󱇸";
}
.mdi-fast-forward-60:before {
  content: "󱘋";
}
.mdi-fast-forward-outline:before {
  content: "󰛒";
}
.mdi-faucet:before {
  content: "󱬩";
}
.mdi-faucet-variant:before {
  content: "󱬪";
}
.mdi-fax:before {
  content: "󰈒";
}
.mdi-feather:before {
  content: "󰛓";
}
.mdi-feature-search:before {
  content: "󰩉";
}
.mdi-feature-search-outline:before {
  content: "󰩊";
}
.mdi-fedora:before {
  content: "󰣛";
}
.mdi-fence:before {
  content: "󱞚";
}
.mdi-fence-electric:before {
  content: "󱟶";
}
.mdi-fencing:before {
  content: "󱓁";
}
.mdi-ferris-wheel:before {
  content: "󰺤";
}
.mdi-ferry:before {
  content: "󰈓";
}
.mdi-file:before {
  content: "󰈔";
}
.mdi-file-account:before {
  content: "󰜻";
}
.mdi-file-account-outline:before {
  content: "󱀨";
}
.mdi-file-alert:before {
  content: "󰩋";
}
.mdi-file-alert-outline:before {
  content: "󰩌";
}
.mdi-file-arrow-left-right:before {
  content: "󱪓";
}
.mdi-file-arrow-left-right-outline:before {
  content: "󱪔";
}
.mdi-file-arrow-up-down:before {
  content: "󱪕";
}
.mdi-file-arrow-up-down-outline:before {
  content: "󱪖";
}
.mdi-file-cabinet:before {
  content: "󰪶";
}
.mdi-file-cad:before {
  content: "󰻫";
}
.mdi-file-cad-box:before {
  content: "󰻬";
}
.mdi-file-cancel:before {
  content: "󰷆";
}
.mdi-file-cancel-outline:before {
  content: "󰷇";
}
.mdi-file-certificate:before {
  content: "󱆆";
}
.mdi-file-certificate-outline:before {
  content: "󱆇";
}
.mdi-file-chart:before {
  content: "󰈕";
}
.mdi-file-chart-check:before {
  content: "󱧆";
}
.mdi-file-chart-check-outline:before {
  content: "󱧇";
}
.mdi-file-chart-outline:before {
  content: "󱀩";
}
.mdi-file-check:before {
  content: "󰈖";
}
.mdi-file-check-outline:before {
  content: "󰸩";
}
.mdi-file-clock:before {
  content: "󱋡";
}
.mdi-file-clock-outline:before {
  content: "󱋢";
}
.mdi-file-cloud:before {
  content: "󰈗";
}
.mdi-file-cloud-outline:before {
  content: "󱀪";
}
.mdi-file-code:before {
  content: "󰈮";
}
.mdi-file-code-outline:before {
  content: "󱀫";
}
.mdi-file-cog:before {
  content: "󱁻";
}
.mdi-file-cog-outline:before {
  content: "󱁼";
}
.mdi-file-compare:before {
  content: "󰢪";
}
.mdi-file-delimited:before {
  content: "󰈘";
}
.mdi-file-delimited-outline:before {
  content: "󰺥";
}
.mdi-file-document:before {
  content: "󰈙";
}
.mdi-file-document-alert:before {
  content: "󱪗";
}
.mdi-file-document-alert-outline:before {
  content: "󱪘";
}
.mdi-file-document-arrow-right:before {
  content: "󱰏";
}
.mdi-file-document-arrow-right-outline:before {
  content: "󱰐";
}
.mdi-file-document-check:before {
  content: "󱪙";
}
.mdi-file-document-check-outline:before {
  content: "󱪚";
}
.mdi-file-document-edit:before {
  content: "󰷈";
}
.mdi-file-document-edit-outline:before {
  content: "󰷉";
}
.mdi-file-document-minus:before {
  content: "󱪛";
}
.mdi-file-document-minus-outline:before {
  content: "󱪜";
}
.mdi-file-document-multiple:before {
  content: "󱔗";
}
.mdi-file-document-multiple-outline:before {
  content: "󱔘";
}
.mdi-file-document-outline:before {
  content: "󰧮";
}
.mdi-file-document-plus:before {
  content: "󱪝";
}
.mdi-file-document-plus-outline:before {
  content: "󱪞";
}
.mdi-file-document-refresh:before {
  content: "󱱺";
}
.mdi-file-document-refresh-outline:before {
  content: "󱱻";
}
.mdi-file-document-remove:before {
  content: "󱪟";
}
.mdi-file-document-remove-outline:before {
  content: "󱪠";
}
.mdi-file-download:before {
  content: "󰥥";
}
.mdi-file-download-outline:before {
  content: "󰥦";
}
.mdi-file-edit:before {
  content: "󱇧";
}
.mdi-file-edit-outline:before {
  content: "󱇨";
}
.mdi-file-excel:before {
  content: "󰈛";
}
.mdi-file-excel-box:before {
  content: "󰈜";
}
.mdi-file-excel-box-outline:before {
  content: "󱀬";
}
.mdi-file-excel-outline:before {
  content: "󱀭";
}
.mdi-file-export:before {
  content: "󰈝";
}
.mdi-file-export-outline:before {
  content: "󱀮";
}
.mdi-file-eye:before {
  content: "󰷊";
}
.mdi-file-eye-outline:before {
  content: "󰷋";
}
.mdi-file-find:before {
  content: "󰈞";
}
.mdi-file-find-outline:before {
  content: "󰮗";
}
.mdi-file-gif-box:before {
  content: "󰵸";
}
.mdi-file-hidden:before {
  content: "󰘓";
}
.mdi-file-image:before {
  content: "󰈟";
}
.mdi-file-image-marker:before {
  content: "󱝲";
}
.mdi-file-image-marker-outline:before {
  content: "󱝳";
}
.mdi-file-image-minus:before {
  content: "󱤻";
}
.mdi-file-image-minus-outline:before {
  content: "󱤼";
}
.mdi-file-image-outline:before {
  content: "󰺰";
}
.mdi-file-image-plus:before {
  content: "󱤽";
}
.mdi-file-image-plus-outline:before {
  content: "󱤾";
}
.mdi-file-image-remove:before {
  content: "󱤿";
}
.mdi-file-image-remove-outline:before {
  content: "󱥀";
}
.mdi-file-import:before {
  content: "󰈠";
}
.mdi-file-import-outline:before {
  content: "󱀯";
}
.mdi-file-jpg-box:before {
  content: "󰈥";
}
.mdi-file-key:before {
  content: "󱆄";
}
.mdi-file-key-outline:before {
  content: "󱆅";
}
.mdi-file-link:before {
  content: "󱅷";
}
.mdi-file-link-outline:before {
  content: "󱅸";
}
.mdi-file-lock:before {
  content: "󰈡";
}
.mdi-file-lock-open:before {
  content: "󱧈";
}
.mdi-file-lock-open-outline:before {
  content: "󱧉";
}
.mdi-file-lock-outline:before {
  content: "󱀰";
}
.mdi-file-marker:before {
  content: "󱝴";
}
.mdi-file-marker-outline:before {
  content: "󱝵";
}
.mdi-file-minus:before {
  content: "󱪡";
}
.mdi-file-minus-outline:before {
  content: "󱪢";
}
.mdi-file-move:before {
  content: "󰪹";
}
.mdi-file-move-outline:before {
  content: "󱀱";
}
.mdi-file-multiple:before {
  content: "󰈢";
}
.mdi-file-multiple-outline:before {
  content: "󱀲";
}
.mdi-file-music:before {
  content: "󰈣";
}
.mdi-file-music-outline:before {
  content: "󰸪";
}
.mdi-file-outline:before {
  content: "󰈤";
}
.mdi-file-pdf-box:before {
  content: "󰈦";
}
.mdi-file-percent:before {
  content: "󰠞";
}
.mdi-file-percent-outline:before {
  content: "󱀳";
}
.mdi-file-phone:before {
  content: "󱅹";
}
.mdi-file-phone-outline:before {
  content: "󱅺";
}
.mdi-file-plus:before {
  content: "󰝒";
}
.mdi-file-plus-outline:before {
  content: "󰻭";
}
.mdi-file-png-box:before {
  content: "󰸭";
}
.mdi-file-powerpoint:before {
  content: "󰈧";
}
.mdi-file-powerpoint-box:before {
  content: "󰈨";
}
.mdi-file-powerpoint-box-outline:before {
  content: "󱀴";
}
.mdi-file-powerpoint-outline:before {
  content: "󱀵";
}
.mdi-file-presentation-box:before {
  content: "󰈩";
}
.mdi-file-question:before {
  content: "󰡯";
}
.mdi-file-question-outline:before {
  content: "󱀶";
}
.mdi-file-refresh:before {
  content: "󰤘";
}
.mdi-file-refresh-outline:before {
  content: "󰕁";
}
.mdi-file-remove:before {
  content: "󰮘";
}
.mdi-file-remove-outline:before {
  content: "󱀷";
}
.mdi-file-replace:before {
  content: "󰬲";
}
.mdi-file-replace-outline:before {
  content: "󰬳";
}
.mdi-file-restore:before {
  content: "󰙰";
}
.mdi-file-restore-outline:before {
  content: "󱀸";
}
.mdi-file-rotate-left:before {
  content: "󱨻";
}
.mdi-file-rotate-left-outline:before {
  content: "󱨼";
}
.mdi-file-rotate-right:before {
  content: "󱨽";
}
.mdi-file-rotate-right-outline:before {
  content: "󱨾";
}
.mdi-file-search:before {
  content: "󰱼";
}
.mdi-file-search-outline:before {
  content: "󰱽";
}
.mdi-file-send:before {
  content: "󰈪";
}
.mdi-file-send-outline:before {
  content: "󱀹";
}
.mdi-file-settings:before {
  content: "󱁹";
}
.mdi-file-settings-outline:before {
  content: "󱁺";
}
.mdi-file-sign:before {
  content: "󱧃";
}
.mdi-file-star:before {
  content: "󱀺";
}
.mdi-file-star-four-points:before {
  content: "󱰭";
}
.mdi-file-star-four-points-outline:before {
  content: "󱰮";
}
.mdi-file-star-outline:before {
  content: "󱀻";
}
.mdi-file-swap:before {
  content: "󰾴";
}
.mdi-file-swap-outline:before {
  content: "󰾵";
}
.mdi-file-sync:before {
  content: "󱈖";
}
.mdi-file-sync-outline:before {
  content: "󱈗";
}
.mdi-file-table:before {
  content: "󰱾";
}
.mdi-file-table-box:before {
  content: "󱃡";
}
.mdi-file-table-box-multiple:before {
  content: "󱃢";
}
.mdi-file-table-box-multiple-outline:before {
  content: "󱃣";
}
.mdi-file-table-box-outline:before {
  content: "󱃤";
}
.mdi-file-table-outline:before {
  content: "󰱿";
}
.mdi-file-tree:before {
  content: "󰙅";
}
.mdi-file-tree-outline:before {
  content: "󱏒";
}
.mdi-file-undo:before {
  content: "󰣜";
}
.mdi-file-undo-outline:before {
  content: "󱀼";
}
.mdi-file-upload:before {
  content: "󰩍";
}
.mdi-file-upload-outline:before {
  content: "󰩎";
}
.mdi-file-video:before {
  content: "󰈫";
}
.mdi-file-video-outline:before {
  content: "󰸬";
}
.mdi-file-word:before {
  content: "󰈬";
}
.mdi-file-word-box:before {
  content: "󰈭";
}
.mdi-file-word-box-outline:before {
  content: "󱀽";
}
.mdi-file-word-outline:before {
  content: "󱀾";
}
.mdi-file-xml-box:before {
  content: "󱭋";
}
.mdi-film:before {
  content: "󰈯";
}
.mdi-filmstrip:before {
  content: "󰈰";
}
.mdi-filmstrip-box:before {
  content: "󰌲";
}
.mdi-filmstrip-box-multiple:before {
  content: "󰴘";
}
.mdi-filmstrip-off:before {
  content: "󰈱";
}
.mdi-filter:before {
  content: "󰈲";
}
.mdi-filter-check:before {
  content: "󱣬";
}
.mdi-filter-check-outline:before {
  content: "󱣭";
}
.mdi-filter-cog:before {
  content: "󱪣";
}
.mdi-filter-cog-outline:before {
  content: "󱪤";
}
.mdi-filter-menu:before {
  content: "󱃥";
}
.mdi-filter-menu-outline:before {
  content: "󱃦";
}
.mdi-filter-minus:before {
  content: "󰻮";
}
.mdi-filter-minus-outline:before {
  content: "󰻯";
}
.mdi-filter-multiple:before {
  content: "󱨿";
}
.mdi-filter-multiple-outline:before {
  content: "󱩀";
}
.mdi-filter-off:before {
  content: "󱓯";
}
.mdi-filter-off-outline:before {
  content: "󱓰";
}
.mdi-filter-outline:before {
  content: "󰈳";
}
.mdi-filter-plus:before {
  content: "󰻰";
}
.mdi-filter-plus-outline:before {
  content: "󰻱";
}
.mdi-filter-remove:before {
  content: "󰈴";
}
.mdi-filter-remove-outline:before {
  content: "󰈵";
}
.mdi-filter-settings:before {
  content: "󱪥";
}
.mdi-filter-settings-outline:before {
  content: "󱪦";
}
.mdi-filter-variant:before {
  content: "󰈶";
}
.mdi-filter-variant-minus:before {
  content: "󱄒";
}
.mdi-filter-variant-plus:before {
  content: "󱄓";
}
.mdi-filter-variant-remove:before {
  content: "󱀿";
}
.mdi-finance:before {
  content: "󰠟";
}
.mdi-find-replace:before {
  content: "󰛔";
}
.mdi-fingerprint:before {
  content: "󰈷";
}
.mdi-fingerprint-off:before {
  content: "󰺱";
}
.mdi-fire:before {
  content: "󰈸";
}
.mdi-fire-alert:before {
  content: "󱗗";
}
.mdi-fire-circle:before {
  content: "󱠇";
}
.mdi-fire-extinguisher:before {
  content: "󰻲";
}
.mdi-fire-hydrant:before {
  content: "󱄷";
}
.mdi-fire-hydrant-alert:before {
  content: "󱄸";
}
.mdi-fire-hydrant-off:before {
  content: "󱄹";
}
.mdi-fire-off:before {
  content: "󱜢";
}
.mdi-fire-station:before {
  content: "󱳃";
}
.mdi-fire-truck:before {
  content: "󰢫";
}
.mdi-firebase:before {
  content: "󰥧";
}
.mdi-firefox:before {
  content: "󰈹";
}
.mdi-fireplace:before {
  content: "󰸮";
}
.mdi-fireplace-off:before {
  content: "󰸯";
}
.mdi-firewire:before {
  content: "󰖾";
}
.mdi-firework:before {
  content: "󰸰";
}
.mdi-firework-off:before {
  content: "󱜣";
}
.mdi-fish:before {
  content: "󰈺";
}
.mdi-fish-off:before {
  content: "󱏳";
}
.mdi-fishbowl:before {
  content: "󰻳";
}
.mdi-fishbowl-outline:before {
  content: "󰻴";
}
.mdi-fit-to-page:before {
  content: "󰻵";
}
.mdi-fit-to-page-outline:before {
  content: "󰻶";
}
.mdi-fit-to-screen:before {
  content: "󱣴";
}
.mdi-fit-to-screen-outline:before {
  content: "󱣵";
}
.mdi-flag:before {
  content: "󰈻";
}
.mdi-flag-checkered:before {
  content: "󰈼";
}
.mdi-flag-minus:before {
  content: "󰮙";
}
.mdi-flag-minus-outline:before {
  content: "󱂲";
}
.mdi-flag-off:before {
  content: "󱣮";
}
.mdi-flag-off-outline:before {
  content: "󱣯";
}
.mdi-flag-outline:before {
  content: "󰈽";
}
.mdi-flag-plus:before {
  content: "󰮚";
}
.mdi-flag-plus-outline:before {
  content: "󱂳";
}
.mdi-flag-remove:before {
  content: "󰮛";
}
.mdi-flag-remove-outline:before {
  content: "󱂴";
}
.mdi-flag-triangle:before {
  content: "󰈿";
}
.mdi-flag-variant:before {
  content: "󰉀";
}
.mdi-flag-variant-minus:before {
  content: "󱮴";
}
.mdi-flag-variant-minus-outline:before {
  content: "󱮵";
}
.mdi-flag-variant-off:before {
  content: "󱮰";
}
.mdi-flag-variant-off-outline:before {
  content: "󱮱";
}
.mdi-flag-variant-outline:before {
  content: "󰈾";
}
.mdi-flag-variant-plus:before {
  content: "󱮲";
}
.mdi-flag-variant-plus-outline:before {
  content: "󱮳";
}
.mdi-flag-variant-remove:before {
  content: "󱮶";
}
.mdi-flag-variant-remove-outline:before {
  content: "󱮷";
}
.mdi-flare:before {
  content: "󰵲";
}
.mdi-flash:before {
  content: "󰉁";
}
.mdi-flash-alert:before {
  content: "󰻷";
}
.mdi-flash-alert-outline:before {
  content: "󰻸";
}
.mdi-flash-auto:before {
  content: "󰉂";
}
.mdi-flash-off:before {
  content: "󰉃";
}
.mdi-flash-off-outline:before {
  content: "󱭅";
}
.mdi-flash-outline:before {
  content: "󰛕";
}
.mdi-flash-red-eye:before {
  content: "󰙻";
}
.mdi-flash-triangle:before {
  content: "󱬝";
}
.mdi-flash-triangle-outline:before {
  content: "󱬞";
}
.mdi-flashlight:before {
  content: "󰉄";
}
.mdi-flashlight-off:before {
  content: "󰉅";
}
.mdi-flask:before {
  content: "󰂓";
}
.mdi-flask-empty:before {
  content: "󰂔";
}
.mdi-flask-empty-minus:before {
  content: "󱈺";
}
.mdi-flask-empty-minus-outline:before {
  content: "󱈻";
}
.mdi-flask-empty-off:before {
  content: "󱏴";
}
.mdi-flask-empty-off-outline:before {
  content: "󱏵";
}
.mdi-flask-empty-outline:before {
  content: "󰂕";
}
.mdi-flask-empty-plus:before {
  content: "󱈼";
}
.mdi-flask-empty-plus-outline:before {
  content: "󱈽";
}
.mdi-flask-empty-remove:before {
  content: "󱈾";
}
.mdi-flask-empty-remove-outline:before {
  content: "󱈿";
}
.mdi-flask-minus:before {
  content: "󱉀";
}
.mdi-flask-minus-outline:before {
  content: "󱉁";
}
.mdi-flask-off:before {
  content: "󱏶";
}
.mdi-flask-off-outline:before {
  content: "󱏷";
}
.mdi-flask-outline:before {
  content: "󰂖";
}
.mdi-flask-plus:before {
  content: "󱉂";
}
.mdi-flask-plus-outline:before {
  content: "󱉃";
}
.mdi-flask-remove:before {
  content: "󱉄";
}
.mdi-flask-remove-outline:before {
  content: "󱉅";
}
.mdi-flask-round-bottom:before {
  content: "󱉋";
}
.mdi-flask-round-bottom-empty:before {
  content: "󱉌";
}
.mdi-flask-round-bottom-empty-outline:before {
  content: "󱉍";
}
.mdi-flask-round-bottom-outline:before {
  content: "󱉎";
}
.mdi-fleur-de-lis:before {
  content: "󱌃";
}
.mdi-flip-horizontal:before {
  content: "󱃧";
}
.mdi-flip-to-back:before {
  content: "󰉇";
}
.mdi-flip-to-front:before {
  content: "󰉈";
}
.mdi-flip-vertical:before {
  content: "󱃨";
}
.mdi-floor-lamp:before {
  content: "󰣝";
}
.mdi-floor-lamp-dual:before {
  content: "󱁀";
}
.mdi-floor-lamp-dual-outline:before {
  content: "󱟎";
}
.mdi-floor-lamp-outline:before {
  content: "󱟈";
}
.mdi-floor-lamp-torchiere:before {
  content: "󱝇";
}
.mdi-floor-lamp-torchiere-outline:before {
  content: "󱟖";
}
.mdi-floor-lamp-torchiere-variant:before {
  content: "󱁁";
}
.mdi-floor-lamp-torchiere-variant-outline:before {
  content: "󱟏";
}
.mdi-floor-plan:before {
  content: "󰠡";
}
.mdi-floppy:before {
  content: "󰉉";
}
.mdi-floppy-variant:before {
  content: "󰧯";
}
.mdi-flower:before {
  content: "󰉊";
}
.mdi-flower-outline:before {
  content: "󰧰";
}
.mdi-flower-pollen:before {
  content: "󱢅";
}
.mdi-flower-pollen-outline:before {
  content: "󱢆";
}
.mdi-flower-poppy:before {
  content: "󰴈";
}
.mdi-flower-tulip:before {
  content: "󰧱";
}
.mdi-flower-tulip-outline:before {
  content: "󰧲";
}
.mdi-focus-auto:before {
  content: "󰽎";
}
.mdi-focus-field:before {
  content: "󰽏";
}
.mdi-focus-field-horizontal:before {
  content: "󰽐";
}
.mdi-focus-field-vertical:before {
  content: "󰽑";
}
.mdi-folder:before {
  content: "󰉋";
}
.mdi-folder-account:before {
  content: "󰉌";
}
.mdi-folder-account-outline:before {
  content: "󰮜";
}
.mdi-folder-alert:before {
  content: "󰷌";
}
.mdi-folder-alert-outline:before {
  content: "󰷍";
}
.mdi-folder-arrow-down:before {
  content: "󱧨";
}
.mdi-folder-arrow-down-outline:before {
  content: "󱧩";
}
.mdi-folder-arrow-left:before {
  content: "󱧪";
}
.mdi-folder-arrow-left-outline:before {
  content: "󱧫";
}
.mdi-folder-arrow-left-right:before {
  content: "󱧬";
}
.mdi-folder-arrow-left-right-outline:before {
  content: "󱧭";
}
.mdi-folder-arrow-right:before {
  content: "󱧮";
}
.mdi-folder-arrow-right-outline:before {
  content: "󱧯";
}
.mdi-folder-arrow-up:before {
  content: "󱧰";
}
.mdi-folder-arrow-up-down:before {
  content: "󱧱";
}
.mdi-folder-arrow-up-down-outline:before {
  content: "󱧲";
}
.mdi-folder-arrow-up-outline:before {
  content: "󱧳";
}
.mdi-folder-cancel:before {
  content: "󱧴";
}
.mdi-folder-cancel-outline:before {
  content: "󱧵";
}
.mdi-folder-check:before {
  content: "󱥾";
}
.mdi-folder-check-outline:before {
  content: "󱥿";
}
.mdi-folder-clock:before {
  content: "󰪺";
}
.mdi-folder-clock-outline:before {
  content: "󰪻";
}
.mdi-folder-cog:before {
  content: "󱁿";
}
.mdi-folder-cog-outline:before {
  content: "󱂀";
}
.mdi-folder-download:before {
  content: "󰉍";
}
.mdi-folder-download-outline:before {
  content: "󱃩";
}
.mdi-folder-edit:before {
  content: "󰣞";
}
.mdi-folder-edit-outline:before {
  content: "󰷎";
}
.mdi-folder-eye:before {
  content: "󱞊";
}
.mdi-folder-eye-outline:before {
  content: "󱞋";
}
.mdi-folder-file:before {
  content: "󱧶";
}
.mdi-folder-file-outline:before {
  content: "󱧷";
}
.mdi-folder-google-drive:before {
  content: "󰉎";
}
.mdi-folder-heart:before {
  content: "󱃪";
}
.mdi-folder-heart-outline:before {
  content: "󱃫";
}
.mdi-folder-hidden:before {
  content: "󱞞";
}
.mdi-folder-home:before {
  content: "󱂵";
}
.mdi-folder-home-outline:before {
  content: "󱂶";
}
.mdi-folder-image:before {
  content: "󰉏";
}
.mdi-folder-information:before {
  content: "󱂷";
}
.mdi-folder-information-outline:before {
  content: "󱂸";
}
.mdi-folder-key:before {
  content: "󰢬";
}
.mdi-folder-key-network:before {
  content: "󰢭";
}
.mdi-folder-key-network-outline:before {
  content: "󰲀";
}
.mdi-folder-key-outline:before {
  content: "󱃬";
}
.mdi-folder-lock:before {
  content: "󰉐";
}
.mdi-folder-lock-open:before {
  content: "󰉑";
}
.mdi-folder-lock-open-outline:before {
  content: "󱪧";
}
.mdi-folder-lock-outline:before {
  content: "󱪨";
}
.mdi-folder-marker:before {
  content: "󱉭";
}
.mdi-folder-marker-outline:before {
  content: "󱉮";
}
.mdi-folder-minus:before {
  content: "󱭉";
}
.mdi-folder-minus-outline:before {
  content: "󱭊";
}
.mdi-folder-move:before {
  content: "󰉒";
}
.mdi-folder-move-outline:before {
  content: "󱉆";
}
.mdi-folder-multiple:before {
  content: "󰉓";
}
.mdi-folder-multiple-image:before {
  content: "󰉔";
}
.mdi-folder-multiple-outline:before {
  content: "󰉕";
}
.mdi-folder-multiple-plus:before {
  content: "󱑾";
}
.mdi-folder-multiple-plus-outline:before {
  content: "󱑿";
}
.mdi-folder-music:before {
  content: "󱍙";
}
.mdi-folder-music-outline:before {
  content: "󱍚";
}
.mdi-folder-network:before {
  content: "󰡰";
}
.mdi-folder-network-outline:before {
  content: "󰲁";
}
.mdi-folder-off:before {
  content: "󱧸";
}
.mdi-folder-off-outline:before {
  content: "󱧹";
}
.mdi-folder-open:before {
  content: "󰝰";
}
.mdi-folder-open-outline:before {
  content: "󰷏";
}
.mdi-folder-outline:before {
  content: "󰉖";
}
.mdi-folder-play:before {
  content: "󱧺";
}
.mdi-folder-play-outline:before {
  content: "󱧻";
}
.mdi-folder-plus:before {
  content: "󰉗";
}
.mdi-folder-plus-outline:before {
  content: "󰮝";
}
.mdi-folder-pound:before {
  content: "󰴉";
}
.mdi-folder-pound-outline:before {
  content: "󰴊";
}
.mdi-folder-question:before {
  content: "󱧊";
}
.mdi-folder-question-outline:before {
  content: "󱧋";
}
.mdi-folder-refresh:before {
  content: "󰝉";
}
.mdi-folder-refresh-outline:before {
  content: "󰕂";
}
.mdi-folder-remove:before {
  content: "󰉘";
}
.mdi-folder-remove-outline:before {
  content: "󰮞";
}
.mdi-folder-search:before {
  content: "󰥨";
}
.mdi-folder-search-outline:before {
  content: "󰥩";
}
.mdi-folder-settings:before {
  content: "󱁽";
}
.mdi-folder-settings-outline:before {
  content: "󱁾";
}
.mdi-folder-star:before {
  content: "󰚝";
}
.mdi-folder-star-multiple:before {
  content: "󱏓";
}
.mdi-folder-star-multiple-outline:before {
  content: "󱏔";
}
.mdi-folder-star-outline:before {
  content: "󰮟";
}
.mdi-folder-swap:before {
  content: "󰾶";
}
.mdi-folder-swap-outline:before {
  content: "󰾷";
}
.mdi-folder-sync:before {
  content: "󰴋";
}
.mdi-folder-sync-outline:before {
  content: "󰴌";
}
.mdi-folder-table:before {
  content: "󱋣";
}
.mdi-folder-table-outline:before {
  content: "󱋤";
}
.mdi-folder-text:before {
  content: "󰲂";
}
.mdi-folder-text-outline:before {
  content: "󰲃";
}
.mdi-folder-upload:before {
  content: "󰉙";
}
.mdi-folder-upload-outline:before {
  content: "󱃭";
}
.mdi-folder-wrench:before {
  content: "󱧼";
}
.mdi-folder-wrench-outline:before {
  content: "󱧽";
}
.mdi-folder-zip:before {
  content: "󰛫";
}
.mdi-folder-zip-outline:before {
  content: "󰞹";
}
.mdi-font-awesome:before {
  content: "󰀺";
}
.mdi-food:before {
  content: "󰉚";
}
.mdi-food-apple:before {
  content: "󰉛";
}
.mdi-food-apple-outline:before {
  content: "󰲄";
}
.mdi-food-croissant:before {
  content: "󰟈";
}
.mdi-food-drumstick:before {
  content: "󱐟";
}
.mdi-food-drumstick-off:before {
  content: "󱑨";
}
.mdi-food-drumstick-off-outline:before {
  content: "󱑩";
}
.mdi-food-drumstick-outline:before {
  content: "󱐠";
}
.mdi-food-fork-drink:before {
  content: "󰗲";
}
.mdi-food-halal:before {
  content: "󱕲";
}
.mdi-food-hot-dog:before {
  content: "󱡋";
}
.mdi-food-kosher:before {
  content: "󱕳";
}
.mdi-food-off:before {
  content: "󰗳";
}
.mdi-food-off-outline:before {
  content: "󱤕";
}
.mdi-food-outline:before {
  content: "󱤖";
}
.mdi-food-steak:before {
  content: "󱑪";
}
.mdi-food-steak-off:before {
  content: "󱑫";
}
.mdi-food-takeout-box:before {
  content: "󱠶";
}
.mdi-food-takeout-box-outline:before {
  content: "󱠷";
}
.mdi-food-turkey:before {
  content: "󱜜";
}
.mdi-food-variant:before {
  content: "󰉜";
}
.mdi-food-variant-off:before {
  content: "󱏥";
}
.mdi-foot-print:before {
  content: "󰽒";
}
.mdi-football:before {
  content: "󰉝";
}
.mdi-football-australian:before {
  content: "󰉞";
}
.mdi-football-helmet:before {
  content: "󰉟";
}
.mdi-forest:before {
  content: "󱢗";
}
.mdi-forest-outline:before {
  content: "󱱣";
}
.mdi-forklift:before {
  content: "󰟉";
}
.mdi-form-dropdown:before {
  content: "󱐀";
}
.mdi-form-select:before {
  content: "󱐁";
}
.mdi-form-textarea:before {
  content: "󱂕";
}
.mdi-form-textbox:before {
  content: "󰘎";
}
.mdi-form-textbox-lock:before {
  content: "󱍝";
}
.mdi-form-textbox-password:before {
  content: "󰟵";
}
.mdi-format-align-bottom:before {
  content: "󰝓";
}
.mdi-format-align-center:before {
  content: "󰉠";
}
.mdi-format-align-justify:before {
  content: "󰉡";
}
.mdi-format-align-left:before {
  content: "󰉢";
}
.mdi-format-align-middle:before {
  content: "󰝔";
}
.mdi-format-align-right:before {
  content: "󰉣";
}
.mdi-format-align-top:before {
  content: "󰝕";
}
.mdi-format-annotation-minus:before {
  content: "󰪼";
}
.mdi-format-annotation-plus:before {
  content: "󰙆";
}
.mdi-format-bold:before {
  content: "󰉤";
}
.mdi-format-clear:before {
  content: "󰉥";
}
.mdi-format-color-fill:before {
  content: "󰉦";
}
.mdi-format-color-highlight:before {
  content: "󰸱";
}
.mdi-format-color-marker-cancel:before {
  content: "󱌓";
}
.mdi-format-color-text:before {
  content: "󰚞";
}
.mdi-format-columns:before {
  content: "󰣟";
}
.mdi-format-float-center:before {
  content: "󰉧";
}
.mdi-format-float-left:before {
  content: "󰉨";
}
.mdi-format-float-none:before {
  content: "󰉩";
}
.mdi-format-float-right:before {
  content: "󰉪";
}
.mdi-format-font:before {
  content: "󰛖";
}
.mdi-format-font-size-decrease:before {
  content: "󰧳";
}
.mdi-format-font-size-increase:before {
  content: "󰧴";
}
.mdi-format-header-1:before {
  content: "󰉫";
}
.mdi-format-header-2:before {
  content: "󰉬";
}
.mdi-format-header-3:before {
  content: "󰉭";
}
.mdi-format-header-4:before {
  content: "󰉮";
}
.mdi-format-header-5:before {
  content: "󰉯";
}
.mdi-format-header-6:before {
  content: "󰉰";
}
.mdi-format-header-decrease:before {
  content: "󰉱";
}
.mdi-format-header-equal:before {
  content: "󰉲";
}
.mdi-format-header-increase:before {
  content: "󰉳";
}
.mdi-format-header-pound:before {
  content: "󰉴";
}
.mdi-format-horizontal-align-center:before {
  content: "󰘞";
}
.mdi-format-horizontal-align-left:before {
  content: "󰘟";
}
.mdi-format-horizontal-align-right:before {
  content: "󰘠";
}
.mdi-format-indent-decrease:before {
  content: "󰉵";
}
.mdi-format-indent-increase:before {
  content: "󰉶";
}
.mdi-format-italic:before {
  content: "󰉷";
}
.mdi-format-letter-case:before {
  content: "󰬴";
}
.mdi-format-letter-case-lower:before {
  content: "󰬵";
}
.mdi-format-letter-case-upper:before {
  content: "󰬶";
}
.mdi-format-letter-ends-with:before {
  content: "󰾸";
}
.mdi-format-letter-matches:before {
  content: "󰾹";
}
.mdi-format-letter-spacing:before {
  content: "󱥖";
}
.mdi-format-letter-spacing-variant:before {
  content: "󱫻";
}
.mdi-format-letter-starts-with:before {
  content: "󰾺";
}
.mdi-format-line-height:before {
  content: "󱫼";
}
.mdi-format-line-spacing:before {
  content: "󰉸";
}
.mdi-format-line-style:before {
  content: "󰗈";
}
.mdi-format-line-weight:before {
  content: "󰗉";
}
.mdi-format-list-bulleted:before {
  content: "󰉹";
}
.mdi-format-list-bulleted-square:before {
  content: "󰷐";
}
.mdi-format-list-bulleted-triangle:before {
  content: "󰺲";
}
.mdi-format-list-bulleted-type:before {
  content: "󰉺";
}
.mdi-format-list-checkbox:before {
  content: "󰥪";
}
.mdi-format-list-checks:before {
  content: "󰝖";
}
.mdi-format-list-group:before {
  content: "󱡠";
}
.mdi-format-list-group-plus:before {
  content: "󱭖";
}
.mdi-format-list-numbered:before {
  content: "󰉻";
}
.mdi-format-list-numbered-rtl:before {
  content: "󰴍";
}
.mdi-format-list-text:before {
  content: "󱉯";
}
.mdi-format-overline:before {
  content: "󰺳";
}
.mdi-format-page-break:before {
  content: "󰛗";
}
.mdi-format-page-split:before {
  content: "󱤗";
}
.mdi-format-paint:before {
  content: "󰉼";
}
.mdi-format-paragraph:before {
  content: "󰉽";
}
.mdi-format-paragraph-spacing:before {
  content: "󱫽";
}
.mdi-format-pilcrow:before {
  content: "󰛘";
}
.mdi-format-pilcrow-arrow-left:before {
  content: "󰊆";
}
.mdi-format-pilcrow-arrow-right:before {
  content: "󰊅";
}
.mdi-format-quote-close:before {
  content: "󰉾";
}
.mdi-format-quote-close-outline:before {
  content: "󱆨";
}
.mdi-format-quote-open:before {
  content: "󰝗";
}
.mdi-format-quote-open-outline:before {
  content: "󱆧";
}
.mdi-format-rotate-90:before {
  content: "󰚪";
}
.mdi-format-section:before {
  content: "󰚟";
}
.mdi-format-size:before {
  content: "󰉿";
}
.mdi-format-strikethrough:before {
  content: "󰊀";
}
.mdi-format-strikethrough-variant:before {
  content: "󰊁";
}
.mdi-format-subscript:before {
  content: "󰊂";
}
.mdi-format-superscript:before {
  content: "󰊃";
}
.mdi-format-text:before {
  content: "󰊄";
}
.mdi-format-text-rotation-angle-down:before {
  content: "󰾻";
}
.mdi-format-text-rotation-angle-up:before {
  content: "󰾼";
}
.mdi-format-text-rotation-down:before {
  content: "󰵳";
}
.mdi-format-text-rotation-down-vertical:before {
  content: "󰾽";
}
.mdi-format-text-rotation-none:before {
  content: "󰵴";
}
.mdi-format-text-rotation-up:before {
  content: "󰾾";
}
.mdi-format-text-rotation-vertical:before {
  content: "󰾿";
}
.mdi-format-text-variant:before {
  content: "󰸲";
}
.mdi-format-text-variant-outline:before {
  content: "󱔏";
}
.mdi-format-text-wrapping-clip:before {
  content: "󰴎";
}
.mdi-format-text-wrapping-overflow:before {
  content: "󰴏";
}
.mdi-format-text-wrapping-wrap:before {
  content: "󰴐";
}
.mdi-format-textbox:before {
  content: "󰴑";
}
.mdi-format-title:before {
  content: "󰗴";
}
.mdi-format-underline:before {
  content: "󰊇";
}
.mdi-format-underline-wavy:before {
  content: "󱣩";
}
.mdi-format-vertical-align-bottom:before {
  content: "󰘡";
}
.mdi-format-vertical-align-center:before {
  content: "󰘢";
}
.mdi-format-vertical-align-top:before {
  content: "󰘣";
}
.mdi-format-wrap-inline:before {
  content: "󰊈";
}
.mdi-format-wrap-square:before {
  content: "󰊉";
}
.mdi-format-wrap-tight:before {
  content: "󰊊";
}
.mdi-format-wrap-top-bottom:before {
  content: "󰊋";
}
.mdi-forum:before {
  content: "󰊌";
}
.mdi-forum-minus:before {
  content: "󱪩";
}
.mdi-forum-minus-outline:before {
  content: "󱪪";
}
.mdi-forum-outline:before {
  content: "󰠢";
}
.mdi-forum-plus:before {
  content: "󱪫";
}
.mdi-forum-plus-outline:before {
  content: "󱪬";
}
.mdi-forum-remove:before {
  content: "󱪭";
}
.mdi-forum-remove-outline:before {
  content: "󱪮";
}
.mdi-forward:before {
  content: "󰊍";
}
.mdi-forwardburger:before {
  content: "󰵵";
}
.mdi-fountain:before {
  content: "󰥫";
}
.mdi-fountain-pen:before {
  content: "󰴒";
}
.mdi-fountain-pen-tip:before {
  content: "󰴓";
}
.mdi-fraction-one-half:before {
  content: "󱦒";
}
.mdi-freebsd:before {
  content: "󰣠";
}
.mdi-french-fries:before {
  content: "󱥗";
}
.mdi-frequently-asked-questions:before {
  content: "󰺴";
}
.mdi-fridge:before {
  content: "󰊐";
}
.mdi-fridge-alert:before {
  content: "󱆱";
}
.mdi-fridge-alert-outline:before {
  content: "󱆲";
}
.mdi-fridge-bottom:before {
  content: "󰊒";
}
.mdi-fridge-industrial:before {
  content: "󱗮";
}
.mdi-fridge-industrial-alert:before {
  content: "󱗯";
}
.mdi-fridge-industrial-alert-outline:before {
  content: "󱗰";
}
.mdi-fridge-industrial-off:before {
  content: "󱗱";
}
.mdi-fridge-industrial-off-outline:before {
  content: "󱗲";
}
.mdi-fridge-industrial-outline:before {
  content: "󱗳";
}
.mdi-fridge-off:before {
  content: "󱆯";
}
.mdi-fridge-off-outline:before {
  content: "󱆰";
}
.mdi-fridge-outline:before {
  content: "󰊏";
}
.mdi-fridge-top:before {
  content: "󰊑";
}
.mdi-fridge-variant:before {
  content: "󱗴";
}
.mdi-fridge-variant-alert:before {
  content: "󱗵";
}
.mdi-fridge-variant-alert-outline:before {
  content: "󱗶";
}
.mdi-fridge-variant-off:before {
  content: "󱗷";
}
.mdi-fridge-variant-off-outline:before {
  content: "󱗸";
}
.mdi-fridge-variant-outline:before {
  content: "󱗹";
}
.mdi-fruit-cherries:before {
  content: "󱁂";
}
.mdi-fruit-cherries-off:before {
  content: "󱏸";
}
.mdi-fruit-citrus:before {
  content: "󱁃";
}
.mdi-fruit-citrus-off:before {
  content: "󱏹";
}
.mdi-fruit-grapes:before {
  content: "󱁄";
}
.mdi-fruit-grapes-outline:before {
  content: "󱁅";
}
.mdi-fruit-pear:before {
  content: "󱨎";
}
.mdi-fruit-pineapple:before {
  content: "󱁆";
}
.mdi-fruit-watermelon:before {
  content: "󱁇";
}
.mdi-fuel:before {
  content: "󰟊";
}
.mdi-fuel-cell:before {
  content: "󱢵";
}
.mdi-fullscreen:before {
  content: "󰊓";
}
.mdi-fullscreen-exit:before {
  content: "󰊔";
}
.mdi-function:before {
  content: "󰊕";
}
.mdi-function-variant:before {
  content: "󰡱";
}
.mdi-furigana-horizontal:before {
  content: "󱂁";
}
.mdi-furigana-vertical:before {
  content: "󱂂";
}
.mdi-fuse:before {
  content: "󰲅";
}
.mdi-fuse-alert:before {
  content: "󱐭";
}
.mdi-fuse-blade:before {
  content: "󰲆";
}
.mdi-fuse-off:before {
  content: "󱐬";
}
.mdi-gamepad:before {
  content: "󰊖";
}
.mdi-gamepad-circle:before {
  content: "󰸳";
}
.mdi-gamepad-circle-down:before {
  content: "󰸴";
}
.mdi-gamepad-circle-left:before {
  content: "󰸵";
}
.mdi-gamepad-circle-outline:before {
  content: "󰸶";
}
.mdi-gamepad-circle-right:before {
  content: "󰸷";
}
.mdi-gamepad-circle-up:before {
  content: "󰸸";
}
.mdi-gamepad-down:before {
  content: "󰸹";
}
.mdi-gamepad-left:before {
  content: "󰸺";
}
.mdi-gamepad-outline:before {
  content: "󱤙";
}
.mdi-gamepad-right:before {
  content: "󰸻";
}
.mdi-gamepad-round:before {
  content: "󰸼";
}
.mdi-gamepad-round-down:before {
  content: "󰸽";
}
.mdi-gamepad-round-left:before {
  content: "󰸾";
}
.mdi-gamepad-round-outline:before {
  content: "󰸿";
}
.mdi-gamepad-round-right:before {
  content: "󰹀";
}
.mdi-gamepad-round-up:before {
  content: "󰹁";
}
.mdi-gamepad-square:before {
  content: "󰺵";
}
.mdi-gamepad-square-outline:before {
  content: "󰺶";
}
.mdi-gamepad-up:before {
  content: "󰹂";
}
.mdi-gamepad-variant:before {
  content: "󰊗";
}
.mdi-gamepad-variant-outline:before {
  content: "󰺷";
}
.mdi-gamma:before {
  content: "󱃮";
}
.mdi-gantry-crane:before {
  content: "󰷑";
}
.mdi-garage:before {
  content: "󰛙";
}
.mdi-garage-alert:before {
  content: "󰡲";
}
.mdi-garage-alert-variant:before {
  content: "󱋕";
}
.mdi-garage-lock:before {
  content: "󱟻";
}
.mdi-garage-open:before {
  content: "󰛚";
}
.mdi-garage-open-variant:before {
  content: "󱋔";
}
.mdi-garage-variant:before {
  content: "󱋓";
}
.mdi-garage-variant-lock:before {
  content: "󱟼";
}
.mdi-gas-burner:before {
  content: "󱨛";
}
.mdi-gas-cylinder:before {
  content: "󰙇";
}
.mdi-gas-station:before {
  content: "󰊘";
}
.mdi-gas-station-in-use:before {
  content: "󱳄";
}
.mdi-gas-station-in-use-outline:before {
  content: "󱳅";
}
.mdi-gas-station-off:before {
  content: "󱐉";
}
.mdi-gas-station-off-outline:before {
  content: "󱐊";
}
.mdi-gas-station-outline:before {
  content: "󰺸";
}
.mdi-gate:before {
  content: "󰊙";
}
.mdi-gate-alert:before {
  content: "󱟸";
}
.mdi-gate-and:before {
  content: "󰣡";
}
.mdi-gate-arrow-left:before {
  content: "󱟷";
}
.mdi-gate-arrow-right:before {
  content: "󱅩";
}
.mdi-gate-buffer:before {
  content: "󱫾";
}
.mdi-gate-nand:before {
  content: "󰣢";
}
.mdi-gate-nor:before {
  content: "󰣣";
}
.mdi-gate-not:before {
  content: "󰣤";
}
.mdi-gate-open:before {
  content: "󱅪";
}
.mdi-gate-or:before {
  content: "󰣥";
}
.mdi-gate-xnor:before {
  content: "󰣦";
}
.mdi-gate-xor:before {
  content: "󰣧";
}
.mdi-gatsby:before {
  content: "󰹃";
}
.mdi-gauge:before {
  content: "󰊚";
}
.mdi-gauge-empty:before {
  content: "󰡳";
}
.mdi-gauge-full:before {
  content: "󰡴";
}
.mdi-gauge-low:before {
  content: "󰡵";
}
.mdi-gavel:before {
  content: "󰊛";
}
.mdi-gender-female:before {
  content: "󰊜";
}
.mdi-gender-male:before {
  content: "󰊝";
}
.mdi-gender-male-female:before {
  content: "󰊞";
}
.mdi-gender-male-female-variant:before {
  content: "󱄿";
}
.mdi-gender-non-binary:before {
  content: "󱅀";
}
.mdi-gender-transgender:before {
  content: "󰊟";
}
.mdi-generator-mobile:before {
  content: "󱲊";
}
.mdi-generator-portable:before {
  content: "󱲋";
}
.mdi-generator-stationary:before {
  content: "󱲌";
}
.mdi-gentoo:before {
  content: "󰣨";
}
.mdi-gesture:before {
  content: "󰟋";
}
.mdi-gesture-double-tap:before {
  content: "󰜼";
}
.mdi-gesture-pinch:before {
  content: "󰪽";
}
.mdi-gesture-spread:before {
  content: "󰪾";
}
.mdi-gesture-swipe:before {
  content: "󰵶";
}
.mdi-gesture-swipe-down:before {
  content: "󰜽";
}
.mdi-gesture-swipe-horizontal:before {
  content: "󰪿";
}
.mdi-gesture-swipe-left:before {
  content: "󰜾";
}
.mdi-gesture-swipe-right:before {
  content: "󰜿";
}
.mdi-gesture-swipe-up:before {
  content: "󰝀";
}
.mdi-gesture-swipe-vertical:before {
  content: "󰫀";
}
.mdi-gesture-tap:before {
  content: "󰝁";
}
.mdi-gesture-tap-box:before {
  content: "󱊩";
}
.mdi-gesture-tap-button:before {
  content: "󱊨";
}
.mdi-gesture-tap-hold:before {
  content: "󰵷";
}
.mdi-gesture-two-double-tap:before {
  content: "󰝂";
}
.mdi-gesture-two-tap:before {
  content: "󰝃";
}
.mdi-ghost:before {
  content: "󰊠";
}
.mdi-ghost-off:before {
  content: "󰧵";
}
.mdi-ghost-off-outline:before {
  content: "󱙜";
}
.mdi-ghost-outline:before {
  content: "󱙝";
}
.mdi-gift:before {
  content: "󰹄";
}
.mdi-gift-off:before {
  content: "󱛯";
}
.mdi-gift-off-outline:before {
  content: "󱛰";
}
.mdi-gift-open:before {
  content: "󱛱";
}
.mdi-gift-open-outline:before {
  content: "󱛲";
}
.mdi-gift-outline:before {
  content: "󰊡";
}
.mdi-git:before {
  content: "󰊢";
}
.mdi-github:before {
  content: "󰊤";
}
.mdi-gitlab:before {
  content: "󰮠";
}
.mdi-glass-cocktail:before {
  content: "󰍖";
}
.mdi-glass-cocktail-off:before {
  content: "󱗦";
}
.mdi-glass-flute:before {
  content: "󰊥";
}
.mdi-glass-fragile:before {
  content: "󱡳";
}
.mdi-glass-mug:before {
  content: "󰊦";
}
.mdi-glass-mug-off:before {
  content: "󱗧";
}
.mdi-glass-mug-variant:before {
  content: "󱄖";
}
.mdi-glass-mug-variant-off:before {
  content: "󱗨";
}
.mdi-glass-pint-outline:before {
  content: "󱌍";
}
.mdi-glass-stange:before {
  content: "󰊧";
}
.mdi-glass-tulip:before {
  content: "󰊨";
}
.mdi-glass-wine:before {
  content: "󰡶";
}
.mdi-glasses:before {
  content: "󰊪";
}
.mdi-globe-light:before {
  content: "󰙯";
}
.mdi-globe-light-outline:before {
  content: "󱋗";
}
.mdi-globe-model:before {
  content: "󰣩";
}
.mdi-gmail:before {
  content: "󰊫";
}
.mdi-gnome:before {
  content: "󰊬";
}
.mdi-go-kart:before {
  content: "󰵹";
}
.mdi-go-kart-track:before {
  content: "󰵺";
}
.mdi-gog:before {
  content: "󰮡";
}
.mdi-gold:before {
  content: "󱉏";
}
.mdi-golf:before {
  content: "󰠣";
}
.mdi-golf-cart:before {
  content: "󱆤";
}
.mdi-golf-tee:before {
  content: "󱂃";
}
.mdi-gondola:before {
  content: "󰚆";
}
.mdi-goodreads:before {
  content: "󰵻";
}
.mdi-google:before {
  content: "󰊭";
}
.mdi-google-ads:before {
  content: "󰲇";
}
.mdi-google-analytics:before {
  content: "󰟌";
}
.mdi-google-assistant:before {
  content: "󰟍";
}
.mdi-google-cardboard:before {
  content: "󰊮";
}
.mdi-google-chrome:before {
  content: "󰊯";
}
.mdi-google-circles:before {
  content: "󰊰";
}
.mdi-google-circles-communities:before {
  content: "󰊱";
}
.mdi-google-circles-extended:before {
  content: "󰊲";
}
.mdi-google-circles-group:before {
  content: "󰊳";
}
.mdi-google-classroom:before {
  content: "󰋀";
}
.mdi-google-cloud:before {
  content: "󱇶";
}
.mdi-google-downasaur:before {
  content: "󱍢";
}
.mdi-google-drive:before {
  content: "󰊶";
}
.mdi-google-earth:before {
  content: "󰊷";
}
.mdi-google-fit:before {
  content: "󰥬";
}
.mdi-google-glass:before {
  content: "󰊸";
}
.mdi-google-hangouts:before {
  content: "󰋉";
}
.mdi-google-keep:before {
  content: "󰛜";
}
.mdi-google-lens:before {
  content: "󰧶";
}
.mdi-google-maps:before {
  content: "󰗵";
}
.mdi-google-my-business:before {
  content: "󱁈";
}
.mdi-google-nearby:before {
  content: "󰊹";
}
.mdi-google-play:before {
  content: "󰊼";
}
.mdi-google-plus:before {
  content: "󰊽";
}
.mdi-google-podcast:before {
  content: "󰺹";
}
.mdi-google-spreadsheet:before {
  content: "󰧷";
}
.mdi-google-street-view:before {
  content: "󰲈";
}
.mdi-google-translate:before {
  content: "󰊿";
}
.mdi-gradient-horizontal:before {
  content: "󱝊";
}
.mdi-gradient-vertical:before {
  content: "󰚠";
}
.mdi-grain:before {
  content: "󰵼";
}
.mdi-graph:before {
  content: "󱁉";
}
.mdi-graph-outline:before {
  content: "󱁊";
}
.mdi-graphql:before {
  content: "󰡷";
}
.mdi-grass:before {
  content: "󱔐";
}
.mdi-grave-stone:before {
  content: "󰮢";
}
.mdi-grease-pencil:before {
  content: "󰙈";
}
.mdi-greater-than:before {
  content: "󰥭";
}
.mdi-greater-than-or-equal:before {
  content: "󰥮";
}
.mdi-greenhouse:before {
  content: "󰀭";
}
.mdi-grid:before {
  content: "󰋁";
}
.mdi-grid-large:before {
  content: "󰝘";
}
.mdi-grid-off:before {
  content: "󰋂";
}
.mdi-grill:before {
  content: "󰹅";
}
.mdi-grill-outline:before {
  content: "󱆊";
}
.mdi-group:before {
  content: "󰋃";
}
.mdi-guitar-acoustic:before {
  content: "󰝱";
}
.mdi-guitar-electric:before {
  content: "󰋄";
}
.mdi-guitar-pick:before {
  content: "󰋅";
}
.mdi-guitar-pick-outline:before {
  content: "󰋆";
}
.mdi-guy-fawkes-mask:before {
  content: "󰠥";
}
.mdi-gymnastics:before {
  content: "󱩁";
}
.mdi-hail:before {
  content: "󰫁";
}
.mdi-hair-dryer:before {
  content: "󱃯";
}
.mdi-hair-dryer-outline:before {
  content: "󱃰";
}
.mdi-halloween:before {
  content: "󰮣";
}
.mdi-hamburger:before {
  content: "󰚅";
}
.mdi-hamburger-check:before {
  content: "󱝶";
}
.mdi-hamburger-minus:before {
  content: "󱝷";
}
.mdi-hamburger-off:before {
  content: "󱝸";
}
.mdi-hamburger-plus:before {
  content: "󱝹";
}
.mdi-hamburger-remove:before {
  content: "󱝺";
}
.mdi-hammer:before {
  content: "󰣪";
}
.mdi-hammer-screwdriver:before {
  content: "󱌢";
}
.mdi-hammer-sickle:before {
  content: "󱢇";
}
.mdi-hammer-wrench:before {
  content: "󱌣";
}
.mdi-hand-back-left:before {
  content: "󰹆";
}
.mdi-hand-back-left-off:before {
  content: "󱠰";
}
.mdi-hand-back-left-off-outline:before {
  content: "󱠲";
}
.mdi-hand-back-left-outline:before {
  content: "󱠬";
}
.mdi-hand-back-right:before {
  content: "󰹇";
}
.mdi-hand-back-right-off:before {
  content: "󱠱";
}
.mdi-hand-back-right-off-outline:before {
  content: "󱠳";
}
.mdi-hand-back-right-outline:before {
  content: "󱠭";
}
.mdi-hand-clap:before {
  content: "󱥋";
}
.mdi-hand-clap-off:before {
  content: "󱩂";
}
.mdi-hand-coin:before {
  content: "󱢏";
}
.mdi-hand-coin-outline:before {
  content: "󱢐";
}
.mdi-hand-cycle:before {
  content: "󱮜";
}
.mdi-hand-extended:before {
  content: "󱢶";
}
.mdi-hand-extended-outline:before {
  content: "󱢷";
}
.mdi-hand-front-left:before {
  content: "󱠫";
}
.mdi-hand-front-left-outline:before {
  content: "󱠮";
}
.mdi-hand-front-right:before {
  content: "󰩏";
}
.mdi-hand-front-right-outline:before {
  content: "󱠯";
}
.mdi-hand-heart:before {
  content: "󱃱";
}
.mdi-hand-heart-outline:before {
  content: "󱕾";
}
.mdi-hand-okay:before {
  content: "󰩐";
}
.mdi-hand-peace:before {
  content: "󰩑";
}
.mdi-hand-peace-variant:before {
  content: "󰩒";
}
.mdi-hand-pointing-down:before {
  content: "󰩓";
}
.mdi-hand-pointing-left:before {
  content: "󰩔";
}
.mdi-hand-pointing-right:before {
  content: "󰋇";
}
.mdi-hand-pointing-up:before {
  content: "󰩕";
}
.mdi-hand-saw:before {
  content: "󰹈";
}
.mdi-hand-wash:before {
  content: "󱕿";
}
.mdi-hand-wash-outline:before {
  content: "󱖀";
}
.mdi-hand-water:before {
  content: "󱎟";
}
.mdi-hand-wave:before {
  content: "󱠡";
}
.mdi-hand-wave-outline:before {
  content: "󱠢";
}
.mdi-handball:before {
  content: "󰽓";
}
.mdi-handcuffs:before {
  content: "󱄾";
}
.mdi-hands-pray:before {
  content: "󰕹";
}
.mdi-handshake:before {
  content: "󱈘";
}
.mdi-handshake-outline:before {
  content: "󱖡";
}
.mdi-hanger:before {
  content: "󰋈";
}
.mdi-hard-hat:before {
  content: "󰥯";
}
.mdi-harddisk:before {
  content: "󰋊";
}
.mdi-harddisk-plus:before {
  content: "󱁋";
}
.mdi-harddisk-remove:before {
  content: "󱁌";
}
.mdi-hat-fedora:before {
  content: "󰮤";
}
.mdi-hazard-lights:before {
  content: "󰲉";
}
.mdi-hdmi-port:before {
  content: "󱮸";
}
.mdi-hdr:before {
  content: "󰵽";
}
.mdi-hdr-off:before {
  content: "󰵾";
}
.mdi-head:before {
  content: "󱍞";
}
.mdi-head-alert:before {
  content: "󱌸";
}
.mdi-head-alert-outline:before {
  content: "󱌹";
}
.mdi-head-check:before {
  content: "󱌺";
}
.mdi-head-check-outline:before {
  content: "󱌻";
}
.mdi-head-cog:before {
  content: "󱌼";
}
.mdi-head-cog-outline:before {
  content: "󱌽";
}
.mdi-head-dots-horizontal:before {
  content: "󱌾";
}
.mdi-head-dots-horizontal-outline:before {
  content: "󱌿";
}
.mdi-head-flash:before {
  content: "󱍀";
}
.mdi-head-flash-outline:before {
  content: "󱍁";
}
.mdi-head-heart:before {
  content: "󱍂";
}
.mdi-head-heart-outline:before {
  content: "󱍃";
}
.mdi-head-lightbulb:before {
  content: "󱍄";
}
.mdi-head-lightbulb-outline:before {
  content: "󱍅";
}
.mdi-head-minus:before {
  content: "󱍆";
}
.mdi-head-minus-outline:before {
  content: "󱍇";
}
.mdi-head-outline:before {
  content: "󱍟";
}
.mdi-head-plus:before {
  content: "󱍈";
}
.mdi-head-plus-outline:before {
  content: "󱍉";
}
.mdi-head-question:before {
  content: "󱍊";
}
.mdi-head-question-outline:before {
  content: "󱍋";
}
.mdi-head-remove:before {
  content: "󱍌";
}
.mdi-head-remove-outline:before {
  content: "󱍍";
}
.mdi-head-snowflake:before {
  content: "󱍎";
}
.mdi-head-snowflake-outline:before {
  content: "󱍏";
}
.mdi-head-sync:before {
  content: "󱍐";
}
.mdi-head-sync-outline:before {
  content: "󱍑";
}
.mdi-headphones:before {
  content: "󰋋";
}
.mdi-headphones-bluetooth:before {
  content: "󰥰";
}
.mdi-headphones-box:before {
  content: "󰋌";
}
.mdi-headphones-off:before {
  content: "󰟎";
}
.mdi-headphones-settings:before {
  content: "󰋍";
}
.mdi-headset:before {
  content: "󰋎";
}
.mdi-headset-dock:before {
  content: "󰋏";
}
.mdi-headset-off:before {
  content: "󰋐";
}
.mdi-heart:before {
  content: "󰋑";
}
.mdi-heart-box:before {
  content: "󰋒";
}
.mdi-heart-box-outline:before {
  content: "󰋓";
}
.mdi-heart-broken:before {
  content: "󰋔";
}
.mdi-heart-broken-outline:before {
  content: "󰴔";
}
.mdi-heart-circle:before {
  content: "󰥱";
}
.mdi-heart-circle-outline:before {
  content: "󰥲";
}
.mdi-heart-cog:before {
  content: "󱙣";
}
.mdi-heart-cog-outline:before {
  content: "󱙤";
}
.mdi-heart-flash:before {
  content: "󰻹";
}
.mdi-heart-half:before {
  content: "󰛟";
}
.mdi-heart-half-full:before {
  content: "󰛞";
}
.mdi-heart-half-outline:before {
  content: "󰛠";
}
.mdi-heart-minus:before {
  content: "󱐯";
}
.mdi-heart-minus-outline:before {
  content: "󱐲";
}
.mdi-heart-multiple:before {
  content: "󰩖";
}
.mdi-heart-multiple-outline:before {
  content: "󰩗";
}
.mdi-heart-off:before {
  content: "󰝙";
}
.mdi-heart-off-outline:before {
  content: "󱐴";
}
.mdi-heart-outline:before {
  content: "󰋕";
}
.mdi-heart-plus:before {
  content: "󱐮";
}
.mdi-heart-plus-outline:before {
  content: "󱐱";
}
.mdi-heart-pulse:before {
  content: "󰗶";
}
.mdi-heart-remove:before {
  content: "󱐰";
}
.mdi-heart-remove-outline:before {
  content: "󱐳";
}
.mdi-heart-search:before {
  content: "󱲍";
}
.mdi-heart-settings:before {
  content: "󱙥";
}
.mdi-heart-settings-outline:before {
  content: "󱙦";
}
.mdi-heat-pump:before {
  content: "󱩃";
}
.mdi-heat-pump-outline:before {
  content: "󱩄";
}
.mdi-heat-wave:before {
  content: "󱩅";
}
.mdi-heating-coil:before {
  content: "󱪯";
}
.mdi-helicopter:before {
  content: "󰫂";
}
.mdi-help:before {
  content: "󰋖";
}
.mdi-help-box:before {
  content: "󰞋";
}
.mdi-help-box-multiple:before {
  content: "󱰊";
}
.mdi-help-box-multiple-outline:before {
  content: "󱰋";
}
.mdi-help-box-outline:before {
  content: "󱰌";
}
.mdi-help-circle:before {
  content: "󰋗";
}
.mdi-help-circle-outline:before {
  content: "󰘥";
}
.mdi-help-network:before {
  content: "󰛵";
}
.mdi-help-network-outline:before {
  content: "󰲊";
}
.mdi-help-rhombus:before {
  content: "󰮥";
}
.mdi-help-rhombus-outline:before {
  content: "󰮦";
}
.mdi-hexadecimal:before {
  content: "󱊧";
}
.mdi-hexagon:before {
  content: "󰋘";
}
.mdi-hexagon-multiple:before {
  content: "󰛡";
}
.mdi-hexagon-multiple-outline:before {
  content: "󱃲";
}
.mdi-hexagon-outline:before {
  content: "󰋙";
}
.mdi-hexagon-slice-1:before {
  content: "󰫃";
}
.mdi-hexagon-slice-2:before {
  content: "󰫄";
}
.mdi-hexagon-slice-3:before {
  content: "󰫅";
}
.mdi-hexagon-slice-4:before {
  content: "󰫆";
}
.mdi-hexagon-slice-5:before {
  content: "󰫇";
}
.mdi-hexagon-slice-6:before {
  content: "󰫈";
}
.mdi-hexagram:before {
  content: "󰫉";
}
.mdi-hexagram-outline:before {
  content: "󰫊";
}
.mdi-high-definition:before {
  content: "󰟏";
}
.mdi-high-definition-box:before {
  content: "󰡸";
}
.mdi-highway:before {
  content: "󰗷";
}
.mdi-hiking:before {
  content: "󰵿";
}
.mdi-history:before {
  content: "󰋚";
}
.mdi-hockey-puck:before {
  content: "󰡹";
}
.mdi-hockey-sticks:before {
  content: "󰡺";
}
.mdi-hololens:before {
  content: "󰋛";
}
.mdi-home:before {
  content: "󰋜";
}
.mdi-home-account:before {
  content: "󰠦";
}
.mdi-home-alert:before {
  content: "󰡻";
}
.mdi-home-alert-outline:before {
  content: "󱗐";
}
.mdi-home-analytics:before {
  content: "󰺺";
}
.mdi-home-assistant:before {
  content: "󰟐";
}
.mdi-home-automation:before {
  content: "󰟑";
}
.mdi-home-battery:before {
  content: "󱤁";
}
.mdi-home-battery-outline:before {
  content: "󱤂";
}
.mdi-home-circle:before {
  content: "󰟒";
}
.mdi-home-circle-outline:before {
  content: "󱁍";
}
.mdi-home-city:before {
  content: "󰴕";
}
.mdi-home-city-outline:before {
  content: "󰴖";
}
.mdi-home-clock:before {
  content: "󱨒";
}
.mdi-home-clock-outline:before {
  content: "󱨓";
}
.mdi-home-edit:before {
  content: "󱅙";
}
.mdi-home-edit-outline:before {
  content: "󱅚";
}
.mdi-home-export-outline:before {
  content: "󰾛";
}
.mdi-home-flood:before {
  content: "󰻺";
}
.mdi-home-floor-0:before {
  content: "󰷒";
}
.mdi-home-floor-1:before {
  content: "󰶀";
}
.mdi-home-floor-2:before {
  content: "󰶁";
}
.mdi-home-floor-3:before {
  content: "󰶂";
}
.mdi-home-floor-a:before {
  content: "󰶃";
}
.mdi-home-floor-b:before {
  content: "󰶄";
}
.mdi-home-floor-g:before {
  content: "󰶅";
}
.mdi-home-floor-l:before {
  content: "󰶆";
}
.mdi-home-floor-negative-1:before {
  content: "󰷓";
}
.mdi-home-group:before {
  content: "󰷔";
}
.mdi-home-group-minus:before {
  content: "󱧁";
}
.mdi-home-group-plus:before {
  content: "󱧀";
}
.mdi-home-group-remove:before {
  content: "󱧂";
}
.mdi-home-heart:before {
  content: "󰠧";
}
.mdi-home-import-outline:before {
  content: "󰾜";
}
.mdi-home-lightbulb:before {
  content: "󱉑";
}
.mdi-home-lightbulb-outline:before {
  content: "󱉒";
}
.mdi-home-lightning-bolt:before {
  content: "󱤃";
}
.mdi-home-lightning-bolt-outline:before {
  content: "󱤄";
}
.mdi-home-lock:before {
  content: "󰣫";
}
.mdi-home-lock-open:before {
  content: "󰣬";
}
.mdi-home-map-marker:before {
  content: "󰗸";
}
.mdi-home-minus:before {
  content: "󰥴";
}
.mdi-home-minus-outline:before {
  content: "󱏕";
}
.mdi-home-modern:before {
  content: "󰋝";
}
.mdi-home-off:before {
  content: "󱩆";
}
.mdi-home-off-outline:before {
  content: "󱩇";
}
.mdi-home-outline:before {
  content: "󰚡";
}
.mdi-home-percent:before {
  content: "󱱼";
}
.mdi-home-percent-outline:before {
  content: "󱱽";
}
.mdi-home-plus:before {
  content: "󰥵";
}
.mdi-home-plus-outline:before {
  content: "󱏖";
}
.mdi-home-remove:before {
  content: "󱉇";
}
.mdi-home-remove-outline:before {
  content: "󱏗";
}
.mdi-home-roof:before {
  content: "󱄫";
}
.mdi-home-search:before {
  content: "󱎰";
}
.mdi-home-search-outline:before {
  content: "󱎱";
}
.mdi-home-silo:before {
  content: "󱮠";
}
.mdi-home-silo-outline:before {
  content: "󱮡";
}
.mdi-home-sound-in:before {
  content: "󱰯";
}
.mdi-home-sound-in-outline:before {
  content: "󱰰";
}
.mdi-home-sound-out:before {
  content: "󱰱";
}
.mdi-home-sound-out-outline:before {
  content: "󱰲";
}
.mdi-home-switch:before {
  content: "󱞔";
}
.mdi-home-switch-outline:before {
  content: "󱞕";
}
.mdi-home-thermometer:before {
  content: "󰽔";
}
.mdi-home-thermometer-outline:before {
  content: "󰽕";
}
.mdi-home-variant:before {
  content: "󰋞";
}
.mdi-home-variant-outline:before {
  content: "󰮧";
}
.mdi-hook:before {
  content: "󰛢";
}
.mdi-hook-off:before {
  content: "󰛣";
}
.mdi-hoop-house:before {
  content: "󰹖";
}
.mdi-hops:before {
  content: "󰋟";
}
.mdi-horizontal-rotate-clockwise:before {
  content: "󱃳";
}
.mdi-horizontal-rotate-counterclockwise:before {
  content: "󱃴";
}
.mdi-horse:before {
  content: "󱖿";
}
.mdi-horse-human:before {
  content: "󱗀";
}
.mdi-horse-variant:before {
  content: "󱗁";
}
.mdi-horse-variant-fast:before {
  content: "󱡮";
}
.mdi-horseshoe:before {
  content: "󰩘";
}
.mdi-hospital:before {
  content: "󰿶";
}
.mdi-hospital-box:before {
  content: "󰋠";
}
.mdi-hospital-box-outline:before {
  content: "󰿷";
}
.mdi-hospital-building:before {
  content: "󰋡";
}
.mdi-hospital-marker:before {
  content: "󰋢";
}
.mdi-hot-tub:before {
  content: "󰠨";
}
.mdi-hours-12:before {
  content: "󱲔";
}
.mdi-hours-24:before {
  content: "󱑸";
}
.mdi-hub:before {
  content: "󱲕";
}
.mdi-hub-outline:before {
  content: "󱲖";
}
.mdi-hubspot:before {
  content: "󰴗";
}
.mdi-hulu:before {
  content: "󰠩";
}
.mdi-human:before {
  content: "󰋦";
}
.mdi-human-baby-changing-table:before {
  content: "󱎋";
}
.mdi-human-cane:before {
  content: "󱖁";
}
.mdi-human-capacity-decrease:before {
  content: "󱖛";
}
.mdi-human-capacity-increase:before {
  content: "󱖜";
}
.mdi-human-child:before {
  content: "󰋧";
}
.mdi-human-dolly:before {
  content: "󱦀";
}
.mdi-human-edit:before {
  content: "󱓨";
}
.mdi-human-female:before {
  content: "󰙉";
}
.mdi-human-female-boy:before {
  content: "󰩙";
}
.mdi-human-female-dance:before {
  content: "󱗉";
}
.mdi-human-female-female:before {
  content: "󰩚";
}
.mdi-human-female-female-child:before {
  content: "󱲎";
}
.mdi-human-female-girl:before {
  content: "󰩛";
}
.mdi-human-greeting:before {
  content: "󱟄";
}
.mdi-human-greeting-proximity:before {
  content: "󱖝";
}
.mdi-human-greeting-variant:before {
  content: "󰙊";
}
.mdi-human-handsdown:before {
  content: "󰙋";
}
.mdi-human-handsup:before {
  content: "󰙌";
}
.mdi-human-male:before {
  content: "󰙍";
}
.mdi-human-male-board:before {
  content: "󰢐";
}
.mdi-human-male-board-poll:before {
  content: "󰡆";
}
.mdi-human-male-boy:before {
  content: "󰩜";
}
.mdi-human-male-child:before {
  content: "󱎌";
}
.mdi-human-male-female:before {
  content: "󰋨";
}
.mdi-human-male-female-child:before {
  content: "󱠣";
}
.mdi-human-male-girl:before {
  content: "󰩝";
}
.mdi-human-male-height:before {
  content: "󰻻";
}
.mdi-human-male-height-variant:before {
  content: "󰻼";
}
.mdi-human-male-male:before {
  content: "󰩞";
}
.mdi-human-male-male-child:before {
  content: "󱲏";
}
.mdi-human-non-binary:before {
  content: "󱡈";
}
.mdi-human-pregnant:before {
  content: "󰗏";
}
.mdi-human-queue:before {
  content: "󱕱";
}
.mdi-human-scooter:before {
  content: "󱇩";
}
.mdi-human-walker:before {
  content: "󱭱";
}
.mdi-human-wheelchair:before {
  content: "󱎍";
}
.mdi-human-white-cane:before {
  content: "󱦁";
}
.mdi-humble-bundle:before {
  content: "󰝄";
}
.mdi-hvac:before {
  content: "󱍒";
}
.mdi-hvac-off:before {
  content: "󱖞";
}
.mdi-hydraulic-oil-level:before {
  content: "󱌤";
}
.mdi-hydraulic-oil-temperature:before {
  content: "󱌥";
}
.mdi-hydro-power:before {
  content: "󱋥";
}
.mdi-hydrogen-station:before {
  content: "󱢔";
}
.mdi-ice-cream:before {
  content: "󰠪";
}
.mdi-ice-cream-off:before {
  content: "󰹒";
}
.mdi-ice-pop:before {
  content: "󰻽";
}
.mdi-id-card:before {
  content: "󰿀";
}
.mdi-identifier:before {
  content: "󰻾";
}
.mdi-ideogram-cjk:before {
  content: "󱌱";
}
.mdi-ideogram-cjk-variant:before {
  content: "󱌲";
}
.mdi-image:before {
  content: "󰋩";
}
.mdi-image-album:before {
  content: "󰋪";
}
.mdi-image-area:before {
  content: "󰋫";
}
.mdi-image-area-close:before {
  content: "󰋬";
}
.mdi-image-auto-adjust:before {
  content: "󰿁";
}
.mdi-image-broken:before {
  content: "󰋭";
}
.mdi-image-broken-variant:before {
  content: "󰋮";
}
.mdi-image-check:before {
  content: "󱬥";
}
.mdi-image-check-outline:before {
  content: "󱬦";
}
.mdi-image-edit:before {
  content: "󱇣";
}
.mdi-image-edit-outline:before {
  content: "󱇤";
}
.mdi-image-filter-black-white:before {
  content: "󰋰";
}
.mdi-image-filter-center-focus:before {
  content: "󰋱";
}
.mdi-image-filter-center-focus-strong:before {
  content: "󰻿";
}
.mdi-image-filter-center-focus-strong-outline:before {
  content: "󰼀";
}
.mdi-image-filter-center-focus-weak:before {
  content: "󰋲";
}
.mdi-image-filter-drama:before {
  content: "󰋳";
}
.mdi-image-filter-drama-outline:before {
  content: "󱯿";
}
.mdi-image-filter-frames:before {
  content: "󰋴";
}
.mdi-image-filter-hdr:before {
  content: "󰋵";
}
.mdi-image-filter-hdr-outline:before {
  content: "󱱤";
}
.mdi-image-filter-none:before {
  content: "󰋶";
}
.mdi-image-filter-tilt-shift:before {
  content: "󰋷";
}
.mdi-image-filter-vintage:before {
  content: "󰋸";
}
.mdi-image-frame:before {
  content: "󰹉";
}
.mdi-image-lock:before {
  content: "󱪰";
}
.mdi-image-lock-outline:before {
  content: "󱪱";
}
.mdi-image-marker:before {
  content: "󱝻";
}
.mdi-image-marker-outline:before {
  content: "󱝼";
}
.mdi-image-minus:before {
  content: "󱐙";
}
.mdi-image-minus-outline:before {
  content: "󱭇";
}
.mdi-image-move:before {
  content: "󰧸";
}
.mdi-image-multiple:before {
  content: "󰋹";
}
.mdi-image-multiple-outline:before {
  content: "󰋯";
}
.mdi-image-off:before {
  content: "󰠫";
}
.mdi-image-off-outline:before {
  content: "󱇑";
}
.mdi-image-outline:before {
  content: "󰥶";
}
.mdi-image-plus:before {
  content: "󰡼";
}
.mdi-image-plus-outline:before {
  content: "󱭆";
}
.mdi-image-refresh:before {
  content: "󱧾";
}
.mdi-image-refresh-outline:before {
  content: "󱧿";
}
.mdi-image-remove:before {
  content: "󱐘";
}
.mdi-image-remove-outline:before {
  content: "󱭈";
}
.mdi-image-search:before {
  content: "󰥷";
}
.mdi-image-search-outline:before {
  content: "󰥸";
}
.mdi-image-size-select-actual:before {
  content: "󰲍";
}
.mdi-image-size-select-large:before {
  content: "󰲎";
}
.mdi-image-size-select-small:before {
  content: "󰲏";
}
.mdi-image-sync:before {
  content: "󱨀";
}
.mdi-image-sync-outline:before {
  content: "󱨁";
}
.mdi-image-text:before {
  content: "󱘍";
}
.mdi-import:before {
  content: "󰋺";
}
.mdi-inbox:before {
  content: "󰚇";
}
.mdi-inbox-arrow-down:before {
  content: "󰋻";
}
.mdi-inbox-arrow-down-outline:before {
  content: "󱉰";
}
.mdi-inbox-arrow-up:before {
  content: "󰏑";
}
.mdi-inbox-arrow-up-outline:before {
  content: "󱉱";
}
.mdi-inbox-full:before {
  content: "󱉲";
}
.mdi-inbox-full-outline:before {
  content: "󱉳";
}
.mdi-inbox-multiple:before {
  content: "󰢰";
}
.mdi-inbox-multiple-outline:before {
  content: "󰮨";
}
.mdi-inbox-outline:before {
  content: "󱉴";
}
.mdi-inbox-remove:before {
  content: "󱖟";
}
.mdi-inbox-remove-outline:before {
  content: "󱖠";
}
.mdi-incognito:before {
  content: "󰗹";
}
.mdi-incognito-circle:before {
  content: "󱐡";
}
.mdi-incognito-circle-off:before {
  content: "󱐢";
}
.mdi-incognito-off:before {
  content: "󰁵";
}
.mdi-induction:before {
  content: "󱡌";
}
.mdi-infinity:before {
  content: "󰛤";
}
.mdi-information:before {
  content: "󰋼";
}
.mdi-information-box:before {
  content: "󱱥";
}
.mdi-information-box-outline:before {
  content: "󱱦";
}
.mdi-information-off:before {
  content: "󱞌";
}
.mdi-information-off-outline:before {
  content: "󱞍";
}
.mdi-information-outline:before {
  content: "󰋽";
}
.mdi-information-slab-box:before {
  content: "󱱧";
}
.mdi-information-slab-box-outline:before {
  content: "󱱨";
}
.mdi-information-slab-circle:before {
  content: "󱱩";
}
.mdi-information-slab-circle-outline:before {
  content: "󱱪";
}
.mdi-information-slab-symbol:before {
  content: "󱱫";
}
.mdi-information-symbol:before {
  content: "󱱬";
}
.mdi-information-variant:before {
  content: "󰙎";
}
.mdi-information-variant-box:before {
  content: "󱱭";
}
.mdi-information-variant-box-outline:before {
  content: "󱱮";
}
.mdi-information-variant-circle:before {
  content: "󱱯";
}
.mdi-information-variant-circle-outline:before {
  content: "󱱰";
}
.mdi-instagram:before {
  content: "󰋾";
}
.mdi-instrument-triangle:before {
  content: "󱁎";
}
.mdi-integrated-circuit-chip:before {
  content: "󱤓";
}
.mdi-invert-colors:before {
  content: "󰌁";
}
.mdi-invert-colors-off:before {
  content: "󰹊";
}
.mdi-invoice:before {
  content: "󱳒";
}
.mdi-invoice-arrow-left:before {
  content: "󱳓";
}
.mdi-invoice-arrow-left-outline:before {
  content: "󱳔";
}
.mdi-invoice-arrow-right:before {
  content: "󱳕";
}
.mdi-invoice-arrow-right-outline:before {
  content: "󱳖";
}
.mdi-invoice-check:before {
  content: "󱳗";
}
.mdi-invoice-check-outline:before {
  content: "󱳘";
}
.mdi-invoice-clock:before {
  content: "󱳙";
}
.mdi-invoice-clock-outline:before {
  content: "󱳚";
}
.mdi-invoice-edit:before {
  content: "󱳛";
}
.mdi-invoice-edit-outline:before {
  content: "󱳜";
}
.mdi-invoice-export-outline:before {
  content: "󱳝";
}
.mdi-invoice-fast:before {
  content: "󱳞";
}
.mdi-invoice-fast-outline:before {
  content: "󱳟";
}
.mdi-invoice-import:before {
  content: "󱳠";
}
.mdi-invoice-import-outline:before {
  content: "󱳡";
}
.mdi-invoice-list:before {
  content: "󱳢";
}
.mdi-invoice-list-outline:before {
  content: "󱳣";
}
.mdi-invoice-minus:before {
  content: "󱳤";
}
.mdi-invoice-minus-outline:before {
  content: "󱳥";
}
.mdi-invoice-multiple:before {
  content: "󱳦";
}
.mdi-invoice-multiple-outline:before {
  content: "󱳧";
}
.mdi-invoice-outline:before {
  content: "󱳨";
}
.mdi-invoice-plus:before {
  content: "󱳩";
}
.mdi-invoice-plus-outline:before {
  content: "󱳪";
}
.mdi-invoice-remove:before {
  content: "󱳫";
}
.mdi-invoice-remove-outline:before {
  content: "󱳬";
}
.mdi-invoice-send:before {
  content: "󱳭";
}
.mdi-invoice-send-outline:before {
  content: "󱳮";
}
.mdi-invoice-text:before {
  content: "󱳯";
}
.mdi-invoice-text-arrow-left:before {
  content: "󱳰";
}
.mdi-invoice-text-arrow-left-outline:before {
  content: "󱳱";
}
.mdi-invoice-text-arrow-right:before {
  content: "󱳲";
}
.mdi-invoice-text-arrow-right-outline:before {
  content: "󱳳";
}
.mdi-invoice-text-check:before {
  content: "󱳴";
}
.mdi-invoice-text-check-outline:before {
  content: "󱳵";
}
.mdi-invoice-text-clock:before {
  content: "󱳶";
}
.mdi-invoice-text-clock-outline:before {
  content: "󱳷";
}
.mdi-invoice-text-edit:before {
  content: "󱳸";
}
.mdi-invoice-text-edit-outline:before {
  content: "󱳹";
}
.mdi-invoice-text-fast:before {
  content: "󱳺";
}
.mdi-invoice-text-fast-outline:before {
  content: "󱳻";
}
.mdi-invoice-text-minus:before {
  content: "󱳼";
}
.mdi-invoice-text-minus-outline:before {
  content: "󱳽";
}
.mdi-invoice-text-multiple:before {
  content: "󱳾";
}
.mdi-invoice-text-multiple-outline:before {
  content: "󱳿";
}
.mdi-invoice-text-outline:before {
  content: "󱴀";
}
.mdi-invoice-text-plus:before {
  content: "󱴁";
}
.mdi-invoice-text-plus-outline:before {
  content: "󱴂";
}
.mdi-invoice-text-remove:before {
  content: "󱴃";
}
.mdi-invoice-text-remove-outline:before {
  content: "󱴄";
}
.mdi-invoice-text-send:before {
  content: "󱴅";
}
.mdi-invoice-text-send-outline:before {
  content: "󱴆";
}
.mdi-iobroker:before {
  content: "󱋨";
}
.mdi-ip:before {
  content: "󰩟";
}
.mdi-ip-network:before {
  content: "󰩠";
}
.mdi-ip-network-outline:before {
  content: "󰲐";
}
.mdi-ip-outline:before {
  content: "󱦂";
}
.mdi-ipod:before {
  content: "󰲑";
}
.mdi-iron:before {
  content: "󱠤";
}
.mdi-iron-board:before {
  content: "󱠸";
}
.mdi-iron-outline:before {
  content: "󱠥";
}
.mdi-island:before {
  content: "󱁏";
}
.mdi-island-variant:before {
  content: "󱳆";
}
.mdi-iv-bag:before {
  content: "󱂹";
}
.mdi-jabber:before {
  content: "󰷕";
}
.mdi-jeepney:before {
  content: "󰌂";
}
.mdi-jellyfish:before {
  content: "󰼁";
}
.mdi-jellyfish-outline:before {
  content: "󰼂";
}
.mdi-jira:before {
  content: "󰌃";
}
.mdi-jquery:before {
  content: "󰡽";
}
.mdi-jsfiddle:before {
  content: "󰌄";
}
.mdi-jump-rope:before {
  content: "󱋿";
}
.mdi-kabaddi:before {
  content: "󰶇";
}
.mdi-kangaroo:before {
  content: "󱕘";
}
.mdi-karate:before {
  content: "󰠬";
}
.mdi-kayaking:before {
  content: "󰢯";
}
.mdi-keg:before {
  content: "󰌅";
}
.mdi-kettle:before {
  content: "󰗺";
}
.mdi-kettle-alert:before {
  content: "󱌗";
}
.mdi-kettle-alert-outline:before {
  content: "󱌘";
}
.mdi-kettle-off:before {
  content: "󱌛";
}
.mdi-kettle-off-outline:before {
  content: "󱌜";
}
.mdi-kettle-outline:before {
  content: "󰽖";
}
.mdi-kettle-pour-over:before {
  content: "󱜼";
}
.mdi-kettle-steam:before {
  content: "󱌙";
}
.mdi-kettle-steam-outline:before {
  content: "󱌚";
}
.mdi-kettlebell:before {
  content: "󱌀";
}
.mdi-key:before {
  content: "󰌆";
}
.mdi-key-alert:before {
  content: "󱦃";
}
.mdi-key-alert-outline:before {
  content: "󱦄";
}
.mdi-key-arrow-right:before {
  content: "󱌒";
}
.mdi-key-chain:before {
  content: "󱕴";
}
.mdi-key-chain-variant:before {
  content: "󱕵";
}
.mdi-key-change:before {
  content: "󰌇";
}
.mdi-key-link:before {
  content: "󱆟";
}
.mdi-key-minus:before {
  content: "󰌈";
}
.mdi-key-outline:before {
  content: "󰷖";
}
.mdi-key-plus:before {
  content: "󰌉";
}
.mdi-key-remove:before {
  content: "󰌊";
}
.mdi-key-star:before {
  content: "󱆞";
}
.mdi-key-variant:before {
  content: "󰌋";
}
.mdi-key-wireless:before {
  content: "󰿂";
}
.mdi-keyboard:before {
  content: "󰌌";
}
.mdi-keyboard-backspace:before {
  content: "󰌍";
}
.mdi-keyboard-caps:before {
  content: "󰌎";
}
.mdi-keyboard-close:before {
  content: "󰌏";
}
.mdi-keyboard-close-outline:before {
  content: "󱰀";
}
.mdi-keyboard-esc:before {
  content: "󱊷";
}
.mdi-keyboard-f1:before {
  content: "󱊫";
}
.mdi-keyboard-f10:before {
  content: "󱊴";
}
.mdi-keyboard-f11:before {
  content: "󱊵";
}
.mdi-keyboard-f12:before {
  content: "󱊶";
}
.mdi-keyboard-f2:before {
  content: "󱊬";
}
.mdi-keyboard-f3:before {
  content: "󱊭";
}
.mdi-keyboard-f4:before {
  content: "󱊮";
}
.mdi-keyboard-f5:before {
  content: "󱊯";
}
.mdi-keyboard-f6:before {
  content: "󱊰";
}
.mdi-keyboard-f7:before {
  content: "󱊱";
}
.mdi-keyboard-f8:before {
  content: "󱊲";
}
.mdi-keyboard-f9:before {
  content: "󱊳";
}
.mdi-keyboard-off:before {
  content: "󰌐";
}
.mdi-keyboard-off-outline:before {
  content: "󰹋";
}
.mdi-keyboard-outline:before {
  content: "󰥻";
}
.mdi-keyboard-return:before {
  content: "󰌑";
}
.mdi-keyboard-settings:before {
  content: "󰧹";
}
.mdi-keyboard-settings-outline:before {
  content: "󰧺";
}
.mdi-keyboard-space:before {
  content: "󱁐";
}
.mdi-keyboard-tab:before {
  content: "󰌒";
}
.mdi-keyboard-tab-reverse:before {
  content: "󰌥";
}
.mdi-keyboard-variant:before {
  content: "󰌓";
}
.mdi-khanda:before {
  content: "󱃽";
}
.mdi-kickstarter:before {
  content: "󰝅";
}
.mdi-kite:before {
  content: "󱦅";
}
.mdi-kite-outline:before {
  content: "󱦆";
}
.mdi-kitesurfing:before {
  content: "󱝄";
}
.mdi-klingon:before {
  content: "󱍛";
}
.mdi-knife:before {
  content: "󰧻";
}
.mdi-knife-military:before {
  content: "󰧼";
}
.mdi-knob:before {
  content: "󱮖";
}
.mdi-koala:before {
  content: "󱜿";
}
.mdi-kodi:before {
  content: "󰌔";
}
.mdi-kubernetes:before {
  content: "󱃾";
}
.mdi-label:before {
  content: "󰌕";
}
.mdi-label-multiple:before {
  content: "󱍵";
}
.mdi-label-multiple-outline:before {
  content: "󱍶";
}
.mdi-label-off:before {
  content: "󰫋";
}
.mdi-label-off-outline:before {
  content: "󰫌";
}
.mdi-label-outline:before {
  content: "󰌖";
}
.mdi-label-percent:before {
  content: "󱋪";
}
.mdi-label-percent-outline:before {
  content: "󱋫";
}
.mdi-label-variant:before {
  content: "󰫍";
}
.mdi-label-variant-outline:before {
  content: "󰫎";
}
.mdi-ladder:before {
  content: "󱖢";
}
.mdi-ladybug:before {
  content: "󰠭";
}
.mdi-lambda:before {
  content: "󰘧";
}
.mdi-lamp:before {
  content: "󰚵";
}
.mdi-lamp-outline:before {
  content: "󱟐";
}
.mdi-lamps:before {
  content: "󱕶";
}
.mdi-lamps-outline:before {
  content: "󱟑";
}
.mdi-lan:before {
  content: "󰌗";
}
.mdi-lan-check:before {
  content: "󱊪";
}
.mdi-lan-connect:before {
  content: "󰌘";
}
.mdi-lan-disconnect:before {
  content: "󰌙";
}
.mdi-lan-pending:before {
  content: "󰌚";
}
.mdi-land-fields:before {
  content: "󱪲";
}
.mdi-land-plots:before {
  content: "󱪳";
}
.mdi-land-plots-circle:before {
  content: "󱪴";
}
.mdi-land-plots-circle-variant:before {
  content: "󱪵";
}
.mdi-land-plots-marker:before {
  content: "󱱝";
}
.mdi-land-rows-horizontal:before {
  content: "󱪶";
}
.mdi-land-rows-vertical:before {
  content: "󱪷";
}
.mdi-landslide:before {
  content: "󱩈";
}
.mdi-landslide-outline:before {
  content: "󱩉";
}
.mdi-language-c:before {
  content: "󰙱";
}
.mdi-language-cpp:before {
  content: "󰙲";
}
.mdi-language-csharp:before {
  content: "󰌛";
}
.mdi-language-css3:before {
  content: "󰌜";
}
.mdi-language-fortran:before {
  content: "󱈚";
}
.mdi-language-go:before {
  content: "󰟓";
}
.mdi-language-haskell:before {
  content: "󰲒";
}
.mdi-language-html5:before {
  content: "󰌝";
}
.mdi-language-java:before {
  content: "󰬷";
}
.mdi-language-javascript:before {
  content: "󰌞";
}
.mdi-language-kotlin:before {
  content: "󱈙";
}
.mdi-language-lua:before {
  content: "󰢱";
}
.mdi-language-markdown:before {
  content: "󰍔";
}
.mdi-language-markdown-outline:before {
  content: "󰽛";
}
.mdi-language-php:before {
  content: "󰌟";
}
.mdi-language-python:before {
  content: "󰌠";
}
.mdi-language-r:before {
  content: "󰟔";
}
.mdi-language-ruby:before {
  content: "󰴭";
}
.mdi-language-ruby-on-rails:before {
  content: "󰫏";
}
.mdi-language-rust:before {
  content: "󱘗";
}
.mdi-language-swift:before {
  content: "󰛥";
}
.mdi-language-typescript:before {
  content: "󰛦";
}
.mdi-language-xaml:before {
  content: "󰙳";
}
.mdi-laptop:before {
  content: "󰌢";
}
.mdi-laptop-account:before {
  content: "󱩊";
}
.mdi-laptop-off:before {
  content: "󰛧";
}
.mdi-laravel:before {
  content: "󰫐";
}
.mdi-laser-pointer:before {
  content: "󱒄";
}
.mdi-lasso:before {
  content: "󰼃";
}
.mdi-lastpass:before {
  content: "󰑆";
}
.mdi-latitude:before {
  content: "󰽗";
}
.mdi-launch:before {
  content: "󰌧";
}
.mdi-lava-lamp:before {
  content: "󰟕";
}
.mdi-layers:before {
  content: "󰌨";
}
.mdi-layers-edit:before {
  content: "󱢒";
}
.mdi-layers-minus:before {
  content: "󰹌";
}
.mdi-layers-off:before {
  content: "󰌩";
}
.mdi-layers-off-outline:before {
  content: "󰧽";
}
.mdi-layers-outline:before {
  content: "󰧾";
}
.mdi-layers-plus:before {
  content: "󰹍";
}
.mdi-layers-remove:before {
  content: "󰹎";
}
.mdi-layers-search:before {
  content: "󱈆";
}
.mdi-layers-search-outline:before {
  content: "󱈇";
}
.mdi-layers-triple:before {
  content: "󰽘";
}
.mdi-layers-triple-outline:before {
  content: "󰽙";
}
.mdi-lead-pencil:before {
  content: "󰙏";
}
.mdi-leaf:before {
  content: "󰌪";
}
.mdi-leaf-circle:before {
  content: "󱤅";
}
.mdi-leaf-circle-outline:before {
  content: "󱤆";
}
.mdi-leaf-maple:before {
  content: "󰲓";
}
.mdi-leaf-maple-off:before {
  content: "󱋚";
}
.mdi-leaf-off:before {
  content: "󱋙";
}
.mdi-leak:before {
  content: "󰷗";
}
.mdi-leak-off:before {
  content: "󰷘";
}
.mdi-lectern:before {
  content: "󱫰";
}
.mdi-led-off:before {
  content: "󰌫";
}
.mdi-led-on:before {
  content: "󰌬";
}
.mdi-led-outline:before {
  content: "󰌭";
}
.mdi-led-strip:before {
  content: "󰟖";
}
.mdi-led-strip-variant:before {
  content: "󱁑";
}
.mdi-led-strip-variant-off:before {
  content: "󱩋";
}
.mdi-led-variant-off:before {
  content: "󰌮";
}
.mdi-led-variant-on:before {
  content: "󰌯";
}
.mdi-led-variant-outline:before {
  content: "󰌰";
}
.mdi-leek:before {
  content: "󱅽";
}
.mdi-less-than:before {
  content: "󰥼";
}
.mdi-less-than-or-equal:before {
  content: "󰥽";
}
.mdi-library:before {
  content: "󰌱";
}
.mdi-library-outline:before {
  content: "󱨢";
}
.mdi-library-shelves:before {
  content: "󰮩";
}
.mdi-license:before {
  content: "󰿃";
}
.mdi-lifebuoy:before {
  content: "󰡾";
}
.mdi-light-flood-down:before {
  content: "󱦇";
}
.mdi-light-flood-up:before {
  content: "󱦈";
}
.mdi-light-recessed:before {
  content: "󱞛";
}
.mdi-light-switch:before {
  content: "󰥾";
}
.mdi-light-switch-off:before {
  content: "󱨤";
}
.mdi-lightbulb:before {
  content: "󰌵";
}
.mdi-lightbulb-alert:before {
  content: "󱧡";
}
.mdi-lightbulb-alert-outline:before {
  content: "󱧢";
}
.mdi-lightbulb-auto:before {
  content: "󱠀";
}
.mdi-lightbulb-auto-outline:before {
  content: "󱠁";
}
.mdi-lightbulb-cfl:before {
  content: "󱈈";
}
.mdi-lightbulb-cfl-off:before {
  content: "󱈉";
}
.mdi-lightbulb-cfl-spiral:before {
  content: "󱉵";
}
.mdi-lightbulb-cfl-spiral-off:before {
  content: "󱋃";
}
.mdi-lightbulb-fluorescent-tube:before {
  content: "󱠄";
}
.mdi-lightbulb-fluorescent-tube-outline:before {
  content: "󱠅";
}
.mdi-lightbulb-group:before {
  content: "󱉓";
}
.mdi-lightbulb-group-off:before {
  content: "󱋍";
}
.mdi-lightbulb-group-off-outline:before {
  content: "󱋎";
}
.mdi-lightbulb-group-outline:before {
  content: "󱉔";
}
.mdi-lightbulb-multiple:before {
  content: "󱉕";
}
.mdi-lightbulb-multiple-off:before {
  content: "󱋏";
}
.mdi-lightbulb-multiple-off-outline:before {
  content: "󱋐";
}
.mdi-lightbulb-multiple-outline:before {
  content: "󱉖";
}
.mdi-lightbulb-night:before {
  content: "󱩌";
}
.mdi-lightbulb-night-outline:before {
  content: "󱩍";
}
.mdi-lightbulb-off:before {
  content: "󰹏";
}
.mdi-lightbulb-off-outline:before {
  content: "󰹐";
}
.mdi-lightbulb-on:before {
  content: "󰛨";
}
.mdi-lightbulb-on-10:before {
  content: "󱩎";
}
.mdi-lightbulb-on-20:before {
  content: "󱩏";
}
.mdi-lightbulb-on-30:before {
  content: "󱩐";
}
.mdi-lightbulb-on-40:before {
  content: "󱩑";
}
.mdi-lightbulb-on-50:before {
  content: "󱩒";
}
.mdi-lightbulb-on-60:before {
  content: "󱩓";
}
.mdi-lightbulb-on-70:before {
  content: "󱩔";
}
.mdi-lightbulb-on-80:before {
  content: "󱩕";
}
.mdi-lightbulb-on-90:before {
  content: "󱩖";
}
.mdi-lightbulb-on-outline:before {
  content: "󰛩";
}
.mdi-lightbulb-outline:before {
  content: "󰌶";
}
.mdi-lightbulb-question:before {
  content: "󱧣";
}
.mdi-lightbulb-question-outline:before {
  content: "󱧤";
}
.mdi-lightbulb-spot:before {
  content: "󱟴";
}
.mdi-lightbulb-spot-off:before {
  content: "󱟵";
}
.mdi-lightbulb-variant:before {
  content: "󱠂";
}
.mdi-lightbulb-variant-outline:before {
  content: "󱠃";
}
.mdi-lighthouse:before {
  content: "󰧿";
}
.mdi-lighthouse-on:before {
  content: "󰨀";
}
.mdi-lightning-bolt:before {
  content: "󱐋";
}
.mdi-lightning-bolt-circle:before {
  content: "󰠠";
}
.mdi-lightning-bolt-outline:before {
  content: "󱐌";
}
.mdi-line-scan:before {
  content: "󰘤";
}
.mdi-lingerie:before {
  content: "󱑶";
}
.mdi-link:before {
  content: "󰌷";
}
.mdi-link-box:before {
  content: "󰴚";
}
.mdi-link-box-outline:before {
  content: "󰴛";
}
.mdi-link-box-variant:before {
  content: "󰴜";
}
.mdi-link-box-variant-outline:before {
  content: "󰴝";
}
.mdi-link-circle:before {
  content: "󱲬";
}
.mdi-link-circle-outline:before {
  content: "󱲭";
}
.mdi-link-edit:before {
  content: "󱲮";
}
.mdi-link-lock:before {
  content: "󱂺";
}
.mdi-link-off:before {
  content: "󰌸";
}
.mdi-link-plus:before {
  content: "󰲔";
}
.mdi-link-variant:before {
  content: "󰌹";
}
.mdi-link-variant-minus:before {
  content: "󱃿";
}
.mdi-link-variant-off:before {
  content: "󰌺";
}
.mdi-link-variant-plus:before {
  content: "󱄀";
}
.mdi-link-variant-remove:before {
  content: "󱄁";
}
.mdi-linkedin:before {
  content: "󰌻";
}
.mdi-linux:before {
  content: "󰌽";
}
.mdi-linux-mint:before {
  content: "󰣭";
}
.mdi-lipstick:before {
  content: "󱎵";
}
.mdi-liquid-spot:before {
  content: "󱠦";
}
.mdi-liquor:before {
  content: "󱤞";
}
.mdi-list-box:before {
  content: "󱭻";
}
.mdi-list-box-outline:before {
  content: "󱭼";
}
.mdi-list-status:before {
  content: "󱖫";
}
.mdi-litecoin:before {
  content: "󰩡";
}
.mdi-loading:before {
  content: "󰝲";
}
.mdi-location-enter:before {
  content: "󰿄";
}
.mdi-location-exit:before {
  content: "󰿅";
}
.mdi-lock:before {
  content: "󰌾";
}
.mdi-lock-alert:before {
  content: "󰣮";
}
.mdi-lock-alert-outline:before {
  content: "󱗑";
}
.mdi-lock-check:before {
  content: "󱎚";
}
.mdi-lock-check-outline:before {
  content: "󱚨";
}
.mdi-lock-clock:before {
  content: "󰥿";
}
.mdi-lock-minus:before {
  content: "󱚩";
}
.mdi-lock-minus-outline:before {
  content: "󱚪";
}
.mdi-lock-off:before {
  content: "󱙱";
}
.mdi-lock-off-outline:before {
  content: "󱙲";
}
.mdi-lock-open:before {
  content: "󰌿";
}
.mdi-lock-open-alert:before {
  content: "󱎛";
}
.mdi-lock-open-alert-outline:before {
  content: "󱗒";
}
.mdi-lock-open-check:before {
  content: "󱎜";
}
.mdi-lock-open-check-outline:before {
  content: "󱚫";
}
.mdi-lock-open-minus:before {
  content: "󱚬";
}
.mdi-lock-open-minus-outline:before {
  content: "󱚭";
}
.mdi-lock-open-outline:before {
  content: "󰍀";
}
.mdi-lock-open-plus:before {
  content: "󱚮";
}
.mdi-lock-open-plus-outline:before {
  content: "󱚯";
}
.mdi-lock-open-remove:before {
  content: "󱚰";
}
.mdi-lock-open-remove-outline:before {
  content: "󱚱";
}
.mdi-lock-open-variant:before {
  content: "󰿆";
}
.mdi-lock-open-variant-outline:before {
  content: "󰿇";
}
.mdi-lock-outline:before {
  content: "󰍁";
}
.mdi-lock-pattern:before {
  content: "󰛪";
}
.mdi-lock-percent:before {
  content: "󱰒";
}
.mdi-lock-percent-open:before {
  content: "󱰓";
}
.mdi-lock-percent-open-outline:before {
  content: "󱰔";
}
.mdi-lock-percent-open-variant:before {
  content: "󱰕";
}
.mdi-lock-percent-open-variant-outline:before {
  content: "󱰖";
}
.mdi-lock-percent-outline:before {
  content: "󱰗";
}
.mdi-lock-plus:before {
  content: "󰗻";
}
.mdi-lock-plus-outline:before {
  content: "󱚲";
}
.mdi-lock-question:before {
  content: "󰣯";
}
.mdi-lock-remove:before {
  content: "󱚳";
}
.mdi-lock-remove-outline:before {
  content: "󱚴";
}
.mdi-lock-reset:before {
  content: "󰝳";
}
.mdi-lock-smart:before {
  content: "󰢲";
}
.mdi-locker:before {
  content: "󰟗";
}
.mdi-locker-multiple:before {
  content: "󰟘";
}
.mdi-login:before {
  content: "󰍂";
}
.mdi-login-variant:before {
  content: "󰗼";
}
.mdi-logout:before {
  content: "󰍃";
}
.mdi-logout-variant:before {
  content: "󰗽";
}
.mdi-longitude:before {
  content: "󰽚";
}
.mdi-looks:before {
  content: "󰍄";
}
.mdi-lotion:before {
  content: "󱖂";
}
.mdi-lotion-outline:before {
  content: "󱖃";
}
.mdi-lotion-plus:before {
  content: "󱖄";
}
.mdi-lotion-plus-outline:before {
  content: "󱖅";
}
.mdi-loupe:before {
  content: "󰍅";
}
.mdi-lumx:before {
  content: "󰍆";
}
.mdi-lungs:before {
  content: "󱂄";
}
.mdi-mace:before {
  content: "󱡃";
}
.mdi-magazine-pistol:before {
  content: "󰌤";
}
.mdi-magazine-rifle:before {
  content: "󰌣";
}
.mdi-magic-staff:before {
  content: "󱡄";
}
.mdi-magnet:before {
  content: "󰍇";
}
.mdi-magnet-on:before {
  content: "󰍈";
}
.mdi-magnify:before {
  content: "󰍉";
}
.mdi-magnify-close:before {
  content: "󰦀";
}
.mdi-magnify-expand:before {
  content: "󱡴";
}
.mdi-magnify-minus:before {
  content: "󰍊";
}
.mdi-magnify-minus-cursor:before {
  content: "󰩢";
}
.mdi-magnify-minus-outline:before {
  content: "󰛬";
}
.mdi-magnify-plus:before {
  content: "󰍋";
}
.mdi-magnify-plus-cursor:before {
  content: "󰩣";
}
.mdi-magnify-plus-outline:before {
  content: "󰛭";
}
.mdi-magnify-remove-cursor:before {
  content: "󱈌";
}
.mdi-magnify-remove-outline:before {
  content: "󱈍";
}
.mdi-magnify-scan:before {
  content: "󱉶";
}
.mdi-mail:before {
  content: "󰺻";
}
.mdi-mailbox:before {
  content: "󰛮";
}
.mdi-mailbox-open:before {
  content: "󰶈";
}
.mdi-mailbox-open-outline:before {
  content: "󰶉";
}
.mdi-mailbox-open-up:before {
  content: "󰶊";
}
.mdi-mailbox-open-up-outline:before {
  content: "󰶋";
}
.mdi-mailbox-outline:before {
  content: "󰶌";
}
.mdi-mailbox-up:before {
  content: "󰶍";
}
.mdi-mailbox-up-outline:before {
  content: "󰶎";
}
.mdi-manjaro:before {
  content: "󱘊";
}
.mdi-map:before {
  content: "󰍍";
}
.mdi-map-check:before {
  content: "󰺼";
}
.mdi-map-check-outline:before {
  content: "󰺽";
}
.mdi-map-clock:before {
  content: "󰴞";
}
.mdi-map-clock-outline:before {
  content: "󰴟";
}
.mdi-map-legend:before {
  content: "󰨁";
}
.mdi-map-marker:before {
  content: "󰍎";
}
.mdi-map-marker-account:before {
  content: "󱣣";
}
.mdi-map-marker-account-outline:before {
  content: "󱣤";
}
.mdi-map-marker-alert:before {
  content: "󰼅";
}
.mdi-map-marker-alert-outline:before {
  content: "󰼆";
}
.mdi-map-marker-check:before {
  content: "󰲕";
}
.mdi-map-marker-check-outline:before {
  content: "󱋻";
}
.mdi-map-marker-circle:before {
  content: "󰍏";
}
.mdi-map-marker-distance:before {
  content: "󰣰";
}
.mdi-map-marker-down:before {
  content: "󱄂";
}
.mdi-map-marker-left:before {
  content: "󱋛";
}
.mdi-map-marker-left-outline:before {
  content: "󱋝";
}
.mdi-map-marker-minus:before {
  content: "󰙐";
}
.mdi-map-marker-minus-outline:before {
  content: "󱋹";
}
.mdi-map-marker-multiple:before {
  content: "󰍐";
}
.mdi-map-marker-multiple-outline:before {
  content: "󱉷";
}
.mdi-map-marker-off:before {
  content: "󰍑";
}
.mdi-map-marker-off-outline:before {
  content: "󱋽";
}
.mdi-map-marker-outline:before {
  content: "󰟙";
}
.mdi-map-marker-path:before {
  content: "󰴠";
}
.mdi-map-marker-plus:before {
  content: "󰙑";
}
.mdi-map-marker-plus-outline:before {
  content: "󱋸";
}
.mdi-map-marker-question:before {
  content: "󰼇";
}
.mdi-map-marker-question-outline:before {
  content: "󰼈";
}
.mdi-map-marker-radius:before {
  content: "󰍒";
}
.mdi-map-marker-radius-outline:before {
  content: "󱋼";
}
.mdi-map-marker-remove:before {
  content: "󰼉";
}
.mdi-map-marker-remove-outline:before {
  content: "󱋺";
}
.mdi-map-marker-remove-variant:before {
  content: "󰼊";
}
.mdi-map-marker-right:before {
  content: "󱋜";
}
.mdi-map-marker-right-outline:before {
  content: "󱋞";
}
.mdi-map-marker-star:before {
  content: "󱘈";
}
.mdi-map-marker-star-outline:before {
  content: "󱘉";
}
.mdi-map-marker-up:before {
  content: "󱄃";
}
.mdi-map-minus:before {
  content: "󰦁";
}
.mdi-map-outline:before {
  content: "󰦂";
}
.mdi-map-plus:before {
  content: "󰦃";
}
.mdi-map-search:before {
  content: "󰦄";
}
.mdi-map-search-outline:before {
  content: "󰦅";
}
.mdi-mapbox:before {
  content: "󰮪";
}
.mdi-margin:before {
  content: "󰍓";
}
.mdi-marker:before {
  content: "󰙒";
}
.mdi-marker-cancel:before {
  content: "󰷙";
}
.mdi-marker-check:before {
  content: "󰍕";
}
.mdi-mastodon:before {
  content: "󰫑";
}
.mdi-material-design:before {
  content: "󰦆";
}
.mdi-material-ui:before {
  content: "󰍗";
}
.mdi-math-compass:before {
  content: "󰍘";
}
.mdi-math-cos:before {
  content: "󰲖";
}
.mdi-math-integral:before {
  content: "󰿈";
}
.mdi-math-integral-box:before {
  content: "󰿉";
}
.mdi-math-log:before {
  content: "󱂅";
}
.mdi-math-norm:before {
  content: "󰿊";
}
.mdi-math-norm-box:before {
  content: "󰿋";
}
.mdi-math-sin:before {
  content: "󰲗";
}
.mdi-math-tan:before {
  content: "󰲘";
}
.mdi-matrix:before {
  content: "󰘨";
}
.mdi-medal:before {
  content: "󰦇";
}
.mdi-medal-outline:before {
  content: "󱌦";
}
.mdi-medical-bag:before {
  content: "󰛯";
}
.mdi-medical-cotton-swab:before {
  content: "󱪸";
}
.mdi-medication:before {
  content: "󱬔";
}
.mdi-medication-outline:before {
  content: "󱬕";
}
.mdi-meditation:before {
  content: "󱅻";
}
.mdi-memory:before {
  content: "󰍛";
}
.mdi-memory-arrow-down:before {
  content: "󱲦";
}
.mdi-menorah:before {
  content: "󱟔";
}
.mdi-menorah-fire:before {
  content: "󱟕";
}
.mdi-menu:before {
  content: "󰍜";
}
.mdi-menu-close:before {
  content: "󱲐";
}
.mdi-menu-down:before {
  content: "󰍝";
}
.mdi-menu-down-outline:before {
  content: "󰚶";
}
.mdi-menu-left:before {
  content: "󰍞";
}
.mdi-menu-left-outline:before {
  content: "󰨂";
}
.mdi-menu-open:before {
  content: "󰮫";
}
.mdi-menu-right:before {
  content: "󰍟";
}
.mdi-menu-right-outline:before {
  content: "󰨃";
}
.mdi-menu-swap:before {
  content: "󰩤";
}
.mdi-menu-swap-outline:before {
  content: "󰩥";
}
.mdi-menu-up:before {
  content: "󰍠";
}
.mdi-menu-up-outline:before {
  content: "󰚷";
}
.mdi-merge:before {
  content: "󰽜";
}
.mdi-message:before {
  content: "󰍡";
}
.mdi-message-alert:before {
  content: "󰍢";
}
.mdi-message-alert-outline:before {
  content: "󰨄";
}
.mdi-message-arrow-left:before {
  content: "󱋲";
}
.mdi-message-arrow-left-outline:before {
  content: "󱋳";
}
.mdi-message-arrow-right:before {
  content: "󱋴";
}
.mdi-message-arrow-right-outline:before {
  content: "󱋵";
}
.mdi-message-badge:before {
  content: "󱥁";
}
.mdi-message-badge-outline:before {
  content: "󱥂";
}
.mdi-message-bookmark:before {
  content: "󱖬";
}
.mdi-message-bookmark-outline:before {
  content: "󱖭";
}
.mdi-message-bulleted:before {
  content: "󰚢";
}
.mdi-message-bulleted-off:before {
  content: "󰚣";
}
.mdi-message-check:before {
  content: "󱮊";
}
.mdi-message-check-outline:before {
  content: "󱮋";
}
.mdi-message-cog:before {
  content: "󰛱";
}
.mdi-message-cog-outline:before {
  content: "󱅲";
}
.mdi-message-draw:before {
  content: "󰍣";
}
.mdi-message-fast:before {
  content: "󱧌";
}
.mdi-message-fast-outline:before {
  content: "󱧍";
}
.mdi-message-flash:before {
  content: "󱖩";
}
.mdi-message-flash-outline:before {
  content: "󱖪";
}
.mdi-message-image:before {
  content: "󰍤";
}
.mdi-message-image-outline:before {
  content: "󱅬";
}
.mdi-message-lock:before {
  content: "󰿌";
}
.mdi-message-lock-outline:before {
  content: "󱅭";
}
.mdi-message-minus:before {
  content: "󱅮";
}
.mdi-message-minus-outline:before {
  content: "󱅯";
}
.mdi-message-off:before {
  content: "󱙍";
}
.mdi-message-off-outline:before {
  content: "󱙎";
}
.mdi-message-outline:before {
  content: "󰍥";
}
.mdi-message-plus:before {
  content: "󰙓";
}
.mdi-message-plus-outline:before {
  content: "󱂻";
}
.mdi-message-processing:before {
  content: "󰍦";
}
.mdi-message-processing-outline:before {
  content: "󱅰";
}
.mdi-message-question:before {
  content: "󱜺";
}
.mdi-message-question-outline:before {
  content: "󱜻";
}
.mdi-message-reply:before {
  content: "󰍧";
}
.mdi-message-reply-outline:before {
  content: "󱜽";
}
.mdi-message-reply-text:before {
  content: "󰍨";
}
.mdi-message-reply-text-outline:before {
  content: "󱜾";
}
.mdi-message-settings:before {
  content: "󰛰";
}
.mdi-message-settings-outline:before {
  content: "󱅱";
}
.mdi-message-star:before {
  content: "󰚚";
}
.mdi-message-star-outline:before {
  content: "󱉐";
}
.mdi-message-text:before {
  content: "󰍩";
}
.mdi-message-text-clock:before {
  content: "󱅳";
}
.mdi-message-text-clock-outline:before {
  content: "󱅴";
}
.mdi-message-text-fast:before {
  content: "󱧎";
}
.mdi-message-text-fast-outline:before {
  content: "󱧏";
}
.mdi-message-text-lock:before {
  content: "󰿍";
}
.mdi-message-text-lock-outline:before {
  content: "󱅵";
}
.mdi-message-text-outline:before {
  content: "󰍪";
}
.mdi-message-video:before {
  content: "󰍫";
}
.mdi-meteor:before {
  content: "󰘩";
}
.mdi-meter-electric:before {
  content: "󱩗";
}
.mdi-meter-electric-outline:before {
  content: "󱩘";
}
.mdi-meter-gas:before {
  content: "󱩙";
}
.mdi-meter-gas-outline:before {
  content: "󱩚";
}
.mdi-metronome:before {
  content: "󰟚";
}
.mdi-metronome-tick:before {
  content: "󰟛";
}
.mdi-micro-sd:before {
  content: "󰟜";
}
.mdi-microphone:before {
  content: "󰍬";
}
.mdi-microphone-message:before {
  content: "󰔊";
}
.mdi-microphone-message-off:before {
  content: "󰔋";
}
.mdi-microphone-minus:before {
  content: "󰢳";
}
.mdi-microphone-off:before {
  content: "󰍭";
}
.mdi-microphone-outline:before {
  content: "󰍮";
}
.mdi-microphone-plus:before {
  content: "󰢴";
}
.mdi-microphone-question:before {
  content: "󱦉";
}
.mdi-microphone-question-outline:before {
  content: "󱦊";
}
.mdi-microphone-settings:before {
  content: "󰍯";
}
.mdi-microphone-variant:before {
  content: "󰍰";
}
.mdi-microphone-variant-off:before {
  content: "󰍱";
}
.mdi-microscope:before {
  content: "󰙔";
}
.mdi-microsoft:before {
  content: "󰍲";
}
.mdi-microsoft-access:before {
  content: "󱎎";
}
.mdi-microsoft-azure:before {
  content: "󰠅";
}
.mdi-microsoft-azure-devops:before {
  content: "󰿕";
}
.mdi-microsoft-bing:before {
  content: "󰂤";
}
.mdi-microsoft-dynamics-365:before {
  content: "󰦈";
}
.mdi-microsoft-edge:before {
  content: "󰇩";
}
.mdi-microsoft-excel:before {
  content: "󱎏";
}
.mdi-microsoft-internet-explorer:before {
  content: "󰌀";
}
.mdi-microsoft-office:before {
  content: "󰏆";
}
.mdi-microsoft-onedrive:before {
  content: "󰏊";
}
.mdi-microsoft-onenote:before {
  content: "󰝇";
}
.mdi-microsoft-outlook:before {
  content: "󰴢";
}
.mdi-microsoft-powerpoint:before {
  content: "󱎐";
}
.mdi-microsoft-sharepoint:before {
  content: "󱎑";
}
.mdi-microsoft-teams:before {
  content: "󰊻";
}
.mdi-microsoft-visual-studio:before {
  content: "󰘐";
}
.mdi-microsoft-visual-studio-code:before {
  content: "󰨞";
}
.mdi-microsoft-windows:before {
  content: "󰖳";
}
.mdi-microsoft-windows-classic:before {
  content: "󰨡";
}
.mdi-microsoft-word:before {
  content: "󱎒";
}
.mdi-microsoft-xbox:before {
  content: "󰖹";
}
.mdi-microsoft-xbox-controller:before {
  content: "󰖺";
}
.mdi-microsoft-xbox-controller-battery-alert:before {
  content: "󰝋";
}
.mdi-microsoft-xbox-controller-battery-charging:before {
  content: "󰨢";
}
.mdi-microsoft-xbox-controller-battery-empty:before {
  content: "󰝌";
}
.mdi-microsoft-xbox-controller-battery-full:before {
  content: "󰝍";
}
.mdi-microsoft-xbox-controller-battery-low:before {
  content: "󰝎";
}
.mdi-microsoft-xbox-controller-battery-medium:before {
  content: "󰝏";
}
.mdi-microsoft-xbox-controller-battery-unknown:before {
  content: "󰝐";
}
.mdi-microsoft-xbox-controller-menu:before {
  content: "󰹯";
}
.mdi-microsoft-xbox-controller-off:before {
  content: "󰖻";
}
.mdi-microsoft-xbox-controller-view:before {
  content: "󰹰";
}
.mdi-microwave:before {
  content: "󰲙";
}
.mdi-microwave-off:before {
  content: "󱐣";
}
.mdi-middleware:before {
  content: "󰽝";
}
.mdi-middleware-outline:before {
  content: "󰽞";
}
.mdi-midi:before {
  content: "󰣱";
}
.mdi-midi-port:before {
  content: "󰣲";
}
.mdi-mine:before {
  content: "󰷚";
}
.mdi-minecraft:before {
  content: "󰍳";
}
.mdi-mini-sd:before {
  content: "󰨅";
}
.mdi-minidisc:before {
  content: "󰨆";
}
.mdi-minus:before {
  content: "󰍴";
}
.mdi-minus-box:before {
  content: "󰍵";
}
.mdi-minus-box-multiple:before {
  content: "󱅁";
}
.mdi-minus-box-multiple-outline:before {
  content: "󱅂";
}
.mdi-minus-box-outline:before {
  content: "󰛲";
}
.mdi-minus-circle:before {
  content: "󰍶";
}
.mdi-minus-circle-multiple:before {
  content: "󰍚";
}
.mdi-minus-circle-multiple-outline:before {
  content: "󰫓";
}
.mdi-minus-circle-off:before {
  content: "󱑙";
}
.mdi-minus-circle-off-outline:before {
  content: "󱑚";
}
.mdi-minus-circle-outline:before {
  content: "󰍷";
}
.mdi-minus-network:before {
  content: "󰍸";
}
.mdi-minus-network-outline:before {
  content: "󰲚";
}
.mdi-minus-thick:before {
  content: "󱘹";
}
.mdi-mirror:before {
  content: "󱇽";
}
.mdi-mirror-rectangle:before {
  content: "󱞟";
}
.mdi-mirror-variant:before {
  content: "󱞠";
}
.mdi-mixed-martial-arts:before {
  content: "󰶏";
}
.mdi-mixed-reality:before {
  content: "󰡿";
}
.mdi-molecule:before {
  content: "󰮬";
}
.mdi-molecule-co:before {
  content: "󱋾";
}
.mdi-molecule-co2:before {
  content: "󰟤";
}
.mdi-monitor:before {
  content: "󰍹";
}
.mdi-monitor-account:before {
  content: "󱩛";
}
.mdi-monitor-arrow-down:before {
  content: "󱧐";
}
.mdi-monitor-arrow-down-variant:before {
  content: "󱧑";
}
.mdi-monitor-cellphone:before {
  content: "󰦉";
}
.mdi-monitor-cellphone-star:before {
  content: "󰦊";
}
.mdi-monitor-dashboard:before {
  content: "󰨇";
}
.mdi-monitor-edit:before {
  content: "󱋆";
}
.mdi-monitor-eye:before {
  content: "󱎴";
}
.mdi-monitor-lock:before {
  content: "󰷛";
}
.mdi-monitor-multiple:before {
  content: "󰍺";
}
.mdi-monitor-off:before {
  content: "󰶐";
}
.mdi-monitor-screenshot:before {
  content: "󰹑";
}
.mdi-monitor-share:before {
  content: "󱒃";
}
.mdi-monitor-shimmer:before {
  content: "󱄄";
}
.mdi-monitor-small:before {
  content: "󱡶";
}
.mdi-monitor-speaker:before {
  content: "󰽟";
}
.mdi-monitor-speaker-off:before {
  content: "󰽠";
}
.mdi-monitor-star:before {
  content: "󰷜";
}
.mdi-monitor-vertical:before {
  content: "󱰳";
}
.mdi-moon-first-quarter:before {
  content: "󰽡";
}
.mdi-moon-full:before {
  content: "󰽢";
}
.mdi-moon-last-quarter:before {
  content: "󰽣";
}
.mdi-moon-new:before {
  content: "󰽤";
}
.mdi-moon-waning-crescent:before {
  content: "󰽥";
}
.mdi-moon-waning-gibbous:before {
  content: "󰽦";
}
.mdi-moon-waxing-crescent:before {
  content: "󰽧";
}
.mdi-moon-waxing-gibbous:before {
  content: "󰽨";
}
.mdi-moped:before {
  content: "󱂆";
}
.mdi-moped-electric:before {
  content: "󱖷";
}
.mdi-moped-electric-outline:before {
  content: "󱖸";
}
.mdi-moped-outline:before {
  content: "󱖹";
}
.mdi-more:before {
  content: "󰍻";
}
.mdi-mortar-pestle:before {
  content: "󱝈";
}
.mdi-mortar-pestle-plus:before {
  content: "󰏱";
}
.mdi-mosque:before {
  content: "󰵅";
}
.mdi-mosque-outline:before {
  content: "󱠧";
}
.mdi-mother-heart:before {
  content: "󱌔";
}
.mdi-mother-nurse:before {
  content: "󰴡";
}
.mdi-motion:before {
  content: "󱖲";
}
.mdi-motion-outline:before {
  content: "󱖳";
}
.mdi-motion-pause:before {
  content: "󱖐";
}
.mdi-motion-pause-outline:before {
  content: "󱖒";
}
.mdi-motion-play:before {
  content: "󱖏";
}
.mdi-motion-play-outline:before {
  content: "󱖑";
}
.mdi-motion-sensor:before {
  content: "󰶑";
}
.mdi-motion-sensor-off:before {
  content: "󱐵";
}
.mdi-motorbike:before {
  content: "󰍼";
}
.mdi-motorbike-electric:before {
  content: "󱖺";
}
.mdi-motorbike-off:before {
  content: "󱬖";
}
.mdi-mouse:before {
  content: "󰍽";
}
.mdi-mouse-bluetooth:before {
  content: "󰦋";
}
.mdi-mouse-left-click:before {
  content: "󱴇";
}
.mdi-mouse-left-click-outline:before {
  content: "󱴈";
}
.mdi-mouse-move-down:before {
  content: "󱕐";
}
.mdi-mouse-move-up:before {
  content: "󱕑";
}
.mdi-mouse-move-vertical:before {
  content: "󱕒";
}
.mdi-mouse-off:before {
  content: "󰍾";
}
.mdi-mouse-outline:before {
  content: "󱴉";
}
.mdi-mouse-right-click:before {
  content: "󱴊";
}
.mdi-mouse-right-click-outline:before {
  content: "󱴋";
}
.mdi-mouse-scroll-wheel:before {
  content: "󱴌";
}
.mdi-mouse-variant:before {
  content: "󰍿";
}
.mdi-mouse-variant-off:before {
  content: "󰎀";
}
.mdi-move-resize:before {
  content: "󰙕";
}
.mdi-move-resize-variant:before {
  content: "󰙖";
}
.mdi-movie:before {
  content: "󰎁";
}
.mdi-movie-check:before {
  content: "󱛳";
}
.mdi-movie-check-outline:before {
  content: "󱛴";
}
.mdi-movie-cog:before {
  content: "󱛵";
}
.mdi-movie-cog-outline:before {
  content: "󱛶";
}
.mdi-movie-edit:before {
  content: "󱄢";
}
.mdi-movie-edit-outline:before {
  content: "󱄣";
}
.mdi-movie-filter:before {
  content: "󱄤";
}
.mdi-movie-filter-outline:before {
  content: "󱄥";
}
.mdi-movie-minus:before {
  content: "󱛷";
}
.mdi-movie-minus-outline:before {
  content: "󱛸";
}
.mdi-movie-off:before {
  content: "󱛹";
}
.mdi-movie-off-outline:before {
  content: "󱛺";
}
.mdi-movie-open:before {
  content: "󰿎";
}
.mdi-movie-open-check:before {
  content: "󱛻";
}
.mdi-movie-open-check-outline:before {
  content: "󱛼";
}
.mdi-movie-open-cog:before {
  content: "󱛽";
}
.mdi-movie-open-cog-outline:before {
  content: "󱛾";
}
.mdi-movie-open-edit:before {
  content: "󱛿";
}
.mdi-movie-open-edit-outline:before {
  content: "󱜀";
}
.mdi-movie-open-minus:before {
  content: "󱜁";
}
.mdi-movie-open-minus-outline:before {
  content: "󱜂";
}
.mdi-movie-open-off:before {
  content: "󱜃";
}
.mdi-movie-open-off-outline:before {
  content: "󱜄";
}
.mdi-movie-open-outline:before {
  content: "󰿏";
}
.mdi-movie-open-play:before {
  content: "󱜅";
}
.mdi-movie-open-play-outline:before {
  content: "󱜆";
}
.mdi-movie-open-plus:before {
  content: "󱜇";
}
.mdi-movie-open-plus-outline:before {
  content: "󱜈";
}
.mdi-movie-open-remove:before {
  content: "󱜉";
}
.mdi-movie-open-remove-outline:before {
  content: "󱜊";
}
.mdi-movie-open-settings:before {
  content: "󱜋";
}
.mdi-movie-open-settings-outline:before {
  content: "󱜌";
}
.mdi-movie-open-star:before {
  content: "󱜍";
}
.mdi-movie-open-star-outline:before {
  content: "󱜎";
}
.mdi-movie-outline:before {
  content: "󰷝";
}
.mdi-movie-play:before {
  content: "󱜏";
}
.mdi-movie-play-outline:before {
  content: "󱜐";
}
.mdi-movie-plus:before {
  content: "󱜑";
}
.mdi-movie-plus-outline:before {
  content: "󱜒";
}
.mdi-movie-remove:before {
  content: "󱜓";
}
.mdi-movie-remove-outline:before {
  content: "󱜔";
}
.mdi-movie-roll:before {
  content: "󰟞";
}
.mdi-movie-search:before {
  content: "󱇒";
}
.mdi-movie-search-outline:before {
  content: "󱇓";
}
.mdi-movie-settings:before {
  content: "󱜕";
}
.mdi-movie-settings-outline:before {
  content: "󱜖";
}
.mdi-movie-star:before {
  content: "󱜗";
}
.mdi-movie-star-outline:before {
  content: "󱜘";
}
.mdi-mower:before {
  content: "󱙯";
}
.mdi-mower-bag:before {
  content: "󱙰";
}
.mdi-mower-bag-on:before {
  content: "󱭠";
}
.mdi-mower-on:before {
  content: "󱭟";
}
.mdi-muffin:before {
  content: "󰦌";
}
.mdi-multicast:before {
  content: "󱢓";
}
.mdi-multimedia:before {
  content: "󱮗";
}
.mdi-multiplication:before {
  content: "󰎂";
}
.mdi-multiplication-box:before {
  content: "󰎃";
}
.mdi-mushroom:before {
  content: "󰟟";
}
.mdi-mushroom-off:before {
  content: "󱏺";
}
.mdi-mushroom-off-outline:before {
  content: "󱏻";
}
.mdi-mushroom-outline:before {
  content: "󰟠";
}
.mdi-music:before {
  content: "󰝚";
}
.mdi-music-accidental-double-flat:before {
  content: "󰽩";
}
.mdi-music-accidental-double-sharp:before {
  content: "󰽪";
}
.mdi-music-accidental-flat:before {
  content: "󰽫";
}
.mdi-music-accidental-natural:before {
  content: "󰽬";
}
.mdi-music-accidental-sharp:before {
  content: "󰽭";
}
.mdi-music-box:before {
  content: "󰎄";
}
.mdi-music-box-multiple:before {
  content: "󰌳";
}
.mdi-music-box-multiple-outline:before {
  content: "󰼄";
}
.mdi-music-box-outline:before {
  content: "󰎅";
}
.mdi-music-circle:before {
  content: "󰎆";
}
.mdi-music-circle-outline:before {
  content: "󰫔";
}
.mdi-music-clef-alto:before {
  content: "󰽮";
}
.mdi-music-clef-bass:before {
  content: "󰽯";
}
.mdi-music-clef-treble:before {
  content: "󰽰";
}
.mdi-music-note:before {
  content: "󰎇";
}
.mdi-music-note-bluetooth:before {
  content: "󰗾";
}
.mdi-music-note-bluetooth-off:before {
  content: "󰗿";
}
.mdi-music-note-eighth:before {
  content: "󰎈";
}
.mdi-music-note-eighth-dotted:before {
  content: "󰽱";
}
.mdi-music-note-half:before {
  content: "󰎉";
}
.mdi-music-note-half-dotted:before {
  content: "󰽲";
}
.mdi-music-note-minus:before {
  content: "󱮉";
}
.mdi-music-note-off:before {
  content: "󰎊";
}
.mdi-music-note-off-outline:before {
  content: "󰽳";
}
.mdi-music-note-outline:before {
  content: "󰽴";
}
.mdi-music-note-plus:before {
  content: "󰷞";
}
.mdi-music-note-quarter:before {
  content: "󰎋";
}
.mdi-music-note-quarter-dotted:before {
  content: "󰽵";
}
.mdi-music-note-sixteenth:before {
  content: "󰎌";
}
.mdi-music-note-sixteenth-dotted:before {
  content: "󰽶";
}
.mdi-music-note-whole:before {
  content: "󰎍";
}
.mdi-music-note-whole-dotted:before {
  content: "󰽷";
}
.mdi-music-off:before {
  content: "󰝛";
}
.mdi-music-rest-eighth:before {
  content: "󰽸";
}
.mdi-music-rest-half:before {
  content: "󰽹";
}
.mdi-music-rest-quarter:before {
  content: "󰽺";
}
.mdi-music-rest-sixteenth:before {
  content: "󰽻";
}
.mdi-music-rest-whole:before {
  content: "󰽼";
}
.mdi-mustache:before {
  content: "󱗞";
}
.mdi-nail:before {
  content: "󰷟";
}
.mdi-nas:before {
  content: "󰣳";
}
.mdi-nativescript:before {
  content: "󰢀";
}
.mdi-nature:before {
  content: "󰎎";
}
.mdi-nature-outline:before {
  content: "󱱱";
}
.mdi-nature-people:before {
  content: "󰎏";
}
.mdi-nature-people-outline:before {
  content: "󱱲";
}
.mdi-navigation:before {
  content: "󰎐";
}
.mdi-navigation-outline:before {
  content: "󱘇";
}
.mdi-navigation-variant:before {
  content: "󱣰";
}
.mdi-navigation-variant-outline:before {
  content: "󱣱";
}
.mdi-near-me:before {
  content: "󰗍";
}
.mdi-necklace:before {
  content: "󰼋";
}
.mdi-needle:before {
  content: "󰎑";
}
.mdi-needle-off:before {
  content: "󱧒";
}
.mdi-netflix:before {
  content: "󰝆";
}
.mdi-network:before {
  content: "󰛳";
}
.mdi-network-off:before {
  content: "󰲛";
}
.mdi-network-off-outline:before {
  content: "󰲜";
}
.mdi-network-outline:before {
  content: "󰲝";
}
.mdi-network-pos:before {
  content: "󱫋";
}
.mdi-network-strength-1:before {
  content: "󰣴";
}
.mdi-network-strength-1-alert:before {
  content: "󰣵";
}
.mdi-network-strength-2:before {
  content: "󰣶";
}
.mdi-network-strength-2-alert:before {
  content: "󰣷";
}
.mdi-network-strength-3:before {
  content: "󰣸";
}
.mdi-network-strength-3-alert:before {
  content: "󰣹";
}
.mdi-network-strength-4:before {
  content: "󰣺";
}
.mdi-network-strength-4-alert:before {
  content: "󰣻";
}
.mdi-network-strength-4-cog:before {
  content: "󱤚";
}
.mdi-network-strength-off:before {
  content: "󰣼";
}
.mdi-network-strength-off-outline:before {
  content: "󰣽";
}
.mdi-network-strength-outline:before {
  content: "󰣾";
}
.mdi-new-box:before {
  content: "󰎔";
}
.mdi-newspaper:before {
  content: "󰎕";
}
.mdi-newspaper-check:before {
  content: "󱥃";
}
.mdi-newspaper-minus:before {
  content: "󰼌";
}
.mdi-newspaper-plus:before {
  content: "󰼍";
}
.mdi-newspaper-remove:before {
  content: "󱥄";
}
.mdi-newspaper-variant:before {
  content: "󱀁";
}
.mdi-newspaper-variant-multiple:before {
  content: "󱀂";
}
.mdi-newspaper-variant-multiple-outline:before {
  content: "󱀃";
}
.mdi-newspaper-variant-outline:before {
  content: "󱀄";
}
.mdi-nfc:before {
  content: "󰎖";
}
.mdi-nfc-search-variant:before {
  content: "󰹓";
}
.mdi-nfc-tap:before {
  content: "󰎗";
}
.mdi-nfc-variant:before {
  content: "󰎘";
}
.mdi-nfc-variant-off:before {
  content: "󰹔";
}
.mdi-ninja:before {
  content: "󰝴";
}
.mdi-nintendo-game-boy:before {
  content: "󱎓";
}
.mdi-nintendo-switch:before {
  content: "󰟡";
}
.mdi-nintendo-wii:before {
  content: "󰖫";
}
.mdi-nintendo-wiiu:before {
  content: "󰜭";
}
.mdi-nix:before {
  content: "󱄅";
}
.mdi-nodejs:before {
  content: "󰎙";
}
.mdi-noodles:before {
  content: "󱅾";
}
.mdi-not-equal:before {
  content: "󰦍";
}
.mdi-not-equal-variant:before {
  content: "󰦎";
}
.mdi-note:before {
  content: "󰎚";
}
.mdi-note-alert:before {
  content: "󱝽";
}
.mdi-note-alert-outline:before {
  content: "󱝾";
}
.mdi-note-check:before {
  content: "󱝿";
}
.mdi-note-check-outline:before {
  content: "󱞀";
}
.mdi-note-edit:before {
  content: "󱞁";
}
.mdi-note-edit-outline:before {
  content: "󱞂";
}
.mdi-note-minus:before {
  content: "󱙏";
}
.mdi-note-minus-outline:before {
  content: "󱙐";
}
.mdi-note-multiple:before {
  content: "󰚸";
}
.mdi-note-multiple-outline:before {
  content: "󰚹";
}
.mdi-note-off:before {
  content: "󱞃";
}
.mdi-note-off-outline:before {
  content: "󱞄";
}
.mdi-note-outline:before {
  content: "󰎛";
}
.mdi-note-plus:before {
  content: "󰎜";
}
.mdi-note-plus-outline:before {
  content: "󰎝";
}
.mdi-note-remove:before {
  content: "󱙑";
}
.mdi-note-remove-outline:before {
  content: "󱙒";
}
.mdi-note-search:before {
  content: "󱙓";
}
.mdi-note-search-outline:before {
  content: "󱙔";
}
.mdi-note-text:before {
  content: "󰎞";
}
.mdi-note-text-outline:before {
  content: "󱇗";
}
.mdi-notebook:before {
  content: "󰠮";
}
.mdi-notebook-check:before {
  content: "󱓵";
}
.mdi-notebook-check-outline:before {
  content: "󱓶";
}
.mdi-notebook-edit:before {
  content: "󱓧";
}
.mdi-notebook-edit-outline:before {
  content: "󱓩";
}
.mdi-notebook-heart:before {
  content: "󱨋";
}
.mdi-notebook-heart-outline:before {
  content: "󱨌";
}
.mdi-notebook-minus:before {
  content: "󱘐";
}
.mdi-notebook-minus-outline:before {
  content: "󱘑";
}
.mdi-notebook-multiple:before {
  content: "󰹕";
}
.mdi-notebook-outline:before {
  content: "󰺿";
}
.mdi-notebook-plus:before {
  content: "󱘒";
}
.mdi-notebook-plus-outline:before {
  content: "󱘓";
}
.mdi-notebook-remove:before {
  content: "󱘔";
}
.mdi-notebook-remove-outline:before {
  content: "󱘕";
}
.mdi-notification-clear-all:before {
  content: "󰎟";
}
.mdi-npm:before {
  content: "󰛷";
}
.mdi-nuke:before {
  content: "󰚤";
}
.mdi-null:before {
  content: "󰟢";
}
.mdi-numeric:before {
  content: "󰎠";
}
.mdi-numeric-0:before {
  content: "󰬹";
}
.mdi-numeric-0-box:before {
  content: "󰎡";
}
.mdi-numeric-0-box-multiple:before {
  content: "󰼎";
}
.mdi-numeric-0-box-multiple-outline:before {
  content: "󰎢";
}
.mdi-numeric-0-box-outline:before {
  content: "󰎣";
}
.mdi-numeric-0-circle:before {
  content: "󰲞";
}
.mdi-numeric-0-circle-outline:before {
  content: "󰲟";
}
.mdi-numeric-1:before {
  content: "󰬺";
}
.mdi-numeric-1-box:before {
  content: "󰎤";
}
.mdi-numeric-1-box-multiple:before {
  content: "󰼏";
}
.mdi-numeric-1-box-multiple-outline:before {
  content: "󰎥";
}
.mdi-numeric-1-box-outline:before {
  content: "󰎦";
}
.mdi-numeric-1-circle:before {
  content: "󰲠";
}
.mdi-numeric-1-circle-outline:before {
  content: "󰲡";
}
.mdi-numeric-10:before {
  content: "󰿩";
}
.mdi-numeric-10-box:before {
  content: "󰽽";
}
.mdi-numeric-10-box-multiple:before {
  content: "󰿪";
}
.mdi-numeric-10-box-multiple-outline:before {
  content: "󰿫";
}
.mdi-numeric-10-box-outline:before {
  content: "󰽾";
}
.mdi-numeric-10-circle:before {
  content: "󰿬";
}
.mdi-numeric-10-circle-outline:before {
  content: "󰿭";
}
.mdi-numeric-2:before {
  content: "󰬻";
}
.mdi-numeric-2-box:before {
  content: "󰎧";
}
.mdi-numeric-2-box-multiple:before {
  content: "󰼐";
}
.mdi-numeric-2-box-multiple-outline:before {
  content: "󰎨";
}
.mdi-numeric-2-box-outline:before {
  content: "󰎩";
}
.mdi-numeric-2-circle:before {
  content: "󰲢";
}
.mdi-numeric-2-circle-outline:before {
  content: "󰲣";
}
.mdi-numeric-3:before {
  content: "󰬼";
}
.mdi-numeric-3-box:before {
  content: "󰎪";
}
.mdi-numeric-3-box-multiple:before {
  content: "󰼑";
}
.mdi-numeric-3-box-multiple-outline:before {
  content: "󰎫";
}
.mdi-numeric-3-box-outline:before {
  content: "󰎬";
}
.mdi-numeric-3-circle:before {
  content: "󰲤";
}
.mdi-numeric-3-circle-outline:before {
  content: "󰲥";
}
.mdi-numeric-4:before {
  content: "󰬽";
}
.mdi-numeric-4-box:before {
  content: "󰎭";
}
.mdi-numeric-4-box-multiple:before {
  content: "󰼒";
}
.mdi-numeric-4-box-multiple-outline:before {
  content: "󰎲";
}
.mdi-numeric-4-box-outline:before {
  content: "󰎮";
}
.mdi-numeric-4-circle:before {
  content: "󰲦";
}
.mdi-numeric-4-circle-outline:before {
  content: "󰲧";
}
.mdi-numeric-5:before {
  content: "󰬾";
}
.mdi-numeric-5-box:before {
  content: "󰎱";
}
.mdi-numeric-5-box-multiple:before {
  content: "󰼓";
}
.mdi-numeric-5-box-multiple-outline:before {
  content: "󰎯";
}
.mdi-numeric-5-box-outline:before {
  content: "󰎰";
}
.mdi-numeric-5-circle:before {
  content: "󰲨";
}
.mdi-numeric-5-circle-outline:before {
  content: "󰲩";
}
.mdi-numeric-6:before {
  content: "󰬿";
}
.mdi-numeric-6-box:before {
  content: "󰎳";
}
.mdi-numeric-6-box-multiple:before {
  content: "󰼔";
}
.mdi-numeric-6-box-multiple-outline:before {
  content: "󰎴";
}
.mdi-numeric-6-box-outline:before {
  content: "󰎵";
}
.mdi-numeric-6-circle:before {
  content: "󰲪";
}
.mdi-numeric-6-circle-outline:before {
  content: "󰲫";
}
.mdi-numeric-7:before {
  content: "󰭀";
}
.mdi-numeric-7-box:before {
  content: "󰎶";
}
.mdi-numeric-7-box-multiple:before {
  content: "󰼕";
}
.mdi-numeric-7-box-multiple-outline:before {
  content: "󰎷";
}
.mdi-numeric-7-box-outline:before {
  content: "󰎸";
}
.mdi-numeric-7-circle:before {
  content: "󰲬";
}
.mdi-numeric-7-circle-outline:before {
  content: "󰲭";
}
.mdi-numeric-8:before {
  content: "󰭁";
}
.mdi-numeric-8-box:before {
  content: "󰎹";
}
.mdi-numeric-8-box-multiple:before {
  content: "󰼖";
}
.mdi-numeric-8-box-multiple-outline:before {
  content: "󰎺";
}
.mdi-numeric-8-box-outline:before {
  content: "󰎻";
}
.mdi-numeric-8-circle:before {
  content: "󰲮";
}
.mdi-numeric-8-circle-outline:before {
  content: "󰲯";
}
.mdi-numeric-9:before {
  content: "󰭂";
}
.mdi-numeric-9-box:before {
  content: "󰎼";
}
.mdi-numeric-9-box-multiple:before {
  content: "󰼗";
}
.mdi-numeric-9-box-multiple-outline:before {
  content: "󰎽";
}
.mdi-numeric-9-box-outline:before {
  content: "󰎾";
}
.mdi-numeric-9-circle:before {
  content: "󰲰";
}
.mdi-numeric-9-circle-outline:before {
  content: "󰲱";
}
.mdi-numeric-9-plus:before {
  content: "󰿮";
}
.mdi-numeric-9-plus-box:before {
  content: "󰎿";
}
.mdi-numeric-9-plus-box-multiple:before {
  content: "󰼘";
}
.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "󰏀";
}
.mdi-numeric-9-plus-box-outline:before {
  content: "󰏁";
}
.mdi-numeric-9-plus-circle:before {
  content: "󰲲";
}
.mdi-numeric-9-plus-circle-outline:before {
  content: "󰲳";
}
.mdi-numeric-negative-1:before {
  content: "󱁒";
}
.mdi-numeric-off:before {
  content: "󱧓";
}
.mdi-numeric-positive-1:before {
  content: "󱗋";
}
.mdi-nut:before {
  content: "󰛸";
}
.mdi-nutrition:before {
  content: "󰏂";
}
.mdi-nuxt:before {
  content: "󱄆";
}
.mdi-oar:before {
  content: "󰙼";
}
.mdi-ocarina:before {
  content: "󰷠";
}
.mdi-oci:before {
  content: "󱋩";
}
.mdi-ocr:before {
  content: "󱄺";
}
.mdi-octagon:before {
  content: "󰏃";
}
.mdi-octagon-outline:before {
  content: "󰏄";
}
.mdi-octagram:before {
  content: "󰛹";
}
.mdi-octagram-edit:before {
  content: "󱰴";
}
.mdi-octagram-edit-outline:before {
  content: "󱰵";
}
.mdi-octagram-minus:before {
  content: "󱰶";
}
.mdi-octagram-minus-outline:before {
  content: "󱰷";
}
.mdi-octagram-outline:before {
  content: "󰝵";
}
.mdi-octagram-plus:before {
  content: "󱰸";
}
.mdi-octagram-plus-outline:before {
  content: "󱰹";
}
.mdi-octahedron:before {
  content: "󱥐";
}
.mdi-octahedron-off:before {
  content: "󱥑";
}
.mdi-odnoklassniki:before {
  content: "󰏅";
}
.mdi-offer:before {
  content: "󱈛";
}
.mdi-office-building:before {
  content: "󰦑";
}
.mdi-office-building-cog:before {
  content: "󱥉";
}
.mdi-office-building-cog-outline:before {
  content: "󱥊";
}
.mdi-office-building-marker:before {
  content: "󱔠";
}
.mdi-office-building-marker-outline:before {
  content: "󱔡";
}
.mdi-office-building-minus:before {
  content: "󱮪";
}
.mdi-office-building-minus-outline:before {
  content: "󱮫";
}
.mdi-office-building-outline:before {
  content: "󱔟";
}
.mdi-office-building-plus:before {
  content: "󱮨";
}
.mdi-office-building-plus-outline:before {
  content: "󱮩";
}
.mdi-office-building-remove:before {
  content: "󱮬";
}
.mdi-office-building-remove-outline:before {
  content: "󱮭";
}
.mdi-oil:before {
  content: "󰏇";
}
.mdi-oil-lamp:before {
  content: "󰼙";
}
.mdi-oil-level:before {
  content: "󱁓";
}
.mdi-oil-temperature:before {
  content: "󰿸";
}
.mdi-om:before {
  content: "󰥳";
}
.mdi-omega:before {
  content: "󰏉";
}
.mdi-one-up:before {
  content: "󰮭";
}
.mdi-onepassword:before {
  content: "󰢁";
}
.mdi-opacity:before {
  content: "󰗌";
}
.mdi-open-in-app:before {
  content: "󰏋";
}
.mdi-open-in-new:before {
  content: "󰏌";
}
.mdi-open-source-initiative:before {
  content: "󰮮";
}
.mdi-openid:before {
  content: "󰏍";
}
.mdi-opera:before {
  content: "󰏎";
}
.mdi-orbit:before {
  content: "󰀘";
}
.mdi-orbit-variant:before {
  content: "󱗛";
}
.mdi-order-alphabetical-ascending:before {
  content: "󰈍";
}
.mdi-order-alphabetical-descending:before {
  content: "󰴇";
}
.mdi-order-bool-ascending:before {
  content: "󰊾";
}
.mdi-order-bool-ascending-variant:before {
  content: "󰦏";
}
.mdi-order-bool-descending:before {
  content: "󱎄";
}
.mdi-order-bool-descending-variant:before {
  content: "󰦐";
}
.mdi-order-numeric-ascending:before {
  content: "󰕅";
}
.mdi-order-numeric-descending:before {
  content: "󰕆";
}
.mdi-origin:before {
  content: "󰭃";
}
.mdi-ornament:before {
  content: "󰏏";
}
.mdi-ornament-variant:before {
  content: "󰏐";
}
.mdi-outdoor-lamp:before {
  content: "󱁔";
}
.mdi-overscan:before {
  content: "󱀅";
}
.mdi-owl:before {
  content: "󰏒";
}
.mdi-pac-man:before {
  content: "󰮯";
}
.mdi-package:before {
  content: "󰏓";
}
.mdi-package-check:before {
  content: "󱭑";
}
.mdi-package-down:before {
  content: "󰏔";
}
.mdi-package-up:before {
  content: "󰏕";
}
.mdi-package-variant:before {
  content: "󰏖";
}
.mdi-package-variant-closed:before {
  content: "󰏗";
}
.mdi-package-variant-closed-check:before {
  content: "󱭒";
}
.mdi-package-variant-closed-minus:before {
  content: "󱧔";
}
.mdi-package-variant-closed-plus:before {
  content: "󱧕";
}
.mdi-package-variant-closed-remove:before {
  content: "󱧖";
}
.mdi-package-variant-minus:before {
  content: "󱧗";
}
.mdi-package-variant-plus:before {
  content: "󱧘";
}
.mdi-package-variant-remove:before {
  content: "󱧙";
}
.mdi-page-first:before {
  content: "󰘀";
}
.mdi-page-last:before {
  content: "󰘁";
}
.mdi-page-layout-body:before {
  content: "󰛺";
}
.mdi-page-layout-footer:before {
  content: "󰛻";
}
.mdi-page-layout-header:before {
  content: "󰛼";
}
.mdi-page-layout-header-footer:before {
  content: "󰽿";
}
.mdi-page-layout-sidebar-left:before {
  content: "󰛽";
}
.mdi-page-layout-sidebar-right:before {
  content: "󰛾";
}
.mdi-page-next:before {
  content: "󰮰";
}
.mdi-page-next-outline:before {
  content: "󰮱";
}
.mdi-page-previous:before {
  content: "󰮲";
}
.mdi-page-previous-outline:before {
  content: "󰮳";
}
.mdi-pail:before {
  content: "󱐗";
}
.mdi-pail-minus:before {
  content: "󱐷";
}
.mdi-pail-minus-outline:before {
  content: "󱐼";
}
.mdi-pail-off:before {
  content: "󱐹";
}
.mdi-pail-off-outline:before {
  content: "󱐾";
}
.mdi-pail-outline:before {
  content: "󱐺";
}
.mdi-pail-plus:before {
  content: "󱐶";
}
.mdi-pail-plus-outline:before {
  content: "󱐻";
}
.mdi-pail-remove:before {
  content: "󱐸";
}
.mdi-pail-remove-outline:before {
  content: "󱐽";
}
.mdi-palette:before {
  content: "󰏘";
}
.mdi-palette-advanced:before {
  content: "󰏙";
}
.mdi-palette-outline:before {
  content: "󰸌";
}
.mdi-palette-swatch:before {
  content: "󰢵";
}
.mdi-palette-swatch-outline:before {
  content: "󱍜";
}
.mdi-palette-swatch-variant:before {
  content: "󱥚";
}
.mdi-palm-tree:before {
  content: "󱁕";
}
.mdi-pan:before {
  content: "󰮴";
}
.mdi-pan-bottom-left:before {
  content: "󰮵";
}
.mdi-pan-bottom-right:before {
  content: "󰮶";
}
.mdi-pan-down:before {
  content: "󰮷";
}
.mdi-pan-horizontal:before {
  content: "󰮸";
}
.mdi-pan-left:before {
  content: "󰮹";
}
.mdi-pan-right:before {
  content: "󰮺";
}
.mdi-pan-top-left:before {
  content: "󰮻";
}
.mdi-pan-top-right:before {
  content: "󰮼";
}
.mdi-pan-up:before {
  content: "󰮽";
}
.mdi-pan-vertical:before {
  content: "󰮾";
}
.mdi-panda:before {
  content: "󰏚";
}
.mdi-pandora:before {
  content: "󰏛";
}
.mdi-panorama:before {
  content: "󰏜";
}
.mdi-panorama-fisheye:before {
  content: "󰏝";
}
.mdi-panorama-horizontal:before {
  content: "󱤨";
}
.mdi-panorama-horizontal-outline:before {
  content: "󰏞";
}
.mdi-panorama-outline:before {
  content: "󱦌";
}
.mdi-panorama-sphere:before {
  content: "󱦍";
}
.mdi-panorama-sphere-outline:before {
  content: "󱦎";
}
.mdi-panorama-variant:before {
  content: "󱦏";
}
.mdi-panorama-variant-outline:before {
  content: "󱦐";
}
.mdi-panorama-vertical:before {
  content: "󱤩";
}
.mdi-panorama-vertical-outline:before {
  content: "󰏟";
}
.mdi-panorama-wide-angle:before {
  content: "󱥟";
}
.mdi-panorama-wide-angle-outline:before {
  content: "󰏠";
}
.mdi-paper-cut-vertical:before {
  content: "󰏡";
}
.mdi-paper-roll:before {
  content: "󱅗";
}
.mdi-paper-roll-outline:before {
  content: "󱅘";
}
.mdi-paperclip:before {
  content: "󰏢";
}
.mdi-paperclip-check:before {
  content: "󱫆";
}
.mdi-paperclip-lock:before {
  content: "󱧚";
}
.mdi-paperclip-minus:before {
  content: "󱫇";
}
.mdi-paperclip-off:before {
  content: "󱫈";
}
.mdi-paperclip-plus:before {
  content: "󱫉";
}
.mdi-paperclip-remove:before {
  content: "󱫊";
}
.mdi-parachute:before {
  content: "󰲴";
}
.mdi-parachute-outline:before {
  content: "󰲵";
}
.mdi-paragliding:before {
  content: "󱝅";
}
.mdi-parking:before {
  content: "󰏣";
}
.mdi-party-popper:before {
  content: "󱁖";
}
.mdi-passport:before {
  content: "󰟣";
}
.mdi-passport-alert:before {
  content: "󱲸";
}
.mdi-passport-biometric:before {
  content: "󰷡";
}
.mdi-passport-cancel:before {
  content: "󱲹";
}
.mdi-passport-check:before {
  content: "󱲺";
}
.mdi-passport-minus:before {
  content: "󱲻";
}
.mdi-passport-plus:before {
  content: "󱲼";
}
.mdi-passport-remove:before {
  content: "󱲽";
}
.mdi-pasta:before {
  content: "󱅠";
}
.mdi-patio-heater:before {
  content: "󰾀";
}
.mdi-patreon:before {
  content: "󰢂";
}
.mdi-pause:before {
  content: "󰏤";
}
.mdi-pause-box:before {
  content: "󰂼";
}
.mdi-pause-box-outline:before {
  content: "󱭺";
}
.mdi-pause-circle:before {
  content: "󰏥";
}
.mdi-pause-circle-outline:before {
  content: "󰏦";
}
.mdi-pause-octagon:before {
  content: "󰏧";
}
.mdi-pause-octagon-outline:before {
  content: "󰏨";
}
.mdi-paw:before {
  content: "󰏩";
}
.mdi-paw-off:before {
  content: "󰙗";
}
.mdi-paw-off-outline:before {
  content: "󱙶";
}
.mdi-paw-outline:before {
  content: "󱙵";
}
.mdi-peace:before {
  content: "󰢄";
}
.mdi-peanut:before {
  content: "󰿼";
}
.mdi-peanut-off:before {
  content: "󰿽";
}
.mdi-peanut-off-outline:before {
  content: "󰿿";
}
.mdi-peanut-outline:before {
  content: "󰿾";
}
.mdi-pen:before {
  content: "󰏪";
}
.mdi-pen-lock:before {
  content: "󰷢";
}
.mdi-pen-minus:before {
  content: "󰷣";
}
.mdi-pen-off:before {
  content: "󰷤";
}
.mdi-pen-plus:before {
  content: "󰷥";
}
.mdi-pen-remove:before {
  content: "󰷦";
}
.mdi-pencil:before {
  content: "󰏫";
}
.mdi-pencil-box:before {
  content: "󰏬";
}
.mdi-pencil-box-multiple:before {
  content: "󱅄";
}
.mdi-pencil-box-multiple-outline:before {
  content: "󱅅";
}
.mdi-pencil-box-outline:before {
  content: "󰏭";
}
.mdi-pencil-circle:before {
  content: "󰛿";
}
.mdi-pencil-circle-outline:before {
  content: "󰝶";
}
.mdi-pencil-lock:before {
  content: "󰏮";
}
.mdi-pencil-lock-outline:before {
  content: "󰷧";
}
.mdi-pencil-minus:before {
  content: "󰷨";
}
.mdi-pencil-minus-outline:before {
  content: "󰷩";
}
.mdi-pencil-off:before {
  content: "󰏯";
}
.mdi-pencil-off-outline:before {
  content: "󰷪";
}
.mdi-pencil-outline:before {
  content: "󰲶";
}
.mdi-pencil-plus:before {
  content: "󰷫";
}
.mdi-pencil-plus-outline:before {
  content: "󰷬";
}
.mdi-pencil-remove:before {
  content: "󰷭";
}
.mdi-pencil-remove-outline:before {
  content: "󰷮";
}
.mdi-pencil-ruler:before {
  content: "󱍓";
}
.mdi-pencil-ruler-outline:before {
  content: "󱰑";
}
.mdi-penguin:before {
  content: "󰻀";
}
.mdi-pentagon:before {
  content: "󰜁";
}
.mdi-pentagon-outline:before {
  content: "󰜀";
}
.mdi-pentagram:before {
  content: "󱙧";
}
.mdi-percent:before {
  content: "󰏰";
}
.mdi-percent-box:before {
  content: "󱨂";
}
.mdi-percent-box-outline:before {
  content: "󱨃";
}
.mdi-percent-circle:before {
  content: "󱨄";
}
.mdi-percent-circle-outline:before {
  content: "󱨅";
}
.mdi-percent-outline:before {
  content: "󱉸";
}
.mdi-periodic-table:before {
  content: "󰢶";
}
.mdi-perspective-less:before {
  content: "󰴣";
}
.mdi-perspective-more:before {
  content: "󰴤";
}
.mdi-ph:before {
  content: "󱟅";
}
.mdi-phone:before {
  content: "󰏲";
}
.mdi-phone-alert:before {
  content: "󰼚";
}
.mdi-phone-alert-outline:before {
  content: "󱆎";
}
.mdi-phone-bluetooth:before {
  content: "󰏳";
}
.mdi-phone-bluetooth-outline:before {
  content: "󱆏";
}
.mdi-phone-cancel:before {
  content: "󱂼";
}
.mdi-phone-cancel-outline:before {
  content: "󱆐";
}
.mdi-phone-check:before {
  content: "󱆩";
}
.mdi-phone-check-outline:before {
  content: "󱆪";
}
.mdi-phone-classic:before {
  content: "󰘂";
}
.mdi-phone-classic-off:before {
  content: "󱉹";
}
.mdi-phone-clock:before {
  content: "󱧛";
}
.mdi-phone-dial:before {
  content: "󱕙";
}
.mdi-phone-dial-outline:before {
  content: "󱕚";
}
.mdi-phone-forward:before {
  content: "󰏴";
}
.mdi-phone-forward-outline:before {
  content: "󱆑";
}
.mdi-phone-hangup:before {
  content: "󰏵";
}
.mdi-phone-hangup-outline:before {
  content: "󱆒";
}
.mdi-phone-in-talk:before {
  content: "󰏶";
}
.mdi-phone-in-talk-outline:before {
  content: "󱆂";
}
.mdi-phone-incoming:before {
  content: "󰏷";
}
.mdi-phone-incoming-outgoing:before {
  content: "󱬿";
}
.mdi-phone-incoming-outgoing-outline:before {
  content: "󱭀";
}
.mdi-phone-incoming-outline:before {
  content: "󱆓";
}
.mdi-phone-lock:before {
  content: "󰏸";
}
.mdi-phone-lock-outline:before {
  content: "󱆔";
}
.mdi-phone-log:before {
  content: "󰏹";
}
.mdi-phone-log-outline:before {
  content: "󱆕";
}
.mdi-phone-message:before {
  content: "󱆖";
}
.mdi-phone-message-outline:before {
  content: "󱆗";
}
.mdi-phone-minus:before {
  content: "󰙘";
}
.mdi-phone-minus-outline:before {
  content: "󱆘";
}
.mdi-phone-missed:before {
  content: "󰏺";
}
.mdi-phone-missed-outline:before {
  content: "󱆥";
}
.mdi-phone-off:before {
  content: "󰷯";
}
.mdi-phone-off-outline:before {
  content: "󱆦";
}
.mdi-phone-outgoing:before {
  content: "󰏻";
}
.mdi-phone-outgoing-outline:before {
  content: "󱆙";
}
.mdi-phone-outline:before {
  content: "󰷰";
}
.mdi-phone-paused:before {
  content: "󰏼";
}
.mdi-phone-paused-outline:before {
  content: "󱆚";
}
.mdi-phone-plus:before {
  content: "󰙙";
}
.mdi-phone-plus-outline:before {
  content: "󱆛";
}
.mdi-phone-refresh:before {
  content: "󱦓";
}
.mdi-phone-refresh-outline:before {
  content: "󱦔";
}
.mdi-phone-remove:before {
  content: "󱔯";
}
.mdi-phone-remove-outline:before {
  content: "󱔰";
}
.mdi-phone-return:before {
  content: "󰠯";
}
.mdi-phone-return-outline:before {
  content: "󱆜";
}
.mdi-phone-ring:before {
  content: "󱆫";
}
.mdi-phone-ring-outline:before {
  content: "󱆬";
}
.mdi-phone-rotate-landscape:before {
  content: "󰢅";
}
.mdi-phone-rotate-portrait:before {
  content: "󰢆";
}
.mdi-phone-settings:before {
  content: "󰏽";
}
.mdi-phone-settings-outline:before {
  content: "󱆝";
}
.mdi-phone-sync:before {
  content: "󱦕";
}
.mdi-phone-sync-outline:before {
  content: "󱦖";
}
.mdi-phone-voip:before {
  content: "󰏾";
}
.mdi-pi:before {
  content: "󰏿";
}
.mdi-pi-box:before {
  content: "󰐀";
}
.mdi-pi-hole:before {
  content: "󰷱";
}
.mdi-piano:before {
  content: "󰙽";
}
.mdi-piano-off:before {
  content: "󰚘";
}
.mdi-pickaxe:before {
  content: "󰢷";
}
.mdi-picture-in-picture-bottom-right:before {
  content: "󰹗";
}
.mdi-picture-in-picture-bottom-right-outline:before {
  content: "󰹘";
}
.mdi-picture-in-picture-top-right:before {
  content: "󰹙";
}
.mdi-picture-in-picture-top-right-outline:before {
  content: "󰹚";
}
.mdi-pier:before {
  content: "󰢇";
}
.mdi-pier-crane:before {
  content: "󰢈";
}
.mdi-pig:before {
  content: "󰐁";
}
.mdi-pig-variant:before {
  content: "󱀆";
}
.mdi-pig-variant-outline:before {
  content: "󱙸";
}
.mdi-piggy-bank:before {
  content: "󱀇";
}
.mdi-piggy-bank-outline:before {
  content: "󱙹";
}
.mdi-pill:before {
  content: "󰐂";
}
.mdi-pill-multiple:before {
  content: "󱭌";
}
.mdi-pill-off:before {
  content: "󱩜";
}
.mdi-pillar:before {
  content: "󰜂";
}
.mdi-pin:before {
  content: "󰐃";
}
.mdi-pin-off:before {
  content: "󰐄";
}
.mdi-pin-off-outline:before {
  content: "󰤰";
}
.mdi-pin-outline:before {
  content: "󰤱";
}
.mdi-pine-tree:before {
  content: "󰐅";
}
.mdi-pine-tree-box:before {
  content: "󰐆";
}
.mdi-pine-tree-fire:before {
  content: "󱐚";
}
.mdi-pine-tree-variant:before {
  content: "󱱳";
}
.mdi-pine-tree-variant-outline:before {
  content: "󱱴";
}
.mdi-pinterest:before {
  content: "󰐇";
}
.mdi-pinwheel:before {
  content: "󰫕";
}
.mdi-pinwheel-outline:before {
  content: "󰫖";
}
.mdi-pipe:before {
  content: "󰟥";
}
.mdi-pipe-disconnected:before {
  content: "󰟦";
}
.mdi-pipe-leak:before {
  content: "󰢉";
}
.mdi-pipe-valve:before {
  content: "󱡍";
}
.mdi-pipe-wrench:before {
  content: "󱍔";
}
.mdi-pirate:before {
  content: "󰨈";
}
.mdi-pistol:before {
  content: "󰜃";
}
.mdi-piston:before {
  content: "󰢊";
}
.mdi-pitchfork:before {
  content: "󱕓";
}
.mdi-pizza:before {
  content: "󰐉";
}
.mdi-plane-car:before {
  content: "󱫿";
}
.mdi-plane-train:before {
  content: "󱬀";
}
.mdi-play:before {
  content: "󰐊";
}
.mdi-play-box:before {
  content: "󱉺";
}
.mdi-play-box-edit-outline:before {
  content: "󱰺";
}
.mdi-play-box-lock:before {
  content: "󱨖";
}
.mdi-play-box-lock-open:before {
  content: "󱨗";
}
.mdi-play-box-lock-open-outline:before {
  content: "󱨘";
}
.mdi-play-box-lock-outline:before {
  content: "󱨙";
}
.mdi-play-box-multiple:before {
  content: "󰴙";
}
.mdi-play-box-multiple-outline:before {
  content: "󱏦";
}
.mdi-play-box-outline:before {
  content: "󰐋";
}
.mdi-play-circle:before {
  content: "󰐌";
}
.mdi-play-circle-outline:before {
  content: "󰐍";
}
.mdi-play-network:before {
  content: "󰢋";
}
.mdi-play-network-outline:before {
  content: "󰲷";
}
.mdi-play-outline:before {
  content: "󰼛";
}
.mdi-play-pause:before {
  content: "󰐎";
}
.mdi-play-protected-content:before {
  content: "󰐏";
}
.mdi-play-speed:before {
  content: "󰣿";
}
.mdi-playlist-check:before {
  content: "󰗇";
}
.mdi-playlist-edit:before {
  content: "󰤀";
}
.mdi-playlist-minus:before {
  content: "󰐐";
}
.mdi-playlist-music:before {
  content: "󰲸";
}
.mdi-playlist-music-outline:before {
  content: "󰲹";
}
.mdi-playlist-play:before {
  content: "󰐑";
}
.mdi-playlist-plus:before {
  content: "󰐒";
}
.mdi-playlist-remove:before {
  content: "󰐓";
}
.mdi-playlist-star:before {
  content: "󰷲";
}
.mdi-plex:before {
  content: "󰚺";
}
.mdi-pliers:before {
  content: "󱦤";
}
.mdi-plus:before {
  content: "󰐕";
}
.mdi-plus-box:before {
  content: "󰐖";
}
.mdi-plus-box-multiple:before {
  content: "󰌴";
}
.mdi-plus-box-multiple-outline:before {
  content: "󱅃";
}
.mdi-plus-box-outline:before {
  content: "󰜄";
}
.mdi-plus-circle:before {
  content: "󰐗";
}
.mdi-plus-circle-multiple:before {
  content: "󰍌";
}
.mdi-plus-circle-multiple-outline:before {
  content: "󰐘";
}
.mdi-plus-circle-outline:before {
  content: "󰐙";
}
.mdi-plus-lock:before {
  content: "󱩝";
}
.mdi-plus-lock-open:before {
  content: "󱩞";
}
.mdi-plus-minus:before {
  content: "󰦒";
}
.mdi-plus-minus-box:before {
  content: "󰦓";
}
.mdi-plus-minus-variant:before {
  content: "󱓉";
}
.mdi-plus-network:before {
  content: "󰐚";
}
.mdi-plus-network-outline:before {
  content: "󰲺";
}
.mdi-plus-outline:before {
  content: "󰜅";
}
.mdi-plus-thick:before {
  content: "󱇬";
}
.mdi-pocket:before {
  content: "󱲾";
}
.mdi-podcast:before {
  content: "󰦔";
}
.mdi-podium:before {
  content: "󰴥";
}
.mdi-podium-bronze:before {
  content: "󰴦";
}
.mdi-podium-gold:before {
  content: "󰴧";
}
.mdi-podium-silver:before {
  content: "󰴨";
}
.mdi-point-of-sale:before {
  content: "󰶒";
}
.mdi-pokeball:before {
  content: "󰐝";
}
.mdi-pokemon-go:before {
  content: "󰨉";
}
.mdi-poker-chip:before {
  content: "󰠰";
}
.mdi-polaroid:before {
  content: "󰐞";
}
.mdi-police-badge:before {
  content: "󱅧";
}
.mdi-police-badge-outline:before {
  content: "󱅨";
}
.mdi-police-station:before {
  content: "󱠹";
}
.mdi-poll:before {
  content: "󰐟";
}
.mdi-polo:before {
  content: "󱓃";
}
.mdi-polymer:before {
  content: "󰐡";
}
.mdi-pool:before {
  content: "󰘆";
}
.mdi-pool-thermometer:before {
  content: "󱩟";
}
.mdi-popcorn:before {
  content: "󰐢";
}
.mdi-post:before {
  content: "󱀈";
}
.mdi-post-lamp:before {
  content: "󱩠";
}
.mdi-post-outline:before {
  content: "󱀉";
}
.mdi-postage-stamp:before {
  content: "󰲻";
}
.mdi-pot:before {
  content: "󰋥";
}
.mdi-pot-mix:before {
  content: "󰙛";
}
.mdi-pot-mix-outline:before {
  content: "󰙷";
}
.mdi-pot-outline:before {
  content: "󰋿";
}
.mdi-pot-steam:before {
  content: "󰙚";
}
.mdi-pot-steam-outline:before {
  content: "󰌦";
}
.mdi-pound:before {
  content: "󰐣";
}
.mdi-pound-box:before {
  content: "󰐤";
}
.mdi-pound-box-outline:before {
  content: "󱅿";
}
.mdi-power:before {
  content: "󰐥";
}
.mdi-power-cycle:before {
  content: "󰤁";
}
.mdi-power-off:before {
  content: "󰤂";
}
.mdi-power-on:before {
  content: "󰤃";
}
.mdi-power-plug:before {
  content: "󰚥";
}
.mdi-power-plug-battery:before {
  content: "󱰻";
}
.mdi-power-plug-battery-outline:before {
  content: "󱰼";
}
.mdi-power-plug-off:before {
  content: "󰚦";
}
.mdi-power-plug-off-outline:before {
  content: "󱐤";
}
.mdi-power-plug-outline:before {
  content: "󱐥";
}
.mdi-power-settings:before {
  content: "󰐦";
}
.mdi-power-sleep:before {
  content: "󰤄";
}
.mdi-power-socket:before {
  content: "󰐧";
}
.mdi-power-socket-au:before {
  content: "󰤅";
}
.mdi-power-socket-ch:before {
  content: "󰾳";
}
.mdi-power-socket-de:before {
  content: "󱄇";
}
.mdi-power-socket-eu:before {
  content: "󰟧";
}
.mdi-power-socket-fr:before {
  content: "󱄈";
}
.mdi-power-socket-it:before {
  content: "󱓿";
}
.mdi-power-socket-jp:before {
  content: "󱄉";
}
.mdi-power-socket-uk:before {
  content: "󰟨";
}
.mdi-power-socket-us:before {
  content: "󰟩";
}
.mdi-power-standby:before {
  content: "󰤆";
}
.mdi-powershell:before {
  content: "󰨊";
}
.mdi-prescription:before {
  content: "󰜆";
}
.mdi-presentation:before {
  content: "󰐨";
}
.mdi-presentation-play:before {
  content: "󰐩";
}
.mdi-pretzel:before {
  content: "󱕢";
}
.mdi-printer:before {
  content: "󰐪";
}
.mdi-printer-3d:before {
  content: "󰐫";
}
.mdi-printer-3d-nozzle:before {
  content: "󰹛";
}
.mdi-printer-3d-nozzle-alert:before {
  content: "󱇀";
}
.mdi-printer-3d-nozzle-alert-outline:before {
  content: "󱇁";
}
.mdi-printer-3d-nozzle-heat:before {
  content: "󱢸";
}
.mdi-printer-3d-nozzle-heat-outline:before {
  content: "󱢹";
}
.mdi-printer-3d-nozzle-off:before {
  content: "󱬙";
}
.mdi-printer-3d-nozzle-off-outline:before {
  content: "󱬚";
}
.mdi-printer-3d-nozzle-outline:before {
  content: "󰹜";
}
.mdi-printer-3d-off:before {
  content: "󱬎";
}
.mdi-printer-alert:before {
  content: "󰐬";
}
.mdi-printer-check:before {
  content: "󱅆";
}
.mdi-printer-eye:before {
  content: "󱑘";
}
.mdi-printer-off:before {
  content: "󰹝";
}
.mdi-printer-off-outline:before {
  content: "󱞅";
}
.mdi-printer-outline:before {
  content: "󱞆";
}
.mdi-printer-pos:before {
  content: "󱁗";
}
.mdi-printer-pos-alert:before {
  content: "󱮼";
}
.mdi-printer-pos-alert-outline:before {
  content: "󱮽";
}
.mdi-printer-pos-cancel:before {
  content: "󱮾";
}
.mdi-printer-pos-cancel-outline:before {
  content: "󱮿";
}
.mdi-printer-pos-check:before {
  content: "󱯀";
}
.mdi-printer-pos-check-outline:before {
  content: "󱯁";
}
.mdi-printer-pos-cog:before {
  content: "󱯂";
}
.mdi-printer-pos-cog-outline:before {
  content: "󱯃";
}
.mdi-printer-pos-edit:before {
  content: "󱯄";
}
.mdi-printer-pos-edit-outline:before {
  content: "󱯅";
}
.mdi-printer-pos-minus:before {
  content: "󱯆";
}
.mdi-printer-pos-minus-outline:before {
  content: "󱯇";
}
.mdi-printer-pos-network:before {
  content: "󱯈";
}
.mdi-printer-pos-network-outline:before {
  content: "󱯉";
}
.mdi-printer-pos-off:before {
  content: "󱯊";
}
.mdi-printer-pos-off-outline:before {
  content: "󱯋";
}
.mdi-printer-pos-outline:before {
  content: "󱯌";
}
.mdi-printer-pos-pause:before {
  content: "󱯍";
}
.mdi-printer-pos-pause-outline:before {
  content: "󱯎";
}
.mdi-printer-pos-play:before {
  content: "󱯏";
}
.mdi-printer-pos-play-outline:before {
  content: "󱯐";
}
.mdi-printer-pos-plus:before {
  content: "󱯑";
}
.mdi-printer-pos-plus-outline:before {
  content: "󱯒";
}
.mdi-printer-pos-refresh:before {
  content: "󱯓";
}
.mdi-printer-pos-refresh-outline:before {
  content: "󱯔";
}
.mdi-printer-pos-remove:before {
  content: "󱯕";
}
.mdi-printer-pos-remove-outline:before {
  content: "󱯖";
}
.mdi-printer-pos-star:before {
  content: "󱯗";
}
.mdi-printer-pos-star-outline:before {
  content: "󱯘";
}
.mdi-printer-pos-stop:before {
  content: "󱯙";
}
.mdi-printer-pos-stop-outline:before {
  content: "󱯚";
}
.mdi-printer-pos-sync:before {
  content: "󱯛";
}
.mdi-printer-pos-sync-outline:before {
  content: "󱯜";
}
.mdi-printer-pos-wrench:before {
  content: "󱯝";
}
.mdi-printer-pos-wrench-outline:before {
  content: "󱯞";
}
.mdi-printer-search:before {
  content: "󱑗";
}
.mdi-printer-settings:before {
  content: "󰜇";
}
.mdi-printer-wireless:before {
  content: "󰨋";
}
.mdi-priority-high:before {
  content: "󰘃";
}
.mdi-priority-low:before {
  content: "󰘄";
}
.mdi-professional-hexagon:before {
  content: "󰐭";
}
.mdi-progress-alert:before {
  content: "󰲼";
}
.mdi-progress-check:before {
  content: "󰦕";
}
.mdi-progress-clock:before {
  content: "󰦖";
}
.mdi-progress-close:before {
  content: "󱄊";
}
.mdi-progress-download:before {
  content: "󰦗";
}
.mdi-progress-helper:before {
  content: "󱮢";
}
.mdi-progress-pencil:before {
  content: "󱞇";
}
.mdi-progress-question:before {
  content: "󱔢";
}
.mdi-progress-star:before {
  content: "󱞈";
}
.mdi-progress-star-four-points:before {
  content: "󱰽";
}
.mdi-progress-tag:before {
  content: "󱴍";
}
.mdi-progress-upload:before {
  content: "󰦘";
}
.mdi-progress-wrench:before {
  content: "󰲽";
}
.mdi-projector:before {
  content: "󰐮";
}
.mdi-projector-off:before {
  content: "󱨣";
}
.mdi-projector-screen:before {
  content: "󰐯";
}
.mdi-projector-screen-off:before {
  content: "󱠍";
}
.mdi-projector-screen-off-outline:before {
  content: "󱠎";
}
.mdi-projector-screen-outline:before {
  content: "󱜤";
}
.mdi-projector-screen-variant:before {
  content: "󱠏";
}
.mdi-projector-screen-variant-off:before {
  content: "󱠐";
}
.mdi-projector-screen-variant-off-outline:before {
  content: "󱠑";
}
.mdi-projector-screen-variant-outline:before {
  content: "󱠒";
}
.mdi-propane-tank:before {
  content: "󱍗";
}
.mdi-propane-tank-outline:before {
  content: "󱍘";
}
.mdi-protocol:before {
  content: "󰿘";
}
.mdi-publish:before {
  content: "󰚧";
}
.mdi-publish-off:before {
  content: "󱥅";
}
.mdi-pulse:before {
  content: "󰐰";
}
.mdi-pump:before {
  content: "󱐂";
}
.mdi-pump-off:before {
  content: "󱬢";
}
.mdi-pumpkin:before {
  content: "󰮿";
}
.mdi-purse:before {
  content: "󰼜";
}
.mdi-purse-outline:before {
  content: "󰼝";
}
.mdi-puzzle:before {
  content: "󰐱";
}
.mdi-puzzle-check:before {
  content: "󱐦";
}
.mdi-puzzle-check-outline:before {
  content: "󱐧";
}
.mdi-puzzle-edit:before {
  content: "󱓓";
}
.mdi-puzzle-edit-outline:before {
  content: "󱓙";
}
.mdi-puzzle-heart:before {
  content: "󱓔";
}
.mdi-puzzle-heart-outline:before {
  content: "󱓚";
}
.mdi-puzzle-minus:before {
  content: "󱓑";
}
.mdi-puzzle-minus-outline:before {
  content: "󱓗";
}
.mdi-puzzle-outline:before {
  content: "󰩦";
}
.mdi-puzzle-plus:before {
  content: "󱓐";
}
.mdi-puzzle-plus-outline:before {
  content: "󱓖";
}
.mdi-puzzle-remove:before {
  content: "󱓒";
}
.mdi-puzzle-remove-outline:before {
  content: "󱓘";
}
.mdi-puzzle-star:before {
  content: "󱓕";
}
.mdi-puzzle-star-outline:before {
  content: "󱓛";
}
.mdi-pyramid:before {
  content: "󱥒";
}
.mdi-pyramid-off:before {
  content: "󱥓";
}
.mdi-qi:before {
  content: "󰦙";
}
.mdi-qqchat:before {
  content: "󰘅";
}
.mdi-qrcode:before {
  content: "󰐲";
}
.mdi-qrcode-edit:before {
  content: "󰢸";
}
.mdi-qrcode-minus:before {
  content: "󱆌";
}
.mdi-qrcode-plus:before {
  content: "󱆋";
}
.mdi-qrcode-remove:before {
  content: "󱆍";
}
.mdi-qrcode-scan:before {
  content: "󰐳";
}
.mdi-quadcopter:before {
  content: "󰐴";
}
.mdi-quality-high:before {
  content: "󰐵";
}
.mdi-quality-low:before {
  content: "󰨌";
}
.mdi-quality-medium:before {
  content: "󰨍";
}
.mdi-queue-first-in-last-out:before {
  content: "󱲯";
}
.mdi-quora:before {
  content: "󰴩";
}
.mdi-rabbit:before {
  content: "󰤇";
}
.mdi-rabbit-variant:before {
  content: "󱩡";
}
.mdi-rabbit-variant-outline:before {
  content: "󱩢";
}
.mdi-racing-helmet:before {
  content: "󰶓";
}
.mdi-racquetball:before {
  content: "󰶔";
}
.mdi-radar:before {
  content: "󰐷";
}
.mdi-radiator:before {
  content: "󰐸";
}
.mdi-radiator-disabled:before {
  content: "󰫗";
}
.mdi-radiator-off:before {
  content: "󰫘";
}
.mdi-radio:before {
  content: "󰐹";
}
.mdi-radio-am:before {
  content: "󰲾";
}
.mdi-radio-fm:before {
  content: "󰲿";
}
.mdi-radio-handheld:before {
  content: "󰐺";
}
.mdi-radio-off:before {
  content: "󱈜";
}
.mdi-radio-tower:before {
  content: "󰐻";
}
.mdi-radioactive:before {
  content: "󰐼";
}
.mdi-radioactive-circle:before {
  content: "󱡝";
}
.mdi-radioactive-circle-outline:before {
  content: "󱡞";
}
.mdi-radioactive-off:before {
  content: "󰻁";
}
.mdi-radiobox-blank:before {
  content: "󰐽";
}
.mdi-radiobox-indeterminate-variant:before {
  content: "󱱞";
}
.mdi-radiobox-marked:before {
  content: "󰐾";
}
.mdi-radiology-box:before {
  content: "󱓅";
}
.mdi-radiology-box-outline:before {
  content: "󱓆";
}
.mdi-radius:before {
  content: "󰳀";
}
.mdi-radius-outline:before {
  content: "󰳁";
}
.mdi-railroad-light:before {
  content: "󰼞";
}
.mdi-rake:before {
  content: "󱕄";
}
.mdi-raspberry-pi:before {
  content: "󰐿";
}
.mdi-raw:before {
  content: "󱨏";
}
.mdi-raw-off:before {
  content: "󱨐";
}
.mdi-ray-end:before {
  content: "󰑀";
}
.mdi-ray-end-arrow:before {
  content: "󰑁";
}
.mdi-ray-start:before {
  content: "󰑂";
}
.mdi-ray-start-arrow:before {
  content: "󰑃";
}
.mdi-ray-start-end:before {
  content: "󰑄";
}
.mdi-ray-start-vertex-end:before {
  content: "󱗘";
}
.mdi-ray-vertex:before {
  content: "󰑅";
}
.mdi-razor-double-edge:before {
  content: "󱦗";
}
.mdi-razor-single-edge:before {
  content: "󱦘";
}
.mdi-react:before {
  content: "󰜈";
}
.mdi-read:before {
  content: "󰑇";
}
.mdi-receipt:before {
  content: "󰠤";
}
.mdi-receipt-clock:before {
  content: "󱰾";
}
.mdi-receipt-clock-outline:before {
  content: "󱰿";
}
.mdi-receipt-outline:before {
  content: "󰓷";
}
.mdi-receipt-send:before {
  content: "󱱀";
}
.mdi-receipt-send-outline:before {
  content: "󱱁";
}
.mdi-receipt-text:before {
  content: "󰑉";
}
.mdi-receipt-text-arrow-left:before {
  content: "󱱂";
}
.mdi-receipt-text-arrow-left-outline:before {
  content: "󱱃";
}
.mdi-receipt-text-arrow-right:before {
  content: "󱱄";
}
.mdi-receipt-text-arrow-right-outline:before {
  content: "󱱅";
}
.mdi-receipt-text-check:before {
  content: "󱩣";
}
.mdi-receipt-text-check-outline:before {
  content: "󱩤";
}
.mdi-receipt-text-clock:before {
  content: "󱱆";
}
.mdi-receipt-text-clock-outline:before {
  content: "󱱇";
}
.mdi-receipt-text-edit:before {
  content: "󱱈";
}
.mdi-receipt-text-edit-outline:before {
  content: "󱱉";
}
.mdi-receipt-text-minus:before {
  content: "󱩥";
}
.mdi-receipt-text-minus-outline:before {
  content: "󱩦";
}
.mdi-receipt-text-outline:before {
  content: "󱧜";
}
.mdi-receipt-text-plus:before {
  content: "󱩧";
}
.mdi-receipt-text-plus-outline:before {
  content: "󱩨";
}
.mdi-receipt-text-remove:before {
  content: "󱩩";
}
.mdi-receipt-text-remove-outline:before {
  content: "󱩪";
}
.mdi-receipt-text-send:before {
  content: "󱱊";
}
.mdi-receipt-text-send-outline:before {
  content: "󱱋";
}
.mdi-record:before {
  content: "󰑊";
}
.mdi-record-circle:before {
  content: "󰻂";
}
.mdi-record-circle-outline:before {
  content: "󰻃";
}
.mdi-record-player:before {
  content: "󰦚";
}
.mdi-record-rec:before {
  content: "󰑋";
}
.mdi-rectangle:before {
  content: "󰹞";
}
.mdi-rectangle-outline:before {
  content: "󰹟";
}
.mdi-recycle:before {
  content: "󰑌";
}
.mdi-recycle-variant:before {
  content: "󱎝";
}
.mdi-reddit:before {
  content: "󰑍";
}
.mdi-redhat:before {
  content: "󱄛";
}
.mdi-redo:before {
  content: "󰑎";
}
.mdi-redo-variant:before {
  content: "󰑏";
}
.mdi-reflect-horizontal:before {
  content: "󰨎";
}
.mdi-reflect-vertical:before {
  content: "󰨏";
}
.mdi-refresh:before {
  content: "󰑐";
}
.mdi-refresh-auto:before {
  content: "󱣲";
}
.mdi-refresh-circle:before {
  content: "󱍷";
}
.mdi-regex:before {
  content: "󰑑";
}
.mdi-registered-trademark:before {
  content: "󰩧";
}
.mdi-reiterate:before {
  content: "󱖈";
}
.mdi-relation-many-to-many:before {
  content: "󱒖";
}
.mdi-relation-many-to-one:before {
  content: "󱒗";
}
.mdi-relation-many-to-one-or-many:before {
  content: "󱒘";
}
.mdi-relation-many-to-only-one:before {
  content: "󱒙";
}
.mdi-relation-many-to-zero-or-many:before {
  content: "󱒚";
}
.mdi-relation-many-to-zero-or-one:before {
  content: "󱒛";
}
.mdi-relation-one-or-many-to-many:before {
  content: "󱒜";
}
.mdi-relation-one-or-many-to-one:before {
  content: "󱒝";
}
.mdi-relation-one-or-many-to-one-or-many:before {
  content: "󱒞";
}
.mdi-relation-one-or-many-to-only-one:before {
  content: "󱒟";
}
.mdi-relation-one-or-many-to-zero-or-many:before {
  content: "󱒠";
}
.mdi-relation-one-or-many-to-zero-or-one:before {
  content: "󱒡";
}
.mdi-relation-one-to-many:before {
  content: "󱒢";
}
.mdi-relation-one-to-one:before {
  content: "󱒣";
}
.mdi-relation-one-to-one-or-many:before {
  content: "󱒤";
}
.mdi-relation-one-to-only-one:before {
  content: "󱒥";
}
.mdi-relation-one-to-zero-or-many:before {
  content: "󱒦";
}
.mdi-relation-one-to-zero-or-one:before {
  content: "󱒧";
}
.mdi-relation-only-one-to-many:before {
  content: "󱒨";
}
.mdi-relation-only-one-to-one:before {
  content: "󱒩";
}
.mdi-relation-only-one-to-one-or-many:before {
  content: "󱒪";
}
.mdi-relation-only-one-to-only-one:before {
  content: "󱒫";
}
.mdi-relation-only-one-to-zero-or-many:before {
  content: "󱒬";
}
.mdi-relation-only-one-to-zero-or-one:before {
  content: "󱒭";
}
.mdi-relation-zero-or-many-to-many:before {
  content: "󱒮";
}
.mdi-relation-zero-or-many-to-one:before {
  content: "󱒯";
}
.mdi-relation-zero-or-many-to-one-or-many:before {
  content: "󱒰";
}
.mdi-relation-zero-or-many-to-only-one:before {
  content: "󱒱";
}
.mdi-relation-zero-or-many-to-zero-or-many:before {
  content: "󱒲";
}
.mdi-relation-zero-or-many-to-zero-or-one:before {
  content: "󱒳";
}
.mdi-relation-zero-or-one-to-many:before {
  content: "󱒴";
}
.mdi-relation-zero-or-one-to-one:before {
  content: "󱒵";
}
.mdi-relation-zero-or-one-to-one-or-many:before {
  content: "󱒶";
}
.mdi-relation-zero-or-one-to-only-one:before {
  content: "󱒷";
}
.mdi-relation-zero-or-one-to-zero-or-many:before {
  content: "󱒸";
}
.mdi-relation-zero-or-one-to-zero-or-one:before {
  content: "󱒹";
}
.mdi-relative-scale:before {
  content: "󰑒";
}
.mdi-reload:before {
  content: "󰑓";
}
.mdi-reload-alert:before {
  content: "󱄋";
}
.mdi-reminder:before {
  content: "󰢌";
}
.mdi-remote:before {
  content: "󰑔";
}
.mdi-remote-desktop:before {
  content: "󰢹";
}
.mdi-remote-off:before {
  content: "󰻄";
}
.mdi-remote-tv:before {
  content: "󰻅";
}
.mdi-remote-tv-off:before {
  content: "󰻆";
}
.mdi-rename:before {
  content: "󱰘";
}
.mdi-rename-box:before {
  content: "󰑕";
}
.mdi-rename-box-outline:before {
  content: "󱰙";
}
.mdi-rename-outline:before {
  content: "󱰚";
}
.mdi-reorder-horizontal:before {
  content: "󰚈";
}
.mdi-reorder-vertical:before {
  content: "󰚉";
}
.mdi-repeat:before {
  content: "󰑖";
}
.mdi-repeat-off:before {
  content: "󰑗";
}
.mdi-repeat-once:before {
  content: "󰑘";
}
.mdi-repeat-variant:before {
  content: "󰕇";
}
.mdi-replay:before {
  content: "󰑙";
}
.mdi-reply:before {
  content: "󰑚";
}
.mdi-reply-all:before {
  content: "󰑛";
}
.mdi-reply-all-outline:before {
  content: "󰼟";
}
.mdi-reply-circle:before {
  content: "󱆮";
}
.mdi-reply-outline:before {
  content: "󰼠";
}
.mdi-reproduction:before {
  content: "󰑜";
}
.mdi-resistor:before {
  content: "󰭄";
}
.mdi-resistor-nodes:before {
  content: "󰭅";
}
.mdi-resize:before {
  content: "󰩨";
}
.mdi-resize-bottom-right:before {
  content: "󰑝";
}
.mdi-responsive:before {
  content: "󰑞";
}
.mdi-restart:before {
  content: "󰜉";
}
.mdi-restart-alert:before {
  content: "󱄌";
}
.mdi-restart-off:before {
  content: "󰶕";
}
.mdi-restore:before {
  content: "󰦛";
}
.mdi-restore-alert:before {
  content: "󱄍";
}
.mdi-rewind:before {
  content: "󰑟";
}
.mdi-rewind-10:before {
  content: "󰴪";
}
.mdi-rewind-15:before {
  content: "󱥆";
}
.mdi-rewind-30:before {
  content: "󰶖";
}
.mdi-rewind-45:before {
  content: "󱬓";
}
.mdi-rewind-5:before {
  content: "󱇹";
}
.mdi-rewind-60:before {
  content: "󱘌";
}
.mdi-rewind-outline:before {
  content: "󰜊";
}
.mdi-rhombus:before {
  content: "󰜋";
}
.mdi-rhombus-medium:before {
  content: "󰨐";
}
.mdi-rhombus-medium-outline:before {
  content: "󱓜";
}
.mdi-rhombus-outline:before {
  content: "󰜌";
}
.mdi-rhombus-split:before {
  content: "󰨑";
}
.mdi-rhombus-split-outline:before {
  content: "󱓝";
}
.mdi-ribbon:before {
  content: "󰑠";
}
.mdi-rice:before {
  content: "󰟪";
}
.mdi-rickshaw:before {
  content: "󱖻";
}
.mdi-rickshaw-electric:before {
  content: "󱖼";
}
.mdi-ring:before {
  content: "󰟫";
}
.mdi-rivet:before {
  content: "󰹠";
}
.mdi-road:before {
  content: "󰑡";
}
.mdi-road-variant:before {
  content: "󰑢";
}
.mdi-robber:before {
  content: "󱁘";
}
.mdi-robot:before {
  content: "󰚩";
}
.mdi-robot-angry:before {
  content: "󱚝";
}
.mdi-robot-angry-outline:before {
  content: "󱚞";
}
.mdi-robot-confused:before {
  content: "󱚟";
}
.mdi-robot-confused-outline:before {
  content: "󱚠";
}
.mdi-robot-dead:before {
  content: "󱚡";
}
.mdi-robot-dead-outline:before {
  content: "󱚢";
}
.mdi-robot-excited:before {
  content: "󱚣";
}
.mdi-robot-excited-outline:before {
  content: "󱚤";
}
.mdi-robot-happy:before {
  content: "󱜙";
}
.mdi-robot-happy-outline:before {
  content: "󱜚";
}
.mdi-robot-industrial:before {
  content: "󰭆";
}
.mdi-robot-industrial-outline:before {
  content: "󱨚";
}
.mdi-robot-love:before {
  content: "󱚥";
}
.mdi-robot-love-outline:before {
  content: "󱚦";
}
.mdi-robot-mower:before {
  content: "󱇷";
}
.mdi-robot-mower-outline:before {
  content: "󱇳";
}
.mdi-robot-off:before {
  content: "󱚧";
}
.mdi-robot-off-outline:before {
  content: "󱙻";
}
.mdi-robot-outline:before {
  content: "󱙺";
}
.mdi-robot-vacuum:before {
  content: "󰜍";
}
.mdi-robot-vacuum-alert:before {
  content: "󱭝";
}
.mdi-robot-vacuum-off:before {
  content: "󱰁";
}
.mdi-robot-vacuum-variant:before {
  content: "󰤈";
}
.mdi-robot-vacuum-variant-alert:before {
  content: "󱭞";
}
.mdi-robot-vacuum-variant-off:before {
  content: "󱰂";
}
.mdi-rocket:before {
  content: "󰑣";
}
.mdi-rocket-launch:before {
  content: "󱓞";
}
.mdi-rocket-launch-outline:before {
  content: "󱓟";
}
.mdi-rocket-outline:before {
  content: "󱎯";
}
.mdi-rodent:before {
  content: "󱌧";
}
.mdi-roller-shade:before {
  content: "󱩫";
}
.mdi-roller-shade-closed:before {
  content: "󱩬";
}
.mdi-roller-skate:before {
  content: "󰴫";
}
.mdi-roller-skate-off:before {
  content: "󰅅";
}
.mdi-rollerblade:before {
  content: "󰴬";
}
.mdi-rollerblade-off:before {
  content: "󰀮";
}
.mdi-rollupjs:before {
  content: "󰯀";
}
.mdi-rolodex:before {
  content: "󱪹";
}
.mdi-rolodex-outline:before {
  content: "󱪺";
}
.mdi-roman-numeral-1:before {
  content: "󱂈";
}
.mdi-roman-numeral-10:before {
  content: "󱂑";
}
.mdi-roman-numeral-2:before {
  content: "󱂉";
}
.mdi-roman-numeral-3:before {
  content: "󱂊";
}
.mdi-roman-numeral-4:before {
  content: "󱂋";
}
.mdi-roman-numeral-5:before {
  content: "󱂌";
}
.mdi-roman-numeral-6:before {
  content: "󱂍";
}
.mdi-roman-numeral-7:before {
  content: "󱂎";
}
.mdi-roman-numeral-8:before {
  content: "󱂏";
}
.mdi-roman-numeral-9:before {
  content: "󱂐";
}
.mdi-room-service:before {
  content: "󰢍";
}
.mdi-room-service-outline:before {
  content: "󰶗";
}
.mdi-rotate-360:before {
  content: "󱦙";
}
.mdi-rotate-3d:before {
  content: "󰻇";
}
.mdi-rotate-3d-variant:before {
  content: "󰑤";
}
.mdi-rotate-left:before {
  content: "󰑥";
}
.mdi-rotate-left-variant:before {
  content: "󰑦";
}
.mdi-rotate-orbit:before {
  content: "󰶘";
}
.mdi-rotate-right:before {
  content: "󰑧";
}
.mdi-rotate-right-variant:before {
  content: "󰑨";
}
.mdi-rounded-corner:before {
  content: "󰘇";
}
.mdi-router:before {
  content: "󱇢";
}
.mdi-router-network:before {
  content: "󱂇";
}
.mdi-router-network-wireless:before {
  content: "󱲗";
}
.mdi-router-wireless:before {
  content: "󰑩";
}
.mdi-router-wireless-off:before {
  content: "󱖣";
}
.mdi-router-wireless-settings:before {
  content: "󰩩";
}
.mdi-routes:before {
  content: "󰑪";
}
.mdi-routes-clock:before {
  content: "󱁙";
}
.mdi-rowing:before {
  content: "󰘈";
}
.mdi-rss:before {
  content: "󰑫";
}
.mdi-rss-box:before {
  content: "󰑬";
}
.mdi-rss-off:before {
  content: "󰼡";
}
.mdi-rug:before {
  content: "󱑵";
}
.mdi-rugby:before {
  content: "󰶙";
}
.mdi-ruler:before {
  content: "󰑭";
}
.mdi-ruler-square:before {
  content: "󰳂";
}
.mdi-ruler-square-compass:before {
  content: "󰺾";
}
.mdi-run:before {
  content: "󰜎";
}
.mdi-run-fast:before {
  content: "󰑮";
}
.mdi-rv-truck:before {
  content: "󱇔";
}
.mdi-sack:before {
  content: "󰴮";
}
.mdi-sack-outline:before {
  content: "󱱌";
}
.mdi-sack-percent:before {
  content: "󰴯";
}
.mdi-safe:before {
  content: "󰩪";
}
.mdi-safe-square:before {
  content: "󱉼";
}
.mdi-safe-square-outline:before {
  content: "󱉽";
}
.mdi-safety-goggles:before {
  content: "󰴰";
}
.mdi-sail-boat:before {
  content: "󰻈";
}
.mdi-sail-boat-sink:before {
  content: "󱫯";
}
.mdi-sale:before {
  content: "󰑯";
}
.mdi-sale-outline:before {
  content: "󱨆";
}
.mdi-salesforce:before {
  content: "󰢎";
}
.mdi-sass:before {
  content: "󰟬";
}
.mdi-satellite:before {
  content: "󰑰";
}
.mdi-satellite-uplink:before {
  content: "󰤉";
}
.mdi-satellite-variant:before {
  content: "󰑱";
}
.mdi-sausage:before {
  content: "󰢺";
}
.mdi-sausage-off:before {
  content: "󱞉";
}
.mdi-saw-blade:before {
  content: "󰹡";
}
.mdi-sawtooth-wave:before {
  content: "󱑺";
}
.mdi-saxophone:before {
  content: "󰘉";
}
.mdi-scale:before {
  content: "󰑲";
}
.mdi-scale-balance:before {
  content: "󰗑";
}
.mdi-scale-bathroom:before {
  content: "󰑳";
}
.mdi-scale-off:before {
  content: "󱁚";
}
.mdi-scale-unbalanced:before {
  content: "󱦸";
}
.mdi-scan-helper:before {
  content: "󱏘";
}
.mdi-scanner:before {
  content: "󰚫";
}
.mdi-scanner-off:before {
  content: "󰤊";
}
.mdi-scatter-plot:before {
  content: "󰻉";
}
.mdi-scatter-plot-outline:before {
  content: "󰻊";
}
.mdi-scent:before {
  content: "󱥘";
}
.mdi-scent-off:before {
  content: "󱥙";
}
.mdi-school:before {
  content: "󰑴";
}
.mdi-school-outline:before {
  content: "󱆀";
}
.mdi-scissors-cutting:before {
  content: "󰩫";
}
.mdi-scooter:before {
  content: "󱖽";
}
.mdi-scooter-electric:before {
  content: "󱖾";
}
.mdi-scoreboard:before {
  content: "󱉾";
}
.mdi-scoreboard-outline:before {
  content: "󱉿";
}
.mdi-screen-rotation:before {
  content: "󰑵";
}
.mdi-screen-rotation-lock:before {
  content: "󰑸";
}
.mdi-screw-flat-top:before {
  content: "󰷳";
}
.mdi-screw-lag:before {
  content: "󰷴";
}
.mdi-screw-machine-flat-top:before {
  content: "󰷵";
}
.mdi-screw-machine-round-top:before {
  content: "󰷶";
}
.mdi-screw-round-top:before {
  content: "󰷷";
}
.mdi-screwdriver:before {
  content: "󰑶";
}
.mdi-script:before {
  content: "󰯁";
}
.mdi-script-outline:before {
  content: "󰑷";
}
.mdi-script-text:before {
  content: "󰯂";
}
.mdi-script-text-key:before {
  content: "󱜥";
}
.mdi-script-text-key-outline:before {
  content: "󱜦";
}
.mdi-script-text-outline:before {
  content: "󰯃";
}
.mdi-script-text-play:before {
  content: "󱜧";
}
.mdi-script-text-play-outline:before {
  content: "󱜨";
}
.mdi-sd:before {
  content: "󰑹";
}
.mdi-seal:before {
  content: "󰑺";
}
.mdi-seal-variant:before {
  content: "󰿙";
}
.mdi-search-web:before {
  content: "󰜏";
}
.mdi-seat:before {
  content: "󰳃";
}
.mdi-seat-flat:before {
  content: "󰑻";
}
.mdi-seat-flat-angled:before {
  content: "󰑼";
}
.mdi-seat-individual-suite:before {
  content: "󰑽";
}
.mdi-seat-legroom-extra:before {
  content: "󰑾";
}
.mdi-seat-legroom-normal:before {
  content: "󰑿";
}
.mdi-seat-legroom-reduced:before {
  content: "󰒀";
}
.mdi-seat-outline:before {
  content: "󰳄";
}
.mdi-seat-passenger:before {
  content: "󱉉";
}
.mdi-seat-recline-extra:before {
  content: "󰒁";
}
.mdi-seat-recline-normal:before {
  content: "󰒂";
}
.mdi-seatbelt:before {
  content: "󰳅";
}
.mdi-security:before {
  content: "󰒃";
}
.mdi-security-network:before {
  content: "󰒄";
}
.mdi-seed:before {
  content: "󰹢";
}
.mdi-seed-off:before {
  content: "󱏽";
}
.mdi-seed-off-outline:before {
  content: "󱏾";
}
.mdi-seed-outline:before {
  content: "󰹣";
}
.mdi-seed-plus:before {
  content: "󱩭";
}
.mdi-seed-plus-outline:before {
  content: "󱩮";
}
.mdi-seesaw:before {
  content: "󱖤";
}
.mdi-segment:before {
  content: "󰻋";
}
.mdi-select:before {
  content: "󰒅";
}
.mdi-select-all:before {
  content: "󰒆";
}
.mdi-select-arrow-down:before {
  content: "󱭙";
}
.mdi-select-arrow-up:before {
  content: "󱭘";
}
.mdi-select-color:before {
  content: "󰴱";
}
.mdi-select-compare:before {
  content: "󰫙";
}
.mdi-select-drag:before {
  content: "󰩬";
}
.mdi-select-group:before {
  content: "󰾂";
}
.mdi-select-inverse:before {
  content: "󰒇";
}
.mdi-select-marker:before {
  content: "󱊀";
}
.mdi-select-multiple:before {
  content: "󱊁";
}
.mdi-select-multiple-marker:before {
  content: "󱊂";
}
.mdi-select-off:before {
  content: "󰒈";
}
.mdi-select-place:before {
  content: "󰿚";
}
.mdi-select-remove:before {
  content: "󱟁";
}
.mdi-select-search:before {
  content: "󱈄";
}
.mdi-selection:before {
  content: "󰒉";
}
.mdi-selection-drag:before {
  content: "󰩭";
}
.mdi-selection-ellipse:before {
  content: "󰴲";
}
.mdi-selection-ellipse-arrow-inside:before {
  content: "󰼢";
}
.mdi-selection-ellipse-remove:before {
  content: "󱟂";
}
.mdi-selection-marker:before {
  content: "󱊃";
}
.mdi-selection-multiple:before {
  content: "󱊅";
}
.mdi-selection-multiple-marker:before {
  content: "󱊄";
}
.mdi-selection-off:before {
  content: "󰝷";
}
.mdi-selection-remove:before {
  content: "󱟃";
}
.mdi-selection-search:before {
  content: "󱈅";
}
.mdi-semantic-web:before {
  content: "󱌖";
}
.mdi-send:before {
  content: "󰒊";
}
.mdi-send-check:before {
  content: "󱅡";
}
.mdi-send-check-outline:before {
  content: "󱅢";
}
.mdi-send-circle:before {
  content: "󰷸";
}
.mdi-send-circle-outline:before {
  content: "󰷹";
}
.mdi-send-clock:before {
  content: "󱅣";
}
.mdi-send-clock-outline:before {
  content: "󱅤";
}
.mdi-send-lock:before {
  content: "󰟭";
}
.mdi-send-lock-outline:before {
  content: "󱅦";
}
.mdi-send-outline:before {
  content: "󱅥";
}
.mdi-send-variant:before {
  content: "󱱍";
}
.mdi-send-variant-clock:before {
  content: "󱱾";
}
.mdi-send-variant-clock-outline:before {
  content: "󱱿";
}
.mdi-send-variant-outline:before {
  content: "󱱎";
}
.mdi-serial-port:before {
  content: "󰙜";
}
.mdi-server:before {
  content: "󰒋";
}
.mdi-server-minus:before {
  content: "󰒌";
}
.mdi-server-minus-outline:before {
  content: "󱲘";
}
.mdi-server-network:before {
  content: "󰒍";
}
.mdi-server-network-off:before {
  content: "󰒎";
}
.mdi-server-network-outline:before {
  content: "󱲙";
}
.mdi-server-off:before {
  content: "󰒏";
}
.mdi-server-outline:before {
  content: "󱲚";
}
.mdi-server-plus:before {
  content: "󰒐";
}
.mdi-server-plus-outline:before {
  content: "󱲛";
}
.mdi-server-remove:before {
  content: "󰒑";
}
.mdi-server-security:before {
  content: "󰒒";
}
.mdi-set-all:before {
  content: "󰝸";
}
.mdi-set-center:before {
  content: "󰝹";
}
.mdi-set-center-right:before {
  content: "󰝺";
}
.mdi-set-left:before {
  content: "󰝻";
}
.mdi-set-left-center:before {
  content: "󰝼";
}
.mdi-set-left-right:before {
  content: "󰝽";
}
.mdi-set-merge:before {
  content: "󱓠";
}
.mdi-set-none:before {
  content: "󰝾";
}
.mdi-set-right:before {
  content: "󰝿";
}
.mdi-set-split:before {
  content: "󱓡";
}
.mdi-set-square:before {
  content: "󱑝";
}
.mdi-set-top-box:before {
  content: "󰦟";
}
.mdi-settings-helper:before {
  content: "󰩮";
}
.mdi-shaker:before {
  content: "󱄎";
}
.mdi-shaker-outline:before {
  content: "󱄏";
}
.mdi-shape:before {
  content: "󰠱";
}
.mdi-shape-circle-plus:before {
  content: "󰙝";
}
.mdi-shape-outline:before {
  content: "󰠲";
}
.mdi-shape-oval-plus:before {
  content: "󱇺";
}
.mdi-shape-plus:before {
  content: "󰒕";
}
.mdi-shape-plus-outline:before {
  content: "󱱏";
}
.mdi-shape-polygon-plus:before {
  content: "󰙞";
}
.mdi-shape-rectangle-plus:before {
  content: "󰙟";
}
.mdi-shape-square-plus:before {
  content: "󰙠";
}
.mdi-shape-square-rounded-plus:before {
  content: "󱓺";
}
.mdi-share:before {
  content: "󰒖";
}
.mdi-share-all:before {
  content: "󱇴";
}
.mdi-share-all-outline:before {
  content: "󱇵";
}
.mdi-share-circle:before {
  content: "󱆭";
}
.mdi-share-off:before {
  content: "󰼣";
}
.mdi-share-off-outline:before {
  content: "󰼤";
}
.mdi-share-outline:before {
  content: "󰤲";
}
.mdi-share-variant:before {
  content: "󰒗";
}
.mdi-share-variant-outline:before {
  content: "󱔔";
}
.mdi-shark:before {
  content: "󱢺";
}
.mdi-shark-fin:before {
  content: "󱙳";
}
.mdi-shark-fin-outline:before {
  content: "󱙴";
}
.mdi-shark-off:before {
  content: "󱢻";
}
.mdi-sheep:before {
  content: "󰳆";
}
.mdi-shield:before {
  content: "󰒘";
}
.mdi-shield-account:before {
  content: "󰢏";
}
.mdi-shield-account-outline:before {
  content: "󰨒";
}
.mdi-shield-account-variant:before {
  content: "󱖧";
}
.mdi-shield-account-variant-outline:before {
  content: "󱖨";
}
.mdi-shield-airplane:before {
  content: "󰚻";
}
.mdi-shield-airplane-outline:before {
  content: "󰳇";
}
.mdi-shield-alert:before {
  content: "󰻌";
}
.mdi-shield-alert-outline:before {
  content: "󰻍";
}
.mdi-shield-bug:before {
  content: "󱏚";
}
.mdi-shield-bug-outline:before {
  content: "󱏛";
}
.mdi-shield-car:before {
  content: "󰾃";
}
.mdi-shield-check:before {
  content: "󰕥";
}
.mdi-shield-check-outline:before {
  content: "󰳈";
}
.mdi-shield-cross:before {
  content: "󰳉";
}
.mdi-shield-cross-outline:before {
  content: "󰳊";
}
.mdi-shield-crown:before {
  content: "󱢼";
}
.mdi-shield-crown-outline:before {
  content: "󱢽";
}
.mdi-shield-edit:before {
  content: "󱆠";
}
.mdi-shield-edit-outline:before {
  content: "󱆡";
}
.mdi-shield-half:before {
  content: "󱍠";
}
.mdi-shield-half-full:before {
  content: "󰞀";
}
.mdi-shield-home:before {
  content: "󰚊";
}
.mdi-shield-home-outline:before {
  content: "󰳋";
}
.mdi-shield-key:before {
  content: "󰯄";
}
.mdi-shield-key-outline:before {
  content: "󰯅";
}
.mdi-shield-link-variant:before {
  content: "󰴳";
}
.mdi-shield-link-variant-outline:before {
  content: "󰴴";
}
.mdi-shield-lock:before {
  content: "󰦝";
}
.mdi-shield-lock-open:before {
  content: "󱦚";
}
.mdi-shield-lock-open-outline:before {
  content: "󱦛";
}
.mdi-shield-lock-outline:before {
  content: "󰳌";
}
.mdi-shield-moon:before {
  content: "󱠨";
}
.mdi-shield-moon-outline:before {
  content: "󱠩";
}
.mdi-shield-off:before {
  content: "󰦞";
}
.mdi-shield-off-outline:before {
  content: "󰦜";
}
.mdi-shield-outline:before {
  content: "󰒙";
}
.mdi-shield-plus:before {
  content: "󰫚";
}
.mdi-shield-plus-outline:before {
  content: "󰫛";
}
.mdi-shield-refresh:before {
  content: "󰂪";
}
.mdi-shield-refresh-outline:before {
  content: "󰇠";
}
.mdi-shield-remove:before {
  content: "󰫜";
}
.mdi-shield-remove-outline:before {
  content: "󰫝";
}
.mdi-shield-search:before {
  content: "󰶚";
}
.mdi-shield-star:before {
  content: "󱄻";
}
.mdi-shield-star-outline:before {
  content: "󱄼";
}
.mdi-shield-sun:before {
  content: "󱁝";
}
.mdi-shield-sun-outline:before {
  content: "󱁞";
}
.mdi-shield-sword:before {
  content: "󱢾";
}
.mdi-shield-sword-outline:before {
  content: "󱢿";
}
.mdi-shield-sync:before {
  content: "󱆢";
}
.mdi-shield-sync-outline:before {
  content: "󱆣";
}
.mdi-shimmer:before {
  content: "󱕅";
}
.mdi-ship-wheel:before {
  content: "󰠳";
}
.mdi-shipping-pallet:before {
  content: "󱡎";
}
.mdi-shoe-ballet:before {
  content: "󱗊";
}
.mdi-shoe-cleat:before {
  content: "󱗇";
}
.mdi-shoe-formal:before {
  content: "󰭇";
}
.mdi-shoe-heel:before {
  content: "󰭈";
}
.mdi-shoe-print:before {
  content: "󰷺";
}
.mdi-shoe-sneaker:before {
  content: "󱗈";
}
.mdi-shopping:before {
  content: "󰒚";
}
.mdi-shopping-music:before {
  content: "󰒛";
}
.mdi-shopping-outline:before {
  content: "󱇕";
}
.mdi-shopping-search:before {
  content: "󰾄";
}
.mdi-shopping-search-outline:before {
  content: "󱩯";
}
.mdi-shore:before {
  content: "󱓹";
}
.mdi-shovel:before {
  content: "󰜐";
}
.mdi-shovel-off:before {
  content: "󰜑";
}
.mdi-shower:before {
  content: "󰦠";
}
.mdi-shower-head:before {
  content: "󰦡";
}
.mdi-shredder:before {
  content: "󰒜";
}
.mdi-shuffle:before {
  content: "󰒝";
}
.mdi-shuffle-disabled:before {
  content: "󰒞";
}
.mdi-shuffle-variant:before {
  content: "󰒟";
}
.mdi-shuriken:before {
  content: "󱍿";
}
.mdi-sickle:before {
  content: "󱣀";
}
.mdi-sigma:before {
  content: "󰒠";
}
.mdi-sigma-lower:before {
  content: "󰘫";
}
.mdi-sign-caution:before {
  content: "󰒡";
}
.mdi-sign-direction:before {
  content: "󰞁";
}
.mdi-sign-direction-minus:before {
  content: "󱀀";
}
.mdi-sign-direction-plus:before {
  content: "󰿜";
}
.mdi-sign-direction-remove:before {
  content: "󰿝";
}
.mdi-sign-language:before {
  content: "󱭍";
}
.mdi-sign-language-outline:before {
  content: "󱭎";
}
.mdi-sign-pole:before {
  content: "󱓸";
}
.mdi-sign-real-estate:before {
  content: "󱄘";
}
.mdi-sign-text:before {
  content: "󰞂";
}
.mdi-sign-yield:before {
  content: "󱮯";
}
.mdi-signal:before {
  content: "󰒢";
}
.mdi-signal-2g:before {
  content: "󰜒";
}
.mdi-signal-3g:before {
  content: "󰜓";
}
.mdi-signal-4g:before {
  content: "󰜔";
}
.mdi-signal-5g:before {
  content: "󰩯";
}
.mdi-signal-cellular-1:before {
  content: "󰢼";
}
.mdi-signal-cellular-2:before {
  content: "󰢽";
}
.mdi-signal-cellular-3:before {
  content: "󰢾";
}
.mdi-signal-cellular-outline:before {
  content: "󰢿";
}
.mdi-signal-distance-variant:before {
  content: "󰹤";
}
.mdi-signal-hspa:before {
  content: "󰜕";
}
.mdi-signal-hspa-plus:before {
  content: "󰜖";
}
.mdi-signal-off:before {
  content: "󰞃";
}
.mdi-signal-variant:before {
  content: "󰘊";
}
.mdi-signature:before {
  content: "󰷻";
}
.mdi-signature-freehand:before {
  content: "󰷼";
}
.mdi-signature-image:before {
  content: "󰷽";
}
.mdi-signature-text:before {
  content: "󰷾";
}
.mdi-silo:before {
  content: "󱮟";
}
.mdi-silo-outline:before {
  content: "󰭉";
}
.mdi-silverware:before {
  content: "󰒣";
}
.mdi-silverware-clean:before {
  content: "󰿞";
}
.mdi-silverware-fork:before {
  content: "󰒤";
}
.mdi-silverware-fork-knife:before {
  content: "󰩰";
}
.mdi-silverware-spoon:before {
  content: "󰒥";
}
.mdi-silverware-variant:before {
  content: "󰒦";
}
.mdi-sim:before {
  content: "󰒧";
}
.mdi-sim-alert:before {
  content: "󰒨";
}
.mdi-sim-alert-outline:before {
  content: "󱗓";
}
.mdi-sim-off:before {
  content: "󰒩";
}
.mdi-sim-off-outline:before {
  content: "󱗔";
}
.mdi-sim-outline:before {
  content: "󱗕";
}
.mdi-simple-icons:before {
  content: "󱌝";
}
.mdi-sina-weibo:before {
  content: "󰫟";
}
.mdi-sine-wave:before {
  content: "󰥛";
}
.mdi-sitemap:before {
  content: "󰒪";
}
.mdi-sitemap-outline:before {
  content: "󱦜";
}
.mdi-size-l:before {
  content: "󱎦";
}
.mdi-size-m:before {
  content: "󱎥";
}
.mdi-size-s:before {
  content: "󱎤";
}
.mdi-size-xl:before {
  content: "󱎧";
}
.mdi-size-xs:before {
  content: "󱎣";
}
.mdi-size-xxl:before {
  content: "󱎨";
}
.mdi-size-xxs:before {
  content: "󱎢";
}
.mdi-size-xxxl:before {
  content: "󱎩";
}
.mdi-skate:before {
  content: "󰴵";
}
.mdi-skate-off:before {
  content: "󰚙";
}
.mdi-skateboard:before {
  content: "󱓂";
}
.mdi-skateboarding:before {
  content: "󰔁";
}
.mdi-skew-less:before {
  content: "󰴶";
}
.mdi-skew-more:before {
  content: "󰴷";
}
.mdi-ski:before {
  content: "󱌄";
}
.mdi-ski-cross-country:before {
  content: "󱌅";
}
.mdi-ski-water:before {
  content: "󱌆";
}
.mdi-skip-backward:before {
  content: "󰒫";
}
.mdi-skip-backward-outline:before {
  content: "󰼥";
}
.mdi-skip-forward:before {
  content: "󰒬";
}
.mdi-skip-forward-outline:before {
  content: "󰼦";
}
.mdi-skip-next:before {
  content: "󰒭";
}
.mdi-skip-next-circle:before {
  content: "󰙡";
}
.mdi-skip-next-circle-outline:before {
  content: "󰙢";
}
.mdi-skip-next-outline:before {
  content: "󰼧";
}
.mdi-skip-previous:before {
  content: "󰒮";
}
.mdi-skip-previous-circle:before {
  content: "󰙣";
}
.mdi-skip-previous-circle-outline:before {
  content: "󰙤";
}
.mdi-skip-previous-outline:before {
  content: "󰼨";
}
.mdi-skull:before {
  content: "󰚌";
}
.mdi-skull-crossbones:before {
  content: "󰯆";
}
.mdi-skull-crossbones-outline:before {
  content: "󰯇";
}
.mdi-skull-outline:before {
  content: "󰯈";
}
.mdi-skull-scan:before {
  content: "󱓇";
}
.mdi-skull-scan-outline:before {
  content: "󱓈";
}
.mdi-skype:before {
  content: "󰒯";
}
.mdi-skype-business:before {
  content: "󰒰";
}
.mdi-slack:before {
  content: "󰒱";
}
.mdi-slash-forward:before {
  content: "󰿟";
}
.mdi-slash-forward-box:before {
  content: "󰿠";
}
.mdi-sledding:before {
  content: "󰐛";
}
.mdi-sleep:before {
  content: "󰒲";
}
.mdi-sleep-off:before {
  content: "󰒳";
}
.mdi-slide:before {
  content: "󱖥";
}
.mdi-slope-downhill:before {
  content: "󰷿";
}
.mdi-slope-uphill:before {
  content: "󰸀";
}
.mdi-slot-machine:before {
  content: "󱄔";
}
.mdi-slot-machine-outline:before {
  content: "󱄕";
}
.mdi-smart-card:before {
  content: "󱂽";
}
.mdi-smart-card-off:before {
  content: "󱣷";
}
.mdi-smart-card-off-outline:before {
  content: "󱣸";
}
.mdi-smart-card-outline:before {
  content: "󱂾";
}
.mdi-smart-card-reader:before {
  content: "󱂿";
}
.mdi-smart-card-reader-outline:before {
  content: "󱃀";
}
.mdi-smog:before {
  content: "󰩱";
}
.mdi-smoke:before {
  content: "󱞙";
}
.mdi-smoke-detector:before {
  content: "󰎒";
}
.mdi-smoke-detector-alert:before {
  content: "󱤮";
}
.mdi-smoke-detector-alert-outline:before {
  content: "󱤯";
}
.mdi-smoke-detector-off:before {
  content: "󱠉";
}
.mdi-smoke-detector-off-outline:before {
  content: "󱠊";
}
.mdi-smoke-detector-outline:before {
  content: "󱠈";
}
.mdi-smoke-detector-variant:before {
  content: "󱠋";
}
.mdi-smoke-detector-variant-alert:before {
  content: "󱤰";
}
.mdi-smoke-detector-variant-off:before {
  content: "󱠌";
}
.mdi-smoking:before {
  content: "󰒴";
}
.mdi-smoking-off:before {
  content: "󰒵";
}
.mdi-smoking-pipe:before {
  content: "󱐍";
}
.mdi-smoking-pipe-off:before {
  content: "󱐨";
}
.mdi-snail:before {
  content: "󱙷";
}
.mdi-snake:before {
  content: "󱔎";
}
.mdi-snapchat:before {
  content: "󰒶";
}
.mdi-snowboard:before {
  content: "󱌇";
}
.mdi-snowflake:before {
  content: "󰜗";
}
.mdi-snowflake-alert:before {
  content: "󰼩";
}
.mdi-snowflake-check:before {
  content: "󱩰";
}
.mdi-snowflake-melt:before {
  content: "󱋋";
}
.mdi-snowflake-off:before {
  content: "󱓣";
}
.mdi-snowflake-thermometer:before {
  content: "󱩱";
}
.mdi-snowflake-variant:before {
  content: "󰼪";
}
.mdi-snowman:before {
  content: "󰒷";
}
.mdi-snowmobile:before {
  content: "󰛝";
}
.mdi-snowshoeing:before {
  content: "󱩲";
}
.mdi-soccer:before {
  content: "󰒸";
}
.mdi-soccer-field:before {
  content: "󰠴";
}
.mdi-social-distance-2-meters:before {
  content: "󱕹";
}
.mdi-social-distance-6-feet:before {
  content: "󱕺";
}
.mdi-sofa:before {
  content: "󰒹";
}
.mdi-sofa-outline:before {
  content: "󱕭";
}
.mdi-sofa-single:before {
  content: "󱕮";
}
.mdi-sofa-single-outline:before {
  content: "󱕯";
}
.mdi-solar-panel:before {
  content: "󰶛";
}
.mdi-solar-panel-large:before {
  content: "󰶜";
}
.mdi-solar-power:before {
  content: "󰩲";
}
.mdi-solar-power-variant:before {
  content: "󱩳";
}
.mdi-solar-power-variant-outline:before {
  content: "󱩴";
}
.mdi-soldering-iron:before {
  content: "󱂒";
}
.mdi-solid:before {
  content: "󰚍";
}
.mdi-sony-playstation:before {
  content: "󰐔";
}
.mdi-sort:before {
  content: "󰒺";
}
.mdi-sort-alphabetical-ascending:before {
  content: "󰖽";
}
.mdi-sort-alphabetical-ascending-variant:before {
  content: "󱅈";
}
.mdi-sort-alphabetical-descending:before {
  content: "󰖿";
}
.mdi-sort-alphabetical-descending-variant:before {
  content: "󱅉";
}
.mdi-sort-alphabetical-variant:before {
  content: "󰒻";
}
.mdi-sort-ascending:before {
  content: "󰒼";
}
.mdi-sort-bool-ascending:before {
  content: "󱎅";
}
.mdi-sort-bool-ascending-variant:before {
  content: "󱎆";
}
.mdi-sort-bool-descending:before {
  content: "󱎇";
}
.mdi-sort-bool-descending-variant:before {
  content: "󱎈";
}
.mdi-sort-calendar-ascending:before {
  content: "󱕇";
}
.mdi-sort-calendar-descending:before {
  content: "󱕈";
}
.mdi-sort-clock-ascending:before {
  content: "󱕉";
}
.mdi-sort-clock-ascending-outline:before {
  content: "󱕊";
}
.mdi-sort-clock-descending:before {
  content: "󱕋";
}
.mdi-sort-clock-descending-outline:before {
  content: "󱕌";
}
.mdi-sort-descending:before {
  content: "󰒽";
}
.mdi-sort-numeric-ascending:before {
  content: "󱎉";
}
.mdi-sort-numeric-ascending-variant:before {
  content: "󰤍";
}
.mdi-sort-numeric-descending:before {
  content: "󱎊";
}
.mdi-sort-numeric-descending-variant:before {
  content: "󰫒";
}
.mdi-sort-numeric-variant:before {
  content: "󰒾";
}
.mdi-sort-reverse-variant:before {
  content: "󰌼";
}
.mdi-sort-variant:before {
  content: "󰒿";
}
.mdi-sort-variant-lock:before {
  content: "󰳍";
}
.mdi-sort-variant-lock-open:before {
  content: "󰳎";
}
.mdi-sort-variant-off:before {
  content: "󱪻";
}
.mdi-sort-variant-remove:before {
  content: "󱅇";
}
.mdi-soundbar:before {
  content: "󱟛";
}
.mdi-soundcloud:before {
  content: "󰓀";
}
.mdi-source-branch:before {
  content: "󰘬";
}
.mdi-source-branch-check:before {
  content: "󱓏";
}
.mdi-source-branch-minus:before {
  content: "󱓋";
}
.mdi-source-branch-plus:before {
  content: "󱓊";
}
.mdi-source-branch-refresh:before {
  content: "󱓍";
}
.mdi-source-branch-remove:before {
  content: "󱓌";
}
.mdi-source-branch-sync:before {
  content: "󱓎";
}
.mdi-source-commit:before {
  content: "󰜘";
}
.mdi-source-commit-end:before {
  content: "󰜙";
}
.mdi-source-commit-end-local:before {
  content: "󰜚";
}
.mdi-source-commit-local:before {
  content: "󰜛";
}
.mdi-source-commit-next-local:before {
  content: "󰜜";
}
.mdi-source-commit-start:before {
  content: "󰜝";
}
.mdi-source-commit-start-next-local:before {
  content: "󰜞";
}
.mdi-source-fork:before {
  content: "󰓁";
}
.mdi-source-merge:before {
  content: "󰘭";
}
.mdi-source-pull:before {
  content: "󰓂";
}
.mdi-source-repository:before {
  content: "󰳏";
}
.mdi-source-repository-multiple:before {
  content: "󰳐";
}
.mdi-soy-sauce:before {
  content: "󰟮";
}
.mdi-soy-sauce-off:before {
  content: "󱏼";
}
.mdi-spa:before {
  content: "󰳑";
}
.mdi-spa-outline:before {
  content: "󰳒";
}
.mdi-space-invaders:before {
  content: "󰯉";
}
.mdi-space-station:before {
  content: "󱎃";
}
.mdi-spade:before {
  content: "󰹥";
}
.mdi-speaker:before {
  content: "󰓃";
}
.mdi-speaker-bluetooth:before {
  content: "󰦢";
}
.mdi-speaker-message:before {
  content: "󱬑";
}
.mdi-speaker-multiple:before {
  content: "󰴸";
}
.mdi-speaker-off:before {
  content: "󰓄";
}
.mdi-speaker-pause:before {
  content: "󱭳";
}
.mdi-speaker-play:before {
  content: "󱭲";
}
.mdi-speaker-stop:before {
  content: "󱭴";
}
.mdi-speaker-wireless:before {
  content: "󰜟";
}
.mdi-spear:before {
  content: "󱡅";
}
.mdi-speedometer:before {
  content: "󰓅";
}
.mdi-speedometer-medium:before {
  content: "󰾅";
}
.mdi-speedometer-slow:before {
  content: "󰾆";
}
.mdi-spellcheck:before {
  content: "󰓆";
}
.mdi-sphere:before {
  content: "󱥔";
}
.mdi-sphere-off:before {
  content: "󱥕";
}
.mdi-spider:before {
  content: "󱇪";
}
.mdi-spider-outline:before {
  content: "󱱵";
}
.mdi-spider-thread:before {
  content: "󱇫";
}
.mdi-spider-web:before {
  content: "󰯊";
}
.mdi-spirit-level:before {
  content: "󱓱";
}
.mdi-spoon-sugar:before {
  content: "󱐩";
}
.mdi-spotify:before {
  content: "󰓇";
}
.mdi-spotlight:before {
  content: "󰓈";
}
.mdi-spotlight-beam:before {
  content: "󰓉";
}
.mdi-spray:before {
  content: "󰙥";
}
.mdi-spray-bottle:before {
  content: "󰫠";
}
.mdi-sprinkler:before {
  content: "󱁟";
}
.mdi-sprinkler-fire:before {
  content: "󱦝";
}
.mdi-sprinkler-variant:before {
  content: "󱁠";
}
.mdi-sprout:before {
  content: "󰹦";
}
.mdi-sprout-outline:before {
  content: "󰹧";
}
.mdi-square:before {
  content: "󰝤";
}
.mdi-square-circle:before {
  content: "󱔀";
}
.mdi-square-circle-outline:before {
  content: "󱱐";
}
.mdi-square-edit-outline:before {
  content: "󰤌";
}
.mdi-square-medium:before {
  content: "󰨓";
}
.mdi-square-medium-outline:before {
  content: "󰨔";
}
.mdi-square-off:before {
  content: "󱋮";
}
.mdi-square-off-outline:before {
  content: "󱋯";
}
.mdi-square-opacity:before {
  content: "󱡔";
}
.mdi-square-outline:before {
  content: "󰝣";
}
.mdi-square-root:before {
  content: "󰞄";
}
.mdi-square-root-box:before {
  content: "󰦣";
}
.mdi-square-rounded:before {
  content: "󱓻";
}
.mdi-square-rounded-badge:before {
  content: "󱨇";
}
.mdi-square-rounded-badge-outline:before {
  content: "󱨈";
}
.mdi-square-rounded-outline:before {
  content: "󱓼";
}
.mdi-square-small:before {
  content: "󰨕";
}
.mdi-square-wave:before {
  content: "󱑻";
}
.mdi-squeegee:before {
  content: "󰫡";
}
.mdi-ssh:before {
  content: "󰣀";
}
.mdi-stack-exchange:before {
  content: "󰘋";
}
.mdi-stack-overflow:before {
  content: "󰓌";
}
.mdi-stackpath:before {
  content: "󰍙";
}
.mdi-stadium:before {
  content: "󰿹";
}
.mdi-stadium-outline:before {
  content: "󱬃";
}
.mdi-stadium-variant:before {
  content: "󰜠";
}
.mdi-stairs:before {
  content: "󰓍";
}
.mdi-stairs-box:before {
  content: "󱎞";
}
.mdi-stairs-down:before {
  content: "󱊾";
}
.mdi-stairs-up:before {
  content: "󱊽";
}
.mdi-stamper:before {
  content: "󰴹";
}
.mdi-standard-definition:before {
  content: "󰟯";
}
.mdi-star:before {
  content: "󰓎";
}
.mdi-star-box:before {
  content: "󰩳";
}
.mdi-star-box-multiple:before {
  content: "󱊆";
}
.mdi-star-box-multiple-outline:before {
  content: "󱊇";
}
.mdi-star-box-outline:before {
  content: "󰩴";
}
.mdi-star-check:before {
  content: "󱕦";
}
.mdi-star-check-outline:before {
  content: "󱕪";
}
.mdi-star-circle:before {
  content: "󰓏";
}
.mdi-star-circle-outline:before {
  content: "󰦤";
}
.mdi-star-cog:before {
  content: "󱙨";
}
.mdi-star-cog-outline:before {
  content: "󱙩";
}
.mdi-star-crescent:before {
  content: "󰥹";
}
.mdi-star-david:before {
  content: "󰥺";
}
.mdi-star-face:before {
  content: "󰦥";
}
.mdi-star-four-points:before {
  content: "󰫢";
}
.mdi-star-four-points-box:before {
  content: "󱱑";
}
.mdi-star-four-points-box-outline:before {
  content: "󱱒";
}
.mdi-star-four-points-circle:before {
  content: "󱱓";
}
.mdi-star-four-points-circle-outline:before {
  content: "󱱔";
}
.mdi-star-four-points-outline:before {
  content: "󰫣";
}
.mdi-star-four-points-small:before {
  content: "󱱕";
}
.mdi-star-half:before {
  content: "󰉆";
}
.mdi-star-half-full:before {
  content: "󰓐";
}
.mdi-star-minus:before {
  content: "󱕤";
}
.mdi-star-minus-outline:before {
  content: "󱕨";
}
.mdi-star-off:before {
  content: "󰓑";
}
.mdi-star-off-outline:before {
  content: "󱕛";
}
.mdi-star-outline:before {
  content: "󰓒";
}
.mdi-star-plus:before {
  content: "󱕣";
}
.mdi-star-plus-outline:before {
  content: "󱕧";
}
.mdi-star-remove:before {
  content: "󱕥";
}
.mdi-star-remove-outline:before {
  content: "󱕩";
}
.mdi-star-settings:before {
  content: "󱙪";
}
.mdi-star-settings-outline:before {
  content: "󱙫";
}
.mdi-star-shooting:before {
  content: "󱝁";
}
.mdi-star-shooting-outline:before {
  content: "󱝂";
}
.mdi-star-three-points:before {
  content: "󰫤";
}
.mdi-star-three-points-outline:before {
  content: "󰫥";
}
.mdi-state-machine:before {
  content: "󱇯";
}
.mdi-steam:before {
  content: "󰓓";
}
.mdi-steering:before {
  content: "󰓔";
}
.mdi-steering-off:before {
  content: "󰤎";
}
.mdi-step-backward:before {
  content: "󰓕";
}
.mdi-step-backward-2:before {
  content: "󰓖";
}
.mdi-step-forward:before {
  content: "󰓗";
}
.mdi-step-forward-2:before {
  content: "󰓘";
}
.mdi-stethoscope:before {
  content: "󰓙";
}
.mdi-sticker:before {
  content: "󱍤";
}
.mdi-sticker-alert:before {
  content: "󱍥";
}
.mdi-sticker-alert-outline:before {
  content: "󱍦";
}
.mdi-sticker-check:before {
  content: "󱍧";
}
.mdi-sticker-check-outline:before {
  content: "󱍨";
}
.mdi-sticker-circle-outline:before {
  content: "󰗐";
}
.mdi-sticker-emoji:before {
  content: "󰞅";
}
.mdi-sticker-minus:before {
  content: "󱍩";
}
.mdi-sticker-minus-outline:before {
  content: "󱍪";
}
.mdi-sticker-outline:before {
  content: "󱍫";
}
.mdi-sticker-plus:before {
  content: "󱍬";
}
.mdi-sticker-plus-outline:before {
  content: "󱍭";
}
.mdi-sticker-remove:before {
  content: "󱍮";
}
.mdi-sticker-remove-outline:before {
  content: "󱍯";
}
.mdi-sticker-text:before {
  content: "󱞎";
}
.mdi-sticker-text-outline:before {
  content: "󱞏";
}
.mdi-stocking:before {
  content: "󰓚";
}
.mdi-stomach:before {
  content: "󱂓";
}
.mdi-stool:before {
  content: "󱥝";
}
.mdi-stool-outline:before {
  content: "󱥞";
}
.mdi-stop:before {
  content: "󰓛";
}
.mdi-stop-circle:before {
  content: "󰙦";
}
.mdi-stop-circle-outline:before {
  content: "󰙧";
}
.mdi-storage-tank:before {
  content: "󱩵";
}
.mdi-storage-tank-outline:before {
  content: "󱩶";
}
.mdi-store:before {
  content: "󰓜";
}
.mdi-store-24-hour:before {
  content: "󰓝";
}
.mdi-store-alert:before {
  content: "󱣁";
}
.mdi-store-alert-outline:before {
  content: "󱣂";
}
.mdi-store-check:before {
  content: "󱣃";
}
.mdi-store-check-outline:before {
  content: "󱣄";
}
.mdi-store-clock:before {
  content: "󱣅";
}
.mdi-store-clock-outline:before {
  content: "󱣆";
}
.mdi-store-cog:before {
  content: "󱣇";
}
.mdi-store-cog-outline:before {
  content: "󱣈";
}
.mdi-store-edit:before {
  content: "󱣉";
}
.mdi-store-edit-outline:before {
  content: "󱣊";
}
.mdi-store-marker:before {
  content: "󱣋";
}
.mdi-store-marker-outline:before {
  content: "󱣌";
}
.mdi-store-minus:before {
  content: "󱙞";
}
.mdi-store-minus-outline:before {
  content: "󱣍";
}
.mdi-store-off:before {
  content: "󱣎";
}
.mdi-store-off-outline:before {
  content: "󱣏";
}
.mdi-store-outline:before {
  content: "󱍡";
}
.mdi-store-plus:before {
  content: "󱙟";
}
.mdi-store-plus-outline:before {
  content: "󱣐";
}
.mdi-store-remove:before {
  content: "󱙠";
}
.mdi-store-remove-outline:before {
  content: "󱣑";
}
.mdi-store-search:before {
  content: "󱣒";
}
.mdi-store-search-outline:before {
  content: "󱣓";
}
.mdi-store-settings:before {
  content: "󱣔";
}
.mdi-store-settings-outline:before {
  content: "󱣕";
}
.mdi-storefront:before {
  content: "󰟇";
}
.mdi-storefront-check:before {
  content: "󱭽";
}
.mdi-storefront-check-outline:before {
  content: "󱭾";
}
.mdi-storefront-edit:before {
  content: "󱭿";
}
.mdi-storefront-edit-outline:before {
  content: "󱮀";
}
.mdi-storefront-minus:before {
  content: "󱮃";
}
.mdi-storefront-minus-outline:before {
  content: "󱮄";
}
.mdi-storefront-outline:before {
  content: "󱃁";
}
.mdi-storefront-plus:before {
  content: "󱮁";
}
.mdi-storefront-plus-outline:before {
  content: "󱮂";
}
.mdi-storefront-remove:before {
  content: "󱮅";
}
.mdi-storefront-remove-outline:before {
  content: "󱮆";
}
.mdi-stove:before {
  content: "󰓞";
}
.mdi-strategy:before {
  content: "󱇖";
}
.mdi-stretch-to-page:before {
  content: "󰼫";
}
.mdi-stretch-to-page-outline:before {
  content: "󰼬";
}
.mdi-string-lights:before {
  content: "󱊺";
}
.mdi-string-lights-off:before {
  content: "󱊻";
}
.mdi-subdirectory-arrow-left:before {
  content: "󰘌";
}
.mdi-subdirectory-arrow-right:before {
  content: "󰘍";
}
.mdi-submarine:before {
  content: "󱕬";
}
.mdi-subtitles:before {
  content: "󰨖";
}
.mdi-subtitles-outline:before {
  content: "󰨗";
}
.mdi-subway:before {
  content: "󰚬";
}
.mdi-subway-alert-variant:before {
  content: "󰶝";
}
.mdi-subway-variant:before {
  content: "󰓟";
}
.mdi-summit:before {
  content: "󰞆";
}
.mdi-sun-angle:before {
  content: "󱬧";
}
.mdi-sun-angle-outline:before {
  content: "󱬨";
}
.mdi-sun-clock:before {
  content: "󱩷";
}
.mdi-sun-clock-outline:before {
  content: "󱩸";
}
.mdi-sun-compass:before {
  content: "󱦥";
}
.mdi-sun-snowflake:before {
  content: "󱞖";
}
.mdi-sun-snowflake-variant:before {
  content: "󱩹";
}
.mdi-sun-thermometer:before {
  content: "󱣖";
}
.mdi-sun-thermometer-outline:before {
  content: "󱣗";
}
.mdi-sun-wireless:before {
  content: "󱟾";
}
.mdi-sun-wireless-outline:before {
  content: "󱟿";
}
.mdi-sunglasses:before {
  content: "󰓠";
}
.mdi-surfing:before {
  content: "󱝆";
}
.mdi-surround-sound:before {
  content: "󰗅";
}
.mdi-surround-sound-2-0:before {
  content: "󰟰";
}
.mdi-surround-sound-2-1:before {
  content: "󱜩";
}
.mdi-surround-sound-3-1:before {
  content: "󰟱";
}
.mdi-surround-sound-5-1:before {
  content: "󰟲";
}
.mdi-surround-sound-5-1-2:before {
  content: "󱜪";
}
.mdi-surround-sound-7-1:before {
  content: "󰟳";
}
.mdi-svg:before {
  content: "󰜡";
}
.mdi-swap-horizontal:before {
  content: "󰓡";
}
.mdi-swap-horizontal-bold:before {
  content: "󰯍";
}
.mdi-swap-horizontal-circle:before {
  content: "󰿡";
}
.mdi-swap-horizontal-circle-outline:before {
  content: "󰿢";
}
.mdi-swap-horizontal-hidden:before {
  content: "󱴎";
}
.mdi-swap-horizontal-variant:before {
  content: "󰣁";
}
.mdi-swap-vertical:before {
  content: "󰓢";
}
.mdi-swap-vertical-bold:before {
  content: "󰯎";
}
.mdi-swap-vertical-circle:before {
  content: "󰿣";
}
.mdi-swap-vertical-circle-outline:before {
  content: "󰿤";
}
.mdi-swap-vertical-variant:before {
  content: "󰣂";
}
.mdi-swim:before {
  content: "󰓣";
}
.mdi-switch:before {
  content: "󰓤";
}
.mdi-sword:before {
  content: "󰓥";
}
.mdi-sword-cross:before {
  content: "󰞇";
}
.mdi-syllabary-hangul:before {
  content: "󱌳";
}
.mdi-syllabary-hiragana:before {
  content: "󱌴";
}
.mdi-syllabary-katakana:before {
  content: "󱌵";
}
.mdi-syllabary-katakana-halfwidth:before {
  content: "󱌶";
}
.mdi-symbol:before {
  content: "󱔁";
}
.mdi-symfony:before {
  content: "󰫦";
}
.mdi-synagogue:before {
  content: "󱬄";
}
.mdi-synagogue-outline:before {
  content: "󱬅";
}
.mdi-sync:before {
  content: "󰓦";
}
.mdi-sync-alert:before {
  content: "󰓧";
}
.mdi-sync-circle:before {
  content: "󱍸";
}
.mdi-sync-off:before {
  content: "󰓨";
}
.mdi-tab:before {
  content: "󰓩";
}
.mdi-tab-minus:before {
  content: "󰭋";
}
.mdi-tab-plus:before {
  content: "󰝜";
}
.mdi-tab-remove:before {
  content: "󰭌";
}
.mdi-tab-search:before {
  content: "󱦞";
}
.mdi-tab-unselected:before {
  content: "󰓪";
}
.mdi-table:before {
  content: "󰓫";
}
.mdi-table-account:before {
  content: "󱎹";
}
.mdi-table-alert:before {
  content: "󱎺";
}
.mdi-table-arrow-down:before {
  content: "󱎻";
}
.mdi-table-arrow-left:before {
  content: "󱎼";
}
.mdi-table-arrow-right:before {
  content: "󱎽";
}
.mdi-table-arrow-up:before {
  content: "󱎾";
}
.mdi-table-border:before {
  content: "󰨘";
}
.mdi-table-cancel:before {
  content: "󱎿";
}
.mdi-table-chair:before {
  content: "󱁡";
}
.mdi-table-check:before {
  content: "󱏀";
}
.mdi-table-clock:before {
  content: "󱏁";
}
.mdi-table-cog:before {
  content: "󱏂";
}
.mdi-table-column:before {
  content: "󰠵";
}
.mdi-table-column-plus-after:before {
  content: "󰓬";
}
.mdi-table-column-plus-before:before {
  content: "󰓭";
}
.mdi-table-column-remove:before {
  content: "󰓮";
}
.mdi-table-column-width:before {
  content: "󰓯";
}
.mdi-table-edit:before {
  content: "󰓰";
}
.mdi-table-eye:before {
  content: "󱂔";
}
.mdi-table-eye-off:before {
  content: "󱏃";
}
.mdi-table-filter:before {
  content: "󱮌";
}
.mdi-table-furniture:before {
  content: "󰖼";
}
.mdi-table-headers-eye:before {
  content: "󱈝";
}
.mdi-table-headers-eye-off:before {
  content: "󱈞";
}
.mdi-table-heart:before {
  content: "󱏄";
}
.mdi-table-key:before {
  content: "󱏅";
}
.mdi-table-large:before {
  content: "󰓱";
}
.mdi-table-large-plus:before {
  content: "󰾇";
}
.mdi-table-large-remove:before {
  content: "󰾈";
}
.mdi-table-lock:before {
  content: "󱏆";
}
.mdi-table-merge-cells:before {
  content: "󰦦";
}
.mdi-table-minus:before {
  content: "󱏇";
}
.mdi-table-multiple:before {
  content: "󱏈";
}
.mdi-table-network:before {
  content: "󱏉";
}
.mdi-table-of-contents:before {
  content: "󰠶";
}
.mdi-table-off:before {
  content: "󱏊";
}
.mdi-table-picnic:before {
  content: "󱝃";
}
.mdi-table-pivot:before {
  content: "󱠼";
}
.mdi-table-plus:before {
  content: "󰩵";
}
.mdi-table-question:before {
  content: "󱬡";
}
.mdi-table-refresh:before {
  content: "󱎠";
}
.mdi-table-remove:before {
  content: "󰩶";
}
.mdi-table-row:before {
  content: "󰠷";
}
.mdi-table-row-height:before {
  content: "󰓲";
}
.mdi-table-row-plus-after:before {
  content: "󰓳";
}
.mdi-table-row-plus-before:before {
  content: "󰓴";
}
.mdi-table-row-remove:before {
  content: "󰓵";
}
.mdi-table-search:before {
  content: "󰤏";
}
.mdi-table-settings:before {
  content: "󰠸";
}
.mdi-table-split-cell:before {
  content: "󱐪";
}
.mdi-table-star:before {
  content: "󱏋";
}
.mdi-table-sync:before {
  content: "󱎡";
}
.mdi-table-tennis:before {
  content: "󰹨";
}
.mdi-tablet:before {
  content: "󰓶";
}
.mdi-tablet-cellphone:before {
  content: "󰦧";
}
.mdi-tablet-dashboard:before {
  content: "󰻎";
}
.mdi-taco:before {
  content: "󰝢";
}
.mdi-tag:before {
  content: "󰓹";
}
.mdi-tag-arrow-down:before {
  content: "󱜫";
}
.mdi-tag-arrow-down-outline:before {
  content: "󱜬";
}
.mdi-tag-arrow-left:before {
  content: "󱜭";
}
.mdi-tag-arrow-left-outline:before {
  content: "󱜮";
}
.mdi-tag-arrow-right:before {
  content: "󱜯";
}
.mdi-tag-arrow-right-outline:before {
  content: "󱜰";
}
.mdi-tag-arrow-up:before {
  content: "󱜱";
}
.mdi-tag-arrow-up-outline:before {
  content: "󱜲";
}
.mdi-tag-check:before {
  content: "󱩺";
}
.mdi-tag-check-outline:before {
  content: "󱩻";
}
.mdi-tag-edit:before {
  content: "󱲜";
}
.mdi-tag-edit-outline:before {
  content: "󱲝";
}
.mdi-tag-faces:before {
  content: "󰓺";
}
.mdi-tag-heart:before {
  content: "󰚋";
}
.mdi-tag-heart-outline:before {
  content: "󰯏";
}
.mdi-tag-hidden:before {
  content: "󱱶";
}
.mdi-tag-minus:before {
  content: "󰤐";
}
.mdi-tag-minus-outline:before {
  content: "󱈟";
}
.mdi-tag-multiple:before {
  content: "󰓻";
}
.mdi-tag-multiple-outline:before {
  content: "󱋷";
}
.mdi-tag-off:before {
  content: "󱈠";
}
.mdi-tag-off-outline:before {
  content: "󱈡";
}
.mdi-tag-outline:before {
  content: "󰓼";
}
.mdi-tag-plus:before {
  content: "󰜢";
}
.mdi-tag-plus-outline:before {
  content: "󱈢";
}
.mdi-tag-remove:before {
  content: "󰜣";
}
.mdi-tag-remove-outline:before {
  content: "󱈣";
}
.mdi-tag-search:before {
  content: "󱤇";
}
.mdi-tag-search-outline:before {
  content: "󱤈";
}
.mdi-tag-text:before {
  content: "󱈤";
}
.mdi-tag-text-outline:before {
  content: "󰓽";
}
.mdi-tailwind:before {
  content: "󱏿";
}
.mdi-tally-mark-1:before {
  content: "󱪼";
}
.mdi-tally-mark-2:before {
  content: "󱪽";
}
.mdi-tally-mark-3:before {
  content: "󱪾";
}
.mdi-tally-mark-4:before {
  content: "󱪿";
}
.mdi-tally-mark-5:before {
  content: "󱫀";
}
.mdi-tangram:before {
  content: "󰓸";
}
.mdi-tank:before {
  content: "󰴺";
}
.mdi-tanker-truck:before {
  content: "󰿥";
}
.mdi-tape-drive:before {
  content: "󱛟";
}
.mdi-tape-measure:before {
  content: "󰭍";
}
.mdi-target:before {
  content: "󰓾";
}
.mdi-target-account:before {
  content: "󰯐";
}
.mdi-target-variant:before {
  content: "󰩷";
}
.mdi-taxi:before {
  content: "󰓿";
}
.mdi-tea:before {
  content: "󰶞";
}
.mdi-tea-outline:before {
  content: "󰶟";
}
.mdi-teamviewer:before {
  content: "󰔀";
}
.mdi-teddy-bear:before {
  content: "󱣻";
}
.mdi-telescope:before {
  content: "󰭎";
}
.mdi-television:before {
  content: "󰔂";
}
.mdi-television-ambient-light:before {
  content: "󱍖";
}
.mdi-television-box:before {
  content: "󰠹";
}
.mdi-television-classic:before {
  content: "󰟴";
}
.mdi-television-classic-off:before {
  content: "󰠺";
}
.mdi-television-guide:before {
  content: "󰔃";
}
.mdi-television-off:before {
  content: "󰠻";
}
.mdi-television-pause:before {
  content: "󰾉";
}
.mdi-television-play:before {
  content: "󰻏";
}
.mdi-television-shimmer:before {
  content: "󱄐";
}
.mdi-television-speaker:before {
  content: "󱬛";
}
.mdi-television-speaker-off:before {
  content: "󱬜";
}
.mdi-television-stop:before {
  content: "󰾊";
}
.mdi-temperature-celsius:before {
  content: "󰔄";
}
.mdi-temperature-fahrenheit:before {
  content: "󰔅";
}
.mdi-temperature-kelvin:before {
  content: "󰔆";
}
.mdi-temple-buddhist:before {
  content: "󱬆";
}
.mdi-temple-buddhist-outline:before {
  content: "󱬇";
}
.mdi-temple-hindu:before {
  content: "󱬈";
}
.mdi-temple-hindu-outline:before {
  content: "󱬉";
}
.mdi-tennis:before {
  content: "󰶠";
}
.mdi-tennis-ball:before {
  content: "󰔇";
}
.mdi-tennis-ball-outline:before {
  content: "󱱟";
}
.mdi-tent:before {
  content: "󰔈";
}
.mdi-terraform:before {
  content: "󱁢";
}
.mdi-terrain:before {
  content: "󰔉";
}
.mdi-test-tube:before {
  content: "󰙨";
}
.mdi-test-tube-empty:before {
  content: "󰤑";
}
.mdi-test-tube-off:before {
  content: "󰤒";
}
.mdi-text:before {
  content: "󰦨";
}
.mdi-text-account:before {
  content: "󱕰";
}
.mdi-text-box:before {
  content: "󰈚";
}
.mdi-text-box-check:before {
  content: "󰺦";
}
.mdi-text-box-check-outline:before {
  content: "󰺧";
}
.mdi-text-box-edit:before {
  content: "󱩼";
}
.mdi-text-box-edit-outline:before {
  content: "󱩽";
}
.mdi-text-box-minus:before {
  content: "󰺨";
}
.mdi-text-box-minus-outline:before {
  content: "󰺩";
}
.mdi-text-box-multiple:before {
  content: "󰪷";
}
.mdi-text-box-multiple-outline:before {
  content: "󰪸";
}
.mdi-text-box-outline:before {
  content: "󰧭";
}
.mdi-text-box-plus:before {
  content: "󰺪";
}
.mdi-text-box-plus-outline:before {
  content: "󰺫";
}
.mdi-text-box-remove:before {
  content: "󰺬";
}
.mdi-text-box-remove-outline:before {
  content: "󰺭";
}
.mdi-text-box-search:before {
  content: "󰺮";
}
.mdi-text-box-search-outline:before {
  content: "󰺯";
}
.mdi-text-long:before {
  content: "󰦪";
}
.mdi-text-recognition:before {
  content: "󱄽";
}
.mdi-text-search:before {
  content: "󱎸";
}
.mdi-text-search-variant:before {
  content: "󱩾";
}
.mdi-text-shadow:before {
  content: "󰙩";
}
.mdi-text-short:before {
  content: "󰦩";
}
.mdi-texture:before {
  content: "󰔌";
}
.mdi-texture-box:before {
  content: "󰿦";
}
.mdi-theater:before {
  content: "󰔍";
}
.mdi-theme-light-dark:before {
  content: "󰔎";
}
.mdi-thermometer:before {
  content: "󰔏";
}
.mdi-thermometer-alert:before {
  content: "󰸁";
}
.mdi-thermometer-auto:before {
  content: "󱬏";
}
.mdi-thermometer-bluetooth:before {
  content: "󱢕";
}
.mdi-thermometer-check:before {
  content: "󱩿";
}
.mdi-thermometer-chevron-down:before {
  content: "󰸂";
}
.mdi-thermometer-chevron-up:before {
  content: "󰸃";
}
.mdi-thermometer-high:before {
  content: "󱃂";
}
.mdi-thermometer-lines:before {
  content: "󰔐";
}
.mdi-thermometer-low:before {
  content: "󱃃";
}
.mdi-thermometer-minus:before {
  content: "󰸄";
}
.mdi-thermometer-off:before {
  content: "󱔱";
}
.mdi-thermometer-plus:before {
  content: "󰸅";
}
.mdi-thermometer-probe:before {
  content: "󱬫";
}
.mdi-thermometer-probe-off:before {
  content: "󱬬";
}
.mdi-thermometer-water:before {
  content: "󱪀";
}
.mdi-thermostat:before {
  content: "󰎓";
}
.mdi-thermostat-auto:before {
  content: "󱬗";
}
.mdi-thermostat-box:before {
  content: "󰢑";
}
.mdi-thermostat-box-auto:before {
  content: "󱬘";
}
.mdi-thermostat-cog:before {
  content: "󱲀";
}
.mdi-thought-bubble:before {
  content: "󰟶";
}
.mdi-thought-bubble-outline:before {
  content: "󰟷";
}
.mdi-thumb-down:before {
  content: "󰔑";
}
.mdi-thumb-down-outline:before {
  content: "󰔒";
}
.mdi-thumb-up:before {
  content: "󰔓";
}
.mdi-thumb-up-outline:before {
  content: "󰔔";
}
.mdi-thumbs-up-down:before {
  content: "󰔕";
}
.mdi-thumbs-up-down-outline:before {
  content: "󱤔";
}
.mdi-ticket:before {
  content: "󰔖";
}
.mdi-ticket-account:before {
  content: "󰔗";
}
.mdi-ticket-confirmation:before {
  content: "󰔘";
}
.mdi-ticket-confirmation-outline:before {
  content: "󱎪";
}
.mdi-ticket-outline:before {
  content: "󰤓";
}
.mdi-ticket-percent:before {
  content: "󰜤";
}
.mdi-ticket-percent-outline:before {
  content: "󱐫";
}
.mdi-tie:before {
  content: "󰔙";
}
.mdi-tilde:before {
  content: "󰜥";
}
.mdi-tilde-off:before {
  content: "󱣳";
}
.mdi-timelapse:before {
  content: "󰔚";
}
.mdi-timeline:before {
  content: "󰯑";
}
.mdi-timeline-alert:before {
  content: "󰾕";
}
.mdi-timeline-alert-outline:before {
  content: "󰾘";
}
.mdi-timeline-check:before {
  content: "󱔲";
}
.mdi-timeline-check-outline:before {
  content: "󱔳";
}
.mdi-timeline-clock:before {
  content: "󱇻";
}
.mdi-timeline-clock-outline:before {
  content: "󱇼";
}
.mdi-timeline-minus:before {
  content: "󱔴";
}
.mdi-timeline-minus-outline:before {
  content: "󱔵";
}
.mdi-timeline-outline:before {
  content: "󰯒";
}
.mdi-timeline-plus:before {
  content: "󰾖";
}
.mdi-timeline-plus-outline:before {
  content: "󰾗";
}
.mdi-timeline-question:before {
  content: "󰾙";
}
.mdi-timeline-question-outline:before {
  content: "󰾚";
}
.mdi-timeline-remove:before {
  content: "󱔶";
}
.mdi-timeline-remove-outline:before {
  content: "󱔷";
}
.mdi-timeline-text:before {
  content: "󰯓";
}
.mdi-timeline-text-outline:before {
  content: "󰯔";
}
.mdi-timer:before {
  content: "󱎫";
}
.mdi-timer-10:before {
  content: "󰔜";
}
.mdi-timer-3:before {
  content: "󰔝";
}
.mdi-timer-alert:before {
  content: "󱫌";
}
.mdi-timer-alert-outline:before {
  content: "󱫍";
}
.mdi-timer-cancel:before {
  content: "󱫎";
}
.mdi-timer-cancel-outline:before {
  content: "󱫏";
}
.mdi-timer-check:before {
  content: "󱫐";
}
.mdi-timer-check-outline:before {
  content: "󱫑";
}
.mdi-timer-cog:before {
  content: "󱤥";
}
.mdi-timer-cog-outline:before {
  content: "󱤦";
}
.mdi-timer-edit:before {
  content: "󱫒";
}
.mdi-timer-edit-outline:before {
  content: "󱫓";
}
.mdi-timer-lock:before {
  content: "󱫔";
}
.mdi-timer-lock-open:before {
  content: "󱫕";
}
.mdi-timer-lock-open-outline:before {
  content: "󱫖";
}
.mdi-timer-lock-outline:before {
  content: "󱫗";
}
.mdi-timer-marker:before {
  content: "󱫘";
}
.mdi-timer-marker-outline:before {
  content: "󱫙";
}
.mdi-timer-minus:before {
  content: "󱫚";
}
.mdi-timer-minus-outline:before {
  content: "󱫛";
}
.mdi-timer-music:before {
  content: "󱫜";
}
.mdi-timer-music-outline:before {
  content: "󱫝";
}
.mdi-timer-off:before {
  content: "󱎬";
}
.mdi-timer-off-outline:before {
  content: "󰔞";
}
.mdi-timer-outline:before {
  content: "󰔛";
}
.mdi-timer-pause:before {
  content: "󱫞";
}
.mdi-timer-pause-outline:before {
  content: "󱫟";
}
.mdi-timer-play:before {
  content: "󱫠";
}
.mdi-timer-play-outline:before {
  content: "󱫡";
}
.mdi-timer-plus:before {
  content: "󱫢";
}
.mdi-timer-plus-outline:before {
  content: "󱫣";
}
.mdi-timer-refresh:before {
  content: "󱫤";
}
.mdi-timer-refresh-outline:before {
  content: "󱫥";
}
.mdi-timer-remove:before {
  content: "󱫦";
}
.mdi-timer-remove-outline:before {
  content: "󱫧";
}
.mdi-timer-sand:before {
  content: "󰔟";
}
.mdi-timer-sand-complete:before {
  content: "󱦟";
}
.mdi-timer-sand-empty:before {
  content: "󰚭";
}
.mdi-timer-sand-full:before {
  content: "󰞌";
}
.mdi-timer-sand-paused:before {
  content: "󱦠";
}
.mdi-timer-settings:before {
  content: "󱤣";
}
.mdi-timer-settings-outline:before {
  content: "󱤤";
}
.mdi-timer-star:before {
  content: "󱫨";
}
.mdi-timer-star-outline:before {
  content: "󱫩";
}
.mdi-timer-stop:before {
  content: "󱫪";
}
.mdi-timer-stop-outline:before {
  content: "󱫫";
}
.mdi-timer-sync:before {
  content: "󱫬";
}
.mdi-timer-sync-outline:before {
  content: "󱫭";
}
.mdi-timetable:before {
  content: "󰔠";
}
.mdi-tire:before {
  content: "󱢖";
}
.mdi-toaster:before {
  content: "󱁣";
}
.mdi-toaster-off:before {
  content: "󱆷";
}
.mdi-toaster-oven:before {
  content: "󰳓";
}
.mdi-toggle-switch:before {
  content: "󰔡";
}
.mdi-toggle-switch-off:before {
  content: "󰔢";
}
.mdi-toggle-switch-off-outline:before {
  content: "󰨙";
}
.mdi-toggle-switch-outline:before {
  content: "󰨚";
}
.mdi-toggle-switch-variant:before {
  content: "󱨥";
}
.mdi-toggle-switch-variant-off:before {
  content: "󱨦";
}
.mdi-toilet:before {
  content: "󰦫";
}
.mdi-toolbox:before {
  content: "󰦬";
}
.mdi-toolbox-outline:before {
  content: "󰦭";
}
.mdi-tools:before {
  content: "󱁤";
}
.mdi-tooltip:before {
  content: "󰔣";
}
.mdi-tooltip-account:before {
  content: "󰀌";
}
.mdi-tooltip-cellphone:before {
  content: "󱠻";
}
.mdi-tooltip-check:before {
  content: "󱕜";
}
.mdi-tooltip-check-outline:before {
  content: "󱕝";
}
.mdi-tooltip-edit:before {
  content: "󰔤";
}
.mdi-tooltip-edit-outline:before {
  content: "󱋅";
}
.mdi-tooltip-image:before {
  content: "󰔥";
}
.mdi-tooltip-image-outline:before {
  content: "󰯕";
}
.mdi-tooltip-minus:before {
  content: "󱕞";
}
.mdi-tooltip-minus-outline:before {
  content: "󱕟";
}
.mdi-tooltip-outline:before {
  content: "󰔦";
}
.mdi-tooltip-plus:before {
  content: "󰯖";
}
.mdi-tooltip-plus-outline:before {
  content: "󰔧";
}
.mdi-tooltip-question:before {
  content: "󱮺";
}
.mdi-tooltip-question-outline:before {
  content: "󱮻";
}
.mdi-tooltip-remove:before {
  content: "󱕠";
}
.mdi-tooltip-remove-outline:before {
  content: "󱕡";
}
.mdi-tooltip-text:before {
  content: "󰔨";
}
.mdi-tooltip-text-outline:before {
  content: "󰯗";
}
.mdi-tooth:before {
  content: "󰣃";
}
.mdi-tooth-outline:before {
  content: "󰔩";
}
.mdi-toothbrush:before {
  content: "󱄩";
}
.mdi-toothbrush-electric:before {
  content: "󱄬";
}
.mdi-toothbrush-paste:before {
  content: "󱄪";
}
.mdi-torch:before {
  content: "󱘆";
}
.mdi-tortoise:before {
  content: "󰴻";
}
.mdi-toslink:before {
  content: "󱊸";
}
.mdi-touch-text-outline:before {
  content: "󱱠";
}
.mdi-tournament:before {
  content: "󰦮";
}
.mdi-tow-truck:before {
  content: "󰠼";
}
.mdi-tower-beach:before {
  content: "󰚁";
}
.mdi-tower-fire:before {
  content: "󰚂";
}
.mdi-town-hall:before {
  content: "󱡵";
}
.mdi-toy-brick:before {
  content: "󱊈";
}
.mdi-toy-brick-marker:before {
  content: "󱊉";
}
.mdi-toy-brick-marker-outline:before {
  content: "󱊊";
}
.mdi-toy-brick-minus:before {
  content: "󱊋";
}
.mdi-toy-brick-minus-outline:before {
  content: "󱊌";
}
.mdi-toy-brick-outline:before {
  content: "󱊍";
}
.mdi-toy-brick-plus:before {
  content: "󱊎";
}
.mdi-toy-brick-plus-outline:before {
  content: "󱊏";
}
.mdi-toy-brick-remove:before {
  content: "󱊐";
}
.mdi-toy-brick-remove-outline:before {
  content: "󱊑";
}
.mdi-toy-brick-search:before {
  content: "󱊒";
}
.mdi-toy-brick-search-outline:before {
  content: "󱊓";
}
.mdi-track-light:before {
  content: "󰤔";
}
.mdi-track-light-off:before {
  content: "󱬁";
}
.mdi-trackpad:before {
  content: "󰟸";
}
.mdi-trackpad-lock:before {
  content: "󰤳";
}
.mdi-tractor:before {
  content: "󰢒";
}
.mdi-tractor-variant:before {
  content: "󱓄";
}
.mdi-trademark:before {
  content: "󰩸";
}
.mdi-traffic-cone:before {
  content: "󱍼";
}
.mdi-traffic-light:before {
  content: "󰔫";
}
.mdi-traffic-light-outline:before {
  content: "󱠪";
}
.mdi-train:before {
  content: "󰔬";
}
.mdi-train-bus:before {
  content: "󱳇";
}
.mdi-train-car:before {
  content: "󰯘";
}
.mdi-train-car-autorack:before {
  content: "󱬭";
}
.mdi-train-car-box:before {
  content: "󱬮";
}
.mdi-train-car-box-full:before {
  content: "󱬯";
}
.mdi-train-car-box-open:before {
  content: "󱬰";
}
.mdi-train-car-caboose:before {
  content: "󱬱";
}
.mdi-train-car-centerbeam:before {
  content: "󱬲";
}
.mdi-train-car-centerbeam-full:before {
  content: "󱬳";
}
.mdi-train-car-container:before {
  content: "󱬴";
}
.mdi-train-car-flatbed:before {
  content: "󱬵";
}
.mdi-train-car-flatbed-car:before {
  content: "󱬶";
}
.mdi-train-car-flatbed-tank:before {
  content: "󱬷";
}
.mdi-train-car-gondola:before {
  content: "󱬸";
}
.mdi-train-car-gondola-full:before {
  content: "󱬹";
}
.mdi-train-car-hopper:before {
  content: "󱬺";
}
.mdi-train-car-hopper-covered:before {
  content: "󱬻";
}
.mdi-train-car-hopper-full:before {
  content: "󱬼";
}
.mdi-train-car-intermodal:before {
  content: "󱬽";
}
.mdi-train-car-passenger:before {
  content: "󱜳";
}
.mdi-train-car-passenger-door:before {
  content: "󱜴";
}
.mdi-train-car-passenger-door-open:before {
  content: "󱜵";
}
.mdi-train-car-passenger-variant:before {
  content: "󱜶";
}
.mdi-train-car-tank:before {
  content: "󱬾";
}
.mdi-train-variant:before {
  content: "󰣄";
}
.mdi-tram:before {
  content: "󰔭";
}
.mdi-tram-side:before {
  content: "󰿧";
}
.mdi-transcribe:before {
  content: "󰔮";
}
.mdi-transcribe-close:before {
  content: "󰔯";
}
.mdi-transfer:before {
  content: "󱁥";
}
.mdi-transfer-down:before {
  content: "󰶡";
}
.mdi-transfer-left:before {
  content: "󰶢";
}
.mdi-transfer-right:before {
  content: "󰔰";
}
.mdi-transfer-up:before {
  content: "󰶣";
}
.mdi-transit-connection:before {
  content: "󰴼";
}
.mdi-transit-connection-horizontal:before {
  content: "󱕆";
}
.mdi-transit-connection-variant:before {
  content: "󰴽";
}
.mdi-transit-detour:before {
  content: "󰾋";
}
.mdi-transit-skip:before {
  content: "󱔕";
}
.mdi-transit-transfer:before {
  content: "󰚮";
}
.mdi-transition:before {
  content: "󰤕";
}
.mdi-transition-masked:before {
  content: "󰤖";
}
.mdi-translate:before {
  content: "󰗊";
}
.mdi-translate-off:before {
  content: "󰸆";
}
.mdi-translate-variant:before {
  content: "󱮙";
}
.mdi-transmission-tower:before {
  content: "󰴾";
}
.mdi-transmission-tower-export:before {
  content: "󱤬";
}
.mdi-transmission-tower-import:before {
  content: "󱤭";
}
.mdi-transmission-tower-off:before {
  content: "󱧝";
}
.mdi-trash-can:before {
  content: "󰩹";
}
.mdi-trash-can-outline:before {
  content: "󰩺";
}
.mdi-tray:before {
  content: "󱊔";
}
.mdi-tray-alert:before {
  content: "󱊕";
}
.mdi-tray-arrow-down:before {
  content: "󰄠";
}
.mdi-tray-arrow-up:before {
  content: "󰄝";
}
.mdi-tray-full:before {
  content: "󱊖";
}
.mdi-tray-minus:before {
  content: "󱊗";
}
.mdi-tray-plus:before {
  content: "󱊘";
}
.mdi-tray-remove:before {
  content: "󱊙";
}
.mdi-treasure-chest:before {
  content: "󰜦";
}
.mdi-treasure-chest-outline:before {
  content: "󱱷";
}
.mdi-tree:before {
  content: "󰔱";
}
.mdi-tree-outline:before {
  content: "󰹩";
}
.mdi-trello:before {
  content: "󰔲";
}
.mdi-trending-down:before {
  content: "󰔳";
}
.mdi-trending-neutral:before {
  content: "󰔴";
}
.mdi-trending-up:before {
  content: "󰔵";
}
.mdi-triangle:before {
  content: "󰔶";
}
.mdi-triangle-down:before {
  content: "󱱖";
}
.mdi-triangle-down-outline:before {
  content: "󱱗";
}
.mdi-triangle-outline:before {
  content: "󰔷";
}
.mdi-triangle-small-down:before {
  content: "󱨉";
}
.mdi-triangle-small-up:before {
  content: "󱨊";
}
.mdi-triangle-wave:before {
  content: "󱑼";
}
.mdi-triforce:before {
  content: "󰯙";
}
.mdi-trophy:before {
  content: "󰔸";
}
.mdi-trophy-award:before {
  content: "󰔹";
}
.mdi-trophy-broken:before {
  content: "󰶤";
}
.mdi-trophy-outline:before {
  content: "󰔺";
}
.mdi-trophy-variant:before {
  content: "󰔻";
}
.mdi-trophy-variant-outline:before {
  content: "󰔼";
}
.mdi-truck:before {
  content: "󰔽";
}
.mdi-truck-alert:before {
  content: "󱧞";
}
.mdi-truck-alert-outline:before {
  content: "󱧟";
}
.mdi-truck-cargo-container:before {
  content: "󱣘";
}
.mdi-truck-check:before {
  content: "󰳔";
}
.mdi-truck-check-outline:before {
  content: "󱊚";
}
.mdi-truck-delivery:before {
  content: "󰔾";
}
.mdi-truck-delivery-outline:before {
  content: "󱊛";
}
.mdi-truck-fast:before {
  content: "󰞈";
}
.mdi-truck-fast-outline:before {
  content: "󱊜";
}
.mdi-truck-flatbed:before {
  content: "󱢑";
}
.mdi-truck-minus:before {
  content: "󱦮";
}
.mdi-truck-minus-outline:before {
  content: "󱦽";
}
.mdi-truck-off-road:before {
  content: "󱲞";
}
.mdi-truck-off-road-off:before {
  content: "󱲟";
}
.mdi-truck-outline:before {
  content: "󱊝";
}
.mdi-truck-plus:before {
  content: "󱦭";
}
.mdi-truck-plus-outline:before {
  content: "󱦼";
}
.mdi-truck-remove:before {
  content: "󱦯";
}
.mdi-truck-remove-outline:before {
  content: "󱦾";
}
.mdi-truck-snowflake:before {
  content: "󱦦";
}
.mdi-truck-trailer:before {
  content: "󰜧";
}
.mdi-trumpet:before {
  content: "󱂖";
}
.mdi-tshirt-crew:before {
  content: "󰩻";
}
.mdi-tshirt-crew-outline:before {
  content: "󰔿";
}
.mdi-tshirt-v:before {
  content: "󰩼";
}
.mdi-tshirt-v-outline:before {
  content: "󰕀";
}
.mdi-tsunami:before {
  content: "󱪁";
}
.mdi-tumble-dryer:before {
  content: "󰤗";
}
.mdi-tumble-dryer-alert:before {
  content: "󱆺";
}
.mdi-tumble-dryer-off:before {
  content: "󱆻";
}
.mdi-tune:before {
  content: "󰘮";
}
.mdi-tune-variant:before {
  content: "󱕂";
}
.mdi-tune-vertical:before {
  content: "󰙪";
}
.mdi-tune-vertical-variant:before {
  content: "󱕃";
}
.mdi-tunnel:before {
  content: "󱠽";
}
.mdi-tunnel-outline:before {
  content: "󱠾";
}
.mdi-turbine:before {
  content: "󱪂";
}
.mdi-turkey:before {
  content: "󱜛";
}
.mdi-turnstile:before {
  content: "󰳕";
}
.mdi-turnstile-outline:before {
  content: "󰳖";
}
.mdi-turtle:before {
  content: "󰳗";
}
.mdi-twitch:before {
  content: "󰕃";
}
.mdi-twitter:before {
  content: "󰕄";
}
.mdi-two-factor-authentication:before {
  content: "󰦯";
}
.mdi-typewriter:before {
  content: "󰼭";
}
.mdi-ubisoft:before {
  content: "󰯚";
}
.mdi-ubuntu:before {
  content: "󰕈";
}
.mdi-ufo:before {
  content: "󱃄";
}
.mdi-ufo-outline:before {
  content: "󱃅";
}
.mdi-ultra-high-definition:before {
  content: "󰟹";
}
.mdi-umbraco:before {
  content: "󰕉";
}
.mdi-umbrella:before {
  content: "󰕊";
}
.mdi-umbrella-beach:before {
  content: "󱢊";
}
.mdi-umbrella-beach-outline:before {
  content: "󱢋";
}
.mdi-umbrella-closed:before {
  content: "󰦰";
}
.mdi-umbrella-closed-outline:before {
  content: "󱏢";
}
.mdi-umbrella-closed-variant:before {
  content: "󱏡";
}
.mdi-umbrella-outline:before {
  content: "󰕋";
}
.mdi-underwear-outline:before {
  content: "󱴏";
}
.mdi-undo:before {
  content: "󰕌";
}
.mdi-undo-variant:before {
  content: "󰕍";
}
.mdi-unfold-less-horizontal:before {
  content: "󰕎";
}
.mdi-unfold-less-vertical:before {
  content: "󰝠";
}
.mdi-unfold-more-horizontal:before {
  content: "󰕏";
}
.mdi-unfold-more-vertical:before {
  content: "󰝡";
}
.mdi-ungroup:before {
  content: "󰕐";
}
.mdi-unicode:before {
  content: "󰻐";
}
.mdi-unicorn:before {
  content: "󱗂";
}
.mdi-unicorn-variant:before {
  content: "󱗃";
}
.mdi-unicycle:before {
  content: "󱗥";
}
.mdi-unity:before {
  content: "󰚯";
}
.mdi-unreal:before {
  content: "󰦱";
}
.mdi-update:before {
  content: "󰚰";
}
.mdi-upload:before {
  content: "󰕒";
}
.mdi-upload-box:before {
  content: "󱴐";
}
.mdi-upload-box-outline:before {
  content: "󱴑";
}
.mdi-upload-circle:before {
  content: "󱴒";
}
.mdi-upload-circle-outline:before {
  content: "󱴓";
}
.mdi-upload-lock:before {
  content: "󱍳";
}
.mdi-upload-lock-outline:before {
  content: "󱍴";
}
.mdi-upload-multiple:before {
  content: "󰠽";
}
.mdi-upload-multiple-outline:before {
  content: "󱴔";
}
.mdi-upload-network:before {
  content: "󰛶";
}
.mdi-upload-network-outline:before {
  content: "󰳘";
}
.mdi-upload-off:before {
  content: "󱃆";
}
.mdi-upload-off-outline:before {
  content: "󱃇";
}
.mdi-upload-outline:before {
  content: "󰸇";
}
.mdi-usb:before {
  content: "󰕓";
}
.mdi-usb-c-port:before {
  content: "󱲿";
}
.mdi-usb-flash-drive:before {
  content: "󱊞";
}
.mdi-usb-flash-drive-outline:before {
  content: "󱊟";
}
.mdi-usb-port:before {
  content: "󱇰";
}
.mdi-vacuum:before {
  content: "󱦡";
}
.mdi-vacuum-outline:before {
  content: "󱦢";
}
.mdi-valve:before {
  content: "󱁦";
}
.mdi-valve-closed:before {
  content: "󱁧";
}
.mdi-valve-open:before {
  content: "󱁨";
}
.mdi-van-passenger:before {
  content: "󰟺";
}
.mdi-van-utility:before {
  content: "󰟻";
}
.mdi-vanish:before {
  content: "󰟼";
}
.mdi-vanish-quarter:before {
  content: "󱕔";
}
.mdi-vanity-light:before {
  content: "󱇡";
}
.mdi-variable:before {
  content: "󰫧";
}
.mdi-variable-box:before {
  content: "󱄑";
}
.mdi-vector-arrange-above:before {
  content: "󰕔";
}
.mdi-vector-arrange-below:before {
  content: "󰕕";
}
.mdi-vector-bezier:before {
  content: "󰫨";
}
.mdi-vector-circle:before {
  content: "󰕖";
}
.mdi-vector-circle-variant:before {
  content: "󰕗";
}
.mdi-vector-combine:before {
  content: "󰕘";
}
.mdi-vector-curve:before {
  content: "󰕙";
}
.mdi-vector-difference:before {
  content: "󰕚";
}
.mdi-vector-difference-ab:before {
  content: "󰕛";
}
.mdi-vector-difference-ba:before {
  content: "󰕜";
}
.mdi-vector-ellipse:before {
  content: "󰢓";
}
.mdi-vector-intersection:before {
  content: "󰕝";
}
.mdi-vector-line:before {
  content: "󰕞";
}
.mdi-vector-link:before {
  content: "󰿨";
}
.mdi-vector-point:before {
  content: "󰇄";
}
.mdi-vector-point-edit:before {
  content: "󰧨";
}
.mdi-vector-point-minus:before {
  content: "󱭸";
}
.mdi-vector-point-plus:before {
  content: "󱭹";
}
.mdi-vector-point-select:before {
  content: "󰕟";
}
.mdi-vector-polygon:before {
  content: "󰕠";
}
.mdi-vector-polygon-variant:before {
  content: "󱡖";
}
.mdi-vector-polyline:before {
  content: "󰕡";
}
.mdi-vector-polyline-edit:before {
  content: "󱈥";
}
.mdi-vector-polyline-minus:before {
  content: "󱈦";
}
.mdi-vector-polyline-plus:before {
  content: "󱈧";
}
.mdi-vector-polyline-remove:before {
  content: "󱈨";
}
.mdi-vector-radius:before {
  content: "󰝊";
}
.mdi-vector-rectangle:before {
  content: "󰗆";
}
.mdi-vector-selection:before {
  content: "󰕢";
}
.mdi-vector-square:before {
  content: "󰀁";
}
.mdi-vector-square-close:before {
  content: "󱡗";
}
.mdi-vector-square-edit:before {
  content: "󱣙";
}
.mdi-vector-square-minus:before {
  content: "󱣚";
}
.mdi-vector-square-open:before {
  content: "󱡘";
}
.mdi-vector-square-plus:before {
  content: "󱣛";
}
.mdi-vector-square-remove:before {
  content: "󱣜";
}
.mdi-vector-triangle:before {
  content: "󰕣";
}
.mdi-vector-union:before {
  content: "󰕤";
}
.mdi-vhs:before {
  content: "󰨛";
}
.mdi-vibrate:before {
  content: "󰕦";
}
.mdi-vibrate-off:before {
  content: "󰳙";
}
.mdi-video:before {
  content: "󰕧";
}
.mdi-video-2d:before {
  content: "󱨜";
}
.mdi-video-3d:before {
  content: "󰟽";
}
.mdi-video-3d-off:before {
  content: "󱏙";
}
.mdi-video-3d-variant:before {
  content: "󰻑";
}
.mdi-video-4k-box:before {
  content: "󰠾";
}
.mdi-video-account:before {
  content: "󰤙";
}
.mdi-video-box:before {
  content: "󰃽";
}
.mdi-video-box-off:before {
  content: "󰃾";
}
.mdi-video-check:before {
  content: "󱁩";
}
.mdi-video-check-outline:before {
  content: "󱁪";
}
.mdi-video-high-definition:before {
  content: "󱔮";
}
.mdi-video-image:before {
  content: "󰤚";
}
.mdi-video-input-antenna:before {
  content: "󰠿";
}
.mdi-video-input-component:before {
  content: "󰡀";
}
.mdi-video-input-hdmi:before {
  content: "󰡁";
}
.mdi-video-input-scart:before {
  content: "󰾌";
}
.mdi-video-input-svideo:before {
  content: "󰡂";
}
.mdi-video-marker:before {
  content: "󱦩";
}
.mdi-video-marker-outline:before {
  content: "󱦪";
}
.mdi-video-minus:before {
  content: "󰦲";
}
.mdi-video-minus-outline:before {
  content: "󰊺";
}
.mdi-video-off:before {
  content: "󰕨";
}
.mdi-video-off-outline:before {
  content: "󰯛";
}
.mdi-video-outline:before {
  content: "󰯜";
}
.mdi-video-plus:before {
  content: "󰦳";
}
.mdi-video-plus-outline:before {
  content: "󰇓";
}
.mdi-video-stabilization:before {
  content: "󰤛";
}
.mdi-video-standard-definition:before {
  content: "󱲠";
}
.mdi-video-switch:before {
  content: "󰕩";
}
.mdi-video-switch-outline:before {
  content: "󰞐";
}
.mdi-video-vintage:before {
  content: "󰨜";
}
.mdi-video-wireless:before {
  content: "󰻒";
}
.mdi-video-wireless-outline:before {
  content: "󰻓";
}
.mdi-view-agenda:before {
  content: "󰕪";
}
.mdi-view-agenda-outline:before {
  content: "󱇘";
}
.mdi-view-array:before {
  content: "󰕫";
}
.mdi-view-array-outline:before {
  content: "󱒅";
}
.mdi-view-carousel:before {
  content: "󰕬";
}
.mdi-view-carousel-outline:before {
  content: "󱒆";
}
.mdi-view-column:before {
  content: "󰕭";
}
.mdi-view-column-outline:before {
  content: "󱒇";
}
.mdi-view-comfy:before {
  content: "󰹪";
}
.mdi-view-comfy-outline:before {
  content: "󱒈";
}
.mdi-view-compact:before {
  content: "󰹫";
}
.mdi-view-compact-outline:before {
  content: "󰹬";
}
.mdi-view-dashboard:before {
  content: "󰕮";
}
.mdi-view-dashboard-edit:before {
  content: "󱥇";
}
.mdi-view-dashboard-edit-outline:before {
  content: "󱥈";
}
.mdi-view-dashboard-outline:before {
  content: "󰨝";
}
.mdi-view-dashboard-variant:before {
  content: "󰡃";
}
.mdi-view-dashboard-variant-outline:before {
  content: "󱒉";
}
.mdi-view-day:before {
  content: "󰕯";
}
.mdi-view-day-outline:before {
  content: "󱒊";
}
.mdi-view-gallery:before {
  content: "󱢈";
}
.mdi-view-gallery-outline:before {
  content: "󱢉";
}
.mdi-view-grid:before {
  content: "󰕰";
}
.mdi-view-grid-compact:before {
  content: "󱱡";
}
.mdi-view-grid-outline:before {
  content: "󱇙";
}
.mdi-view-grid-plus:before {
  content: "󰾍";
}
.mdi-view-grid-plus-outline:before {
  content: "󱇚";
}
.mdi-view-headline:before {
  content: "󰕱";
}
.mdi-view-list:before {
  content: "󰕲";
}
.mdi-view-list-outline:before {
  content: "󱒋";
}
.mdi-view-module:before {
  content: "󰕳";
}
.mdi-view-module-outline:before {
  content: "󱒌";
}
.mdi-view-parallel:before {
  content: "󰜨";
}
.mdi-view-parallel-outline:before {
  content: "󱒍";
}
.mdi-view-quilt:before {
  content: "󰕴";
}
.mdi-view-quilt-outline:before {
  content: "󱒎";
}
.mdi-view-sequential:before {
  content: "󰜩";
}
.mdi-view-sequential-outline:before {
  content: "󱒏";
}
.mdi-view-split-horizontal:before {
  content: "󰯋";
}
.mdi-view-split-vertical:before {
  content: "󰯌";
}
.mdi-view-stream:before {
  content: "󰕵";
}
.mdi-view-stream-outline:before {
  content: "󱒐";
}
.mdi-view-week:before {
  content: "󰕶";
}
.mdi-view-week-outline:before {
  content: "󱒑";
}
.mdi-vimeo:before {
  content: "󰕷";
}
.mdi-violin:before {
  content: "󰘏";
}
.mdi-virtual-reality:before {
  content: "󰢔";
}
.mdi-virus:before {
  content: "󱎶";
}
.mdi-virus-off:before {
  content: "󱣡";
}
.mdi-virus-off-outline:before {
  content: "󱣢";
}
.mdi-virus-outline:before {
  content: "󱎷";
}
.mdi-vlc:before {
  content: "󰕼";
}
.mdi-voicemail:before {
  content: "󰕽";
}
.mdi-volcano:before {
  content: "󱪃";
}
.mdi-volcano-outline:before {
  content: "󱪄";
}
.mdi-volleyball:before {
  content: "󰦴";
}
.mdi-volume-equal:before {
  content: "󱬐";
}
.mdi-volume-high:before {
  content: "󰕾";
}
.mdi-volume-low:before {
  content: "󰕿";
}
.mdi-volume-medium:before {
  content: "󰖀";
}
.mdi-volume-minus:before {
  content: "󰝞";
}
.mdi-volume-mute:before {
  content: "󰝟";
}
.mdi-volume-off:before {
  content: "󰖁";
}
.mdi-volume-plus:before {
  content: "󰝝";
}
.mdi-volume-source:before {
  content: "󱄠";
}
.mdi-volume-variant-off:before {
  content: "󰸈";
}
.mdi-volume-vibrate:before {
  content: "󱄡";
}
.mdi-vote:before {
  content: "󰨟";
}
.mdi-vote-outline:before {
  content: "󰨠";
}
.mdi-vpn:before {
  content: "󰖂";
}
.mdi-vuejs:before {
  content: "󰡄";
}
.mdi-vuetify:before {
  content: "󰹭";
}
.mdi-walk:before {
  content: "󰖃";
}
.mdi-wall:before {
  content: "󰟾";
}
.mdi-wall-fire:before {
  content: "󱨑";
}
.mdi-wall-sconce:before {
  content: "󰤜";
}
.mdi-wall-sconce-flat:before {
  content: "󰤝";
}
.mdi-wall-sconce-flat-outline:before {
  content: "󱟉";
}
.mdi-wall-sconce-flat-variant:before {
  content: "󰐜";
}
.mdi-wall-sconce-flat-variant-outline:before {
  content: "󱟊";
}
.mdi-wall-sconce-outline:before {
  content: "󱟋";
}
.mdi-wall-sconce-round:before {
  content: "󰝈";
}
.mdi-wall-sconce-round-outline:before {
  content: "󱟌";
}
.mdi-wall-sconce-round-variant:before {
  content: "󰤞";
}
.mdi-wall-sconce-round-variant-outline:before {
  content: "󱟍";
}
.mdi-wallet:before {
  content: "󰖄";
}
.mdi-wallet-bifold:before {
  content: "󱱘";
}
.mdi-wallet-bifold-outline:before {
  content: "󱱙";
}
.mdi-wallet-giftcard:before {
  content: "󰖅";
}
.mdi-wallet-membership:before {
  content: "󰖆";
}
.mdi-wallet-outline:before {
  content: "󰯝";
}
.mdi-wallet-plus:before {
  content: "󰾎";
}
.mdi-wallet-plus-outline:before {
  content: "󰾏";
}
.mdi-wallet-travel:before {
  content: "󰖇";
}
.mdi-wallpaper:before {
  content: "󰸉";
}
.mdi-wan:before {
  content: "󰖈";
}
.mdi-wardrobe:before {
  content: "󰾐";
}
.mdi-wardrobe-outline:before {
  content: "󰾑";
}
.mdi-warehouse:before {
  content: "󰾁";
}
.mdi-washing-machine:before {
  content: "󰜪";
}
.mdi-washing-machine-alert:before {
  content: "󱆼";
}
.mdi-washing-machine-off:before {
  content: "󱆽";
}
.mdi-watch:before {
  content: "󰖉";
}
.mdi-watch-export:before {
  content: "󰖊";
}
.mdi-watch-export-variant:before {
  content: "󰢕";
}
.mdi-watch-import:before {
  content: "󰖋";
}
.mdi-watch-import-variant:before {
  content: "󰢖";
}
.mdi-watch-variant:before {
  content: "󰢗";
}
.mdi-watch-vibrate:before {
  content: "󰚱";
}
.mdi-watch-vibrate-off:before {
  content: "󰳚";
}
.mdi-water:before {
  content: "󰖌";
}
.mdi-water-alert:before {
  content: "󱔂";
}
.mdi-water-alert-outline:before {
  content: "󱔃";
}
.mdi-water-boiler:before {
  content: "󰾒";
}
.mdi-water-boiler-alert:before {
  content: "󱆳";
}
.mdi-water-boiler-auto:before {
  content: "󱮘";
}
.mdi-water-boiler-off:before {
  content: "󱆴";
}
.mdi-water-check:before {
  content: "󱔄";
}
.mdi-water-check-outline:before {
  content: "󱔅";
}
.mdi-water-circle:before {
  content: "󱠆";
}
.mdi-water-minus:before {
  content: "󱔆";
}
.mdi-water-minus-outline:before {
  content: "󱔇";
}
.mdi-water-off:before {
  content: "󰖍";
}
.mdi-water-off-outline:before {
  content: "󱔈";
}
.mdi-water-opacity:before {
  content: "󱡕";
}
.mdi-water-outline:before {
  content: "󰸊";
}
.mdi-water-percent:before {
  content: "󰖎";
}
.mdi-water-percent-alert:before {
  content: "󱔉";
}
.mdi-water-plus:before {
  content: "󱔊";
}
.mdi-water-plus-outline:before {
  content: "󱔋";
}
.mdi-water-polo:before {
  content: "󱊠";
}
.mdi-water-pump:before {
  content: "󰖏";
}
.mdi-water-pump-off:before {
  content: "󰾓";
}
.mdi-water-remove:before {
  content: "󱔌";
}
.mdi-water-remove-outline:before {
  content: "󱔍";
}
.mdi-water-sync:before {
  content: "󱟆";
}
.mdi-water-thermometer:before {
  content: "󱪅";
}
.mdi-water-thermometer-outline:before {
  content: "󱪆";
}
.mdi-water-well:before {
  content: "󱁫";
}
.mdi-water-well-outline:before {
  content: "󱁬";
}
.mdi-waterfall:before {
  content: "󱡉";
}
.mdi-watering-can:before {
  content: "󱒁";
}
.mdi-watering-can-outline:before {
  content: "󱒂";
}
.mdi-watermark:before {
  content: "󰘒";
}
.mdi-wave:before {
  content: "󰼮";
}
.mdi-wave-arrow-down:before {
  content: "󱲰";
}
.mdi-wave-arrow-up:before {
  content: "󱲱";
}
.mdi-wave-undercurrent:before {
  content: "󱳀";
}
.mdi-waveform:before {
  content: "󱑽";
}
.mdi-waves:before {
  content: "󰞍";
}
.mdi-waves-arrow-left:before {
  content: "󱡙";
}
.mdi-waves-arrow-right:before {
  content: "󱡚";
}
.mdi-waves-arrow-up:before {
  content: "󱡛";
}
.mdi-waze:before {
  content: "󰯞";
}
.mdi-weather-cloudy:before {
  content: "󰖐";
}
.mdi-weather-cloudy-alert:before {
  content: "󰼯";
}
.mdi-weather-cloudy-arrow-right:before {
  content: "󰹮";
}
.mdi-weather-cloudy-clock:before {
  content: "󱣶";
}
.mdi-weather-dust:before {
  content: "󱭚";
}
.mdi-weather-fog:before {
  content: "󰖑";
}
.mdi-weather-hail:before {
  content: "󰖒";
}
.mdi-weather-hazy:before {
  content: "󰼰";
}
.mdi-weather-hurricane:before {
  content: "󰢘";
}
.mdi-weather-hurricane-outline:before {
  content: "󱱸";
}
.mdi-weather-lightning:before {
  content: "󰖓";
}
.mdi-weather-lightning-rainy:before {
  content: "󰙾";
}
.mdi-weather-moonset:before {
  content: "󱴕";
}
.mdi-weather-moonset-down:before {
  content: "󱴖";
}
.mdi-weather-moonset-up:before {
  content: "󱴗";
}
.mdi-weather-night:before {
  content: "󰖔";
}
.mdi-weather-night-partly-cloudy:before {
  content: "󰼱";
}
.mdi-weather-partly-cloudy:before {
  content: "󰖕";
}
.mdi-weather-partly-lightning:before {
  content: "󰼲";
}
.mdi-weather-partly-rainy:before {
  content: "󰼳";
}
.mdi-weather-partly-snowy:before {
  content: "󰼴";
}
.mdi-weather-partly-snowy-rainy:before {
  content: "󰼵";
}
.mdi-weather-pouring:before {
  content: "󰖖";
}
.mdi-weather-rainy:before {
  content: "󰖗";
}
.mdi-weather-snowy:before {
  content: "󰖘";
}
.mdi-weather-snowy-heavy:before {
  content: "󰼶";
}
.mdi-weather-snowy-rainy:before {
  content: "󰙿";
}
.mdi-weather-sunny:before {
  content: "󰖙";
}
.mdi-weather-sunny-alert:before {
  content: "󰼷";
}
.mdi-weather-sunny-off:before {
  content: "󱓤";
}
.mdi-weather-sunset:before {
  content: "󰖚";
}
.mdi-weather-sunset-down:before {
  content: "󰖛";
}
.mdi-weather-sunset-up:before {
  content: "󰖜";
}
.mdi-weather-tornado:before {
  content: "󰼸";
}
.mdi-weather-windy:before {
  content: "󰖝";
}
.mdi-weather-windy-variant:before {
  content: "󰖞";
}
.mdi-web:before {
  content: "󰖟";
}
.mdi-web-box:before {
  content: "󰾔";
}
.mdi-web-cancel:before {
  content: "󱞐";
}
.mdi-web-check:before {
  content: "󰞉";
}
.mdi-web-clock:before {
  content: "󱉊";
}
.mdi-web-minus:before {
  content: "󱂠";
}
.mdi-web-off:before {
  content: "󰪎";
}
.mdi-web-plus:before {
  content: "󰀳";
}
.mdi-web-refresh:before {
  content: "󱞑";
}
.mdi-web-remove:before {
  content: "󰕑";
}
.mdi-web-sync:before {
  content: "󱞒";
}
.mdi-webcam:before {
  content: "󰖠";
}
.mdi-webcam-off:before {
  content: "󱜷";
}
.mdi-webhook:before {
  content: "󰘯";
}
.mdi-webpack:before {
  content: "󰜫";
}
.mdi-webrtc:before {
  content: "󱉈";
}
.mdi-wechat:before {
  content: "󰘑";
}
.mdi-weight:before {
  content: "󰖡";
}
.mdi-weight-gram:before {
  content: "󰴿";
}
.mdi-weight-kilogram:before {
  content: "󰖢";
}
.mdi-weight-lifter:before {
  content: "󱅝";
}
.mdi-weight-pound:before {
  content: "󰦵";
}
.mdi-whatsapp:before {
  content: "󰖣";
}
.mdi-wheel-barrow:before {
  content: "󱓲";
}
.mdi-wheelchair:before {
  content: "󱪇";
}
.mdi-wheelchair-accessibility:before {
  content: "󰖤";
}
.mdi-whistle:before {
  content: "󰦶";
}
.mdi-whistle-outline:before {
  content: "󱊼";
}
.mdi-white-balance-auto:before {
  content: "󰖥";
}
.mdi-white-balance-incandescent:before {
  content: "󰖦";
}
.mdi-white-balance-iridescent:before {
  content: "󰖧";
}
.mdi-white-balance-sunny:before {
  content: "󰖨";
}
.mdi-widgets:before {
  content: "󰜬";
}
.mdi-widgets-outline:before {
  content: "󱍕";
}
.mdi-wifi:before {
  content: "󰖩";
}
.mdi-wifi-alert:before {
  content: "󱚵";
}
.mdi-wifi-arrow-down:before {
  content: "󱚶";
}
.mdi-wifi-arrow-left:before {
  content: "󱚷";
}
.mdi-wifi-arrow-left-right:before {
  content: "󱚸";
}
.mdi-wifi-arrow-right:before {
  content: "󱚹";
}
.mdi-wifi-arrow-up:before {
  content: "󱚺";
}
.mdi-wifi-arrow-up-down:before {
  content: "󱚻";
}
.mdi-wifi-cancel:before {
  content: "󱚼";
}
.mdi-wifi-check:before {
  content: "󱚽";
}
.mdi-wifi-cog:before {
  content: "󱚾";
}
.mdi-wifi-lock:before {
  content: "󱚿";
}
.mdi-wifi-lock-open:before {
  content: "󱛀";
}
.mdi-wifi-marker:before {
  content: "󱛁";
}
.mdi-wifi-minus:before {
  content: "󱛂";
}
.mdi-wifi-off:before {
  content: "󰖪";
}
.mdi-wifi-plus:before {
  content: "󱛃";
}
.mdi-wifi-refresh:before {
  content: "󱛄";
}
.mdi-wifi-remove:before {
  content: "󱛅";
}
.mdi-wifi-settings:before {
  content: "󱛆";
}
.mdi-wifi-star:before {
  content: "󰸋";
}
.mdi-wifi-strength-1:before {
  content: "󰤟";
}
.mdi-wifi-strength-1-alert:before {
  content: "󰤠";
}
.mdi-wifi-strength-1-lock:before {
  content: "󰤡";
}
.mdi-wifi-strength-1-lock-open:before {
  content: "󱛋";
}
.mdi-wifi-strength-2:before {
  content: "󰤢";
}
.mdi-wifi-strength-2-alert:before {
  content: "󰤣";
}
.mdi-wifi-strength-2-lock:before {
  content: "󰤤";
}
.mdi-wifi-strength-2-lock-open:before {
  content: "󱛌";
}
.mdi-wifi-strength-3:before {
  content: "󰤥";
}
.mdi-wifi-strength-3-alert:before {
  content: "󰤦";
}
.mdi-wifi-strength-3-lock:before {
  content: "󰤧";
}
.mdi-wifi-strength-3-lock-open:before {
  content: "󱛍";
}
.mdi-wifi-strength-4:before {
  content: "󰤨";
}
.mdi-wifi-strength-4-alert:before {
  content: "󰤩";
}
.mdi-wifi-strength-4-lock:before {
  content: "󰤪";
}
.mdi-wifi-strength-4-lock-open:before {
  content: "󱛎";
}
.mdi-wifi-strength-alert-outline:before {
  content: "󰤫";
}
.mdi-wifi-strength-lock-open-outline:before {
  content: "󱛏";
}
.mdi-wifi-strength-lock-outline:before {
  content: "󰤬";
}
.mdi-wifi-strength-off:before {
  content: "󰤭";
}
.mdi-wifi-strength-off-outline:before {
  content: "󰤮";
}
.mdi-wifi-strength-outline:before {
  content: "󰤯";
}
.mdi-wifi-sync:before {
  content: "󱛇";
}
.mdi-wikipedia:before {
  content: "󰖬";
}
.mdi-wind-power:before {
  content: "󱪈";
}
.mdi-wind-power-outline:before {
  content: "󱪉";
}
.mdi-wind-turbine:before {
  content: "󰶥";
}
.mdi-wind-turbine-alert:before {
  content: "󱦫";
}
.mdi-wind-turbine-check:before {
  content: "󱦬";
}
.mdi-window-close:before {
  content: "󰖭";
}
.mdi-window-closed:before {
  content: "󰖮";
}
.mdi-window-closed-variant:before {
  content: "󱇛";
}
.mdi-window-maximize:before {
  content: "󰖯";
}
.mdi-window-minimize:before {
  content: "󰖰";
}
.mdi-window-open:before {
  content: "󰖱";
}
.mdi-window-open-variant:before {
  content: "󱇜";
}
.mdi-window-restore:before {
  content: "󰖲";
}
.mdi-window-shutter:before {
  content: "󱄜";
}
.mdi-window-shutter-alert:before {
  content: "󱄝";
}
.mdi-window-shutter-auto:before {
  content: "󱮣";
}
.mdi-window-shutter-cog:before {
  content: "󱪊";
}
.mdi-window-shutter-open:before {
  content: "󱄞";
}
.mdi-window-shutter-settings:before {
  content: "󱪋";
}
.mdi-windsock:before {
  content: "󱗺";
}
.mdi-wiper:before {
  content: "󰫩";
}
.mdi-wiper-wash:before {
  content: "󰶦";
}
.mdi-wiper-wash-alert:before {
  content: "󱣟";
}
.mdi-wizard-hat:before {
  content: "󱑷";
}
.mdi-wordpress:before {
  content: "󰖴";
}
.mdi-wrap:before {
  content: "󰖶";
}
.mdi-wrap-disabled:before {
  content: "󰯟";
}
.mdi-wrench:before {
  content: "󰖷";
}
.mdi-wrench-check:before {
  content: "󱮏";
}
.mdi-wrench-check-outline:before {
  content: "󱮐";
}
.mdi-wrench-clock:before {
  content: "󱦣";
}
.mdi-wrench-clock-outline:before {
  content: "󱮓";
}
.mdi-wrench-cog:before {
  content: "󱮑";
}
.mdi-wrench-cog-outline:before {
  content: "󱮒";
}
.mdi-wrench-outline:before {
  content: "󰯠";
}
.mdi-xamarin:before {
  content: "󰡅";
}
.mdi-xml:before {
  content: "󰗀";
}
.mdi-xmpp:before {
  content: "󰟿";
}
.mdi-yahoo:before {
  content: "󰭏";
}
.mdi-yeast:before {
  content: "󰗁";
}
.mdi-yin-yang:before {
  content: "󰚀";
}
.mdi-yoga:before {
  content: "󱅼";
}
.mdi-youtube:before {
  content: "󰗃";
}
.mdi-youtube-gaming:before {
  content: "󰡈";
}
.mdi-youtube-studio:before {
  content: "󰡇";
}
.mdi-youtube-subscription:before {
  content: "󰵀";
}
.mdi-youtube-tv:before {
  content: "󰑈";
}
.mdi-yurt:before {
  content: "󱔖";
}
.mdi-z-wave:before {
  content: "󰫪";
}
.mdi-zend:before {
  content: "󰫫";
}
.mdi-zigbee:before {
  content: "󰵁";
}
.mdi-zip-box:before {
  content: "󰗄";
}
.mdi-zip-box-outline:before {
  content: "󰿺";
}
.mdi-zip-disk:before {
  content: "󰨣";
}
.mdi-zodiac-aquarius:before {
  content: "󰩽";
}
.mdi-zodiac-aries:before {
  content: "󰩾";
}
.mdi-zodiac-cancer:before {
  content: "󰩿";
}
.mdi-zodiac-capricorn:before {
  content: "󰪀";
}
.mdi-zodiac-gemini:before {
  content: "󰪁";
}
.mdi-zodiac-leo:before {
  content: "󰪂";
}
.mdi-zodiac-libra:before {
  content: "󰪃";
}
.mdi-zodiac-pisces:before {
  content: "󰪄";
}
.mdi-zodiac-sagittarius:before {
  content: "󰪅";
}
.mdi-zodiac-scorpio:before {
  content: "󰪆";
}
.mdi-zodiac-taurus:before {
  content: "󰪇";
}
.mdi-zodiac-virgo:before {
  content: "󰪈";
}
.mdi-blank:before {
  content: "";
  visibility: hidden;
}
.mdi-18px.mdi-set,
.mdi-18px.mdi:before {
  font-size: 18px;
}
.mdi-24px.mdi-set,
.mdi-24px.mdi:before {
  font-size: 24px;
}
.mdi-36px.mdi-set,
.mdi-36px.mdi:before {
  font-size: 36px;
}
.mdi-48px.mdi-set,
.mdi-48px.mdi:before {
  font-size: 48px;
}
.mdi-dark:before {
  color: #0000008a;
}
.mdi-dark.mdi-inactive:before {
  color: #00000042;
}
.mdi-light:before {
  color: #fff;
}
.mdi-light.mdi-inactive:before {
  color: #ffffff4d;
}
.mdi-rotate-45:before {
  transform: rotate(45deg);
}
.mdi-rotate-90:before {
  transform: rotate(90deg);
}
.mdi-rotate-135:before {
  transform: rotate(135deg);
}
.mdi-rotate-180:before {
  transform: rotate(180deg);
}
.mdi-rotate-225:before {
  transform: rotate(225deg);
}
.mdi-rotate-270:before {
  transform: rotate(270deg);
}
.mdi-rotate-315:before {
  transform: rotate(315deg);
}
.mdi-flip-h:before {
  filter: FlipH;
  -ms-filter: "FlipH";
  transform: scaleX(-1);
}
.mdi-flip-v:before {
  filter: FlipV;
  -ms-filter: "FlipV";
  transform: scaleY(-1);
}
.mdi-spin:before {
  animation: mdi-spin 2s linear infinite;
}
@keyframes mdi-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
.slide-up-and-scale-enter-active,
.slide-up-and-scale-leave-active {
  transition: all 0.5s ease-out;
}
.slide-up-enter-active,
.slide-up-leave-active {
  position: absolute;
  transition: all 0.3s ease-out;
}
.slide-up-enter-from {
  opacity: 0;
  transform: translateY(-80px);
}
.slide-up-leave-to {
  opacity: 0;
  transform: translateY(80px);
}
.slide-up-and-scale-enter-form,
.slide-up-and-scale-leave-to {
  max-height: 0 !important;
  opacity: 0;
}
.sponsored-line-list-container {
  max-height: 200px;
  overflow: hidden !important;
  transition: all 0.5s ease-out;
}
.m-list-header-rss-container {
  position: absolute;
  right: 0;
}
.sub-brand-list-container {
  display: block !important;
  text-align: center;
}
@media screen and (min-width: 376px) {
  .s-list-header-rss-container {
    display: none;
  }
  .m-list-header-rss-container {
    display: flex;
  }
}
@media screen and (max-width: 375px) {
  .s-list-header-rss-container {
    display: inline-block;
    margin-top: 5px;
  }
  .m-list-header-rss-container {
    display: none;
  }
}
.youtube-embed {
  text-align: center;
}
.youtube-embed iframe.landscape {
  aspect-ratio: 16/9;
  width: 100%;
}
.youtube-embed iframe.portrait {
  aspect-ratio: 9/16;
  width: 50% !important;
}
.ti-tag-input[data-v-2186cfe9] {
  background-color: transparent;
  border: none;
  color: inherit;
  display: flex;
  line-height: inherit;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ti-tag-input[data-v-2186cfe9]::-ms-clear {
  display: none;
}
input[data-v-2186cfe9]:focus {
  outline: none;
}
input[disabled][data-v-2186cfe9] {
  background-color: transparent;
}
[class*=" ti-icon-"][data-v-1310fa2e],
[class^="ti-icon-"][data-v-1310fa2e] {
  speak: none;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ti-icon-check[data-v-1310fa2e]:before {
  content: "";
}
.ti-icon-close[data-v-1310fa2e]:before {
  content: "";
}
.ti-icon-undo[data-v-1310fa2e]:before {
  content: "";
}
ul[data-v-1310fa2e] {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
[data-v-1310fa2e],
[data-v-1310fa2e]:after,
[data-v-1310fa2e]:before {
  box-sizing: border-box;
}
input[data-v-1310fa2e]:focus {
  outline: none;
}
input[disabled][data-v-1310fa2e] {
  background-color: transparent;
}
.vue-tags-input[data-v-1310fa2e] {
  background-color: #fff;
  max-width: 450px;
  position: relative;
}
div.vue-tags-input.disabled[data-v-1310fa2e] {
  opacity: 0.5;
}
div.vue-tags-input.disabled[data-v-1310fa2e] * {
  cursor: default;
}
.ti-input[data-v-1310fa2e] {
  border: 1px solid #ccc;
  padding: 4px;
}
.ti-input[data-v-1310fa2e],
.ti-tags[data-v-1310fa2e] {
  display: flex;
  flex-wrap: wrap;
}
.ti-tags[data-v-1310fa2e] {
  line-height: 1em;
  width: 100%;
}
.ti-tag[data-v-1310fa2e] {
  background-color: #5c6bc0;
  border-radius: 2px;
  color: #fff;
  display: flex;
  font-size: 0.85em;
  margin: 2px;
  padding: 3px 5px;
}
.ti-tag[data-v-1310fa2e]:focus {
  outline: none;
}
.ti-tag .ti-content[data-v-1310fa2e] {
  align-items: center;
  display: flex;
}
.ti-tag .ti-content .handle[data-v-1310fa2e] {
  cursor: grab;
  font-weight: 700;
}
.ti-tag .ti-content .handle[data-v-1310fa2e]:active {
  cursor: grabbing;
}
.ti-tag .ti-tag-center[data-v-1310fa2e] {
  position: relative;
}
.ti-tag span[data-v-1310fa2e] {
  line-height: 0.85em;
}
.ti-tag span.ti-hidden[data-v-1310fa2e] {
  height: 0;
  padding-left: 14px;
  visibility: hidden;
  white-space: pre;
}
.ti-tag .ti-actions[data-v-1310fa2e] {
  align-items: center;
  display: flex;
  font-size: 1.15em;
  margin-left: 2px;
}
.ti-tag .ti-actions i[data-v-1310fa2e] {
  cursor: pointer;
}
.ti-tag[data-v-1310fa2e]:last-child {
  margin-right: 4px;
}
.ti-tag.ti-invalid[data-v-1310fa2e],
.ti-tag.ti-tag.ti-deletion-mark[data-v-1310fa2e] {
  background-color: #e54d42;
}
.ti-tag.ghost-tag[data-v-1310fa2e] {
  background: #f6ff72;
  border: 1px solid #b6b6b6;
  opacity: 0.5;
}
.ti-new-tag-input-wrapper[data-v-1310fa2e] {
  display: flex;
  flex: 1 0 auto;
  font-size: 0.85em;
  margin: 2px;
  padding: 3px 5px;
}
.ti-new-tag-input-wrapper input[data-v-1310fa2e] {
  border: none;
  flex: 1 0 auto;
  margin: 0;
  min-width: 100px;
  padding: 0;
}
.ti-new-tag-input[data-v-1310fa2e] {
  line-height: normal;
}
.ti-autocomplete[data-v-1310fa2e] {
  background-color: #fff;
  border: 1px solid #ccc;
  border-top: none;
  position: absolute;
  width: 100%;
  z-index: 20;
}
.ti-item > div[data-v-1310fa2e] {
  cursor: pointer;
  padding: 3px 6px;
  width: 100%;
}
.ti-selected-item[data-v-1310fa2e] {
  background-color: #5c6bc0;
  color: #fff;
}
.flip-list-move[data-v-1310fa2e] {
  transition: transform 0.5s;
}
.article-tab-list-enter-active,
.article-tab-list-leave-active,
.article-tab-list-move {
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}
.article-tab-list-enter,
.article-tab-list-leave-to {
  font-size: 3px;
  opacity: 0;
  scale: 0 1;
  width: 0 !important;
}
.article-tab-list-leave-to {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.fade-leave-active,
.fade-list-highlight-enter-active {
  transition: opacity 0.6s;
}
.fade-list-highlight-enter,
.fade-list-highlight-leave-to {
  opacity: 0;
}
.tag--cl--container {
  display: grid;
  height: 30px;
  overflow: hidden;
  position: relative;
}
.slide-out-list-highlight-enter-active,
.slide-out-list-highlight-leave-active {
  position: absolute !important;
  transition: all 0.3s ease-out !important;
}
.slide-out-list-highlight-enter-from {
  opacity: 0;
  transform: translateY(-30px) !important;
}
.slide-out-list-highlight-leave-to {
  opacity: 0;
  transform: translateY(30px) !important;
}
.list__highlight__item__img {
  position: relative;
}
.list-highlight-main-image-enter-active,
.list-highlight-main-image-leave-active {
  height: 100%;
  position: absolute !important;
  transition: all 0.3s ease-out !important;
  width: 100%;
}
.list-highlight-main-image-enter-from,
.list-highlight-main-image-leave-to {
  opacity: 0;
}
.ov24-box {
  border: 1px solid var(--color-gray-mid-light);
  border-radius: 5px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  position: relative;
  transition: var(--theme), var(--theme-border);
}
.ov24-box:after,
.ov24-box:before {
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  z-index: 2;
}
.ov24-box:before {
  border-bottom: 100px solid #0d4f9f;
  border-left: 30px solid transparent;
  border-right: 0 solid transparent;
  right: calc(50% - 15px);
}
.ov24-box:after {
  border-left: 0 solid transparent;
  border-right: 30px solid transparent;
  border-top: 100px solid #24874d;
  left: calc(50% - 15px);
}
.ov24-box__item {
  height: 76px;
  width: 100%;
}
.ov24-box__item--ov {
  background: #24874d;
}
.ov24-box__item--ep {
  background: #0d4f9f;
}
.ov24-box__content {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transition: background-image 0.3s;
  z-index: 3;
}
.ov24-box__content--ov {
  background-image: url(../images/ov2024.svg);
  height: 56px;
  left: 25%;
  transform: translate(-50%) translateY(-50%);
  width: 56px;
}
.ov24-box__content--ep {
  background-image: url(../images/ep2024.svg);
  height: 27px;
  right: 25%;
  transform: translate(50%) translateY(-50%);
  width: 107px;
}
.spotify-embed iframe {
  width: 100%;
}
.fb-box {
  align-items: center;
  background: #4267b2;
  background: linear-gradient(150deg, #4267b2, #1877f2 70%);
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 0 30px;
  padding: 20px;
}
.fb-box:hover {
  background: linear-gradient(63deg, #4267b2, #1877f2);
}
.fb-box .fb-icon {
  fill: #4267b2;
  width: 20px;
}
.fb-box__info {
  color: var(--white);
  cursor: default;
  font-size: 0.9rem;
  font-weight: var(--medium);
  margin: 15px 0;
  text-align: center;
}
.fb-box__btn {
  align-items: center;
  background: var(--white);
  color: #4267b2;
  display: flex;
  font-weight: var(--bold);
  height: 40px;
  justify-content: center;
  padding: 0 !important;
  width: 100%;
}
.fb-box__btn--like .fb-icon {
  transform: translate(2px);
  width: 22px;
}
.fb-box__btn span {
  margin: 0 0 0 7px;
}
.fb-box__btn img {
  height: 20px;
  width: 20px;
}
.fb-box__buttons {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  grid-gap: 10px;
  width: 100%;
}
.fb-box__logo {
  margin-inline: auto;
  width: 110px;
}
.fb-box__logo img,
.fb-box__logo svg {
  width: 100%;
  fill: var(--white);
}
.fb-box--szepkilatas {
  width: 180px;
}
.fb-box--after {
  width: 130px;
}
.fb-box--eszkombajn {
  height: 86px;
  width: 130px;
}
@media screen and (min-width: 768px) {
  .fb-box--eszkombajn {
    height: 106px;
    width: 160px;
  }
}
.fb-box--g7 {
  width: 70px;
}
.fb-box img {
  background: transparent !important;
}
table[data-v-d9336470] {
  font-size: smaller;
  width: 100%;
}
tr[data-v-d9336470]:nth-child(2n) {
  background-color: #f2f2f2;
}
td[data-v-d9336470],
th[data-v-d9336470] {
  padding: 0 !important;
  text-align: center;
}
td[data-v-d9336470] {
  border: none !important;
}
.soccer-box--timetable li {
  list-style-type: none !important;
}
.rotate-180[data-v-a310a755] {
  background: #ff0;
  transform: rotate(180deg);
}
.rotate-0[data-v-a310a755] {
  background: #9acd32;
}
.list-gfx {
  display: grid;
  margin: 10px 0;
  place-content: center;
}
.list-gfx--usa2024,
.list-gfx--usa2024__content {
  height: 100%;
  position: relative;
  width: 100%;
}
.list-gfx--usa2024__content {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr;
  z-index: 2;
  grid-gap: -20px;
  background: var(--color-bg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  max-width: 500px;
  transition: var(--theme);
}
@media screen and (min-width: 360px) {
  .list-gfx--usa2024__content {
    padding: 0 30px;
  }
}
@media screen and (min-width: 768px) {
  .list-gfx--usa2024__content {
    width: 50vw;
  }
}
.list-gfx--usa2024__content:before {
  background-image: url(../images/usa2024-trump.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 70px;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  z-index: 3;
}
@media screen and (min-width: 360px) {
  .list-gfx--usa2024__content:before {
    left: 30px;
  }
}
@media screen and (min-width: 1000px) {
  .list-gfx--usa2024__content:before {
    height: 100px;
    width: 100px;
  }
}
.list-gfx--usa2024__content:after {
  background-image: url(../images/usa2024-kamala.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 70px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  z-index: 3;
}
@media screen and (min-width: 360px) {
  .list-gfx--usa2024__content:after {
    right: 30px;
  }
}
@media screen and (min-width: 1000px) {
  .list-gfx--usa2024__content:after {
    height: 100px;
    width: 100px;
  }
}
.list-gfx--usa2024__typo {
  fill: var(--color-usa2024);
  transition: var(--theme-fill);
}
.list-gfx--usa2024:before {
  background: #24469f;
  content: "";
  display: none;
  height: 5px;
  left: 0;
  position: absolute;
  top: 38%;
  transform: translateY(50%);
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 500px) {
  .list-gfx--usa2024:before {
    display: block;
  }
}
@media screen and (min-width: 1000px) {
  .list-gfx--usa2024:before {
    height: 7px;
  }
}
.list-gfx--usa2024:after {
  background: #ea3939;
  bottom: 38%;
  content: "";
  display: none;
  height: 5px;
  left: 0;
  position: absolute;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}
@media screen and (min-width: 500px) {
  .list-gfx--usa2024:after {
    display: block;
  }
}
@media screen and (min-width: 1000px) {
  .list-gfx--usa2024:after {
    height: 7px;
  }
}
.error_container {
  height: 100vh;
  min-height: 75vh;
  text-align: center;
  width: 100vw;
  z-index: -1;
}
.error_block,
.error_container {
  align-items: center;
  display: flex;
  justify-content: center;
}
.error_block {
  background: #fff;
  border-radius: 9px;
  height: -moz-max-content;
  height: max-content;
  max-width: calc(100vw - 30px);
}
@media screen and (min-width: 500px) {
  .error_block {
    max-width: 350px;
    min-height: auto;
  }
}
.error_elements {
  align-items: center;
  border-radius: 9px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 15px 20px;
  width: 100%;
}
.error_image {
  height: auto;
  width: 60%;
}
@media screen and (min-width: 500px) {
  .error_image {
    width: 80%;
  }
}
.error_lead,
.error_title {
  color: #000;
  font-family: var(--sans);
  font-size: 14px;
  line-height: 22px;
  width: 100%;
}
.error_title {
  font-size: 1.1rem;
  font-weight: var(--bold);
  line-height: 1.4;
}
@media screen and (min-width: 500px) {
  .error_title {
    font-size: 1.3rem;
  }
}
.error_lead {
  font-size: 0.9rem;
  font-weight: var(--medium);
}
.home_btn {
  background-color: var(--secondary);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-family: var(--sans);
  font-size: 0.88rem;
  font-weight: var(--bold);
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  width: auto;
}
.home_btn:active,
.home_btn:hover {
  animation: mymove 5s infinite;
  cursor: pointer;
}
.home_btn:active {
  transform: translateY(2px);
  transition: 0.2s;
}
@keyframes mymove {
  0% {
    background-color: #135;
  }
  50% {
    background-color: #096;
  }
  to {
    background-color: #135;
  }
}
@keyframes hue-rotate {
  0% {
    filter: hue-rotate(0);
  }
  to {
    filter: hue-rotate(1turn);
  }
}

.nav-one {
  transform: translate3d(0, -102%, 0);
}


@media(max-width: 768px) {
.main .navigation--widgets {
    display: none;
}




.nav-two {}


}



.comment{
	display:grid;
	grid-template-columns: 50px 1fr;
	gap:12px;
	padding:12px 0;
  border-bottom:1px solid #eee;
	/* font-family: "Roboto"; */
	color:#111;
	max-width:640px;
}



.comment.no-border {
	 border-bottom: none;
}

/* avatar */
.comment__avatar img{
	width:50px; height:50px; border-radius:50%; display:block;
	background:#e9ecef;
}

/* header */
.comment__header{
	font-size:12px; line-height:1.2; margin-top:2px; color:#616161;
}
.comment__author{
	font-size: 16px;font-weight:bold; color:#111;
}
.comment__dot{ margin:0 3px; }

/* content */
.comment__content{
	margin-top:6px;
	font-size:17px;
	line-height:1.3;
	font-weight: normal;
}

/* footer */
.comment__footer{
	margin-top:10px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:8px;
}

.comment__actions-left,
.comment__actions-right{
	display:flex; align-items:center; gap:10px;
	font-size: 11px;
    color: #bababa;
    text-transform: uppercase;
}
.reply {
	padding-left: 15px;
    border-left: 3px solid #096;
}